.elementor-2669 .elementor-element.elementor-element-43d1fb84{--display:flex;--min-height:100px;--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.7;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:1%;--padding-bottom:1%;--padding-left:8%;--padding-right:8%;--z-index:95;}.elementor-2669 .elementor-element.elementor-element-43d1fb84::before, .elementor-2669 .elementor-element.elementor-element-43d1fb84 > .elementor-background-video-container::before, .elementor-2669 .elementor-element.elementor-element-43d1fb84 > .e-con-inner > .elementor-background-video-container::before, .elementor-2669 .elementor-element.elementor-element-43d1fb84 > .elementor-background-slideshow::before, .elementor-2669 .elementor-element.elementor-element-43d1fb84 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2669 .elementor-element.elementor-element-43d1fb84 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#468BD3;--background-overlay:'';}.elementor-2669 .elementor-element.elementor-element-3c2bc9f8{--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:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-2669 .elementor-element.elementor-element-4e45653{width:var( --container-widget-width, 20% );max-width:20%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-2669 .elementor-element.elementor-element-4e45653.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2669 .elementor-element.elementor-element-5b8ef917{--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:flex-start;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-2669 .elementor-element.elementor-element-7878291b{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 40px / 2 );}.elementor-2669 .elementor-element.elementor-element-7878291b .elementor-menu-toggle{margin-left:auto;background-color:#02010100;}.elementor-2669 .elementor-element.elementor-element-7878291b .elementor-nav-menu .elementor-item{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0em;}.elementor-2669 .elementor-element.elementor-element-7878291b .elementor-nav-menu--main .elementor-item{color:#FFFCFC;fill:#FFFCFC;padding-left:10px;padding-right:10px;padding-top:11px;padding-bottom:11px;}.elementor-2669 .elementor-element.elementor-element-7878291b .elementor-nav-menu--main .elementor-item:hover,
					.elementor-2669 .elementor-element.elementor-element-7878291b .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-2669 .elementor-element.elementor-element-7878291b .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-2669 .elementor-element.elementor-element-7878291b .elementor-nav-menu--main .elementor-item:focus{color:#75B8EE;}.elementor-2669 .elementor-element.elementor-element-7878291b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-2669 .elementor-element.elementor-element-7878291b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#ECF7FE;}.elementor-2669 .elementor-element.elementor-element-7878291b .e--pointer-framed .elementor-item:before,
					.elementor-2669 .elementor-element.elementor-element-7878291b .e--pointer-framed .elementor-item:after{border-color:#ECF7FE;}.elementor-2669 .elementor-element.elementor-element-7878291b .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:40px;}.elementor-2669 .elementor-element.elementor-element-7878291b .elementor-nav-menu--dropdown a, .elementor-2669 .elementor-element.elementor-element-7878291b .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-2669 .elementor-element.elementor-element-7878291b .elementor-nav-menu--dropdown{background-color:#F3F5F8;}.elementor-2669 .elementor-element.elementor-element-7878291b .elementor-nav-menu--dropdown a:hover,
					.elementor-2669 .elementor-element.elementor-element-7878291b .elementor-nav-menu--dropdown a:focus,
					.elementor-2669 .elementor-element.elementor-element-7878291b .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-2669 .elementor-element.elementor-element-7878291b .elementor-nav-menu--dropdown a.highlighted{background-color:#F9FAFD;}.elementor-2669 .elementor-element.elementor-element-7878291b .elementor-nav-menu--dropdown a.elementor-item-active{background-color:#F9FAFD;}.elementor-2669 .elementor-element.elementor-element-7878291b .elementor-nav-menu--dropdown .elementor-item, .elementor-2669 .elementor-element.elementor-element-7878291b .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;letter-spacing:0px;word-spacing:0em;}.elementor-2669 .elementor-element.elementor-element-7878291b div.elementor-menu-toggle{color:#467FF7;}.elementor-2669 .elementor-element.elementor-element-7878291b div.elementor-menu-toggle svg{fill:#467FF7;}.elementor-2669 .elementor-element.elementor-element-0de8791{--display:flex;--min-height:100px;--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.75;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:2%;--padding-bottom:2%;--padding-left:8%;--padding-right:8%;--z-index:95;}.elementor-2669 .elementor-element.elementor-element-0de8791:not(.elementor-motion-effects-element-type-background), .elementor-2669 .elementor-element.elementor-element-0de8791 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2669 .elementor-element.elementor-element-0de8791::before, .elementor-2669 .elementor-element.elementor-element-0de8791 > .elementor-background-video-container::before, .elementor-2669 .elementor-element.elementor-element-0de8791 > .e-con-inner > .elementor-background-video-container::before, .elementor-2669 .elementor-element.elementor-element-0de8791 > .elementor-background-slideshow::before, .elementor-2669 .elementor-element.elementor-element-0de8791 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2669 .elementor-element.elementor-element-0de8791 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#468BD3;--background-overlay:'';}.elementor-2669 .elementor-element.elementor-element-47554c1{--display:flex;}.elementor-2669 .elementor-element.elementor-element-16d769c{--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:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-2669 .elementor-element.elementor-element-58f67a8{width:var( --container-widget-width, 20% );max-width:20%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-2669 .elementor-element.elementor-element-58f67a8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2669 .elementor-element.elementor-element-7a40402{--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:flex-start;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-2669 .elementor-element.elementor-element-17824c2{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 40px / 2 );}.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-menu-toggle{margin-left:auto;}.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu .elementor-item{font-family:"Open Sans", Sans-serif;font-size:17px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0em;}.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:10px;padding-right:10px;padding-top:11px;padding-bottom:11px;}.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu--main .elementor-item:focus{color:#75B8EE;}.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#ECF7FE;}.elementor-2669 .elementor-element.elementor-element-17824c2 .e--pointer-framed .elementor-item:before,
					.elementor-2669 .elementor-element.elementor-element-17824c2 .e--pointer-framed .elementor-item:after{border-color:#ECF7FE;}.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:40px;}.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu--dropdown a, .elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu--dropdown{background-color:#88C0E5;}.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu--dropdown a:hover,
					.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu--dropdown a:focus,
					.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-menu-toggle:hover,
					.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-menu-toggle:focus{color:#75B8EE;}.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu--dropdown a:hover,
					.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu--dropdown a:focus,
					.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu--dropdown a.highlighted{background-color:#F9FAFD;}.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu--dropdown a.elementor-item-active{background-color:#F9FAFD;}.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu--dropdown .elementor-item, .elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;letter-spacing:0px;word-spacing:0em;}.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-bottom-width:1px;}.elementor-2669 .elementor-element.elementor-element-17824c2 div.elementor-menu-toggle{color:#194ADA;}.elementor-2669 .elementor-element.elementor-element-17824c2 div.elementor-menu-toggle svg{fill:#194ADA;}.elementor-2669 .elementor-element.elementor-element-17824c2 div.elementor-menu-toggle:hover, .elementor-2669 .elementor-element.elementor-element-17824c2 div.elementor-menu-toggle:focus{color:#194ADA;}.elementor-2669 .elementor-element.elementor-element-17824c2 div.elementor-menu-toggle:hover svg, .elementor-2669 .elementor-element.elementor-element-17824c2 div.elementor-menu-toggle:focus svg{fill:#194ADA;}.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-2669 .elementor-element.elementor-element-43d1fb84{--min-height:85px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-2669 .elementor-element.elementor-element-7878291b .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-2669 .elementor-element.elementor-element-7878291b .elementor-nav-menu--dropdown .elementor-item, .elementor-2669 .elementor-element.elementor-element-7878291b .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:14px;}.elementor-2669 .elementor-element.elementor-element-0de8791{--min-height:85px;--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;--overlay-opacity:0.75;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:2%;--padding-bottom:2%;--padding-left:5%;--padding-right:5%;}.elementor-2669 .elementor-element.elementor-element-47554c1{--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;}.elementor-2669 .elementor-element.elementor-element-16d769c{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2669 .elementor-element.elementor-element-58f67a8{--container-widget-width:70%;--container-widget-flex-grow:0;width:var( --container-widget-width, 70% );max-width:70%;}.elementor-2669 .elementor-element.elementor-element-7a40402{--justify-content:flex-end;}.elementor-2669 .elementor-element.elementor-element-17824c2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 7px 0px 0px;--nav-menu-icon-size:25px;}.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu--dropdown .elementor-item, .elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:14px;}.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu--dropdown a{padding-top:14px;padding-bottom:14px;}.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:50px !important;}.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-menu-toggle{border-width:1px;}}@media(max-width:767px){.elementor-2669 .elementor-element.elementor-element-43d1fb84{--min-height:65px;--padding-top:0%;--padding-bottom:0%;--padding-left:10%;--padding-right:10%;}.elementor-2669 .elementor-element.elementor-element-3c2bc9f8{--width:20%;}.elementor-2669 .elementor-element.elementor-element-5b8ef917{--width:80%;}.elementor-2669 .elementor-element.elementor-element-7878291b .elementor-nav-menu--dropdown a{padding-top:14px;padding-bottom:14px;}.elementor-2669 .elementor-element.elementor-element-7878291b .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-2669 .elementor-element.elementor-element-7878291b .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-2669 .elementor-element.elementor-element-7878291b{--nav-menu-icon-size:20px;}.elementor-2669 .elementor-element.elementor-element-0de8791{--width:1200px;--min-height:65px;--padding-top:2%;--padding-bottom:2%;--padding-left:15%;--padding-right:15%;}.elementor-2669 .elementor-element.elementor-element-47554c1{--width:100%;--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;--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-2669 .elementor-element.elementor-element-16d769c{--width:30%;--justify-content:flex-start;}.elementor-2669 .elementor-element.elementor-element-58f67a8{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2669 .elementor-element.elementor-element-7a40402{--width:60%;--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;}.elementor-2669 .elementor-element.elementor-element-17824c2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--nav-menu-icon-size:20px;}.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu--dropdown a{padding-top:14px;padding-bottom:14px;}.elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-2669 .elementor-element.elementor-element-17824c2 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:40px !important;}}@media(min-width:768px){.elementor-2669 .elementor-element.elementor-element-43d1fb84{--content-width:1200px;}.elementor-2669 .elementor-element.elementor-element-3c2bc9f8{--width:40%;}.elementor-2669 .elementor-element.elementor-element-5b8ef917{--width:60%;}.elementor-2669 .elementor-element.elementor-element-16d769c{--width:40%;}.elementor-2669 .elementor-element.elementor-element-7a40402{--width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2669 .elementor-element.elementor-element-3c2bc9f8{--width:15%;}.elementor-2669 .elementor-element.elementor-element-5b8ef917{--width:85%;}.elementor-2669 .elementor-element.elementor-element-0de8791{--width:1200px;}.elementor-2669 .elementor-element.elementor-element-47554c1{--width:100%;}.elementor-2669 .elementor-element.elementor-element-16d769c{--width:20%;}.elementor-2669 .elementor-element.elementor-element-7a40402{--width:79%;}}/* Start custom CSS for nav-menu, class: .elementor-element-17824c2 */<style>
    /* This CSS prepares the header for JavaScript control */
    #js-controlled-header {
        /* Using position:fixed is more aggressive than sticky. 
         The top position will be controlled by JavaScript.
        */
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 999999 !important; /* Extremely high z-index */
        background: #FFF !important;
        box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
        transition: top 0.5s cubic-bezier(0.77, 0, 0.175, 1) !important;
        padding: 15px !important;
        box-sizing: border-box !important;
        text-align: center;
    }

    /* Basic styles for the content inside */
    #js-controlled-header a {
        color: #000 !important;
        text-decoration: none;
        font-size: 18px;
        font-weight: bold;
    }
</style>

<header id="js-controlled-header">
    <a href="/">JavaScript Controlled Header</a>
</header>

<script>
    // This script takes full control of the header's position
    document.addEventListener("DOMContentLoaded", function() {
        const header = document.getElementById('js-controlled-header');
        if (!header) {
            console.error('Header element #js-controlled-header not found.');
            return;
        }

        let lastScrollY = window.scrollY;
        
        // A small delay to ensure all elements are rendered before getting height
        setTimeout(function() {
            const headerHeight = header.offsetHeight;

            window.addEventListener('scroll', function() {
                const currentScrollY = window.scrollY;

                if (currentScrollY > lastScrollY && currentScrollY > headerHeight) {
                    // Scrolling Down: Hide header by moving it up
                    header.style.top = `-${headerHeight}px`;
                } else {
                    // Scrolling Up: Show header
                    header.style.top = '0px';
                }
                lastScrollY = currentScrollY;
            });
        }, 100);
    });
</script>

<div style="height: 2500px; padding-top: 150px; text-align: center;">
    <p>Scroll down to test.</p>
</div>/* End custom CSS */