/********************/
/***** megamenu *****/

.menu-static {
  position: static !important;
}

.megamenu {
    left: 0;
    right: 0;
    margin-top: 0;
    --bs-dropdown-padding-y: 0;
}

.megamenu.modal-md {
    max-width: 510px;
}
/* mw-md defined in render-block
.megamenu.mw-md {
    max-width: 767px;
}*/

.menu-static .megamenu {
  margin-left: auto;
  margin-right: auto;
}

.megamenu .container-fluid {
    display: block;
}

@media (min-width: 768px) {
    .menu-static .megamenu.megamenu-start {
        margin-left: 1rem;
    }
    .menu-static .megamenu.megamenu-end {
        margin-right: 1rem;
    }
}
@media (min-width: 1170px) {
    .container-fluid.mw-ex .menu-static .megamenu.megamenu-start {
        margin-left: calc((100vw - 1170px) * 0.5);
    }
    .container-fluid.mw-ex .menu-static .megamenu.megamenu-end {
        margin-right: calc((100vw - 1170px) * 0.5);
    }
}
 
.megamenu .megamenu-header {
    padding: 0 1rem;
    color: inherit;
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    background: var(--bs-body-bg);
    z-index: 10;
    margin-bottom: var(--bs-dropdown-spacer);
    min-height: var(--mnh-hed);
}

.megamenu .megamenu-header.header-sticky {
    position: sticky;
    top: 0;
}

.megamenu .megamenu-footer {
    padding: 0 1rem;
    color: inherit;
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    background: var(--bs-body-bg);
    z-index: 10;
    margin-bottom: var(--bs-dropdown-spacer);
    min-height: var(--mnh-hed);
}
.megamenu .megamenu-footer.footer-sticky {
    position: sticky;
    bottom: 0;
}

.megamenu {
    max-height: calc(var(--vh100,100vh) - var(--pge-hed-u) - var(--pge-adm-u) - var(--bs-dropdown-spacer));
    overflow-y: auto;
    scroll-padding-top: 70px; /* fit in sticky header */
}

.megamenu .dropdown-header {
    font-size: 1.125em;
    margin-bottom: 0.75rem;
    padding-bottom: 0;
    --bs-dropdown-header-color: var(--bs-secondary-color);
}

    @media (min-width: 768px) {
        .menu-large .megamenu {
            max-width: 870px;
        }
    }

    @media screen and (max-width: 767px), screen and (max-height: 520px) { /* MOBILE SIZE */
        .megamenu {
            max-height: none;
            border: none;
            border-radius: 0;
            width: 100%;
            max-width: 100%;
            height: calc(var(--vh100,100vh) - var(--pge-hed-u) - var(--pge-adm-u)); /* - var(--bs-dropdown-spacer) */

            margin-top: 0 !important;
        }
    }

    @media (max-width: 767px) {
        .megamenu {
            margin-left: 0;
            margin-right: 0;
        }

    }

    /***** megamenu *****/
    /********************/