/* ============================================================================
   The site footer — one file, every page.
   ----------------------------------------------------------------------------
   The site carried three different footers: a full one on nine pages, a
   three-link stub on the 41 city/guide/calculator pages, and a two-link scrap
   on the 404. The stub had no navigation at all, so the pages that bring in
   search traffic dead-ended there.

   Same discipline as header.css: inherits nothing, states everything.
   ========================================================================== */

#cdFoot{
  --cdf-max:1320px;
  background:#0E2740;
  color:#DCE6EE;
  font-family:'Hanken Grotesk',Arial,sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:1.6;
  letter-spacing:normal;
  text-align:left;
}
#cdFoot *,#cdFoot *::before,#cdFoot *::after{box-sizing:border-box!important;margin:0;padding:0;font-family:inherit}
#cdFoot .cdf-in{max-width:var(--cdf-max);margin:0 auto;padding:64px 28px 30px!important}
#cdFoot .cdf-brand{display:inline-flex;align-items:center;background:#FCFAF6;padding:12px 18px!important;border-radius:4px}
#cdFoot .cdf-brand img{height:52px!important;width:auto;display:block;border-radius:0!important}

#cdFoot .cdf-cols{display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr;gap:40px;margin-top:52px}
#cdFoot .cdf-col{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
#cdFoot .cdf-col b,#cdFoot .cdf-h{
  font-family:'Source Serif 4',Georgia,serif;
  font-weight:400;
  font-size:21px;
  line-height:1.15;
  color:#FCFAF6;
}
/* site.css (visualizer only) declares `footer a{display:block;font-size:14px;
   padding:4px 0}`, which put every link in the legal line on a row of its
   own and made that footer 140px taller than everywhere else. */
#cdFoot a{display:inline;padding:0;font-size:inherit;color:#DCE6EE;text-decoration:underline;text-underline-offset:3px}
#cdFoot .cdf-col a{font-size:16px}
#cdFoot a:hover{color:#FCFAF6}

#cdFoot form{display:flex;flex-direction:column;gap:14px;margin-top:16px;max-width:400px}
#cdFoot input[type=email]{border:none;background:#DDE4EA;padding:15px 16px!important;font-size:15.5px;color:#20242B;width:100%}
#cdFoot .cdf-sub{
  align-self:flex-end;background:#FCFAF6;color:#0E2740;border:none;border-radius:999px;
  padding:14px 34px!important;font-size:15.5px;font-weight:600;line-height:1;cursor:pointer;
  transition:background .25s;
}
#cdFoot .cdf-sub:hover{background:#E7DDCD}
#cdFoot .cdf-sub[disabled]{opacity:.6;cursor:default}
#cdFoot .cdf-said{font-size:15px;color:#9FD2A8}

#cdFoot .cdf-certs{display:flex;gap:18px;margin-top:26px;flex-wrap:wrap;align-items:center}
#cdFoot .cdf-certs img{height:44px!important;width:auto;object-fit:contain;background:#fff;padding:7px 9px!important;border-radius:4px}

#cdFoot .cdf-bar{
  margin-top:46px;padding-top:26px!important;border-top:1px solid #1D3D5C;
  display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;
}
#cdFoot .cdf-copy{font-size:14px;color:#8FA3B5}
#cdFoot .cdf-social{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
#cdFoot .cdf-social a{
  width:40px;height:40px;display:flex;align-items:center;justify-content:center;
  border-radius:50%;box-shadow:inset 0 0 0 1px #2E4D6B;
  transition:box-shadow .25s,transform .25s;
}
#cdFoot .cdf-social a:hover{box-shadow:inset 0 0 0 1px #FCFAF6;transform:translateY(-2px)}
#cdFoot .cdf-pay{display:flex;flex-direction:column;gap:8px;align-items:flex-end}
#cdFoot .cdf-pay .cdf-cards{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
#cdFoot .cdf-pay small{font-size:13px;color:#7C93A6}
#cdFoot .cdf-legal{margin-top:18px;font-size:13.5px;color:#7C93A6;line-height:1.7}

@media (max-width:900px){
  #cdFoot .cdf-cols{grid-template-columns:1fr 1fr;gap:32px}
  #cdFoot .cdf-bar{grid-template-columns:1fr;justify-items:center;text-align:center}
  #cdFoot .cdf-pay{align-items:center}
}
@media (max-width:600px){
  #cdFoot .cdf-in{padding:44px 16px 26px!important}
  #cdFoot .cdf-cols{grid-template-columns:1fr;gap:28px;margin-top:36px}
  #cdFoot form{max-width:none}
  #cdFoot .cdf-sub{align-self:stretch}
}
@media (prefers-reduced-motion:reduce){
  #cdFoot .cdf-social a,#cdFoot .cdf-sub{transition:none}
  #cdFoot .cdf-social a:hover{transform:none}
}