.navbar-custom { background-color: #3d3d3d; } .navbar-custom .navbar-brand { color: #ffffff; } .navbar-custom .navbar-brand:hover, .navbar-custom .navbar-brand:focus { color: #008040; } .navbar-custom .navbar-text { color: #ffffff; } .navbar-custom .navbar-nav > li > a { color: #ffffff; } .navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus { color: #008040; background-color: #202020; } .navbar-custom .navbar-nav > .active > a, .navbar-custom .navbar-nav > .active > a:hover, .navbar-custom .navbar-nav > .active > a:focus { color: #008040; background-color: #202020; } .navbar-custom .navbar-nav > .open > a, .navbar-custom .navbar-nav > .open > a:hover, .navbar-custom .navbar-nav > .open > a:focus { color: #008040; background-color: #202020; } .navbar-custom .navbar-toggle { border-color: #202020; } .navbar-custom .navbar-toggle:hover, .navbar-custom .navbar-toggle:focus { background-color: #202020; } .navbar-custom .navbar-toggle .icon-bar { background-color: #ffffff; } .navbar-custom .navbar-collapse, .navbar-custom .navbar-form { border-color: #ffffff; } .navbar-custom .navbar-link { color: #ffffff; } .navbar-custom .navbar-link:hover { color: #008040; } @media (max-width: 767px) { .navbar-custom .navbar-nav .open .dropdown-menu > li > a { color: #ffffff; } .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus { color: #008040; } .navbar-custom .navbar-nav .open .dropdown-menu > .active > a, .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus { color: #008040; background-color: #000000; } }