/* ============================================================
   Weber Advertising — "Liquid Glass" footer
   Complements css/nav-modern.css. Loaded AFTER min.css.
   Dark grey gradient + frosted-glass panel, white logo,
   red-gradient call button, glass social chips.
   ============================================================ */

footer.wa-footer{
  position:relative;
  background:linear-gradient(160deg,#2a2d31 0%,#1b1d20 68%,#131416 100%);
  color:#c4c9ce;
  font-family:'Inter',sans-serif;
  overflow:hidden;
  margin-top:70px;
}
/* soft red brand glow, top-right */
footer.wa-footer::before{
  content:"";
  position:absolute;
  top:-140px;right:-100px;
  width:420px;height:420px;
  background:radial-gradient(circle, rgba(229,10,45,.30), rgba(229,10,45,0) 70%);
  pointer-events:none;
}
/* faint cool glow, bottom-left */
footer.wa-footer::after{
  content:"";
  position:absolute;
  bottom:-160px;left:-120px;
  width:460px;height:460px;
  background:radial-gradient(circle, rgba(190,196,204,.12), rgba(190,196,204,0) 70%);
  pointer-events:none;
}
footer.wa-footer .wa-footer-inner{ position:relative; z-index:1; }

/* ---- Frosted glass panel ---- */
footer.wa-footer .wa-foot-glass{
  background:rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(16px) saturate(150%);
  backdrop-filter:blur(16px) saturate(150%);
  border:1px solid rgba(255,255,255,.14);
  border-radius:26px;
  padding:50px 46px;
  margin:60px 0 22px;
  box-shadow:0 24px 60px rgba(0,12,20,.40);
}

/* ---- Left column ---- */
footer.wa-footer .wa-foot-title{
  font-family:'Poppins',sans-serif;
  font-weight:800;
  font-size:42px;
  line-height:1.04;
  letter-spacing:-.015em;
  color:#fff;
  margin:0 0 22px;
}
footer.wa-footer .wa-foot-address{
  font-size:17px;
  line-height:1.55;
  color:#c4c9ce;
  margin:0 0 18px;
}
footer.wa-footer .wa-foot-call{
  font-family:'Poppins',sans-serif;
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:linear-gradient(135deg,#e50a2d,#ff5a3c);
  color:#fff;
  text-decoration:none;
  font-weight:700;
  font-size:18px;
  letter-spacing:.01em;
  padding:14px 30px;
  border-radius:44px;
  box-shadow:0 10px 26px rgba(229,10,45,.36);
  transition:transform .2s ease, box-shadow .2s ease;
}
footer.wa-footer .wa-foot-call:hover,
footer.wa-footer .wa-foot-call:focus{
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 14px 32px rgba(229,10,45,.48);
}
footer.wa-footer .wa-foot-call .glyphicon{ top:2px; }

/* ---- Section labels ---- */
footer.wa-footer .wa-foot-label{
  font-family:'Poppins',sans-serif;
  display:block;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:12px;
  font-weight:800;
  color:#9aa1a8;
  margin-bottom:14px;
}

/* ---- Social glass chips ---- */
footer.wa-footer .wa-foot-social{ margin-top:30px; }
footer.wa-footer .wa-foot-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;height:46px;
  margin:0 10px 0 0;
  border-radius:50%;
  color:#fff;
  font-size:18px;
  text-decoration:none;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
  transition:transform .2s ease, background .2s ease, border-color .2s ease;
}
footer.wa-footer .wa-foot-chip:hover,
footer.wa-footer .wa-foot-chip:focus{
  color:#fff;
  transform:translateY(-3px);
  background:linear-gradient(135deg,#e50a2d,#ff5a3c);
  border-color:transparent;
}

/* ---- Right column ---- */
footer.wa-footer .wa-foot-right{ text-align:left; }
footer.wa-footer .wa-foot-logo{ display:inline-block; }
footer.wa-footer .wa-foot-logo img{
  height:50px;
  width:auto;
  margin-bottom:16px;
}
/* Brand signature in the geared display face, stacked as three lines sized to
   match width (owner feedback). Each <span> is its own line; the per-line
   font-size is tuned so "We Get" / "Stuff" / "Done." come out the same width. */
footer.wa-footer .wa-foot-tagline{
  margin:0 0 26px;
  line-height:.92;
  color:#eef0f2;
  letter-spacing:.01em;
  text-transform:uppercase;   /* owner feedback: all caps, no period */
}
footer.wa-footer .wa-foot-tagline span{ display:block; }
footer.wa-footer .wa-foot-tagline span:nth-child(1){ font-size:34px; }   /* WE GET */
footer.wa-footer .wa-foot-tagline span:nth-child(2){ font-size:43px; }   /* STUFF  */
footer.wa-footer .wa-foot-tagline span:nth-child(3){ font-size:52px; }   /* DONE   */
footer.wa-footer .wa-foot-news .recent-footer-posts{
  list-style:none;
  padding:0;
  margin:0;
}
footer.wa-footer .recent-footer-posts li{
  margin-bottom:10px;
  line-height:1.3;
}
footer.wa-footer .recent-footer-posts a{
  color:#c4c9ce;
  text-decoration:none;
  font-size:15px;
  border-bottom:1px solid transparent;
  transition:color .15s ease, border-color .15s ease;
}
footer.wa-footer .recent-footer-posts a:hover{
  color:#fff;
  border-bottom-color:rgba(255,255,255,.45);
}

@media (min-width:992px){
  footer.wa-footer .wa-foot-right{ text-align:right; }
  footer.wa-footer .wa-foot-right .wa-foot-chip{ margin:0 0 0 10px; }
}

/* ---- Bottom bar ---- */
footer.wa-footer .wa-foot-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,.10);
  padding:20px 4px 34px;
}
footer.wa-footer .wa-foot-copy{
  font-size:13px;
  color:#9aa1a8;
  letter-spacing:.02em;
}
footer.wa-footer .wa-foot-cheese{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#9aa1a8;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:11px;
}
footer.wa-footer .wa-foot-cheese img{ height:22px; width:auto; }
footer.wa-footer .wa-foot-cheese:hover{ color:#fff; }

/* ---- Mobile ---- */
@media (max-width:768px){
  footer.wa-footer .wa-foot-glass{
    padding:34px 22px;
    border-radius:20px;
    margin:40px 0 18px;
  }
  footer.wa-footer .wa-foot-title{ font-size:30px; text-align:center; }
  footer.wa-footer .wa-foot-left,
  footer.wa-footer .wa-foot-right{ text-align:center; }
  footer.wa-footer .wa-foot-social{ margin-top:26px; }
  footer.wa-footer .wa-foot-chip{ margin:0 6px; }
  footer.wa-footer .wa-foot-right{ margin-top:34px; }
  footer.wa-footer .wa-foot-bottom{ justify-content:center; text-align:center; }
}

/* ============================================================
   Direction C restyle (site-wide). Flattens the frosted-glass
   footer into bold, open columns on a dark base with a crisp red
   accent and a solid-red call button. Same markup; placed last so
   these rules win over the glass styles above. Literal hex (no CSS
   vars) so it works on every page, not just the homepage.
   margin-top is only zeroed on nav-overlay pages (the homepage,
   whose dark CTA sits flush above); interior pages keep their gap.
   ============================================================ */
footer.wa-footer{ background:linear-gradient(180deg,#0d1014 0%,#0a161e 100%);
  color:#aeb6bd; border-top:3px solid #e50a2d; }
body.nav-overlay footer.wa-footer{ margin-top:0; }
footer.wa-footer::before{ top:-120px; right:-90px; width:380px; height:380px;
  background:radial-gradient(circle, rgba(229,10,45,.22), rgba(229,10,45,0) 70%); }
footer.wa-footer::after{ display:none; }
footer.wa-footer .wa-foot-glass{ background:transparent; -webkit-backdrop-filter:none; backdrop-filter:none;
  border:0; border-radius:0; box-shadow:none; padding:64px 0 30px; margin:0; }
footer.wa-footer .wa-foot-title{ font-weight:900; font-size:clamp(32px,4.4vw,52px);
  letter-spacing:-.02em; color:#fff; margin:0 0 20px; }
footer.wa-footer .wa-foot-address{ color:#aeb6bd; font-size:16px; }
footer.wa-footer .wa-foot-call{ background:#e50a2d; box-shadow:0 12px 28px rgba(229,10,45,.38); border-radius:48px; }
footer.wa-footer .wa-foot-call:hover, footer.wa-footer .wa-foot-call:focus{ background:#ff5a3c; box-shadow:0 16px 34px rgba(229,10,45,.5); }
footer.wa-footer .wa-foot-label{ color:#7f8893; }
footer.wa-footer .wa-foot-chip{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.16);
  -webkit-backdrop-filter:none; backdrop-filter:none; }
footer.wa-footer .wa-foot-chip:hover, footer.wa-footer .wa-foot-chip:focus{ background:#e50a2d; border-color:#e50a2d; transform:translateY(-3px); }
footer.wa-footer .wa-foot-tagline{ color:#eef0f2; }
footer.wa-footer .recent-footer-posts a{ color:#aeb6bd; }
footer.wa-footer .recent-footer-posts a:hover{ color:#fff; border-bottom-color:#e50a2d; }
footer.wa-footer .wa-foot-bottom{ border-top:1px solid rgba(255,255,255,.10); padding:22px 0 34px; }
footer.wa-footer .wa-foot-copy{ color:#7f8893; }
footer.wa-footer .wa-foot-cheese:hover{ color:#ff5a3c; }

/* Footer wayfinding nav (section hubs + the nonprofit page). Added 2026-06-30
   so every page is one click from the whole IA and the nonprofit page is no
   longer orphaned. Light links on the dark footer, wraps on small screens. */
footer.wa-footer .wa-foot-nav{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px 26px;
  /* Center the links vertically between the top rule and the bottom bar:
     equal padding above/below the links, no asymmetric bottom margin (owner
     flagged them hitting too far down). */
  margin:30px 0 0; padding:18px 0;
  border-top:1px solid rgba(255,255,255,.10);
  /* The footer nav is a <nav>, so the legacy bare-`nav` rule in custom.css
     (white gradient + drop shadow) would paint a white bar in the dark footer.
     Keep it transparent. */
  background:none; box-shadow:none;
}
footer.wa-footer .wa-foot-nav a{
  color:#c4c9ce; text-decoration:none;
  font-family:'Montserrat',sans-serif; font-weight:700; font-size:13px;
  letter-spacing:.06em; text-transform:uppercase;
  transition:color .18s ease;
}
footer.wa-footer .wa-foot-nav a:hover,
footer.wa-footer .wa-foot-nav a:focus{ color:#fff; }
@media (max-width:600px){
  footer.wa-footer .wa-foot-nav{ gap:10px 18px; }
}