.elementor-15783 .elementor-element.elementor-element-84f4d5c{--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-130px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1000;}.elementor-15783 .elementor-element.elementor-element-be117e7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-15783 .elementor-element.elementor-element-3c13cf6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15783 .elementor-element.elementor-element-306f912{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:10px;}.elementor-15783 .elementor-element.elementor-element-306f912.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-15783 .elementor-element.elementor-element-850f856{width:var( --container-widget-width, 106.398% );max-width:106.398%;--container-widget-width:106.398%;--container-widget-flex-grow:0;}.elementor-15783 .elementor-element.elementor-element-850f856 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-15783 .elementor-element.elementor-element-850f856.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-15783 .elementor-element.elementor-element-850f856 .elementor-menu-toggle{margin-left:auto;}.elementor-15783 .elementor-element.elementor-element-850f856 .elementor-nav-menu .elementor-item{font-weight:bold;}.elementor-15783 .elementor-element.elementor-element-850f856 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-a8953ba );fill:var( --e-global-color-a8953ba );}.elementor-15783 .elementor-element.elementor-element-7a05e00{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 5px;--row-gap:0px;--column-gap:5px;--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:10px;}.elementor-15783 .elementor-element.elementor-element-7a05e00.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-15783 .elementor-element.elementor-element-7427e81 .elementor-repeater-item-38a43f7.elementor-social-icon{background-color:#F7F7F700;}.elementor-15783 .elementor-element.elementor-element-7427e81 .elementor-repeater-item-38a43f7.elementor-social-icon i{color:var( --e-global-color-a8953ba );}.elementor-15783 .elementor-element.elementor-element-7427e81 .elementor-repeater-item-38a43f7.elementor-social-icon svg{fill:var( --e-global-color-a8953ba );}.elementor-15783 .elementor-element.elementor-element-7427e81 .elementor-repeater-item-794ef94.elementor-social-icon{background-color:#21232200;}.elementor-15783 .elementor-element.elementor-element-7427e81 .elementor-repeater-item-794ef94.elementor-social-icon i{color:var( --e-global-color-a8953ba );}.elementor-15783 .elementor-element.elementor-element-7427e81 .elementor-repeater-item-794ef94.elementor-social-icon svg{fill:var( --e-global-color-a8953ba );}.elementor-15783 .elementor-element.elementor-element-7427e81 .elementor-repeater-item-dd8675d.elementor-social-icon{background-color:#FF000000;}.elementor-15783 .elementor-element.elementor-element-7427e81 .elementor-repeater-item-dd8675d.elementor-social-icon i{color:#F7F7F7;}.elementor-15783 .elementor-element.elementor-element-7427e81 .elementor-repeater-item-dd8675d.elementor-social-icon svg{fill:#F7F7F7;}.elementor-15783 .elementor-element.elementor-element-7427e81{--grid-template-columns:repeat(0, auto);width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;--icon-size:15px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-15783 .elementor-element.elementor-element-7427e81 .elementor-widget-container{text-align:right;}.elementor-15783 .elementor-element.elementor-element-7427e81 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15783 .elementor-element.elementor-element-7427e81.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-15783 .elementor-element.elementor-element-286b34a{width:var( --container-widget-width, 14% );max-width:14%;--container-widget-width:14%;--container-widget-flex-grow:0;}.elementor-15783 .elementor-element.elementor-element-286b34a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15783 .elementor-element.elementor-element-286b34a.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-15783 .elementor-element.elementor-element-286b34a .elementor-search-form{text-align:end;}.elementor-15783 .elementor-element.elementor-element-286b34a .elementor-search-form__toggle{--e-search-form-toggle-size:30px;--e-search-form-toggle-color:var( --e-global-color-a8953ba );--e-search-form-toggle-background-color:#F7F7F700;}.elementor-15783 .elementor-element.elementor-element-286b34a.elementor-search-form--skin-full_screen .elementor-search-form__container{background-color:var( --e-global-color-accent );}.elementor-15783 .elementor-element.elementor-element-286b34a .elementor-search-form__input, .elementor-15783 .elementor-element.elementor-element-286b34a .elementor-search-form__icon, .elementor-15783 .elementor-element.elementor-element-286b34a .elementor-lightbox .dialog-lightbox-close-button, .elementor-15783 .elementor-element.elementor-element-286b34a .elementor-lightbox .dialog-lightbox-close-button:hover, .elementor-15783 .elementor-element.elementor-element-286b34a.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-15783 .elementor-element.elementor-element-286b34a:not(.elementor-search-form--skin-full_screen) .elementor-search-form__container{border-radius:3px;}.elementor-15783 .elementor-element.elementor-element-286b34a.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input{border-radius:3px;}.elementor-15783 .elementor-element.elementor-element-286b34a .elementor-search-form__toggle:hover{--e-search-form-toggle-color:#F7F7F7;--e-search-form-toggle-background-color:var( --e-global-color-text );}.elementor-15783 .elementor-element.elementor-element-286b34a .elementor-search-form__toggle:focus{--e-search-form-toggle-color:#F7F7F7;--e-search-form-toggle-background-color:var( --e-global-color-text );}.elementor-15783 .elementor-element.elementor-element-b3444c7{--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-130px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1000;}.elementor-15783 .elementor-element.elementor-element-b861c4d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15783 .elementor-element.elementor-element-b07096f{width:var( --container-widget-width, 106.398% );max-width:106.398%;--container-widget-width:106.398%;--container-widget-flex-grow:0;}.elementor-15783 .elementor-element.elementor-element-b07096f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-15783 .elementor-element.elementor-element-b07096f.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-15783 .elementor-element.elementor-element-b07096f .elementor-menu-toggle{margin-left:auto;}.elementor-15783 .elementor-element.elementor-element-b07096f .elementor-nav-menu .elementor-item{font-weight:bold;}.elementor-15783 .elementor-element.elementor-element-b07096f .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-a8953ba );fill:var( --e-global-color-a8953ba );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-15783 .elementor-element.elementor-element-be117e7{--width:50px;}.elementor-15783 .elementor-element.elementor-element-306f912{--width:50px;--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;--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-15783 .elementor-element.elementor-element-850f856{width:var( --container-widget-width, 208.641px );max-width:208.641px;--container-widget-width:208.641px;--container-widget-flex-grow:0;}.elementor-15783 .elementor-element.elementor-element-850f856 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-15783 .elementor-element.elementor-element-7a05e00{--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;--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-15783 .elementor-element.elementor-element-7427e81 .elementor-widget-container{text-align:left;}.elementor-15783 .elementor-element.elementor-element-7427e81 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 11px 0px;}.elementor-15783 .elementor-element.elementor-element-286b34a > .elementor-widget-container{margin:0px 5px 0px 4px;}.elementor-15783 .elementor-element.elementor-element-b3444c7{--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:-160px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15783 .elementor-element.elementor-element-b07096f{width:var( --container-widget-width, 208.641px );max-width:208.641px;--container-widget-width:208.641px;--container-widget-flex-grow:0;}.elementor-15783 .elementor-element.elementor-element-b07096f > .elementor-widget-container{padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-15783 .elementor-element.elementor-element-84f4d5c{--width:100%;}.elementor-15783 .elementor-element.elementor-element-be117e7{--width:25%;}.elementor-15783 .elementor-element.elementor-element-306f912{--width:50%;}.elementor-15783 .elementor-element.elementor-element-7a05e00{--width:25%;}.elementor-15783 .elementor-element.elementor-element-b3444c7{--width:100%;}}/* Start custom CSS *//* ======================================================== */ /* 1. GLOBAL STICKY ENGINE (BOTH HEADERS) */ /* ======================================================== */ #my-custom-header, #my-mobile-header { position: fixed !important; top: 0; z-index: 9999; box-sizing: border-box !important; background-color: rgba(255, 255, 255, var(--p, 0)) !important; border-radius: 0px 0px calc(16px * var(--p, 0)) calc(16px * var(--p, 0)); box-shadow: 0px 10px 30px rgba(0, 0, 0, calc(0.12 * var(--p, 0))); /* Dynamic color transition token shared across all devices */ --dynamic-content-color: color-mix(in srgb, #f7f7f7, #3f4444 calc(var(--p, 0) * 100%)); } /* ======================================================== */ /* 2. DESKTOP HEADER SPECIFIC CONFIGURATION */ /* ======================================================== */ @media (min-width: 1025px) { #my-custom-header { width: calc(100% - 300px) !important; left: 150px !important; } #my-custom-header .elementor-widget-nav-menu, #my-custom-header .elementor-nav-menu--main { width: 100% !important; display: flex !important; justify-content: center !important; margin: 0 auto !important; } /* --- DESKTOP LOGO ANIMATION ENGINE --- */ #my-custom-header #nl-animated-logo .nl-fade-out { opacity: clamp(0, 1 - (var(--p, 0) * 2.5), 1); } #my-custom-header #nl-animated-logo #white-icon-n-source { opacity: clamp(0, 1 - (var(--p, 0) * 6.66), 1); } #my-custom-header #nl-animated-logo #icon-triangle-n-target { opacity: clamp(0, var(--p, 0) * 6.66, 1); } #my-custom-header #nl-animated-logo #white-letter-l-moving { transform: translateX(calc(-181.2px * var(--p, 0))); fill: color-mix(in srgb, #f7f7f7, #ff8300 calc(clamp(0, var(--p, 0) * 2, 1) * 100%)) !important; opacity: clamp(0, 1 - (var(--p, 0) - 0.85) * 6.66, 1); } #my-custom-header #nl-animated-logo #white-letter-i, #my-custom-header #nl-animated-logo #white-letter-f, #my-custom-header #nl-animated-logo #white-letter-e2 { transform: translateX(calc(-181.2px * var(--p, 0))); opacity: clamp(0, 1 - (var(--p, 0) * 1.4), 1); } #my-custom-header #nl-animated-logo #icon-l-target { opacity: clamp(0, (var(--p, 0) - 0.85) * 6.66, 1); } /* --- DESKTOP SPECIFIC: ORANGE MORPH FOR SOCIAL & SEARCH --- */ #my-custom-header .elementor-social-icon i, #my-custom-header .elementor-social-icon svg, #my-custom-header .elementor-search-form__toggle i, #my-custom-header .elementor-search-form__toggle svg, #my-custom-header .elementor-search-form__submit i, #my-custom-header .elementor-search-form__submit svg, #my-custom-header .elementor-search-form__input { color: color-mix(in srgb, #f7f7f7, #ff8300 calc(var(--p, 0) * 100%)) !important; fill: color-mix(in srgb, #f7f7f7, #ff8300 calc(var(--p, 0) * 100%)) !important; } #my-custom-header .elementor-search-form__input::placeholder { color: color-mix(in srgb, #f7f7f7, #ff8300 calc(var(--p, 0) * 70%)) !important; } #my-custom-header .elementor-search-form--skin-minimal .elementor-search-form__container { border-color: color-mix(in srgb, #f7f7f7, #ff8300 calc(var(--p, 0) * 100%)) !important; } } /* ======================================================== */ /* 3. MOBILE HEADER SPECIFIC CONFIGURATION */ /* ======================================================== */ @media (max-width: 1024px) { #my-mobile-header { width: calc(100% - 40px) !important; left: 20px !important; padding: 15px 15px !important; } #my-mobile-header .elementor-container, #my-mobile-header .e-con, #my-mobile-header .e-con-inner, #my-mobile-header .elementor-widget-wrap { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; flex-wrap: nowrap !important; width: 100% !important; } #my-mobile-header .elementor-column, #my-mobile-header .elementor-top-column, #my-mobile-header .e-con-inner > .e-con { width: auto !important; max-width: none !important; flex: 0 1 auto !important; } #my-mobile-header #nl-animated-logo { width: 180px !important; height: auto !important; display: block !important; margin-right: auto !important; margin-left: 0 !important; } #my-mobile-header .elementor-widget-nav-menu { margin-left: auto !important; margin-right: 0 !important; width: auto !important; } #my-mobile-header #nl-animated-logo .nl-fade-out, #my-mobile-header #nl-animated-logo #white-icon-n-source, #my-mobile-header #nl-animated-logo #white-letter-l-moving, #my-mobile-header #nl-animated-logo #white-letter-i, #my-mobile-header #nl-animated-logo #white-letter-f, #my-mobile-header #nl-animated-logo #white-letter-e2 { opacity: 1 !important; transform: none !important; } #my-mobile-header #nl-animated-logo #icon-l-target, #my-mobile-header #nl-animated-logo #nl-color-mark-target { display: none !important; } } /* ======================================================== */ /* 4. GLOBAL COLOR COUPLING ENGINE */ /* ======================================================== */ /* Vector logo morphing */ #my-custom-header #nl-white-logo-source path, #my-custom-header #nl-white-logo-source polygon, #my-custom-header #nl-white-logo-source rect, #my-mobile-header #nl-white-logo-source path, #my-mobile-header #nl-white-logo-source polygon, #my-mobile-header #nl-white-logo-source rect { fill: var(--dynamic-content-color) !important; } /* Desktop typography links scroll tracking */ #my-custom-header .elementor-nav-menu .elementor-item, #my-custom-header .elementor-nav-menu .elementor-item:hover, #my-custom-header .elementor-nav-menu .elementor-item.elementor-item-active { color: var(--dynamic-content-color) !important; } /* --- ADJUSTABLE HAMBURGER ICON ENGINE --- */ #my-custom-header .elementor-menu-toggle, #my-custom-header .elementor-menu-toggle svg, #my-mobile-header .elementor-menu-toggle, #my-mobile-header .elementor-menu-toggle svg { /* Change these hex codes to adjust the look before and after scrolling */ --hamburger-before: #f7f7f7; /* Color when transparent at the top */ --hamburger-after: #ff8300; /* Color when header scales down (Changed to Orange) */ color: color-mix(in srgb, var(--hamburger-before), var(--hamburger-after) calc(var(--p, 0) * 100%)) !important; fill: color-mix(in srgb, var(--hamburger-before), var(--hamburger-after) calc(var(--p, 0) * 100%)) !important; /* Optional visual scaling: subtle transition shrink on scroll (1 means 100% size, 0.9 means 90%) */ transform: scale(calc(1 - (0.05 * var(--p, 0)))) !important; transition: transform 0.1s ease-out; } /* --- ISOLATED MOBILE DRAWER STYLING --- */ #my-mobile-header .elementor-nav-menu--dropdown { background-color: #ffffff !important; } #my-mobile-header .elementor-nav-menu--dropdown .elementor-item { justify-content: center !important; text-align: center !important; color: #3f4444 !important; background-color: transparent !important; } #my-mobile-header .elementor-nav-menu--dropdown .elementor-item:hover, #my-mobile-header .elementor-nav-menu--dropdown .elementor-item:focus, #my-mobile-header .elementor-nav-menu--dropdown .elementor-item:active, #my-mobile-header .elementor-nav-menu--dropdown .elementor-item.elementor-item-active, #my-mobile-header .elementor-nav-menu--dropdown .sub-menu, #my-mobile-header .elementor-nav-menu--dropdown .sub-menu .elementor-item { background-color: #ffffff !important; } #my-mobile-header .elementor-nav-menu--dropdown .elementor-item.elementor-item-active { color: #ff8300 !important; } /* Social and Search color system fallback */ #my-mobile-header .elementor-social-icon i, #my-mobile-header .elementor-social-icon svg, #my-mobile-header .elementor-search-form__toggle i, #my-mobile-header .elementor-search-form__toggle svg, #my-mobile-header .elementor-search-form__submit i, #my-mobile-header .elementor-search-form__submit svg { color: var(--dynamic-content-color) !important; fill: var(--dynamic-content-color) !important; }/* End custom CSS */