.elementor-1475 .elementor-element.elementor-element-8ef03cc{--display:flex;--min-height:0px;--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;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9999;overflow:visible;}.elementor-1475 .elementor-element.elementor-element-8ef03cc.ekit-sticky--effects{background-color:#0A0A0A;}.elementor-1475 .elementor-element.elementor-element-22c9aaf{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );}.elementor-1475 .elementor-element.elementor-element-28b7a50{text-align:start;}.elementor-1475 .elementor-element.elementor-element-28b7a50 img{width:139px;height:50px;object-fit:contain;object-position:center center;}.elementor-1475 .elementor-element.elementor-element-7568b78 button.elementskit-menu-hamburger:hover{background-color:var( --e-global-color-11693c8 );}.elementor-1475 .elementor-element.elementor-element-7568b78 button.elementskit-menu-close:hover{background-color:var( --e-global-color-11693c8 );}.elementor-1475 .elementor-element.elementor-element-7568b78 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-menu-container{height:30px;max-width:700px;border-radius:0px 0px 0px 0px;}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-nav-identity-panel{padding:0px 0px 0px 0px;}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-navbar-nav > li > a{font-family:"Barlow", Barlow;font-size:12px;font-weight:500;line-height:1.6rem;letter-spacing:0.1em;color:var( --e-global-color-5b50995 );border-style:none;padding:0px 15px 0px 15px;}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-navbar-nav > li > a:hover{color:#707070;}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-navbar-nav > li > a:focus{color:#707070;}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-navbar-nav > li > a:active{color:#707070;}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-navbar-nav > li:hover > a{color:#707070;}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-navbar-nav > li:hover > a .elementskit-submenu-indicator{color:#707070;}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-navbar-nav > li > a:hover .elementskit-submenu-indicator{color:#707070;}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-navbar-nav > li > a:focus .elementskit-submenu-indicator{color:#707070;}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-navbar-nav > li > a:active .elementskit-submenu-indicator{color:#707070;}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-navbar-nav > li.current-menu-item > a{color:#707070;}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-navbar-nav > li.current-menu-ancestor > a{color:#707070;}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-navbar-nav > li.current-menu-ancestor > a .elementskit-submenu-indicator{color:#707070;}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-navbar-nav > li > a .elementskit-submenu-indicator{color:#101010;fill:#101010;}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-navbar-nav > li > a .ekit-submenu-indicator-icon{color:#101010;fill:#101010;}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;color:#000000;}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:hover{color:#707070;}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:focus{color:#707070;}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:active{color:#707070;}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a{color:#707070;}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item > a{color:#707070 !important;}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;min-width:220px;}.elementor-1475 .elementor-element.elementor-element-7568b78 button.elementskit-menu-hamburger{float:right;border-style:solid;border-color:var( --e-global-color-5b50995 );}.elementor-1475 .elementor-element.elementor-element-7568b78 button.elementskit-menu-hamburger .elementskit-menu-hamburger-icon{background-color:var( --e-global-color-5b50995 );}.elementor-1475 .elementor-element.elementor-element-7568b78 button.elementskit-menu-hamburger > .ekit-menu-icon{color:var( --e-global-color-5b50995 );}.elementor-1475 .elementor-element.elementor-element-7568b78 button.elementskit-menu-hamburger:hover .elementskit-menu-hamburger-icon{background-color:var( --e-global-color-5b50995 );}.elementor-1475 .elementor-element.elementor-element-7568b78 button.elementskit-menu-hamburger:hover > .ekit-menu-icon{color:var( --e-global-color-5b50995 );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-1475 .elementor-element.elementor-element-27e3d3e .elementor-button{background-color:#EF3F3F00;font-family:"Barlow", Barlow;font-size:12px;font-weight:600;letter-spacing:1px;fill:var( --e-global-color-11693c8 );color:var( --e-global-color-11693c8 );box-shadow:0px 0px 10px 0px rgba(255, 71.51086956521738, 71.51086956521738, 0.5);border-style:solid;border-width:1.5px 1.5px 1.5px 1.5px;border-color:var( --e-global-color-11693c8 );border-radius:0rem 0rem 0rem 0rem;padding:15px 50px 14px 50px;}.elementor-1475 .elementor-element.elementor-element-27e3d3e .elementor-button:hover, .elementor-1475 .elementor-element.elementor-element-27e3d3e .elementor-button:focus{background-color:var( --e-global-color-text );color:var( --e-global-color-secondary );border-color:var( --e-global-color-text );}.elementor-1475 .elementor-element.elementor-element-27e3d3e{width:auto;max-width:auto;}.elementor-1475 .elementor-element.elementor-element-27e3d3e .elementor-button:hover svg, .elementor-1475 .elementor-element.elementor-element-27e3d3e .elementor-button:focus svg{fill:var( --e-global-color-secondary );}@media(max-width:1366px){.elementor-1475 .elementor-element.elementor-element-28b7a50 img{width:100px;max-width:165px;}}@media(max-width:1024px){.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-nav-identity-panel{padding:10px 0px 10px 0px;}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-menu-container{max-width:350%;border-radius:0px 0px 0px 0px;}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-navbar-nav > li > a{color:#000000;padding:10px 15px 10px 15px;}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;}.elementor-1475 .elementor-element.elementor-element-7568b78 button.elementskit-menu-hamburger{padding:8px 8px 8px 8px;width:45px;border-radius:3px;}.elementor-1475 .elementor-element.elementor-element-7568b78 button.elementskit-menu-close{padding:8px 8px 8px 8px;margin:12px 12px 12px 12px;width:45px;border-radius:3px;}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-nav-logo > img{max-width:160px;max-height:60px;}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-nav-logo{margin:5px 0px 5px 0px;padding:5px 5px 5px 5px;}}@media(max-width:768px){.elementor-1475 .elementor-element.elementor-element-8ef03cc{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1475 .elementor-element.elementor-element-28b7a50{width:auto;max-width:auto;text-align:start;}.elementor-1475 .elementor-element.elementor-element-28b7a50 img{width:100px;height:35px;}.elementor-1475 .elementor-element.elementor-element-7568b78{width:auto;max-width:auto;z-index:9999;}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-menu-container{background-color:var( --e-global-color-primary );}.elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-navbar-nav > li > a{font-size:16px;color:var( --e-global-color-text );}.elementor-1475 .elementor-element.elementor-element-7568b78 button.elementskit-menu-hamburger{float:right;border-width:1px 1px 1px 1px;}.elementor-1475 .elementor-element.elementor-element-27e3d3e .elementor-button{padding:10px 20px 10px 20px;}}@media(min-width:769px){.elementor-1475 .elementor-element.elementor-element-8ef03cc{--content-width:100%;}}@media(min-width:1800px){.elementor-1475 .elementor-element.elementor-element-27e3d3e .elementor-button{padding:16px 16px 16px 16px;}}/* Start custom CSS for theme-site-logo, class: .elementor-element-28b7a50 *//* Box matches the mark (300x108 SVG at 50px tall), so the logo sits on the content edge instead of floating 55px inside a 250px box */ .elementor-1475 .elementor-element.elementor-element-28b7a50 img{object-position:0 50%}/* End custom CSS */ /* Start custom CSS for ekit-nav-menu, class: .elementor-element-7568b78 *//* ".elementor-1475 .elementor-element.elementor-element-7568b78" ensures this only affects THIS specific widget, not the footer */ .elementor-1475 .elementor-element.elementor-element-7568b78 .elementskit-menu-overlay { pointer-events: none !important; display: none !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-64d2a7b */.elementor-1475 .elementor-element.elementor-element-64d2a7b { display: none !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8ef03cc *//* RBS Header2 — Iteration 4: refined glassmorphic header */ /* ============================================================ 1. CONTAINER — glass surface with single refined edge ============================================================ */ .elementor-1475 .elementor-element.elementor-element-8ef03cc { background: rgba(8, 8, 10, 0.78) !important; -webkit-backdrop-filter: blur(12px) saturate(135%) !important; backdrop-filter: blur(12px) saturate(135%) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important; box-shadow: 0 8px 28px rgba(0, 0, 0, 0.32) !important; padding-top: 12px !important; padding-bottom: 12px !important; position: fixed; } /* Off-canvas menu typography (phones and tablets, where the menu collapses into the hamburger) */ @media (max-width: 1024px) { html body .elementor-1475 .elementor-element.elementor-element-8ef03cc .elementskit-navbar-nav > li > a.ekit-menu-nav-link { font-size: 16px !important; font-weight: 600 !important; padding: 14px 20px !important; } } /* Brand accent hairline — subtle red glow centered along bottom edge */ .elementor-1475 .elementor-element.elementor-element-8ef03cc::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient(90deg, transparent 0%, rgba(230, 57, 70, 0) 15%, rgba(230, 57, 70, 0.45) 50%, rgba(230, 57, 70, 0) 85%, transparent 100%); pointer-events: none; opacity: 0.75; z-index: 1; } /* ============================================================ 2. NAV TYPOGRAPHY (correct ElementsKit .elementor-1475 .elementor-element.elementor-element-8ef03ccs) ============================================================ */ .elementor-1475 .elementor-element.elementor-element-8ef03cc .elementskit-navbar-nav > li > a.ekit-menu-nav-link { font-weight: 500 !important; letter-spacing: 0.10em !important; font-size: 13px !important; text-transform: uppercase !important; color: #F5F5F5 !important; position: relative !important; transition: color 0.2s ease !important; } /* Underline stub — brand red, visible on dark surface */ .elementor-1475 .elementor-element.elementor-element-8ef03cc .elementskit-navbar-nav > li > a.ekit-menu-nav-link::after { content: ""; position: absolute; left: 50%; bottom: -6px; width: 0; height: 1.5px; background: #e63946; transform: translateX(-50%); transition: width 0.25s ease; pointer-events: none; border-radius: 1px; } .elementor-1475 .elementor-element.elementor-element-8ef03cc .elementskit-navbar-nav > li:hover > a.ekit-menu-nav-link, .elementor-1475 .elementor-element.elementor-element-8ef03cc .elementskit-navbar-nav > li.current-menu-item > a.ekit-menu-nav-link, .elementor-1475 .elementor-element.elementor-element-8ef03cc .elementskit-navbar-nav > li.current-menu-ancestor > a.ekit-menu-nav-link { color: #ffffff !important; } .elementor-1475 .elementor-element.elementor-element-8ef03cc .elementskit-navbar-nav > li:hover > a.ekit-menu-nav-link::after, .elementor-1475 .elementor-element.elementor-element-8ef03cc .elementskit-navbar-nav > li.current-menu-item > a.ekit-menu-nav-link::after, .elementor-1475 .elementor-element.elementor-element-8ef03cc .elementskit-navbar-nav > li.current-menu-ancestor > a.ekit-menu-nav-link::after { width: 22px; } /* Keyboard focus accessibility */ .elementor-1475 .elementor-element.elementor-element-8ef03cc .elementskit-navbar-nav > li > a.ekit-menu-nav-link:focus-visible { outline: 1px solid rgba(230, 57, 70, 0.6); outline-offset: 4px; border-radius: 2px; } /* ============================================================ 3. DROPDOWN CARETS (desktop menu) ============================================================ The arrows follow the nav text colour at 55% (the widget's own arrow colour, #101010, is invisible on this header) and brighten with the link on hover or keyboard focus. The tablet and phone menus style their arrows in the off-canvas blocks below. */ @media (min-width: 1025px) { .elementor-1475 .elementor-element.elementor-element-8ef03cc .elementskit-navbar-nav > li > a > .elementskit-submenu-indicator { color: inherit !important; opacity: 0.55 !important; transition: opacity 0.2s ease, transform 0.2s ease !important; } .elementor-1475 .elementor-element.elementor-element-8ef03cc .elementskit-navbar-nav > li:hover > a > .elementskit-submenu-indicator, .elementor-1475 .elementor-element.elementor-element-8ef03cc .elementskit-navbar-nav > li:focus-within > a > .elementskit-submenu-indicator { opacity: 1 !important; transform: translateY(1px); } } /* ============================================================ 4. CTA BUTTON ============================================================ */ .elementor-1475 .elementor-element.elementor-element-8ef03cc .elementor-button { letter-spacing: 0.10em !important; font-weight: 500 !important; font-size: 13px !important; transition: box-shadow 0.25s ease, transform 0.15s ease, background-color 0.25s ease, color 0.2s ease, border-color 0.25s ease !important; } .elementor-1475 .elementor-element.elementor-element-8ef03cc .elementor-button:hover { background-color: #e63946 !important; color: #ffffff !important; border-color: #e63946 !important; box-shadow: 0 0 0 1px #e63946, 0 8px 22px rgba(230, 57, 70, 0.32) !important; transform: translateY(-1px); } .elementor-1475 .elementor-element.elementor-element-8ef03cc .elementor-button:focus-visible { outline: 2px solid rgba(230, 57, 70, 0.7); outline-offset: 3px; } .elementor-1475 .elementor-element.elementor-element-8ef03cc .elementor-button:active { transform: translateY(0); box-shadow: 0 0 0 1px #e63946, 0 4px 12px rgba(230, 57, 70, 0.25) !important; } /* ============================================================ 5. RESPONSIVE — tighten letter-spacing on narrow viewports ============================================================ */ @media (max-width: 1024px) { .elementor-1475 .elementor-element.elementor-element-8ef03cc .elementskit-navbar-nav > li > a.ekit-menu-nav-link, .elementor-1475 .elementor-element.elementor-element-8ef03cc .elementor-button { letter-spacing: 0.06em !important; font-size: 12px !important; } } /* ============================================================ 6. REDUCED MOTION ============================================================ */ @media (prefers-reduced-motion: reduce) { .elementor-1475 .elementor-element.elementor-element-8ef03cc, .elementor-1475 .elementor-element.elementor-element-8ef03cc *, .elementor-1475 .elementor-element.elementor-element-8ef03cc *::before, .elementor-1475 .elementor-element.elementor-element-8ef03cc *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; } .elementor-1475 .elementor-element.elementor-element-8ef03cc .elementor-button:hover { transform: none !important; } } /* Off-canvas menu polish (phones and tablets) - X close button & submenu indicators */ @media (max-width: 1024px) { html body .elementor-1475 .elementor-element.elementor-element-8ef03cc button.elementskit-menu-close { display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; padding: 0 !important; line-height: 1 !important; border: 4px solid transparent !important; box-shadow: inset 0 0 0 1.5px #F5F5F5 !important; background-clip: padding-box !important; background-color: transparent !important; color: transparent !important; font-size: 0 !important; width: 44px !important; height: 44px !important; border-radius: 8px !important; opacity: 1 !important; margin-top: 8px !important; margin-right: 8px !important; overflow: hidden !important; } html body .elementor-1475 .elementor-element.elementor-element-8ef03cc button.elementskit-menu-close::before, html body .elementor-1475 .elementor-element.elementor-element-8ef03cc button.elementskit-menu-close::after { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; width: 16px !important; height: 1.5px !important; background-color: #F5F5F5 !important; border-radius: 1px !important; transition: background-color 0.2s ease !important; } html body .elementor-1475 .elementor-element.elementor-element-8ef03cc button.elementskit-menu-close::before { transform: translate(-50%, -50%) rotate(45deg) !important; } html body .elementor-1475 .elementor-element.elementor-element-8ef03cc button.elementskit-menu-close::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } html body .elementor-1475 .elementor-element.elementor-element-8ef03cc button.elementskit-menu-close:hover::before, html body .elementor-1475 .elementor-element.elementor-element-8ef03cc button.elementskit-menu-close:hover::after { background-color: #F01E2B !important; } html body .elementor-1475 .elementor-element.elementor-element-8ef03cc button.elementskit-menu-close:hover { background-color: rgba(240, 30, 43, 0.15) !important; border-color: transparent !important; box-shadow: inset 0 0 0 1.5px #F01E2B !important; color: #F01E2B !important; } html body .elementor-1475 .elementor-element.elementor-element-8ef03cc .elementskit-submenu-indicator, html body .elementor-1475 .elementor-element.elementor-element-8ef03cc .ekit-menu-dropdown-icon i { color: #F5F5F5 !important; border-color: #F5F5F5 !important; opacity: 0.85 !important; } html body .elementor-1475 .elementor-element.elementor-element-8ef03cc .elementskit-navbar-nav > li { border-bottom: 1px solid rgba(245, 245, 245, 0.08); } html body .elementor-1475 .elementor-element.elementor-element-8ef03cc .elementskit-navbar-nav > li:last-child { border-bottom: none; } html body .elementor-1475 .elementor-element.elementor-element-8ef03cc .elementskit-navbar-nav > li > a.ekit-menu-nav-link:hover, html body .elementor-1475 .elementor-element.elementor-element-8ef03cc .elementskit-navbar-nav > li > a.ekit-menu-nav-link:focus { color: #F01E2B !important; background-color: rgba(240, 30, 43, 0.06) !important; } } /* Menu and close buttons: 44px tap areas (WCAG 2.5.8 / Apple HIG). The 45x29 menu outline and the 36px close ring look the same: the menu button gets an invisible 44px-tall hit box, and the close button grows to 44px with a transparent 4px border and an inset ring. */ @media (max-width:1024px){html body .elementor-1475 .elementor-element.elementor-element-7568b78 button.elementskit-menu-hamburger::after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}} /* Phone hamburger button */ @media (max-width: 768px) { html body .elementor-1475 .elementor-element.elementor-element-7568b78 button.elementskit-menu-hamburger { padding: 8px 10px !important; } } /* Gutters: line the logo and the Contact / menu button up with the page content grid. Pages use 40px side padding with 1400px boxed content up to 1599px, 32px on tablets and 20px on phones. From 1600px the site-wide --rbs-max / --rbs-pad inner container (Customizer) sets the gutters, as on every page. */ @media (min-width:1025px) and (max-width:1599px){.elementor-1475 .elementor-element.elementor-element-8ef03cc{padding-left:max(40px,calc((100% - 1400px) / 2))!important;padding-right:max(40px,calc((100% - 1400px) / 2))!important}} @media (min-width:769px) and (max-width:1024px){.elementor-1475 .elementor-element.elementor-element-8ef03cc{padding-left:32px!important;padding-right:32px!important}} @media (max-width:768px){.elementor-1475 .elementor-element.elementor-element-8ef03cc{padding-left:20px!important;padding-right:20px!important}} /* Off-canvas menu panel (phones and tablets). The glass header's backdrop-filter makes this container the containing block for the fixed menu panel, so ElementsKit's height:100% resolved to the ~85px header bar at 768-1024px, and its phone fix (120vh) left the bottom of the menu below the screen once a submenu was open. Size the panel to the visible viewport so the list scrolls inside it, keep the dark background, and stop scrolling from leaking to the page. */ @media (max-width:1024px){ .elementor-1475 .elementor-element.elementor-element-8ef03cc .elementskit-menu-container.elementskit-menu-offcanvas-elements{height:100vh!important;height:100dvh!important;background-color:var(--e-global-color-primary);overscroll-behavior:contain} .elementor-1475 .elementor-element.elementor-element-8ef03cc .elementskit-menu-offcanvas-elements .elementskit-navbar-nav{overscroll-behavior:contain} } /* Tablet widths: megamenu columns use the panel width instead of their 200px desktop width */ @media (min-width:769px) and (max-width:1024px){ .elementor-1475 .elementor-element.elementor-element-8ef03cc .elementskit-menu-offcanvas-elements .elementskit-megamenu-panel .e-con{--content-width:100%} }/* End custom CSS */ /* Start custom CSS */body.elementor-page-1475 .elementskit-menu-overlay { display: none; }/* End custom CSS */