@media only screen and (min-width : 768px) {
    
    body.contained-page.home.header-transparent-sticky-home .site-header {   margin:0 5%; }
}

/*Header Sticky Only*/

body.admin-bar.header-sticky header.wp-block-template-part { top:32px; }


body.header-sticky header.wp-block-template-part { background:var(--wp--preset--color--palette-9); }

body.header-sticky .site-header,
body.header-sticky header.wp-block-template-part {  
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1021;
 }

body.admin-bar .header-sticky { top:152px; }




 /* transparent header and sticky */

body.boxed.header-transparent-sticky .site-header {     max-width: var(--wp--style--global--wide-size);  }
body.header-transparent-sticky .site-header {  
    position: fixed;
    right: 0;
    left: 0;
    z-index: 100;
    background: transparent;

    margin:0 auto;
}

body.header-transparent-sticky.scrolling .site-header,
body.elementor-default.header-transparent-sticky.scrolling .elementor-location-header  { 
    position: fixed;
    z-index: 1021;
}

body.elementor-default.header-transparent-sticky.scrolling.admin-bar .elementor-location-header,
body.header-transparent-sticky.scrolling.admin-bar .site-headerx { top: 32px; }

body.header-transparent-sticky.scrolling .site-header { background:#fff;  }


body.header-transparent-sticky:not(.scrolling) .site-header svg#logo path, 
body.header-transparent-sticky:not(.scrolling) .site-header #site-navigation nav:not(.elementor-nav-menu--dropdown) > ul > li > a:not(.elementor-item-active), 
body.header-transparent-sticky:not(.scrolling) .site-header #site-navigation .elementor-menu-toggle path, 
body.header-transparent-sticky:not(.scrolling) .site-header .elementor-button, 
body.header-transparent-sticky:not(.scrolling) .site-header .elementor-icon, 
body.header-transparent-sticky:not(.scrolling) #top-bar .elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-text,
body.header-transparent-sticky:not(.scrolling) #top-bar .elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-icon i { 
    fill:#fff;
    color:#fff;
    transition: 0.4s ease-in-out;
}

body.header-transparent-sticky:not(.scrolling)  .site-header .mobile-menu.elementor-widget-icon a.elementor-icon { color:#fff; }

body.header-transparent-sticky:not(.scrolling)  .site-header .elementor-button-link { background-color:#fff;color:#333; }

body.header-transparent-sticky.scrolling .site-header svg#logo path { transition: 0.8s ease-in-out;  }



body.home.header-transparent-home #type path,
body.header-transparent-sticky:not(.scrolling) #type path,
body.home.header-transparent #type path, body.home.header-transparent-sticky-home:not(.scrolling) #type path{ fill:#fff !important; }




/*Header Transparent Everywhere Only*/

body.header-transparent .site-header {  
    position: absolute;
    right: 0;
    left: 0;
    z-index: 100;
    background: transparent;
 }

body.header-transparent .site-header svg#logo path { fill:#fff; }


body.header-transparent .site-navigation.wp-block-navigation:not(.open) > ul > li > .wp-block-navigation-item__content { color:var(--wp--preset--color--palette-9); }
                                     

body.header-transparent .site-navigation.wp-block-navigation:not(.open) > ul > li > .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--palette-3); }
body.header-transparent .site-navigation.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg { stroke:var(--wp--preset--color--palette-9); }

/*Header Transparent Home Only*/

body.home.header-transparent-home .site-header {  
    position: absolute;
    right: 0;
    left: 0;
    z-index: 100;
    background: transparent !important;
 }

body.home.header-transparent-home .site-header svg#logo path { fill:#fff; }


body.home.header-transparent-home #site-navigation a.elementor-item, 
body.home.header-transparent-home .site-header .mobile-menu.elementor-widget-icon a.elementor-icon { color:#fff; }


body.home.header-transparent-home  .site-header .elementor-button-link { background-color:#fff;color:#333; }

/*Transparent Home + Sticky Secondary */
body.home:not(.scrolling).header-transparent-sticky-home .site-header  { 

   background: transparent;

}
body.home.header-transparent-sticky-home .site-header  { 
   position: fixed;
    right: 0;
    left: 0;
    z-index: 100;
    margin:0 auto;
 }



body.home:not(.scrolling).header-transparent-sticky-home .site-header svg#logo path { fill:#fff; }
body.home:not(.scrolling).header-transparent-sticky-home #site-navigation a.elementor-item:not(:hover):not(.elementor-item-active), 
body.home:not(.scrolling).header-transparent-sticky-home .site-header .mobile-menu.elementor-widget-icon a.elementor-icon, 
body.home:not(.scrolling).header-transparent-sticky-home #top-bar .elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-text,
body.home:not(.scrolling).header-transparent-sticky-home #top-bar .elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-icon i { color:#fff; }

body.home:not(.scrolling).header-transparent-sticky-home .site-header .elementor-button-link { background-color:#fff;color:#333; }

body.home.scrolling.header-transparent-sticky-home.admin-bar .elementor-location-header { top:32px; }
body:not(.home).scrolling.header-transparent-sticky-home.admin-bar .elementor-location-header { top:32px; }








/* Site Header Navigaiton Menus */
.site-navigation.wp-block-navigation.wp-block-navigation > ul > li.wp-block-navigation-item {
    padding: 0.5rem 0.5rem;
    border-radius: 0.25rem;
}

.site-navigation.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {}
.site-navigation.wp-block-navigation  > ul > li.wp-block-navigation-item:hover {  background: var(--wp--preset--color--palette-8); }
.site-navigation.wp-block-navigation > ul > li.wp-block-navigation-item:hover > .wp-block-navigation-item__content {
 
    color: var(--wp--preset--color--palette-4);
}


.site-navigation.wp-block-navigation a:where(:not(.wp-element-button)):hover { text-decoration: none; }


.site-navigation.wp-block-navigation:not(.open):not(.has-background) .wp-block-navigation__submenu-container { padding:.5rem;border:0px solid var(--wp--preset--color--palette-7);border-radius:4px;box-shadow:0 0.5rem 1rem rgba(2,6,23,.15);}


.site-navigation.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container { 
    animation-name: dropdownFadeUp; }


@-webkit-keyframes dropdownFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes dropdownFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes dropdownFadeUp {
    from {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes dropdownFadeUp {
    from {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}


.wp-block-navigation-submenu li.wp-block-navigation-item { background-color: transparent;}

.wp-block-navigation-submenu li.wp-block-navigation-item a:hover { background:var(--wp--preset--color--palette-8);color:var(--wp--preset--color--palette-3); }



.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container { padding:0rem 1rem 0 0; }


.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container li { margin-block-start:10px; }

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {  

.wp-block-site-logo img {

    max-width: 80%;
}

}


@media only screen and (max-width : 576px) {

   .wp-block-site-logo img {

    max-width: 70%;
}
 

}

nav.site-navigation.is-responsive .mobile-icon {display: none;}

@media only screen and (min-width: 769px) {  
nav.site-navigation:not(.is-responsive) + .mobile-icon { display:none; }
}

@media only screen and (max-width: 768px) {  


    nav.site-navigation:not(.is-responsive) .mobile-icon {
        display: flex;
    }

    /* Base Styles for .wp-container-core-navigation-layout-1 */
    body nav.site-navigation:not(.is-responsive) {
        position: absolute;
    
        left: 0;
        right: 0;
        background: #fff;
        padding: 10px;
        height: auto;
      
        display: flex;
        align-items: start;
        flex-direction: column;
        visibility: hidden; /* Start hidden */
        z-index:99999;
    }


    body.header-default .site-header, body.default .site-header { position:relative; }

    body nav.site-navigation:not(.is-responsive) { top: 70px; }
    body.admin-bar nav.site-navigation:not(.is-responsive) { top:70px; }

    /* Normal open/close behavior without .fancy */
    nav.site-navigation:not(.is-responsive).open {
        visibility: visible; /* Make visible immediately when opening */
    }

    nav.site-navigation:not(.is-responsive).closed {
        visibility: hidden; /* Hide immediately when closing */
    }

    /* Styles when .fancy is added */
    body nav.site-navigation:not(.is-responsive).fancy {
        transform-origin: top;
        transform: scaleY(0);
        opacity: 0;
        transition: transform 0.3s ease-out, opacity 0.3s ease-out;
    }

    body nav.site-navigation:not(.is-responsive).fancy.open {
        transform: scaleY(1);
        opacity: 1;
        visibility: visible; /* Make visible immediately when opening */
        transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0s linear 0s; /* No delay on visibility when opening */
    }

    body nav.site-navigation:not(.is-responsive).fancy.closed {
        transform: scaleY(0);
        opacity: 0;
        visibility: hidden; /* Hide after transitions */
        transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0s linear 0.3s; /* Delay on visibility when closing */
    }

    nav.site-navigation:not(.is-responsive) .wp-block-navigation__container {
        flex-direction: column;
        width: 100%;
        text-align: left;
        justify-content: left;

        overflow: hidden;
    }

    nav.site-navigation:not(.is-responsive) .wp-block-navigation__container .wp-block-navigation-item {width:100%; }

    nav.site-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content { width:100%;  }

    nav.site-navigation:not(.is-responsive) .wp-block-navigation__container  li.wp-block-navigation-submenu { display:flex;flex-direction:column;    align-items: flex-start;
    justify-content: flex-start;}

    nav.site-navigation:not(.is-responsive) .wp-block-navigation .wp-block-navigation__submenu-icon { display:none; }


    nav.site-navigation:not(.is-responsive) .wp-block-navigation .has-child .wp-block-navigation__submenu-container { position:relative; }

    nav.site-navigation:not(.is-responsive) .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container, 
    nav.site-navigation .wp-block-navigation-submenu li.wp-block-navigation-item {
    border: 0px;
    }


    navnav.site-navigation:not(.is-responsive) .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container { 
    width: 100%;  
    }


    .header-transparent .mobile-icon svg, .header-transparent .mobile-icon path  { fill:var(--wp--preset--color--palette-9); }


}