header.megamenuopened .menuholder,
body.navaffix header .menuholder {
    box-shadow: 0 0 10px rgba(0, 0, 0, .15)
}

.menuholder {
    position: relative;
    z-index: 2;
    background-color: #fff;
}

/** MEGAMENU **/

.megamenuwrap {
    display: none;
    background-color: #fff;
}

@media (min-width: 992px) {
    .megamenuwrap .container-fluid {
        padding: 0 15px
    }

    #nav li.opened:after {
        content: '';
        position: absolute;
        top: 100%;
        left: 50%;
        height: 20px;
        width: 20px;
        margin: 8px 0 0 -10px;
        border-bottom: 10px solid #fff;
    }

    .megamenuinner {
        display: none;
        padding: 0
    }

    .megamenuinner.in {
        display: block;
    }

    .megamenuinner.in:hover, .megamenuinner:hover {
        display: block;
    }

    .megamenucontainer a {
        text-decoration: none;
    }

    .megamenu-group-title {
        font-weight: 500;
        font-size: 1rem
    }

    .megamenuinner a:not(.postitem):hover {
        color: var(--light-blue)
    }

    .megamenuinner .btn-default {
        background-color: #fff !important;
        color: var(--blue) !important;
        border-color: var(--blue) !important
    }

    .megamenuinner .btn-default:hover {
        background-color: #fff !important;
        color: var(--light-blue) !important;
        border-color: var(--light-blue) !important
    }

    .megamenucontainer {
        display: none;
        overflow: hidden;
        padding: 2rem 0;
        background-color: #fff;
        border-bottom: 1px solid #ddd;
    }


    header .megamenuwrap {
        max-height: 75vH;
        overflow: auto;
        display: block;
    }

    .megamenucontainer img.menuimage {
        max-height: 125px;
        max-width: 125px;
    }

    header:after {
        content: '';
        position: fixed;
        inset: 0;
        z-index: -1;
        background-color: rgba(0, 0, 0, 0);
        opacity: 0;
        pointer-events: none;
        transition: opacity ease .25s;

    }

    header.megamenuopened:after {
        content: '';
        position: fixed;
        inset: 0;
        z-index: -1;
        background-color: rgba(0, 0, 0, .33);
        opacity: 1;
        pointer-events: none;
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
    }

    .megamenuimage {
        position: relative;
        background-size: cover;
        background-position: center;
        border: 1px solid var(--grey);
        background-color: var(--light-blue);
        background-blend-mode: multiply;
    }

    .megamenuimage:after {
        content: '';
        display: block;
        padding-bottom: 56%
    }

    .megamenulink .menutitle {
        display: block;
        padding: var(--main-padding);
        border-bottom: 2px solid var(--grey)

    }

    .megamenulink:hover .menutitle {
        color: var(--light-blue);
        border-bottom-color: var(--light-blue);
    }

    .navbar-nav:after {
        content: '';
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0);
        z-index: -17;
        opacity: 1;
        pointer-events: none !Important;
        transition: opacity ease .25s, background-color ease .25s;
    }

   /* .megamenuinner .woocommerce ul.products li.product.product-type-event {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100%;
    }*/

}
/*
@media(min-width: 1200px){
    .megamenuinner .woocommerce ul.products li.product.product-type-event {
        width: 33% !important;
        max-width: 33% !important;
        flex: 0 0 33%;
    }
}*/