@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;
    margin:0 auto;
}

body:not(.scrolling).header-transparent-sticky .site-header  {
  background-color: transparent !important;
}

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-transparentx .site-navigation.wp-block-navigation:not(.open) > ul > li > .wp-block-navigation-item__content { color:var(--wp--preset--color--palette-9); }
                                    
body.header-transparentx .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;
   background-color: transparent !important;

}
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; }


/*Header Secondary Only*/

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

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


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


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

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

   background: transparent;

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



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

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

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







/* Site Header Navigaiton Menus */
.site-navigation.wp-block-navigation > ul > li.wp-block-navigation-item a {
    padding: 0.5rem 0.5rem;
    border-radius: 0.25rem;
}
.xsite-navigation.wp-block-navigation  > ul > li.wp-block-navigation-item:hover a {  background: var(--wp--preset--color--palette-8); }

.xsite-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 { 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;}

.xwp-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: 1024px) {  
nav.site-navigation:not(.is-responsive) + .mobile-icon { display:none; }
}

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


    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.header-default  .site-header { position:relative;z-index:9; }

    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); }


}



/*site navigation */

nav.site-navigation.wp-block-navigation .open .wp-block-navigation-item__content.wp-block-navigation-item__content { color:inherit; }




/*Site Navigation - Full Height */


/* Target only the top-level <li> > <a> elements (avoid submenus) */
.site-navigation.wp-block-navigation.full-height-nav > ul > li.wp-block-navigation-item > a{
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    text-decoration: none;
  
    border-radius: 0;
}

/* Apply padding only on desktop */
@media (min-width: 1024px) {
    .site-navigation.wp-block-navigation.full-height-nav > ul > li.wp-block-navigation-item > a {
        padding: 2.2rem 0.8rem;
    }
}

/* Ensure the top-level list items also take up full height */
.site-navigation.full-height-nav > ul > li.wp-block-navigation-item {
    height: 100%;
}

/* Style the submenu items separately so they do not inherit full height */
.site-navigation.full-height-nav ul.wp-block-navigation__submenu-container a {
    display: block;
    height: auto; /* Ensure submenu links have their natural height */
    padding: 0.8rem 0.8rem; /* Set custom padding for submenu items */
}

/* Ensure the submenu toggle button doesn't stretch */
.site-navigation.full-height-nav .wp-block-navigation-submenu__toggle {
    display: inline-block;
    height: auto;
}

/* Add hover effect only for the top-level links */
.site-navigation.full-height-nav > ul > li.wp-block-navigation-item > a:hover {
    color: var(--wp--preset--color--palette-6); /* Adjust the background color on hover */
}