.elementor-259 .elementor-element.elementor-element-25afc93{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-259 .elementor-element.elementor-element-9e3c5fe img{width:40%;}.elementor-259 .elementor-element.elementor-element-9e3c5fe{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-259 .elementor-element.elementor-element-9e3c5fe.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-259 .elementor-element.elementor-element-bb1ec71 .elementor-button{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-259 .elementor-element.elementor-element-bb1ec71{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-259 .elementor-element.elementor-element-bb1ec71.elementor-element{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.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-259 .elementor-element.elementor-element-2ec70ac .elementor-menu-toggle{margin:0 auto;}.elementor-259 .elementor-element.elementor-element-2ec70ac .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-259 .elementor-element.elementor-element-2ec70ac .elementor-nav-menu--dropdown a, .elementor-259 .elementor-element.elementor-element-2ec70ac .elementor-menu-toggle{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-259 .elementor-element.elementor-element-2ec70ac .elementor-nav-menu--dropdown{background-color:var( --e-global-color-2cc501d );}.elementor-259 .elementor-element.elementor-element-2ec70ac .elementor-nav-menu--dropdown a:hover, .elementor-259 .elementor-element.elementor-element-2ec70ac .elementor-nav-menu--dropdown a:focus, .elementor-259 .elementor-element.elementor-element-2ec70ac .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-259 .elementor-element.elementor-element-2ec70ac .elementor-nav-menu--dropdown a.highlighted, .elementor-259 .elementor-element.elementor-element-2ec70ac .elementor-menu-toggle:hover, .elementor-259 .elementor-element.elementor-element-2ec70ac .elementor-menu-toggle:focus{color:var( --e-global-color-2679933 );}.elementor-259 .elementor-element.elementor-element-2ec70ac .elementor-nav-menu--dropdown a:hover, .elementor-259 .elementor-element.elementor-element-2ec70ac .elementor-nav-menu--dropdown a:focus, .elementor-259 .elementor-element.elementor-element-2ec70ac .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-259 .elementor-element.elementor-element-2ec70ac .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-text );}.elementor-259 .elementor-element.elementor-element-2ec70ac .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-text );background-color:var( --e-global-color-4f110d4 );}.elementor-259 .elementor-element.elementor-element-2ec70ac div.elementor-menu-toggle{color:var( --e-global-color-primary );}.elementor-259 .elementor-element.elementor-element-2ec70ac div.elementor-menu-toggle svg{fill:var( --e-global-color-primary );}.elementor-259 .elementor-element.elementor-element-2ec70ac{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-259 .elementor-element.elementor-element-2ec70ac.elementor-element{--flex-grow:0;--flex-shrink:0;}.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-259 .elementor-element.elementor-element-25afc93{--width:100vw;}}@media(max-width:1024px){.elementor-259 .elementor-element.elementor-element-25afc93{--justify-content:space-between;}.elementor-259 .elementor-element.elementor-element-9e3c5fe img{width:40%;}.elementor-259 .elementor-element.elementor-element-9e3c5fe{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-259 .elementor-element.elementor-element-bb1ec71{width:var( --container-widget-width, 333.521px );max-width:333.521px;--container-widget-width:333.521px;--container-widget-flex-grow:0;}.elementor-259 .elementor-element.elementor-element-bb1ec71.elementor-element{--order:0;}.elementor-259 .elementor-element.elementor-element-2ec70ac{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-259 .elementor-element.elementor-element-2ec70ac.elementor-element{--align-self:center;}}@media(max-width:767px){.elementor-259 .elementor-element.elementor-element-25afc93{--padding-top:0px;--padding-bottom:11px;--padding-left:0px;--padding-right:0px;}.elementor-259 .elementor-element.elementor-element-9e3c5fe img{width:25%;}.elementor-259 .elementor-element.elementor-element-9e3c5fe{--container-widget-width:99%;--container-widget-flex-grow:0;width:var( --container-widget-width, 99% );max-width:99%;}.elementor-259 .elementor-element.elementor-element-bb1ec71{padding:0px 0px 0px 0px;width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;}.elementor-259 .elementor-element.elementor-element-2ec70ac{--container-widget-width:20%;--container-widget-flex-grow:0;width:var( --container-widget-width, 20% );max-width:20%;}}/* Start custom CSS for button, class: .elementor-element-bb1ec71 *//* === GTM Pioneers: Ghost → Solid button (Elementor, ID: let-connect) === */ /* Brand tokens (edit here only if you want) */ #let-connect{ --btn-outline: #EC7D2A; /* GTM orange border */ --btn-solid-bg: #EC7D2A; /* fill on hover */ --btn-text-ghost: #EC7D2A; /* text before hover */ --btn-text-solid: #0B0B0B; /* text on hover (dark for contrast on orange) */ --btn-radius: 999px; /* pill */ --btn-pad-y: 0.75rem; --btn-pad-x: 1.25rem; --btn-speed: .35s; } /* Target the clickable element (ID can be on widget or link) */ #let-connect .elementor-button, #let-connect .elementor-button-link, #let-connect a, #let-connect button, a#let-connect, button#let-connect{ position: relative; display: inline-flex; align-items: center; justify-content: center; padding: var(--btn-pad-y) var(--btn-pad-x); border: 1px solid var(--btn-outline); border-radius: var(--btn-radius); background: transparent; color: var(--btn-text-ghost); text-decoration: none; overflow: hidden; isolation: isolate; /* keeps ::before under text */ transition: color var(--btn-speed) ease, border-color var(--btn-speed) ease, transform .18s ease, box-shadow .18s ease; will-change: transform; outline: none; z-index: 0; } /* Sliding fill layer */ #let-connect .elementor-button::before, #let-connect .elementor-button-link::before, #let-connect a::before, #let-connect button::before, a#let-connect::before, button#let-connect::before{ content: ""; position: absolute; inset: 0; background: var(--btn-solid-bg); transform: scaleX(0); transform-origin: left; /* sweep from left → right */ transition: transform var(--btn-speed) ease; z-index: -1; } /* Hover / Focus: becomes solid */ #let-connect .elementor-button:hover, #let-connect .elementor-button:focus-visible, #let-connect .elementor-button-link:hover, #let-connect .elementor-button-link:focus-visible, #let-connect a:hover, #let-connect a:focus-visible, #let-connect button:hover, #let-connect button:focus-visible, a#let-connect:hover, a#let-connect:focus-visible, button#let-connect:hover, button#let-connect:focus-visible{ color: var(--btn-text-solid); border-color: var(--btn-solid-bg); transform: translateY(-1px); box-shadow: 0 10px 26px rgba(236,125,42,0.22); /* subtle orange glow */ outline: 0; } #let-connect .elementor-button:hover::before, #let-connect .elementor-button:focus-visible::before, #let-connect .elementor-button-link:hover::before, #let-connect .elementor-button-link:focus-visible::before, #let-connect a:hover::before, #let-connect a:focus-visible::before, #let-connect button:hover::before, #let-connect button:focus-visible::before, a#let-connect:hover::before, a#let-connect:focus-visible::before, button#let-connect:hover::before, button#let-connect:focus-visible::before{ transform: scaleX(1); } /* Active (pressed) */ #let-connect .elementor-button:active, #let-connect .elementor-button-link:active, #let-connect a:active, #let-connect button:active, a#let-connect:active, button#let-connect:active{ transform: translateY(0); box-shadow: none; } /* Keyboard focus ring (accessible) */ #let-connect .elementor-button:focus-visible, #let-connect .elementor-button-link:focus-visible, a#let-connect:focus-visible, button#let-connect:focus-visible{ box-shadow: 0 0 0 2px rgba(11,11,11,0.35) inset, 0 0 0 3px var(--btn-solid-bg); } /* Respect reduced motion */ @media (prefers-reduced-motion: reduce){ #let-connect .elementor-button, #let-connect .elementor-button-link, #let-connect a, #let-connect button, a#let-connect, button#let-connect{ transition: none; } #let-connect .elementor-button::before, #let-connect .elementor-button-link::before, #let-connect a::before, #let-connect button::before, a#let-connect::before, button#let-connect::before{ transition: none; } }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-2ec70ac *//* ========================================================= GTM Pioneers — Nav Menu (ID: #header-menu) - Toggle + dropdown ONLY on Tablet/Mobile - Desktop: show normal horizontal menu, hide burger + dropdown ========================================================= */ #header-menu{ --gtm-orange: #EC7D2A; --gtm-bg: rgba(20,20,20,0.92); --gtm-border: rgba(255,255,255,0.10); --gtm-text: rgba(251,252,252,0.92); --gtm-radius: 14px; --gtm-shadow: 0 16px 40px rgba(0,0,0,0.32); } /* ----------------------------- DESKTOP (>=1025px) - Force burger + dropdown OFF - Keep main menu ON ------------------------------ */ @media (min-width: 1025px){ #header-menu .elementor-menu-toggle{ display: none !important; } #header-menu .elementor-nav-menu--dropdown{ display: none !important; } /* Ensure the main horizontal menu is visible */ #header-menu .elementor-nav-menu--main{ display: block !important; } } /* ----------------------------- TABLET + MOBILE (<=1024px) - Burger ON + styled - Main horizontal menu hidden - Dropdown overlays (no header growth) ------------------------------ */ @media (max-width: 1024px){ /* Hide horizontal main menu on small screens */ #header-menu .elementor-nav-menu--main{ display: none !important; } /* Show burger */ #header-menu .elementor-menu-toggle{ display: inline-flex !important; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: var(--gtm-radius); background: rgba(255,255,255,0.05); border: 1px solid var(--gtm-border); box-shadow: 0 10px 24px rgba(0,0,0,0.20); transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease; } #header-menu .elementor-menu-toggle:hover{ transform: translateY(-1px); background: rgba(255,255,255,0.07); border-color: rgba(236,125,42,0.25); box-shadow: 0 14px 30px rgba(0,0,0,0.26); } #header-menu .elementor-menu-toggle svg{ width: 22px; height: 22px; fill: var(--gtm-text); } /* Anchor dropdown overlay to the widget */ #header-menu{ position: relative; } /* Dropdown overlay (won't expand header height) */ #header-menu .elementor-nav-menu--dropdown{ position: absolute !important; top: calc(100% + 10px); right: 0; width: min(360px, 92vw); max-height: 70vh; overflow: auto; border-radius: 16px; background: var(--gtm-bg); backdrop-filter: blur(16px) saturate(150%); -webkit-backdrop-filter: blur(16px) saturate(150%); border: 1px solid var(--gtm-border); box-shadow: var(--gtm-shadow); margin: 0 !important; padding: 8px; z-index: 99999; display: block; /* Elementor controls aria-hidden; keep container ready */ } /* Dropdown items */ #header-menu .elementor-nav-menu--dropdown .elementor-item{ display:flex; align-items:center; padding: 12px 12px; border-radius: 12px; color: var(--gtm-text); font-weight: 600; text-decoration: none; transition: background .16s ease, transform .16s ease, color .16s ease; } #header-menu .elementor-nav-menu--dropdown .elementor-item:hover{ background: rgba(255,255,255,0.06); transform: translateX(2px); color: rgba(251,252,252,1); } /* Active/current */ #header-menu .elementor-nav-menu--dropdown .current-menu-item > a, #header-menu .elementor-nav-menu--dropdown .current_page_item > a{ background: rgba(236,125,42,0.12); border: 1px solid rgba(236,125,42,0.22); color: rgba(251,252,252,1); } #header-menu .elementor-nav-menu--dropdown li{ list-style: none; } #header-menu .elementor-nav-menu--dropdown li:not(:last-child){ margin-bottom: 6px; } /* Reduced motion */ @media (prefers-reduced-motion: reduce){ #header-menu .elementor-menu-toggle, #header-menu .elementor-nav-menu--dropdown .elementor-item{ transition: none !important; } } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-25afc93 *//* Glass + subtle GTM orange border (Target: #my-header) */ #my-header{ background: rgba(15, 15, 15, 0.55); backdrop-filter: blur(16px) saturate(150%); -webkit-backdrop-filter: blur(16px) saturate(150%); border-bottom: 1px solid rgba(236, 125, 42, 0.45); } /* Fallback if blur not supported */ @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){ #my-header{ background: rgba(15,15,15,0.92); } }/* End custom CSS */