.elementor-12 .elementor-element.elementor-element-ff8dcc3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:00px;--padding-left:16px;--padding-right:16px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12 .elementor-element.elementor-element-ef07061{margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:6px 6px 6px 6px;}.elementor-12 .elementor-element.elementor-element-ef07061.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-ef07061 .elementor-nav-menu .elementor-item{font-family:"Rubik", Sans-serif;font-size:0.9rem;font-weight:100;}.elementor-12 .elementor-element.elementor-element-ef07061 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-top:6px;padding-bottom:6px;}.elementor-12 .elementor-element.elementor-element-ef07061 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-e10791a );}.elementor-12 .elementor-element.elementor-element-ef07061 .elementor-nav-menu--dropdown a, .elementor-12 .elementor-element.elementor-element-ef07061 .elementor-menu-toggle{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-ef07061 .elementor-nav-menu--dropdown{background-color:#333333CC;border-radius:0rem 0rem 1rem 1rem;}.elementor-12 .elementor-element.elementor-element-ef07061 .elementor-nav-menu--dropdown a:hover, .elementor-12 .elementor-element.elementor-element-ef07061 .elementor-nav-menu--dropdown a:focus, .elementor-12 .elementor-element.elementor-element-ef07061 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-12 .elementor-element.elementor-element-ef07061 .elementor-nav-menu--dropdown a.highlighted, .elementor-12 .elementor-element.elementor-element-ef07061 .elementor-menu-toggle:hover, .elementor-12 .elementor-element.elementor-element-ef07061 .elementor-menu-toggle:focus{color:var( --e-global-color-e10791a );}.elementor-12 .elementor-element.elementor-element-ef07061 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-e10791a );}.elementor-12 .elementor-element.elementor-element-ef07061 .elementor-nav-menu--dropdown .elementor-item, .elementor-12 .elementor-element.elementor-element-ef07061 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Rubik", Sans-serif;font-size:0.8rem;font-weight:400;}.elementor-12 .elementor-element.elementor-element-ef07061 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0rem;border-top-right-radius:0rem;}.elementor-12 .elementor-element.elementor-element-ef07061 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;}.elementor-12 .elementor-element.elementor-element-ef07061 .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-12 .elementor-element.elementor-element-ef07061 .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-ef07061 .elementor-nav-menu--dropdown a{padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px;}.elementor-12 .elementor-element.elementor-element-ef07061 .elementor-nav-menu--dropdown li:not(:last-child){border-style:none;border-bottom-width:0px;}.elementor-12 .elementor-element.elementor-element-ef07061 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-12 .elementor-element.elementor-element-ef07061 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:13px !important;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-12 .elementor-element.elementor-element-93d070c .e-search-input{background-color:#FFFFFF08;font-family:"Rubik", Sans-serif;font-size:1rem;font-weight:400;line-height:1rem;border-style:none;border-radius:2rem 2rem 2rem 2rem;}.elementor-12 .elementor-element.elementor-element-93d070c.e-focus .e-search-input{background-color:#FFFFFF4D;border-style:none;}.elementor-12 .elementor-element.elementor-element-93d070c .e-search-results-container{background-color:#000000BF;}.elementor-12 .elementor-element.elementor-element-93d070c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-search-results-columns:2;--e-search-placeholder-color:#FFFFFF1A;--e-search-input-color:var( --e-global-color-primary );--e-search-icon-label-color:#08C6FCEB;--e-search-input-padding-block-start:6px;--e-search-input-padding-inline-start:22px;--e-search-input-padding-block-end:6px;--e-search-input-padding-inline-end:22px;--e-search-submit-margin-inline-start:0px;--e-search-results-border-radius:0rem 0rem 1rem 1rem;--e-search-results-padding:8px 8px 8px 8px;--e-search-input-and-results-gap:15px;--e-search-results-width:50vw;--e-search-results-max-height:100vw;--e-search-results-column-gap:2rem;--e-search-results-row-gap:2rem;--e-search-pagination-color:var( --e-global-color-primary );--e-search-pagination-hover:var( --e-global-color-e10791a );--e-search-pagination-current:var( --e-global-color-e10791a );--e-search-pagination-page-numbers-gap:6rem;--e-search-pagination-block-start-spacing:0px;--e-search-pagination-block-end-spacing:0px;--e-search-nothing-found-padding-block-start:44px;--e-search-nothing-found-padding-block-end:0px;--e-search-nothing-found-message-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-93d070c.e-focus{--e-search-input-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-93d070c .e-search-results-container > div{border-style:none;}.elementor-12 .elementor-element.elementor-element-93d070c .elementor-pagination{font-family:"Rubik", Sans-serif;font-weight:500;}.elementor-12 .elementor-element.elementor-element-93d070c .e-search-nothing-found-message{font-size:0.9rem;font-weight:200;}.elementor-12 .elementor-element.elementor-element-a605a93{margin:0px 12px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--nav-menu-icon-size:22px;}.elementor-12 .elementor-element.elementor-element-a605a93.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-a605a93 .elementor-menu-toggle{margin:0 auto;}.elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu .elementor-item{font-family:"Rubik", Sans-serif;font-size:0.9rem;font-weight:100;}.elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-top:6px;padding-bottom:6px;}.elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--main .elementor-item:hover, .elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-e10791a );}.elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#006D8F00;}.elementor-12 .elementor-element.elementor-element-a605a93 .e--pointer-framed .elementor-item:before, .elementor-12 .elementor-element.elementor-element-a605a93 .e--pointer-framed .elementor-item:after{border-color:#006D8F00;}.elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-e10791a );}.elementor-12 .elementor-element.elementor-element-a605a93 .elementor-item:before{border-radius:3rem;}.elementor-12 .elementor-element.elementor-element-a605a93 .e--animation-shutter-in-horizontal .elementor-item:before{border-radius:3rem 3rem 0 0;}.elementor-12 .elementor-element.elementor-element-a605a93 .e--animation-shutter-in-horizontal .elementor-item:after{border-radius:0 0 3rem 3rem;}.elementor-12 .elementor-element.elementor-element-a605a93 .e--animation-shutter-in-vertical .elementor-item:before{border-radius:0 3rem 3rem 0;}.elementor-12 .elementor-element.elementor-element-a605a93 .e--animation-shutter-in-vertical .elementor-item:after{border-radius:3rem 0 0 3rem;}.elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--dropdown a, .elementor-12 .elementor-element.elementor-element-a605a93 .elementor-menu-toggle{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--dropdown{background-color:#333333CC;border-radius:0rem 0rem 1rem 1rem;}.elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--dropdown a:hover, .elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--dropdown a:focus, .elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--dropdown a.highlighted, .elementor-12 .elementor-element.elementor-element-a605a93 .elementor-menu-toggle:hover, .elementor-12 .elementor-element.elementor-element-a605a93 .elementor-menu-toggle:focus{color:var( --e-global-color-e10791a );}.elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-e10791a );}.elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--dropdown .elementor-item, .elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Rubik", Sans-serif;font-size:0.8rem;font-weight:400;}.elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0rem;border-top-right-radius:0rem;}.elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;}.elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--dropdown a{padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px;}.elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--dropdown li:not(:last-child){border-style:none;border-bottom-width:0px;}.elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:13px !important;}.elementor-12 .elementor-element.elementor-element-a605a93 div.elementor-menu-toggle{color:var( --e-global-color-e10791a );}.elementor-12 .elementor-element.elementor-element-a605a93 div.elementor-menu-toggle svg{fill:var( --e-global-color-e10791a );}.elementor-12 .elementor-element.elementor-element-a605a93 div.elementor-menu-toggle:hover, .elementor-12 .elementor-element.elementor-element-a605a93 div.elementor-menu-toggle:focus{color:var( --e-global-color-e10791a );}.elementor-12 .elementor-element.elementor-element-a605a93 div.elementor-menu-toggle:hover svg, .elementor-12 .elementor-element.elementor-element-a605a93 div.elementor-menu-toggle:focus svg{fill:var( --e-global-color-e10791a );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-ff8dcc3{--content-width:1385px;}}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-ff8dcc3{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-ef07061 .elementor-nav-menu--main .elementor-item{padding-left:6px;padding-right:6px;}.elementor-12 .elementor-element.elementor-element-ef07061 .elementor-nav-menu--dropdown{border-radius:1rem 1rem 1rem 1rem;}.elementor-12 .elementor-element.elementor-element-ef07061 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:1rem;border-top-right-radius:1rem;}.elementor-12 .elementor-element.elementor-element-ef07061 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;}.elementor-12 .elementor-element.elementor-element-ef07061 .elementor-nav-menu--dropdown a{padding-left:2rem;padding-right:2rem;}.elementor-12 .elementor-element.elementor-element-ef07061 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-12 .elementor-element.elementor-element-ef07061 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:20px !important;}.elementor-12 .elementor-element.elementor-element-93d070c{--e-search-results-columns:1;--e-search-input-padding-block-start:04px;--e-search-input-padding-inline-start:04px;--e-search-input-padding-block-end:04px;--e-search-input-padding-inline-end:04px;}.elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu .elementor-item{font-size:0.8rem;}.elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--main .elementor-item{padding-left:6px;padding-right:6px;}.elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--dropdown{border-radius:1rem 1rem 1rem 1rem;}.elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:1rem;border-top-right-radius:1rem;}.elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;}.elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--dropdown a{padding-left:2rem;padding-right:2rem;}.elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:20px !important;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-ff8dcc3{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-ef07061 .elementor-nav-menu--dropdown a{padding-top:8px;padding-bottom:8px;}.elementor-12 .elementor-element.elementor-element-ef07061 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-12 .elementor-element.elementor-element-ef07061 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:17px !important;}.elementor-12 .elementor-element.elementor-element-93d070c{--e-search-input-and-results-gap:12px;--e-search-results-width:100%;}.elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--dropdown a{padding-top:8px;padding-bottom:8px;}.elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-12 .elementor-element.elementor-element-a605a93 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:17px !important;}.elementor-12 .elementor-element.elementor-element-a605a93 .elementor-menu-toggle{border-width:0px;}}/* Start custom CSS for nav-menu, class: .elementor-element-ef07061 *//* ── BeGenerative logo in place of menu text ── Targets the Elementor nav item directly with high specificity */ li.begenerativemenu-item-logo > a.elementor-item, li.menu-item-3341 > a.elementor-item { text-indent: -9999px; /* pushes text off-screen */ overflow: hidden; white-space: nowrap; display: inline-block !important; background-image: url("https://begenerative.com/wp-content/uploads/2026/04/be.logo2026blue.svg") !important; background-repeat: no-repeat !important; background-size: contain !important; background-position: left center !important; width: 260px !important; height: 50px !important; /* adjust to your header height */ padding: 0 !important; font-size: 0.9rem; /* keeps original so layout doesn't shift */ } /* Hide the dropdown arrow that sits inside the */ li.begenerativemenu-item-logo > a.elementor-item .sub-arrow { display: none; } /* ── Mobile ── */ @media (max-width: 768px) { li.begenerativemenu-item-logo > a.elementor-item, li.menu-item-3341 > a.elementor-item { width: 140px !important; height: 32px !important; } }/* End custom CSS */ /* Start custom CSS for search, class: .elementor-element-93d070c */form.e-search-form{ margin: 0px!important; padding: 0px!important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ff8dcc3 *//* ============================================================================= ELEMENTOR — GLASSMORPHISM HEADER Black Tint | Transparent at top → frosted glass on scroll ============================================================================= SETUP: 1. Paste into: Elementor > Site Settings > Custom CSS — OR — Appearance > Customize > Additional CSS 2. Add CSS class glass-header to your header section/container: Advanced > CSS Classes → glass-header 3. Enable Sticky: Advanced > Motion Effects > Sticky → Top 4. Set Elementor section Background Type → None ============================================================================= */ /* ----------------------------------------------------------------------------- DESIGN TOKENS — Edit here to retheme everything in one place ----------------------------------------------------------------------------- */ :root { --gh-blur-subtle: 3px; /* Blur before scroll (whisper of glass) */ --gh-blur-active: 28px; /* Blur after scroll (deep frosted glass) */ --gh-opacity-scrolled: 0.75; /* Glass density — 0 is clear, 1 is solid */ --gh-scroll-trigger: 90px; /* Effect begins at this scroll depth */ --gh-transition-band: 100px; /* Wider = more gradual fade, narrower = snap */ --gh-teal-accent: rgba(255, 255, 255, 0.08); /* Subtle light border on scroll */ } /* ----------------------------------------------------------------------------- BASE — Shared structure, always applied to header ----------------------------------------------------------------------------- */ .glass-header, .glass-header.e-con { position: sticky; top: 0; z-index: 999; isolation: isolate; /* Prevents backdrop-filter clipping by parent stacking contexts */ will-change: background, backdrop-filter; /* Promotes to GPU layer for smooth animation */ } /* ============================================================================= PRIMARY METHOD — CSS Scroll-Driven Animation (Chrome 115+, Edge 115+, Safari 18+) Animates from fully transparent → black glass over the scroll trigger range ============================================================================= */ @supports (animation-timeline: scroll()) { .glass-header { animation: glass-solidify linear both; animation-timeline: scroll(root block); animation-range: var(--gh-scroll-trigger) calc(var(--gh-scroll-trigger) + var(--gh-transition-band)); } @keyframes glass-solidify { /* Top of page: fully transparent, whisper of blur */ from { background: rgba(0, 0, 0, 0); backdrop-filter: blur(var(--gh-blur-subtle)) saturate(100%); -webkit-backdrop-filter: blur(var(--gh-blur-subtle)) saturate(100%); border-bottom: 1px solid rgba(255, 255, 255, 0); box-shadow: none; } /* Scrolled: black frosted glass */ to { background: rgba(0, 0, 0, var(--gh-opacity-scrolled)); backdrop-filter: blur(var(--gh-blur-active)) saturate(180%); -webkit-backdrop-filter: blur(var(--gh-blur-active)) saturate(180%); border-bottom: 1px solid var(--gh-teal-accent); box-shadow: 0 6px 32px rgba(0, 0, 0, 0.40), 0 1px 0 rgba(255, 255, 255, 0.05) inset; } } } /* end @supports scroll-driven */ /* ============================================================================= FALLBACK — Class-toggle method for Firefox and older browsers Elementor Pro adds .elementor-sticky--active automatically on scroll. CSS transition handles all the smoothness — no JS needed. Set your header height close to 90px for the best timing match. ============================================================================= */ @supports not (animation-timeline: scroll()) { /* Initial: fully transparent */ .glass-header { background: rgba(0, 0, 0, 0) !important; backdrop-filter: blur(var(--gh-blur-subtle)) saturate(100%); -webkit-backdrop-filter: blur(var(--gh-blur-subtle)) saturate(100%); border-bottom: 1px solid transparent; transition: background 0.45s cubic-bezier(0.4, 0, 0.2, 1), backdrop-filter 0.45s cubic-bezier(0.4, 0, 0.2, 1), -webkit-backdrop-filter 0.45s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.45s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.45s cubic-bezier(0.4, 0, 0.2, 1) !important; } /* Scrolled: black frosted glass */ .glass-header.elementor-sticky--active { background: rgba(0, 0, 0, var(--gh-opacity-scrolled)) !important; backdrop-filter: blur(var(--gh-blur-active)) saturate(180%); -webkit-backdrop-filter: blur(var(--gh-blur-active)) saturate(180%); border-bottom: 1px solid var(--gh-teal-accent); box-shadow: 0 6px 32px rgba(0, 0, 0, 0.40), 0 1px 0 rgba(255, 255, 255, 0.05) inset; } } /* end fallback */ /* ----------------------------------------------------------------------------- STATIC FALLBACK — No backdrop-filter support (very old browsers) Solid background ensures content legibility rather than broken glass effect ----------------------------------------------------------------------------- */ @supports not (backdrop-filter: blur(1px)) { .glass-header.elementor-sticky--active { background: rgba(0, 0, 0, 0.92) !important; } } /* ----------------------------------------------------------------------------- ACCESSIBILITY — Honour reduced-motion OS preference (WCAG 2.1 AA) ----------------------------------------------------------------------------- */ @media (prefers-reduced-motion: reduce) { .glass-header, .glass-header.e-con { animation: none !important; transition: none !important; } }/* End custom CSS */