/* PhD Animations Off v1.0.2 — final visible states for the theme's scroll/entrance reveal layer (LLG-Boilerplate). v1.0.1 adds: design-5 highlight-card + office page-hero insurance (their driver, page-hero.js, is dequeued in the plugin PHP — these rules are the belt-and-braces if the handle ever changes), and a footer locations legibility fix whose root cause is documented in its block below (a colour-cascade bug, not an animation). v1.0.2 adds: footer top-navigation link colours (same colour- cascade family, block at the end of this file). The page-hero.js removal itself moved to the plugin PHP in v1.0.2 (late-stage dequeue + output-buffer strip) after the v1.0.1 enqueue-phase dequeue proved to run before the theme registers that handle — no CSS change was needed for it; the design-5 / page-hero insurance rules below stay as the last line of defence. Every selector below is an element the reveal layer kept hidden (opacity: 0, a translate offset, or scaleX(0)) until a GSAP ScrollTrigger fired. Forcing the end state means content is simply THERE — no blank screens while scrolling, no washed-out fades, no late movement. Deliberately NOT covered (functional states, not entrance reveals): accordion answers, the contact form's inactive form containers, tile hover contents, modal containers themselves, and the services curtain's scroll-scrubbed panels. */ /* Dividers and separators everywhere (homepage sections, office-page content blocks, header): the divider animation's end state is the bar at full width, which is what no transform renders. No divider rule in the theme uses rotate/translate (verified 2026-11-10). */ .divider, .separator, [class*="__divider"], [class*="__separator"] { transform: none !important; } /* Benefits section heading (homepage-reveals.js's target; its left column and accordion items are already force-shown by an existing WPCode snippet — this is the piece that snippet missed). Note: the live homepage's heading uses .benefits-section__title, which no stylesheet or script hides; this rule covers the __header variant the theme's reveal script aims at, wherever it renders. */ .benefits-section__header { opacity: 1 !important; transform: none !important; translate: none !important; } /* Location cards in the theme's locations section (locations-section.js reveal batch). */ .locations-section .location-card { opacity: 1 !important; transform: none !important; translate: none !important; } /* Info-accordion paragraphs. The theme's designed end state here is opacity 0.8 — permanently washed out. Forced to full opacity. */ .info-accordion__content-blocks p { opacity: 1 !important; transform: none !important; translate: none !important; } /* Hero text and cards (homepage-hero.js hides these inline with gsap.set before its timeline runs). Scoped to the hero component. */ .homepage-hero .eyebrow, .homepage-hero .subtitle, .homepage-hero__cards .ui-card { opacity: 1 !important; transform: none !important; translate: none !important; } /* Modal content insurance: the locations/services modals keep their inner content at opacity: 0 until their open animation runs. The modal containers themselves stay exactly as they are (hidden until opened); only the content is guaranteed visible once a modal is open, even if an animation ever fails. */ .locations-modal__grid, .locations-modal__top { opacity: 1 !important; transform: none !important; translate: none !important; } .services-curtain .services-modal .services-modal__dynamic-area .modal-title, .services-curtain .services-modal .services-modal__dynamic-area .modal-left, .services-curtain .services-modal .services-modal__dynamic-area .modal-right { opacity: 1 !important; transform: none !important; translate: none !important; } /* ── v1.0.1 ────────────────────────────────────────────────────────── Content-design highlight cards (office pages). page-hero.js aimed a gsap.from() reveal (opacity 0, y 30, per-element ScrollTrigger) at every element whose class starts with "content-design-", including these cards and their number/title/text children — on a fast scroll the Spanish FAQ cards on the LA page sat as empty translucent boxes until their triggers fired. The driver is dequeued in the plugin PHP; these rules guarantee the cards' final state regardless. design-5.css sets no designed opacity on any of these (verified 2026-11-10), so forcing opacity 1 changes nothing visually except cancelling the reveal's hidden state. */ .content-design-5__highlights, .content-design-5__highlights-row, .content-design-5__highlight-card, .content-design-5__highlight-number, .content-design-5__highlight-title, .content-design-5__highlight-text { opacity: 1 !important; transform: none !important; translate: none !important; } /* Office-page hero elements (page-hero.js hid these inline with gsap.set before its entrance timeline ran). Insurance only — with the driver dequeued nothing hides them; page-hero.css itself sets no hidden states (verified 2026-11-10). */ .page-hero .page-hero__title, .page-hero .page-hero__cta-title, .page-hero .page-hero__cta-btn, .page-hero .page-hero__wave, .page-hero .page-hero__image { opacity: 1 !important; transform: none !important; translate: none !important; } /* Footer office locations — legibility fix. ROOT CAUSE (verified 2026-11-10; NOT an animation — no script animates the footer): the "Design A" snippet's deep-navy footer block paints only the