/* The legal pages (privacy, cookies, terms) are ordinary WordPress content on the Elementor Full Width template. That template emits the content with no wrapper at all - the paragraphs land as direct children of , unstyled and full-bleed. They are not Elementor documents, so no panel field can reach them. The .fas-legal wrapper is added in each page's own content. */ .fas-legal { max-width: 44rem; margin-inline: auto; padding: 5.5rem 1.5rem 6rem; color: #1A1A1E; font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 1rem; line-height: 1.72; } .fas-legal h1 { font-family: Archivo, Inter, sans-serif; font-weight: 800; font-size: clamp(2rem, 4.4vw, 2.75rem); line-height: 1.1; letter-spacing: -0.02em; margin: 0 0 1.25rem; } .fas-legal h2 { font-family: Archivo, Inter, sans-serif; font-weight: 800; font-size: 1.4rem; line-height: 1.25; letter-spacing: -0.01em; margin: 3rem 0 0.85rem; padding-top: 1.75rem; border-top: 1px solid rgba(26, 26, 30, 0.12); } .fas-legal h3 { font-family: Archivo, Inter, sans-serif; font-weight: 700; font-size: 1.075rem; margin: 2rem 0 0.6rem; } .fas-legal p { margin: 0 0 1.15rem; } .fas-legal ul { margin: 0 0 1.35rem; padding-left: 1.2rem; } .fas-legal li { margin-bottom: 0.5rem; } .fas-legal a { color: #E0312B; text-decoration: underline; text-underline-offset: 0.16em; text-decoration-thickness: 1px; } .fas-legal a:hover { color: #B8241F; } .fas-legal .fas-legal-updated { color: #5C5650; font-size: 0.875rem; margin-bottom: 2.25rem; } .fas-legal table { width: 100%; border-collapse: collapse; margin: 0 0 1.75rem; font-size: 0.9375rem; display: block; overflow-x: auto; } .fas-legal th, .fas-legal td { text-align: left; padding: 0.7rem 0.85rem; border-bottom: 1px solid rgba(26, 26, 30, 0.12); vertical-align: top; } .fas-legal th { font-family: Archivo, Inter, sans-serif; font-weight: 700; font-size: 0.8125rem; letter-spacing: 0.04em; text-transform: uppercase; color: #5C5650; border-bottom-width: 2px; white-space: nowrap; } .fas-legal code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.875em; background: rgba(26, 26, 30, 0.06); padding: 0.1em 0.4em; border-radius: 3px; } /* Complianz drops its consent control into the cookie page */ .fas-legal .cmplz-manage-consent-container, .fas-legal .cmplz-consent-checkbox { margin: 1.25rem 0 2rem; } @media (max-width: 767px) { .fas-legal { padding: 3.5rem 1.25rem 4rem; } .fas-legal h2 { margin-top: 2.25rem; font-size: 1.28rem; } } /* The site header is transparent by design - on every other page a dark hero sits behind it, so its white logo and nav read fine. These pages have a light background, which left the whole header invisible. Give it a solid dark bar here. :has() covers it without hardcoding ids; the ids are the fallback for older browsers. */ body:has(.fas-legal) .elementor-location-header, body.page-id-519 .elementor-location-header, body.page-id-520 .elementor-location-header, body.page-id-521 .elementor-location-header { background: #131017; } /* and keep the reading surface on the brand's warm bone rather than whatever the theme happens to default to */ body:has(.fas-legal), body.page-id-519, body.page-id-520, body.page-id-521 { background: #F7F4F0; }