/* * Shared theme styles. * * The two landing pages are styled by styles.css. This file adds the * theme-level site footer and readable, on-brand styling for ordinary * (non-landing) pages such as Terms of Use or Privacy. */ /* --- Site footer (all pages) --- */ .site-footer { background: var(--light-green); padding: 40px 24px; } .site-footer-inner { max-width: var(--max-width); margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; } .site-footer-logo { width: 130px; height: auto; } .site-footer-nav { display: flex; } .site-footer-menu { display: flex; flex-wrap: wrap; gap: 24px; list-style: none; margin: 0; padding: 0; } .site-footer-menu a { color: var(--dark-green); font-weight: 700; font-size: 16px; } .site-footer-menu a:hover { text-decoration: underline; } .site-footer-copy { color: var(--dark-green); font-size: 15px; margin: 0; } /* --- Ordinary content pages (Terms, Privacy, etc.) --- */ /* These override the landing-specific base rules (25px navy paragraphs, uppercase Bebas headings) so normal content is comfortable to read, while staying in the brand palette. */ .page-content { max-width: 800px; margin: 0 auto; padding: 64px 24px 88px; } .page-content > *:first-child { margin-top: 0; } .page-content h1, .page-content h2, .page-content h3, .page-content h4 { font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: var(--dark-green); text-transform: none; line-height: 1.2; margin: 1.4em 0 0.5em; } .page-content h1 { font-size: 40px; } .page-content h2 { font-size: 30px; } .page-content h3 { font-size: 23px; } .page-content h4 { font-size: 19px; } .page-content p, .page-content li { color: var(--text-body); font-size: 18px; line-height: 1.65; } .page-content p { margin: 0 0 1.1em; } .page-content ul, .page-content ol { margin: 0 0 1.1em; padding-left: 1.4em; } .page-content li { margin-bottom: 0.4em; } .page-content a { color: var(--purple); text-decoration: underline; } .page-content img { border-radius: 8px; } @media (max-width: 640px) { .page-content { padding: 40px 20px 56px; } .page-content h1 { font-size: 32px; } .page-content h2 { font-size: 25px; } .site-footer-inner { flex-direction: column; align-items: flex-start; } } /* Offset for the sticky header when jumping to in-page section anchors (works for same-page #anchors and cross-page links like /#benefits). styles.css already sets scroll-behavior: smooth on . */ html { scroll-padding-top: 130px; }