/* ══════════════════════════════════════════════════════ Shared site footer — single source of truth for styling. The markup lives in partials/footer.html and is injected into every page by build-footer.js, between the / markers in each page's . To change the footer everywhere: - Markup/links → edit partials/footer.html - Styling → edit this file Then run `node build-footer.js` (or `npm run build`) once to regenerate every page. See README-footer.md for details. ══════════════════════════════════════════════════════ */ .footer { padding: 48px 32px 32px; border-top: 1px solid var(--hairline); } .footer__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 32px; } /* Same scale/token as the site's existing .grid-2__sub component, but defined here rather than relied on from a page's own stylesheet — not every page that uses this shared footer also has a .grid-2 section (terms-and-privacy doesn't), so the footer needs its own self-contained rule. */ .footer__heading { font-family: var(--font-heading); font-weight: 400; font-size: 1.5rem; color: var(--ink); margin-bottom: 10px; } .footer__counties { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; } .footer__county-link { font-family: var(--font-mono); font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--muted); text-decoration: none; border: 1px solid rgba(107,107,107,0.25); padding: 5px 10px; transition: border-color 0.15s, color 0.15s; } .footer__county-link:hover { color: var(--ink); border-color: rgba(107,107,107,0.55); } .footer__bottom { display: flex; align-items: center; justify-content: space-between; } .footer__logo { display: block; height: 22px; width: auto; } .footer__copy { font-family: var(--font-mono); font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--muted); } @media (max-width: 767px) { .footer { padding: 32px 20px 24px; } .footer__top { flex-direction: column; align-items: flex-start; gap: 8px; margin-bottom: 24px; } .footer__counties { gap: 6px; } .footer__county-link { padding: 8px 12px; font-size: 0.62rem; } .footer__bottom { flex-direction: column; align-items: flex-start; } }