/* Footer widget area — theme-neutral so it looks right on both the dark homepage/login pages and the light COPQ/Risk Identification pages. Loaded sitewide (see functions.php). */ .footer-widgets { margin-top: 2rem; padding-top: 2rem; border-top: 0.5px solid rgba(128,128,128,0.25); display: flex; flex-wrap: wrap; gap: 2.5rem; font-family: 'Space Grotesk', system-ui, sans-serif; font-size: 0.85rem; } .footer-widgets .footer-widget { min-width: 160px; } .footer-widgets .footer-widget-title { font-family: 'Space Mono', monospace; font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; opacity: 0.6; margin-bottom: 0.75rem; } .footer-widgets a { color: inherit; opacity: 0.75; text-decoration: none; } .footer-widgets a:hover { opacity: 1; text-decoration: underline; } .footer-widgets ul { list-style: none; margin: 0; padding: 0; } .footer-widgets li { margin-bottom: 0.5rem; } /* When logged into WordPress, the black admin toolbar ("Howdy, [user]") sits fixed at the very top of the browser at 32px tall (46px on mobile). The site's own nav is also fixed at top:0, so the two collide and the toolbar covers the top of the nav. Visitors who aren't logged in never see the admin toolbar, so this only matters while testing as admin. WordPress adds an "admin-bar" class to whenever the toolbar is showing — use that to push the nav down by exactly its height. */ .admin-bar nav { top: 32px; } @media screen and (max-width: 782px) { .admin-bar nav { top: 46px; } } /* Tool pages (COPQ Breakdown/Calculator, Risk Identification) have no pre-existing