.elementor-75 .elementor-element.elementor-element-69a9bd3{--display:flex;--min-height:90px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:0px;--margin-bottom:-90px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-75 .elementor-element.elementor-element-4ac200b img{width:184px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-75 .elementor-element.elementor-element-75819d1 .elementor-icon-wrapper{text-align:center;}.elementor-75 .elementor-element.elementor-element-75819d1 .elementor-icon{font-size:32px;padding:4px;border-width:4px 4px 4px 4px;border-radius:10px 10px 10px 10px;}.elementor-75 .elementor-element.elementor-element-75819d1 .elementor-icon svg{height:32px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-75 .elementor-element.elementor-element-4ac200b img{width:148px;}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-75 .elementor-element.elementor-element-4ac200b img{width:124px;}.elementor-75 .elementor-element.elementor-element-75819d1 .elementor-icon{font-size:24px;}.elementor-75 .elementor-element.elementor-element-75819d1 .elementor-icon svg{height:24px;}}/* Start custom CSS for icon, class: .elementor-element-75819d1 *//* ====================================================== LEXERA NAV ICON ====================================================== */ .elementor-75 .elementor-element.elementor-element-75819d1 .elementor-icon { position: relative; display: inline-flex; align-items: center; justify-content: center; /* Remove Elementor's static frame */ border: 1px solid transparent !important; /* Hamburger bars */ color: #E8ECEF !important; } /* Make SVG hamburger bars use #E8ECEF */ .elementor-75 .elementor-element.elementor-element-75819d1 .elementor-icon svg { fill: #E8ECEF !important; color: #E8ECEF !important; } /* ====================================================== ANIMATED ORANGE BORDER ====================================================== */ .elementor-75 .elementor-element.elementor-element-75819d1 .elementor-icon::before { content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 2px; background: linear-gradient( 110deg, #FF5A00 0%, #FF5A00 38%, #FF7430 48%, #FF8A4A 52%, #FF7430 56%, #FF5A00 66%, #FF5A00 100% ); background-size: 300% 300%; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; animation: lexera-nav-border-move 8s linear infinite; filter: brightness(1) saturate(1); transition: filter 0.35s ease; } /* ====================================================== HOVER — COLOUR CHANGE ONLY ====================================================== */ .elementor-75 .elementor-element.elementor-element-75819d1 .elementor-icon:hover::before { filter: brightness(1.9) saturate(1.8) hue-rotate(-18deg); } /* Keep hamburger colour unchanged on hover */ .elementor-75 .elementor-element.elementor-element-75819d1 .elementor-icon:hover, .elementor-75 .elementor-element.elementor-element-75819d1 .elementor-icon:hover svg { color: #E8ECEF !important; fill: #E8ECEF !important; } /* ====================================================== CONSTANT SUBTLE BORDER MOTION ====================================================== */ @keyframes lexera-nav-border-move { 0% { background-position: 0% 50%; } 100% { background-position: 300% 50%; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-69a9bd3 *//* ========================================================= LEXERA GLOBAL HEADER ========================================================= */ .elementor-75 .elementor-element.elementor-element-69a9bd3 { --header-height: 90px; --header-height-sticky: 70px; --header-easing: cubic-bezier(0.22, 1, 0.36, 1); --header-speed: 650ms; position: relative; z-index: 9999; min-height: var(--header-height) !important; /* * Header itself is ALWAYS transparent. * The scrolled background is handled by ::before. */ background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; transition: min-height var(--header-speed) var(--header-easing); } /* ========================================================= FORCE INNER ELEMENTOR CONTAINER TRANSPARENT ========================================================= */ .elementor-75 .elementor-element.elementor-element-69a9bd3 > .e-con-inner, .elementor-75 .elementor-element.elementor-element-69a9bd3 > .e-con { background: transparent !important; background-color: transparent !important; background-image: none !important; position: relative; z-index: 2; } /* ========================================================= SCROLLED BACKGROUND LAYER ========================================================= */ .elementor-75 .elementor-element.elementor-element-69a9bd3::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; /* * Subtle #171A1D vertical variation */ background: linear-gradient( 180deg, rgba(27, 30, 33, 0.96) 0%, rgba(23, 26, 29, 0.94) 55%, rgba(20, 23, 26, 0.92) 100% ); /* * Completely invisible at top of page */ opacity: 0; /* * Blur technically exists but cannot be seen * until this layer fades in. */ -webkit-backdrop-filter: blur(16px) saturate(115%); backdrop-filter: blur(16px) saturate(115%); box-shadow: 0 7px 20px rgba(23, 26, 29, 0); transition: opacity var(--header-speed) var(--header-easing), box-shadow var(--header-speed) var(--header-easing); } /* ========================================================= AFTER EFFECTS OFFSET ========================================================= */ .elementor-75 .elementor-element.elementor-element-69a9bd3.elementor-sticky--effects { min-height: var(--header-height-sticky) !important; } .elementor-75 .elementor-element.elementor-element-69a9bd3.elementor-sticky--effects::before { opacity: 1; box-shadow: 0 7px 20px rgba(23, 26, 29, 0.20); } /* ========================================================= LOGO ========================================================= */ .elementor-75 .elementor-element.elementor-element-69a9bd3 .lexera-header-logo { transform: scale(1); transform-origin: left center; transition: transform var(--header-speed) var(--header-easing); } .elementor-75 .elementor-element.elementor-element-69a9bd3.elementor-sticky--effects .lexera-header-logo { transform: scale(0.88); } /* ========================================================= MENU BUTTON ========================================================= */ .elementor-75 .elementor-element.elementor-element-69a9bd3 .lexera-menu-trigger { transform: scale(1); transform-origin: right center; transition: transform var(--header-speed) var(--header-easing); } .elementor-75 .elementor-element.elementor-element-69a9bd3.elementor-sticky--effects .lexera-menu-trigger { transform: scale(0.90); } /* ========================================================= MOBILE / TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-75 .elementor-element.elementor-element-69a9bd3 { --header-height: 82px; --header-height-sticky: 68px; } } @media (max-width: 767px) { .elementor-75 .elementor-element.elementor-element-69a9bd3 { --header-height: 76px; --header-height-sticky: 64px; } .elementor-75 .elementor-element.elementor-element-69a9bd3.elementor-sticky--effects .lexera-header-logo { transform: scale(0.91); } .elementor-75 .elementor-element.elementor-element-69a9bd3.elementor-sticky--effects .lexera-menu-trigger { transform: scale(0.92); } } /* ========================================================= ACCESSIBILITY ========================================================= */ @media (prefers-reduced-motion: reduce) { .elementor-75 .elementor-element.elementor-element-69a9bd3, .elementor-75 .elementor-element.elementor-element-69a9bd3::before, .elementor-75 .elementor-element.elementor-element-69a9bd3 .lexera-header-logo, .elementor-75 .elementor-element.elementor-element-69a9bd3 .lexera-menu-trigger { transition-duration: 0.01ms !important; } }/* End custom CSS */