nav#universal-nav {
    color: white;
    height: 0px;
    padding-bottom:0px;
    border-bottom: 0px;
    border-top:0px;
    margin-bottom: 0px;
    background-color:$brand-primary;
    z-index:9999;
}

#universal-nav.navbar-default .navbar-nav>li>a{
    color: #fefefe;
    font-size: 12px;
    padding-top: 8px;
    padding-bottom:7px;
    margin: 0px;
    border:none;
    letter-spacing:1px;
    text-transform: uppercase;
    padding-left:20px;  
    padding-right:20px;
    text-align:center;
    transition: all 400ms ease;
}

#universal-nav.navbar-default .navbar-nav>li.active>a {
    color: white;
    background-color: darken($brand-primary, 40%);
    opacity: 1;
    
    transition: all 200ms ease;
}
#universal-nav.navbar-default .navbar-nav>li.active>a:hover {
    color: white;
    background-color: #000;
    opacity: 1;
}

#universal-nav li {
    color: black;
    margin-bottom: 0px;
}

.navbar {min-height:36px !important}

#universal-nav button.navbar-toggle {
    margin-top:0px;
    padding-right:5px;
}

#universal-nav div#navbar-collapse {
    margin-top:0px;
    top:0px;
    background-color:white;
}


#universal-nav div#navbar::-webkit-scrollbar { 
    display: none; 
}

#universal-nav.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    text-align: center;
    color: white;
    padding: 5px;
    margin-top: 0px;
}
#universal-nav.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    text-align: center;
    color:black;
}
#universal-nav li.dropdown-header {
    text-align: center;
    background-color: #eee;
}
#universal-nav li.dropdown-header:hover {
    text-align: center;
    background-color:#eee;
}

a.dropdown-toggle {}

#universal-nav ul.nav.navbar-nav {
    margin-top:0px;
}

#universal-nav ul.dropdown-menu {
    padding-top: 0px !important;
    background-color: #000;
}

#universal-nav button[aria-expanded="false"] span.glyphicon.glyphicon-chevron-up {
    display: none;
    top:-1px;
    position:relative;
}
#universal-nav button[aria-expanded="true"] span.glyphicon.glyphicon-chevron-down {
    display: none;
    top:-1px;
    position:relative;
}
#universal-nav button[aria-expanded="true"] span.glyphicon.glyphicon-chevron-up {
    display: block;
    top:-1px;
    position:relative;
}
#universal-nav button[aria-expanded="false"] span.glyphicon.glyphicon-chevron-down {
    display: block;
    top:-1px;
    position:relative;
}
#universal-nav.navbar-default .navbar-nav>li>a:hover{
    color: white;
    background-color:#000;
}

#universal-nav.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    text-align: center;
    color:black;
}
#universal-nav.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    text-align: center;
    color: white;
    padding: 5px;
    margin-top: 0px;
}
#universal-nav .dropdown-menu .divider {
    background-color: #cecece;
}

#universal-nav .navbar-right ul.dropdown-menu {
    left: auto;
    right: 0px;
}

// Mobile Styles
@media(max-width:$screen-sm-min - 1){
    #universal-nav div#navbar {
        background-color: white;
        color: black;
        z-index:9999999;
        position: absolute;
        top:31px;
        width:100%;
    }
    #universal-nav.navbar-default .navbar-nav>li>a{
        color: #000000;
    }
    #universal-nav.navbar-default .navbar-nav>li>a:hover{
        color: black;
        background-color:#ffffff;
    }
}