Global - Header Nav Theme

/*START - change header nav color*/
nav#global-navbar{
    .header .navigation .sub-nav ul {
        background-color: transparent;
        li{
            background-color: #fff;
            &:hover{
                background-color: #000;
                color: #fff;
            }
        }
        
        a{
            color:#000; 
        } 
    }
    &.scroll{
        background-color: #fff!important;
        li.navigation__item a.navigation__link{
            color:#000;
            & span:after{
                background-color: #000;
            }
        }
        button.hamburger-component.hamburger{
            color:#000;
        }
    }
}
/*submenu upon hover*/
nav#global-navbar .header .navigation .sub-nav ul a:hover{    
    color: #fff !important;
}
/*END - Change Header nav color*/