/* * * Here are a few needed CSS additions to integrate bootstrap truly into WordPress Menu, * We kept this slim as possible. Try to avoid any overwriting if not really needed. */ .navbar-brand { color: #fff !important; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.6px; } .navbar-default .navbar-nav > li > a { color: #fff !important; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.6px; } .navbar-default .navbar-nav > li > a:hover{ color: #fff; background-color: #042d55 !important; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #fff !important; background-color: #053d72 !important; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: #fff; background-color: #042d55 !important; } .site-navigation.sticky-head { box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.4); position: fixed; width: 100%; margin: 0 auto; top:0; z-index: 1000; } .site-navigation { display: block; background: #053d72; } .navbar.navbar-default { background-color: transparent !important; border-color: transparent !important; border-radius: 0px !important; margin-bottom: 0px !important; min-height: 20px !important; } /* First fixing the dropdown menu. * Most stuff is handled by the walker, but some styles need to be added too. */ .dropdown-menu { padding: 0px !important; border-radius: 0px !important; } .dropdown-menu li a { display: block; padding: 8px 20px !important; clear: both; font-weight: 600 !important; line-height: 1.428571429; letter-spacing: 0.3px; color: #333; white-space: nowrap; } .dropdown-menu li a:hover, .dropdown-menu li a:focus { color: #ffffff !important; text-decoration: none; background-color: #042d55 !important; } .dropdown-menu ul { list-style: none; }