/*------------------------------------*\
    #HEADER
\*------------------------------------*/

.wm-page-header .wp-block-navigation .wp-block-navigation-item {
    margin-right: 10px;
}

.wm-page-header .wp-block-navigation .wp-block-navigation-item {
    font-size: 14px;
}

.wm-page-header .wp-block-navigation .wp-block-navigation-item a {
    font-size: 15px;
    color: var(--wp--preset--color--primary);
    font-weight: 400;
}

@media only screen and (min-width: 1380px) {
    .wm-menu-wrap {
        padding-right: 3vw !important;
    }

}
@media only screen and (min-width: 1380px) {    
    .wm-page-header .wp-block-navigation .wp-block-navigation-item a {
        font-size: 16px !important;
    }
}
@media only screen and (max-width: 1280px) {
    .wm-page-header .wp-block-navigation .wp-block-navigation-item a {
        font-size: 13px !important;
    }
}
.header-logo img { 
    transition: all .3s;

}
@media only screen and (min-width: 1024px) {
    .wm-sticky-header-active .header-logo img {
        height: 40px !important;
        width: auto !important;
    }
    .wm-sticky-header-active .wm-menu-wrap {
        padding-top:8px !important;
        padding-bottom:8px !important;
    }
    .wp-block-navigation .has-child > a {
        cursor: pointer;
    }
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
        min-width: 240px !important;
        right: 0 !important;
        left: auto !important;
    }
    .wm-page-header .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container:before {
        width: 100%;
    }
}

@media only screen and (min-width: 1480px) {
    .wm-page-header .wp-block-navigation .wp-block-navigation-item a {
        font-size: 16px;
    }

    .wm-page-header .wp-block-navigation .wp-block-navigation-item {
        margin-right: 30px;
    }

}

.wm-page-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item {
    margin-right: 10px;
    color: var(--wp--preset--color--secondary);
}

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

    .wp-block-navigation__responsive-container {
        display: flex;
    }
    .entry-content.has-global-padding>.uagb-is-root-container.alignfull:not(.uagb-position__sticky--stuck) {
        margin-right: 0;
        margin-left: 0;
    }

    .wp-block-navigation__container {
        padding-left:20px !important;
        padding-right: 20px !important;
    }

    .wp-block-navigation__responsive-container-open,
    .wp-block-navigation__responsive-container.is-menu-open {
        display: flex !important;
    }

    .uag-hide-mob {
        display: none !important;
    }

    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
        margin-right: 10px;
        align-items: var(--navigation-layout-justification-setting, initial);
        display: flex;
        flex-direction: column;
    }

    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
            align-items: var(--navigation-layout-justification-setting, inherit);
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            overflow: visible;
            padding-top: calc(2rem + 24px);
    }


}

.wm-page-header.wm-sticky-header .sticky-header-hide {
    display: none !important;
}


.wm-page-header.wm-sticky-header.wm-sticky-header-active {
    background: none;
    box-shadow: none;
    background-color: #ADD4D9;
    transition: .2s ease-in-out;
    box-shadow: 0 1px 5px rgba(190, 190, 190, .46);
    -webkit-box-shadow: 0 1px 5px rgba(190, 190, 190, .46);
    -moz-box-shadow: 0 1px 5px rgba(190, 190, 190, .46);
    border-color: transparent !important;
}

.wm-page-header.wm-sticky-header-active .wm-menu-wrap {
    max-width: 100% !important;
}

.wm-sticky-header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

.wm-page-header .wp-block-navigation__submenu-container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.wm-page-header .wp-block-navigation__container>li a {
    line-height: 20px;
    font-size: 16px;
    font-weight: 500;
}

.wm-page-header .wp-block-navigation__container>li a:hover {
    color: #bfdb80;
}

.wm-page-header .wp-block-navigation__responsive-container-content>.wp-block-navigation__container>li>a {
    line-height: 60px;
}

.wm-page-header .wp-block-navigation__responsive-container-content>.wp-block-navigation__container>li>.wp-block-navigation__sub-menu {
    min-width: 240px;
    margin-top: 4px !important;

}

.wm-page-header .wp-block-navigation .has-child>.wp-block-navigation__submenu-container:before {

    width: 0;
    height: 4px;
    top: -4px;
    position: absolute;
    background: var(--wp--preset--color--primary);
    left: 0;
    -webkit-transition: width .4s cubic-bezier(.87, .02, .23, 1);
    -webkit-transition: width .4s cubic-bezier(.87, .02, .23, 1.005);
    -moz-transition: width .4s cubic-bezier(.87, .02, .23, 1.005);
    -o-transition: width .5s cubic-bezier(.87, .02, .23, 1.005);
    transition: width .5s cubic-bezier(.87, .02, .23, 1.005);
    content: "";
    transition-delay: .3s;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
}



@media only screen and (max-width: 960px) {
    .wp-block-image.aligncenter, figure.aligncenter.wp-block-image { margin-left: auto; margin-right: auto; }
    .wm-page-header .wp-block-navigation .wp-block-navigation-item a, .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
        color: #313131;
    }
    .logo-menu-row {
        flex-direction: row-reverse !important;
        justify-content: space-between !important;
    }
    .logo-col, .header-logo {
        justify-content: flex-end !important;
    }
    .wm-menu-wrap {
        justify-content: flex-start !important;
    }
    .wp-block-navigation__responsive-container-close {
        border-radius: 50%;
        border:1px solid #000;
        padding: 4px;
        top: 4px !important;
        right: 4px !important;
    }
    .wm-page-header .wp-block-navigation .has-child-active>.wp-block-navigation__submenu-container:before {
        width: 100%;
    }

    .wm-page-header .wp-block-navigation__responsive-container-content>.wp-block-navigation__container>li>a {
        line-height: 1.8;
    }

   body .wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open {
        transform: translateX(0);
    }

    .wp-block-navigation__responsive-container-content .wp-block-buttons {
        margin-top:8px;
    }

   body  .wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container {
        transform: translateX(-270px); /* Hide off-screen by default */
        transition: transform .35ms ease;
        display: flex !important;
        position: fixed;
        top: 0;
        left: 0;
        width: 270px !important;
        height: 100vh;
        background-color: #fff !important;
        z-index: 1000;
        overflow-y: auto;
        opacity: 1;
    }
   body  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
        align-items: var(--navigation-layout-justification-setting, initial);
        display: flex;
        flex-direction: column;
    }

  body  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
        align-items: var(--navigation-layout-justification-setting, initial);
        flex-direction: column;
    }

    .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
        height: 1px;
        transition: height 0.35s cubic-bezier(.87, .02, .23, 1.005);
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        padding: 0 !important;
        margin: -1px 0 0 0 !important;
    }

    .wp-block-navigation__submenu-container-active {
        display: block !important;
        opacity: 1 !important;
        height: auto !important;
        transition: height 0.35s cubic-bezier(.87, .02, .23, 1.005);
    }
    .wp-block-navigation .wp-block-navigation__submenu-icon {
        height:  auto !important;
    }

     .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
        display: block !important;
    }

    .wm-page-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a {
        padding: 10px 0;
    }

    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child {
        flex-direction: row;
        flex-wrap: wrap;
        width: 100% !important;
    }

    .wp-block-navigation__responsive-container-content>ul>li {
        border-bottom: 1px solid #dedede;
        padding: 8px 0 !important;
        width: 100% !important;

    }

    .wp-block-navigation__responsive-container-content>ul>li a {
        font-size: 16px;
        line-height: 1.8;
        color: #313131;
        text-transform: uppercase;
    }

    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
        width: 100% !important;
    }

    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child>a {
        width: 75%;
    }
    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child li a {
        padding-left: 18px !important;;
    }

    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child>button {
        width: 20%;
    }

    .wp-block-navigation__responsive-container  .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child>button svg {
        width: 20px;
        height: auto;
    }
    html.has-modal-open:after {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 999;
    }
    .wp-block-navigation__responsive-container-content .wp-block-buttons {
        padding-left: 16px;
        padding-right: 16px;
    }
}


@keyframes overlay-menu__fade-in-animation {
    0% {
      opacity: 0;
      transform: translateX(-270px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  
  /* Set default duration for the animation */
  .wp-block-navigation__responsive-container.over-menu__fade-in-animation {
    animation: overlay-menu__fade-in-animation 0.7s ease forwards !important;
  }