body{ font-size: 16pt; } nav{ padding-left: 70px; background: none !important; border: 0 !important; } .container-fluid{ padding-left: 0 !important; } .navbar-collapse{ padding-left: 0 !important; } .navbar .nav li.dropdown.open>.dropdown-toggle{ background: none !important; } .dropdown:hover .dropdown-menu { position: absolute; left: 0; display: block; margin-top: 0; // remove the gap so it doesn't close } .dropdown .dropdown-menu a{ color: #5d6365 !important; font-weight: bold; } .dropdown:hover .dropdown-menu li{ } .dropdown:hover .dropdown-menu a{ color: white !important; font-weight: bold; } .dropdown:hover .dropdown-menu a:hover{ color: white !important; } @media (max-device-width: 760px){ body{ background: none !important; } .navbar{ z-index: 2; position: fixed; margin: 0 !important; width: 42% !important; left : 0 !important; } .offhover{ display: block; } .nav_btn{ text-shadow: none; color: whitesmoke !important; text-decoration: none !important; display: block !important; } .nav_btn:hover{ color: whitesmoke !important; text-decoration: none !important; display: block !important; width: 2em !important; text-shadow: 1px #5d6365; } #myNavbar{ background: #5d6365 !important; margin-left: 10px; } } h3{ color: #039; font-size: 19pt; } p{ color: whitesmoke; } p:hover{ color: whitesmoke; } .row a{ color: white; text-decoration: none; } .navbar .nav>li>a{ text-shadow: none; } .nav_btn{ text-shadow: none; color: whitesmoke !important; text-decoration: none !important; display: block !important; width: 6em !important; } .nav_btn:hover{ color: whitesmoke !important; text-decoration: none !important; display: block !important; width: 6em !important; text-shadow: 1px #5d6365; } a:link{ color: white; text-decoration: none; } a:visited{ color: white;; text-decoration: none; } a:hover{ color: #c1002b; text-decoration: none; } a:active{ color: #c1002b; text-decoration: none; } offhover:hover{ display: none; } .onhover:hover{ display: block; } .dlbtn{ background-color: #c1002b !important; }