.menu-item.active {
    z-index: 100;
}

.menu-item .menu-content {
    transition: all 0.75s ease;
}



.top-level-item:hover::after{
    width: calc(100%);
}

.no-chevron:hover::after{
    width: 100% !important;
}

.menu-content a.wp-block-navigation-item__content {
    position: relative;
    width: 100%;
}

.menu-item ul.wp-block-navigation__container {
    gap: 0 !important;
    width: 100% !important;
}


.menu-item .wp-block-navigation__container li:before {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    height: 1px;
    width: 100%;
    background-color: #a0a0a0;
}

@media screen and (max-width: 1279px) {
    .menu-item:before {
        position: absolute;
        content: "";
        bottom: 0;
        right: 0;
        height: 1px;
        width: 100%;
        background-color: #a0a0a0;
    }

    .menu-item > * {
        width: 100%;
    }
    header .header-btn {
        display: none !important;
    }

    .menu-item .back-btn-container {
        padding: var(--wp--style--root--padding-right);
    }
    .menu-item .back-btn {
        position: relative;
        background-color: transparent;

        border: 0;
        font-size: clamp(0.875rem, 0.625rem + 0.5vw, 1.125rem);
        padding-left: 30px;
        font-size: 18px;
    }

    .menu-item .back-btn:after {
        left: 0;
        top: 4px;
        width: 20px !important;
        height: 20px !important;
        margin-right: 10px;
    }
    .menu-item .menu-content {
        transform: translateX(100%);
    }
    .back-btn-container {
        position: fixed;
        top: 0;
        width: 100%;
        left: 0;
        z-index: 1000;
    }
    .menu-item
        .menu-content
        > div:not(.back-btn-container, .top-level-item-mobile-link, .mob-bottom-appear, .prod-mega, .fixed-youtube-bar) {
        min-height: calc(100svh - (88px)); /* min- not fixed */
        max-height: calc(100svh - (88px));
        padding-top: 60px !important;
        padding-bottom: var(--wp--style--root--padding-right);
        margin-bottom: 2rem;
        position: relative;
        z-index: 5;
        overflow-y: scroll;
    }

      .menu-item
        .menu-content
         .prod-mega {
        min-height: calc(100svh - (88px + 130px)); /* min- not fixed */
        max-height: calc(100svh - (88px + 130px));
        padding-top: 60px !important;
        padding-bottom: var(--wp--style--root--padding-right);
        margin-bottom: 2rem;
        position: relative;
        z-index: 5;
        overflow-y: scroll;
    }
    .mob-bottom-appear {
        width: 100%;
        background-size: 220px !important;
  
    bottom: 91px !important;
    z-index: 1000;
}
    }
    .menu-item.active .menu-content {
        transform: translateY(0);
    }
    .menu-content {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .menu-item {
        position: relative;
        padding: 0;
    }

    .menu-item > .top-level-item {
        display: flex;
        padding-bottom: var(--wp--style--root--padding-right);
        align-items: flex-end;
        position: relative;

    }

  

   

    .menu .menu-item > .is-dropdown:after,
    .menu-item .back-btn:after {
        height: 8px;
        width: 14px;
        position: absolute;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' version='1.1' viewBox='0 0 9.414 5.207'%3E%3Cpath fill='none' stroke='%23838a8d' stroke-linecap='square' stroke-linejoin='round' d='m.7.7 4 4 4-4'/%3E%3C/svg%3E");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        content: "";
    }
    .menu-item .back-btn::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' version='1.1' viewBox='0 0 9.414 5.207'%3E%3Cpath fill='none' stroke='%232892D7' stroke-linecap='square' stroke-linejoin='round' d='m.7.7 4 4 4-4'/%3E%3C/svg%3E");
    }

    .menu-item:last-child > .is-dropdown {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .menu-content a.wp-block-navigation-item__content:after {
        background-position: center;
    }
    .menu-item h2 {
        margin-top: var(--wp--preset--spacing--sm) !important;
    }

    .menu .has-mobile-overflow {
        overflow-y: scroll;
    }
}

@media screen and (max-width: 780px) {
    .menu .wp-block-cover {
        /* aspect-ratio: 1 / 1 !important; */
        height: calc(
            100vw - (var(--wp--style--root--padding-right) * 2)
        ) !important;
        min-height: unset !important;
    }
}
@media screen and (max-width: 1280px) {
    .menu .wp-block-cover {
        aspect-ratio: unset !important;
        height: 100% !important;
        min-height: 300px !important;
    }
}
@media screen and (min-width: 1280px) {

    .menu-item:hover .menu-content {
        opacity: 1;
       
        transform: translateY(0);
        top: 0;
    }
    
    .menu-item .menu-content {
        opacity: 1;
      
        transform: translateY(0);
        transition: all 0.75s ease;
        top: -1000px;
        position: relative;
    }
    .menu-item.active .menu-content {
        opacity: 1;
       
        transform: translateY(0);
        top: 0;
    }

    .menu-item {
      
        display: flex;
        align-items: center;
    }

   
    .menu-item .top-level-item {
        position: relative;
        transition: color 0.75s ease;
    }


   .menu .menu-item > .is-dropdown:after {
 right: 0;
    bottom: 50%;
}
        .menu-item .is-dropdown:hover::after{
            transform: rotate(-180deg);
        }

   .menu-item button{
padding-right: 20px;
   }      
 .menu-item{
    overflow: visible;
    
 }
    .menu-item .is-dropdown::before {
        content: '';
        height: 4px;
        width: 100%;
        display: block;
        background-color: #2892D7;
        position: absolute;
        bottom: -26px;
        width: 0%;
        transition: all 300ms ease;
    }

    .menu-item.active .is-dropdown::before {
        width: 100%;
    }


.menu-item a::before {
       content: '';
        height: 4px;
        width: 100%;
        display: block;
        background-color: #2892D7;
        position: absolute;
        bottom: -26px;
        width: 0%;
        transition: all 300ms ease;

}

.menu-item .menu-content ul {
    list-style: none;
    padding-left: 0px;
}

.menu-item .menu-content ul li {
    font-size: 16px;
    margin-bottom: 10px;
}

  .menu-item a:hover::before {
        width: 100%;
    }
  
.menu-item .menu-content ul li {
    display: block !important;
    width: 100%;
}

.menu-item .menu-content ul li a:after, .menu-item .menu-content .wp-block-group__row-link::after {
 content: ' ';
 width: 12px;
 height: 12px;
 display: inline-block;
 margin-left: 10px;
 background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M11.6092%206.42348L12%206.00248L11.6092%205.58148L7.74713%201.421L7.35632%201L6.57701%201.83952L6.96782%202.26053L9.88736%205.40565H0V6.59435H9.88736L6.96782%209.73947L6.57701%2010.1605L7.35632%2011L7.74713%2010.579L11.6092%206.41852V6.42348Z%22%20fill%3D%22%231A1A1A%22/%3E%3C/svg%3E");
}

.menu-item .menu-content .wp-block-group__row-link::after {
    opacity: 0;
    transition: all 300ms ease;
}
.menu-item .menu-content .wp-block-group__row-link:hover::after {
    opacity: 1;
}

.menu-item .menu-content ul li a:after {
    opacity: 0 !important;
}
.menu-item .menu-content ul li:hover a:after {
    opacity: 1 !important;
}


.menu-item .menu-content ul li:hover a:after {

}

.menu-item .menu-content .wp-block-button.is-style-tertiary.tertiary-blue a {
color: #2892D7;
}

.menu-item .menu-content .wp-block-button.is-style-tertiary.tertiary-blue a::after {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2228%22%20viewBox%3D%220%200%2010%2028%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M9.39071%202H10V9.3115H8.78142V4.07921L1.29221%2011.5684L0.860625%2012L0%2011.1394L0.431582%2010.7078L7.92079%203.21858H2.6885V2H9.39071Z%22%20fill%3D%22%232892D7%22/%3E%3Cpath%20d%3D%22M9.39071%2016H10V23.3115H8.78142V18.0792L1.29221%2025.5684L0.860625%2026L0%2025.1394L0.431582%2024.7078L7.92079%2017.2186H2.6885V16H9.39071Z%22%20fill%3D%22%232892D7%22/%3E%3C/svg%3E") !important;}
 
    .menu-content a.wp-block-navigation-item__content:hover:after,  {
        opacity: 1;
        background-position: 0% center;
    }

    .menu-content a.wp-block-navigation-item__content:after {
        opacity: 0;
        transition: all 0.25s ease;
        background-position: -100% center;
        transform-origin: left;
    }
  
    .menu-content .wp-block-navigation-item:hover:after {
        transform: scaleY(1);
    }

    .menu-item
        .wp-block-navigation__container.overflow-border
        .wp-block-navigation-item:after {
        width: calc(100% - 15px);
    }

    .menu-item .wp-block-navigation__container.overflow-border li:before {
        width: 100vw;
    }
}

@media screen and (max-width: 1280px) {
    .menu-content .wp-block-columns {
        flex-direction: column !important;
    }
}