/* Theme Name: Falcon Book Publishing Child Theme URI: https://falconbookpublishing.com/ Description: Production child theme for Falcon Book Publishing. Built on falcon-book-publishing (Underscores) with ACF Pro custom Gutenberg blocks. Author: Falcon Book Publishing Template: falcon-book-publishing Version: 1.0.0 Text Domain: falcon-book-publishing-child */ /* * .plan-swiper (the tilted portfolio book-cover slider) is deliberately * wider than its container and rotated (see assets/css/style.css), and its * `bottom: 0` anchors to `.plan` (the nearest positioned ancestor, since * `.plan-wrapper` ships `position: relative` commented out). In the * reference site this is intentional: the slider bleeds ~105px past the * bottom of `.plan` and the `.plan { margin-bottom: 130px }` that follows * gives it a clean 25px of clearance before the next section starts -- the * same math holds here since `bottom: 0` is independent of how tall `.plan` * is. `overflow: hidden` on `.plan` was previously added to contain that * bleed for the standalone block, but it clips the slider's *vertical* * bleed too, cutting it off mid-image instead of letting it flow like the * reference. `body { overflow-x: hidden }` below already contains the * horizontal bleed at the document level, so it's the only rule needed. * `html` has to be included alongside `body` -- `body`'s overflow only * propagates to the viewport when `` isn't itself a scroll container, * and in testing the scrollbar still appeared with `body` alone. */ html, body { overflow-x: hidden; } /* * assets/css/style.css sets `.header.sticky li a { color: white !important; }` * so the top-level nav links stay legible on the black sticky bar. But the * Services dropdown is a white popup (`li.nav-item.dropdown.navdesktop ul`), * and its tags are also `li a` inside `.header`, so that same rule was * washing them out to white-on-white once the header went sticky. Restore * black text there specifically; the existing hover state (white-on-brand-color) * is unaffected. */ .header.sticky .dropdown-menu li a, .header.sticky .dropdown-navdesktop li a { color: black !important; } .header.sticky .dropdown-menu li a:hover, .header.sticky .dropdown-menu li a.active, .header.sticky .dropdown-navdesktop li a:hover, .header.sticky .dropdown-navdesktop li a.active { color: white !important; }