/* Elkemist theme overrides. Hand-authored and enqueued LAST — build/build.js never writes this file, so these rules survive rebuilds/redeploys. Use it to defend the design against parent-theme / plugin CSS that only appears on the live WordPress site. */ /* The hero headline sits on a dark video and must stay light. It carries no explicit colour of its own, so a global `h1 { color: … }` rule injected by a plugin (WPBakery / Salient-core / SEO) drags it dark on the live site. Force the brand light colour so it renders white regardless. */ .hero .hero-headline { color: var(--el-cream) !important; } /* Keep the fixed nav above everything, and stop the hero becoming a stacking context that swallows it. Salient's style.css stamped `z-index: 9998` onto `section`, so the full-bleed hero painted over the nav and hid it entirely. functions.php now dequeues that CSS on this page; these two rules are the safety net if any stylesheet ever stamps a z-index on the sections again. (Salient's own header chrome goes up to 10000, hence 10001.) */ .hero { z-index: auto !important; } .nav { z-index: 10001 !important; } /* Same defence for the booking / apply overlay: it's a fixed full-screen modal (site.css gives it z-index: 2200). Salient's header chrome reaches 10000 and, if its CSS ever loaded here again, `section { z-index: 9998 }` would stack the page content above the modal. Lift it clear of both. */ .bk-overlay, .itin-overlay, .cmodal-overlay, .ap-overlay { z-index: 10050 !important; } /* LoftLoader Pro still prints its preloader markup into the footer, and we no longer load its CSS, so its "Awaken the spirit of humanity" message rendered as raw unstyled text above the page. The new design has no preloader, so hide the wrapper. (Its JS is intentionally left enqueued — that's what clears the initial scroll lock, so removing it could leave the page unscrollable.) */ /* LoftLoader Pro's preloader: we dropped its CSS, so its wrapper is no longer a full-screen overlay — just a stray text strip — hence it stays hidden. But LoftLoader ALSO sets the background to maroon (#422727) inline via JS, which showed as a maroon load-flash and gutter behind the page. Recolour that to the brand dark green so the loading screen reads on-brand. (#132416 = --el-green, the site's dark green.) */ #loftloader-wrapper { display: none !important; } html { background-color: #132416 !important; }