nav{
    background: $primarycontrast;
}

nav #menu1 ul > li:hover, nav #menu1 ul > li.current, nav #menu1 ul > li a.currentsub, nav #menu1 ul > li ul.submenu li:not(.currentmenuclicked):hover{
    color: $primary;
}
#menu2 ul > li:hover, #menu2 ul > li a.current {
    color: $primary;
}

nav #menu1 .menu > li ul.submenu li a.currentmenuclicked:hover{
    color: #000;
}

.megamenu h1,
.megamenu h2,
.megamenu h3,
.megamenu h4,
.megamenu h5{
    color: $primary;
}

.megamenu_field_title{
    color: $primary;
}

@media screen and (max-width: 1023px) {
    nav #menu1 .menu > li ul.submenu li a.currentmenuclicked:hover{
        color: #fff;
    }
    
    nav #menu1 .menu > li ul.submenu,
    nav #menu1 .menu > li ul.subsubmenu{
        background: rgba(0, 0, 0, 0.1);
        border-color: $primary;
    }
    
    nav .menu ul li a {
        border-color: $primary;
    }
    
    .megamenu h1,
    .megamenu h2,
    .megamenu h3,
    .megamenu h4,
    .megamenu h5{
        color: #fff;
    }
}