/* HEADER MENU : Mega Menu Mods
    - use with: Walker_Custom_Nav_Mega_Menu()
    todo: copy to blank
---------------------------------------------- */

/* Mega-menu container */
#main-menu.mega-menu .menu > li > .mega-submenu {
    width: 100vw;
    max-width: 100vw;
    left: 0;
    position: fixed;
    display: none;
    border-top: 1px solid var(--grey-10);
    border-bottom: 1px solid var(--grey-10);
    /*box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.1);*/
}
#main-menu.mega-menu .menu > li:hover  > .mega-submenu {
    display: block;
    z-index: 1;
}

/* Override conflicting & undesired default menu styles */
#main-menu.mega-menu .sub-menu {
    box-shadow: none;
}
#main-menu.mega-menu .sub-menu li {
    width: auto;
}
#main-menu.mega-menu .sub-menu > li > .sub-menu {
    display: block;
}
#main-menu.mega-menu .menu > li:hover > a,
#main-menu.mega-menu .sub-menu > li:hover > a {
    text-decoration: none;
}
#main-menu.mega-menu .sub-menu > li:hover > .sub-menu {
    left: unset;
    top: unset;
    position: relative;
}

/* Mega-menu Content/Layout */
@media only screen and (min-width: 1430px) {
    .mega-submenu .menu-col {
        margin: 0 -2%;
    }
}
.mega-submenu .menu-col > .sub-menu {
    display: flex;
    /*justify-content: center;*/
    max-width: 100%!important;
}
.mega-submenu .menu-col > .sub-menu > li {
    max-width: 300px;
}
.mega-submenu .menu-col > .sub-menu > li {
    padding: 0 2%;
}
.mega-submenu .menu-col > .sub-menu > li > a {
    font-weight: 600!important;
}

/* Hover styles */
#main-menu.mega-menu .mega-submenu li:hover {
    background: none;
}
#main-menu.mega-menu .menu > li > a:hover ,
#main-menu.mega-menu .sub-menu > li > a:hover {
    text-decoration: underline;
}