/* ==========================================
   HEADER V2
========================================== */

/* ==========================================
   Layout
========================================== */

.site-header {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 9999;
    overflow: visible;
    background: linear-gradient(32deg, #072729 1%, #092F32 97%);
}

.site-header__inner {
    display: flex;
    align-items: center;
    max-width: 1440px;
    margin: 0 auto;
    padding: 24px 40px;
    gap: 40px;
}

.site-header__logo {
    flex: 0 0 auto;
}

.site-header__nav {
    flex: 1;
    display: flex;
    justify-content: center;
}

.site-header__actions {
    flex: 0 0 auto;
}
/* ==========================================
   Logo
========================================== */

/* ==========================================
   Navigation
========================================== */

/* Navigation container */

.site-header__nav .wp-block-navigation {
    width: 100%;
    justify-content: center;
    gap: 40px;
}

/* Top level LINKS */

.site-header__nav .wp-block-navigation__container > .wp-block-navigation-item > a.wp-block-navigation-item__content,
.site-header__nav .wp-block-navigation__container > .wp-block-navigation-item > button.wp-block-navigation-item__content {

    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: rgb(253,253,253);

    text-decoration: none;
    background: transparent;
    border: none;

    transition: color .25s ease;
}

/* Submenu toggle */

.site-header__nav .wp-block-navigation-submenu__toggle {
    background: transparent;
    border: none;
    color: #D7EF8A;
    transition: transform .3s ease;
}

/* Arrow */

.site-header__nav .wp-block-navigation__submenu-icon {
    color: #D7EF8A;
}

.site-header__nav .wp-block-navigation__submenu-icon svg {
    width: 16px;
    height: 16px;
}


.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle {
    padding-right: 18px;
}


.site-header__nav .wp-block-navigation__submenu-icon {
    position: relative;
    top: -3px;
}

/* Products trigger */

.mega-products > .wp-block-navigation-item__content {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mega-products > .wp-block-navigation-item__content::after {
    content: "";

    display: inline-block;

    width: 10px;
    height: 10px;

    border-right: 2px solid #D7EF8A;
    border-bottom: 2px solid #D7EF8A;

    transform: translateY(-3px) rotate(45deg);
    transform-origin: center;

    transition: transform .18s ease-out;

    will-change: transform;
}

.mega-products.is-open > .wp-block-navigation-item__content::after {
    transform: translateY(2px) rotate(225deg);
}

/* Resources trigger */

.mega-resources > .wp-block-navigation-item__content {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mega-resources > .wp-block-navigation-item__content::after {

    content: "";

    display: inline-block;

    width: 10px;
    height: 10px;

    border-right: 2px solid #D7EF8A;
    border-bottom: 2px solid #D7EF8A;

    transform: translateY(-3px) rotate(45deg);
    transform-origin: center;

    transition: transform .18s ease-out;

    will-change: transform;

}

.mega-resources.is-open > .wp-block-navigation-item__content::after {

    transform: translateY(2px) rotate(225deg);

}
/* ==========================================
   Actions
========================================== */

/* ==========================================
   Products Mega Menu
========================================== */

.products-mega-menu {
    position: absolute;
    top: 100%;
    left: 0;

    transform: translateX(-50%);

    visibility: hidden;
    opacity: 0;
    pointer-events: none;

    transition: opacity .2s ease;
}

.products-mega-menu.is-open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.products-mega-menu__panel {
    background: #ffffff;
    border-radius: 12px;
    padding: 20px 24px;
    box-shadow: 0 16px 40px rgba(0,0,0,.12);

    display: flex;
    flex-direction: column;
    gap: 32px;
}

.products-mega-menu__item {
    display: flex;
    flex-direction: column;

    text-decoration: none;

    transition: transform .2s ease;
}

.products-mega-menu__item:hover {
    transform: translateX(5px);
}

.products-mega-menu__title {
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    color: rgb(30,25,25);

    margin-bottom: 8px;
}

.products-mega-menu__description {
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: rgb(30,25,25);
}


/* ==========================================
   Resources Mega Menu
========================================== */

/* Container */

.resources-mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width:fit-content;

    transform: translateX(-50%);

    visibility: hidden;
    opacity: 0;

    pointer-events: none;

    transition: opacity .2s ease;
    
   
    

}

.resources-mega-menu.is-open {
    visibility: visible;
    opacity: 1;

    pointer-events: auto;
}
/* Panel */
.resources-mega-menu__panel {

    /*width: 720px;*/
    position:relative;
    background: #ffffff;

    border-radius: 24px;

    box-shadow: 0 16px 40px rgba(0,0,0,.12);

    padding: 28px;

    display:inline-grid;
    width:max-content;

    grid-template-columns: 300px 320px;

    column-gap: 24px;

}

.resources-mega-menu__panel::after{

    content:"";

    position:absolute;

    top:1px;
    bottom:1px;

    left:360px;

    width:1px;

    background:#E3E3E3;

}

.resources-mega-menu__links {

   display:flex;
    flex-direction:column;

    gap:32px;

    /*border-left:1px solid #E3E3E3;*/
    padding-left:32px;

}

.resources-mega-menu__featured {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    gap:20px;
}

.resources-mega-menu__eyebrow{

    padding:0;
    margin:0;

    align-self:flex-start !important;

}

.resources-mega-menu__cta{

    margin:0;
    padding:0;

    align-self:flex-start;

}


/* Featured */

/* Featured Image */

.resources-mega-menu__image img{

    display:block;
    width:100%;
    height:auto;

    border-radius:12px;

}

/* Featured Typography */

.resources-mega-menu__eyebrow{

    margin:0;

    font-family: Inter, sans-serif;
    font-size:14px;
    font-weight:600;
    line-height:18px;
    text-align: left !important;
    letter-spacing:.08em;
    text-transform:uppercase;

    color:#8F8F8F;

}

.resources-mega-menu__featured-title{

    margin:0;

    font-family: Inter, sans-serif;
    font-size:18px;
    font-weight:600;
    line-height:23px;

    color:#1E1919;

}

.resources-mega-menu__featured-title a{

    color:inherit;
    text-decoration:none;

}

.resources-mega-menu__cta{

    margin:0;

    font-family: Inter,sans-serif;
    font-size:18px;
    font-weight:400;
    line-height:23px;

}

.resources-mega-menu__cta a{

    color:#1E1919;
    text-decoration:none;

}

.resources-mega-menu__item-title{

    margin:0 0 8px;

    font-family:Inter,sans-serif;
    font-size:18px;
    font-weight:500;
    line-height:23px;

}

.resources-mega-menu__item-title a{

    color:#1E1919;
    text-decoration:none;

}

.resources-mega-menu__item-description{

    margin:0;

    font-family:Inter,sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:18px;

}

.resources-mega-menu__item-description a{

    color:#1E1919;
    text-decoration:none;

}

.resources-mega-menu__cta{

    align-self:flex-start;

}

.resources-mega-menu__featured{

    align-items:flex-start;

}

.resources-mega-menu__panel > *{

    min-width:0;

}

.resources-mega-menu__featured{

    min-width:0;

}

.resources-mega-menu__links{

    min-width:0;

}

.resources-mega-menu__item{

    width:100%;

}

.resources-mega-menu__panel,
.resources-mega-menu__featured,
.resources-mega-menu__links{

    max-width:none;

}



/* Links */

/* Item */

/* Item Typography */

/* Hover */

.resources-mega-menu__item{
    transition:transform .2s ease;
}

.resources-mega-menu__item:hover{
    transform:translateX(5px);
}

.resources-mega-menu__featured > *{

    margin-left:0 !important;
    margin-right:0 !important;

}


/* ==========================================
   Login Button
========================================== */

.login-btn .wp-block-button__link{

    background: transparent;

    color:#FFFFFF;

    border:2px solid #FFFFFF;
    border-radius:999px;

    padding:10px 20px;

    font-family:Inter,sans-serif;
    font-size:16px;
    font-weight:500;
    line-height:20px;

    transition:
        background .2s ease,
        border-color .2s ease,
        color .2s ease;

}

.login-btn .wp-block-button__link:hover{

    background:rgba(255,255,255,.24);

}
/* ==========================================
   Tablet (1199px)
========================================== */
/* ==========================================
   Header Overlay
========================================== */

.header-overlay__content{

    display:flex;
    flex-direction:column;

    height:100%;

}

.header-overlay__navigation{

    margin-top:32px;

}

.header-overlay__bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-top:auto;

    padding-top:32px;

}

.header-overlay__language{

    display:flex;

    align-items:center;

}

.header-overlay__login{

    display:flex;

    align-items:center;

}

/* ==========================================
   Tablet (1199px)
========================================== */
/* ==========================================
   Tablet + Mobile (1199px)
========================================== */

@media (max-width:1199px){

    /* Header */

    /* Overlay */

    .header-overlay__content{

        display:flex;
        flex-direction:column;
        height:100%;

    }

    .header-overlay__navigation{

        margin-top:32px;

    }

    .header-overlay__bottom{

        display:flex;
        justify-content:space-between;
        align-items:center;

        margin-top:auto;
        padding-top:32px;

    }

    .header-overlay__language{

        display:flex;
        align-items:center;

    }

    .header-overlay__login{

        display:flex;
        align-items:center;

    }

}

@media (min-width:1200px){

.wp-block-navigation__responsive-container-open{

    display:none !important;

}

}

@media (max-width:1199px){

.wp-block-navigation__responsive-container-open{

    display:flex !important;

}

}

@media (max-width:1199px){

.products-mega-menu,
.resources-mega-menu{

    display:none !important;

}

}


@media (max-width:1199px){

/*.site-header__nav
.wp-block-navigation__container{

    display:block !important;

}*/

}

.wp-block-navigation__responsive-container-close, .wp-block-navigation__responsive-container-open {
    color: #d7ef8a !important;
}

@media (max-width:1199px){

.site-header__inner {
    align-items: baseline;
}

.site-header__nav .wp-block-navigation {
    justify-content: flex-end;
}

}

/* styling overlay*/
@media (max-width:1199px){

.wp-block-navigation__responsive-container{

    background:#072729 !important;
    color:#ffffff;

}

.wp-block-navigation__responsive-container-close{

    color:#D7EF8A !important;

}

.wp-block-navigation__responsive-container-close svg{

    width:34px;
    height:34px;

}

.header-overlay__navigation a{

    color:#fff;
    text-decoration:none;

    font-family:Inter,sans-serif;
    font-size:20px;
    font-weight:600;
    line-height:28px;

}

.header-overlay__navigation
.wp-block-navigation-item{

    margin-bottom:20px;

}

.header-overlay__navigation
.wp-block-navigation__submenu-container{

    margin-top:12px;
    padding-left:20px;

}

.header-overlay__navigation
.wp-block-navigation__submenu-container
.wp-block-navigation-item{

    margin-bottom:12px;

}

.header-overlay__navigation
.wp-block-navigation__submenu-container a{

    font-size:16px;
    font-weight:500;

}

.header-overlay__bottom{

    border-top:1px solid rgba(255,255,255,.18);

}

.site-header {
    height: 100px !important;
}



}

@media (min-width: 1199px) {
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open)
 {
        background-color: inherit;
        display: block; 
        position: relative;
        width: 100%;
        z-index: auto;
    }
}

@media (max-width: 1199px) {
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open)
 {
        background-color: inherit;
        display: none; 
        position: relative;
        width: 100%;
        z-index: auto;
    }
}

@media (max-width: 1199px) {
    .wp-block-navigation__container .is-responsive .wp-block-navigation {
        display: none !important; 
    } 
    
    .site-header__nav .wp-block-navigation__container .mobile {
        display: block !important; 
    }
    
    .wp-block-navigation__responsive-container.disable-default-overlay .wp-block-navigation__overlay-container
{
    display: block;
}
 
}

@media (max-width: 809px) {
    .site-header__actions {
        display: none;
    }
}
/* ==========================================
   Mobile (809px)
========================================== */
.wp-block-navigation-overlay-close {
    display: flex !important;
    align-self: end !important;
}

.wp-block-navigation-overlay-close svg {
    fill: #d7ef8a;
}

/* ==========================================
   Mobile Navigation
========================================== */

.mobile-nav__list{

    list-style:none;

    margin:0;
    padding:0;

}

.mobile-nav__item{

    margin-bottom:40px;

}

.mobile-nav__item:last-child{

    margin-bottom:0;

}

/* Parent */

.mobile-nav__parent{

    display:inline-block;

    color:#FFFFFF;
    text-decoration:none;

    font-family:Inter,sans-serif;
    font-size:20px;
    font-weight:700;
    line-height:24px;

    transition:opacity .2s ease;

}

.mobile-nav__parent:hover{

    opacity:.75;

}

/* Submenu */

.mobile-nav__submenu{

    list-style:none;

    margin-top:15px !important;
    margin-left:20px !important;
    padding-left:32px;

    display:flex;
    flex-direction:column;
    gap:16px;

}

.mobile-nav__item:nth-of-type(5) .mobile-nav__submenu {
    margin-bottom: 25px !important;
}

.mobile-nav__submenu a{

    color:#FFFFFF;
    text-decoration:none;

    font-family:Inter,sans-serif;
    font-size:18px;
    font-weight:500;
    line-height:23px;

    transition:opacity .2s ease;

}

.mobile-nav__submenu a:hover{

    opacity:.75;

}

nav .mobile-nav {
    display: flex;
    flex-direction: row;
    align-self: start;
}

.mobile-nav__list > li:first-child{
    margin-bottom:20px;
}

/* Removing tablet button i lang switcher */

@media (min-width: 810px) and (max-width: 1199px) {
.header-overlay__bottom {
    display: none !important;
}
}