. */ .e-con.lhcr-bleed, .e-con.lhcr-bleed > .e-con-inner { display: block; } .e-con.lhcr-bleed, .e-con.lhcr-bleed > .e-con-inner { --padding-top: 0; --padding-right: 0; --padding-bottom: 0; --padding-left: 0; --padding-block-start: 0; --padding-block-end: 0; --padding-inline-start: 0; --padding-inline-end: 0; --margin-top: 0; --margin-bottom: 0; --margin-block-start: 0; --margin-block-end: 0; --gap: 0; --row-gap: 0; --column-gap: 0; max-width: none; width: 100%; padding: 0; margin: 0; gap: 0; } main > .elementor > .e-con { --padding-top: 0; --padding-right: 0; --padding-bottom: 0; --padding-left: 0; --padding-block-start: 0; --padding-block-end: 0; --padding-inline-start: 0; --padding-inline-end: 0; --gap: 0; --row-gap: 0; --column-gap: 0; padding: 0; gap: 0; } .elementor-widget.lhcr-w, .elementor-widget[class*="elementor-widget-lhcr-"] { margin-block-end: 0; --widgets-spacing: 0; --kit-widget-spacing: 0; } /* base.css sets --gap on :root and every grid reads it (.grid, .steps, .mosaic, .cert-grid, .marquee-track, .stage-track, .cert-bbb). Elementor's .e-con redeclares --gap (its own container gap, zeroed above) and custom properties inherit, so inside a container the site's grids collapsed to no gap and their columns widened (vparity: 3-column cells 383px -> 399px on every widget page). The widget wrapper restores the site's value, verbatim from base.css :root, for its whole subtree. */ .elementor-widget[class*="elementor-widget-lhcr-"] { --gap: clamp(1rem, .8rem + .9vw, 1.6rem); } .elementor-widget.lhcr-w > .elementor-widget-container, .elementor-widget[class*="elementor-widget-lhcr-"] > .elementor-widget-container { width: 100%; margin: 0; padding: 0; } /* The header and footer templates: their wrappers vanish, so .site-head sticks to the viewport and the footer's landmarks stay the only ones (see _setup-a11y.php). */ .elementor-location-header .e-con, .elementor-location-header .elementor-widget, .elementor-location-header .elementor-widget-container, .elementor-location-footer .e-con, .elementor-location-footer .elementor-widget, .elementor-location-footer .elementor-widget-container { display: contents; } .elementor-location-header .e-con { overflow: visible; } /* The chrome fallback (inc/chrome.php lhcr_render_chrome: a request where the Theme Builder location has no template, which is every request until Pro is connected) prints the header/footer widget straight into with Elementor's two wrapper divs. They vanish the same way: .elementor-element is position:relative and only as tall as the header, so with the box kept the sticky .site-head's containing block is that 129px box and the header scrolls away with the page (interact.mjs: scroll bar + mobile lock tests). Front end only: in the editor's preview the widget keeps its box for the selection handles. */ body:not(.elementor-editor-active) > .elementor-widget-lhcr-header, body:not(.elementor-editor-active) > .elementor-widget-lhcr-header > .elementor-widget-container, body:not(.elementor-editor-active) > .elementor-widget-lhcr-footer, body:not(.elementor-editor-active) > .elementor-widget-lhcr-footer > .elementor-widget-container { display: contents; } /* ---- 3. The hero under the overlay header ----------------------------------- base.css: body.has-hero > main > .hero/.phero/.errpage { padding-top: var(--header-h) }. Under Elementor the first section sits in .elementor > .e-con > .elementor-widget [> .elementor-widget-container]; functions-main.php sets body.has-hero from the page's first widget. */ body.has-hero > main > .elementor > .e-con:first-child > .elementor-widget:first-child > .hero, body.has-hero > main > .elementor > .e-con:first-child > .elementor-widget:first-child > .phero, body.has-hero > main > .elementor > .e-con:first-child > .elementor-widget:first-child > .errpage, body.has-hero > main > .elementor > .e-con:first-child > .elementor-widget:first-child > .elementor-widget-container > .hero, body.has-hero > main > .elementor > .e-con:first-child > .elementor-widget:first-child > .elementor-widget-container > .phero, body.has-hero > main > .elementor > .e-con:first-child > .elementor-widget:first-child > .elementor-widget-container > .errpage { padding-top: var(--header-h); } @media (min-width: 1025px) { body.has-hero > main > .elementor > .e-con:first-child > .elementor-widget:first-child > .errpage-nf, body.has-hero > main > .elementor > .e-con:first-child > .elementor-widget:first-child > .elementor-widget-container > .errpage-nf { padding-top: 0; } } /* ---- 4. The Style tab's prefix classes (widgets/_base.php) ------------------ */ .lhcr-surface-paper > .elementor-widget-container > section, .lhcr-surface-paper > .elementor-widget-container > div, .lhcr-surface-paper > section, .lhcr-surface-paper > div { background: var(--paper); color: var(--body); } .lhcr-surface-paper2 > .elementor-widget-container > section, .lhcr-surface-paper2 > .elementor-widget-container > div, .lhcr-surface-paper2 > section, .lhcr-surface-paper2 > div { background: var(--paper-2); color: var(--body); } .lhcr-surface-white > .elementor-widget-container > section, .lhcr-surface-white > .elementor-widget-container > div, .lhcr-surface-white > section, .lhcr-surface-white > div { background: var(--white); color: var(--body); } .lhcr-surface-ink > .elementor-widget-container > section, .lhcr-surface-ink > .elementor-widget-container > div, .lhcr-surface-ink > section, .lhcr-surface-ink > div { background: var(--ink); color: rgba(255, 255, 255, .78); } .lhcr-surface-ink > .elementor-widget-container > section :is(h1, h2, h3, h4), .lhcr-surface-ink > section :is(h1, h2, h3, h4) { color: #fff; } .lhcr-ghost-off .ghost { display: none !important; } .lhcr-motion-off *, .lhcr-motion-off *::before, .lhcr-motion-off *::after { animation-play-state: paused !important; animation-delay: -1s !important; transition: none !important; } .lhcr-motion-off [data-reveal] { opacity: 1 !important; transform: none !important; } .lhcr-reveal-off [data-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; } /* ---- 5. Insurance ----------------------------------------------------------- */ .lhcr-w [hidden], .site-head [hidden], #drawer [hidden] { display: none !important; }