body, p{ font-family:Open Sans;font-display:swap;color:rgb(51, 51, 51);}h1,h2,h3,h4,h5,h6{ font-family:B612;font-display:swap;}body, p, legend, div#cart-progression{ color:rgb(51, 51, 51);}h1{ color:rgb(51, 51, 51);}h2{ color:rgb(51, 51, 51);}h3{ color:rgb(51, 51, 51);}h4{ color:rgb(51, 51, 51);}.linkColor, a{ color:rgb(0, 0, 0);}.linkColor:hover, a:hover{ color:rgb(20, 0, 46);}body{ background-color:rgb(255, 255, 255);}.navbar.navbar-static-top, #compact-header, #compact-header .navbar-collapse, .dropdown-menu, ul.dropdown-menu { background-color:rgb(255, 255, 255) !important; } ul.ui-autocomplete li.ui-menu-item:hover { background-color:rgb(255, 255, 255) !important; } .header { background-color:rgb(255, 255, 255) !important; }.header, .nav-subtext, .cart-total{ color:rgb(0, 145, 255);}.dropdown-menu > li > a, #compact-header .navbar-nav > li > a, .header a, .nav-text, .view-cart a, .navbar-header h1, .ui-menu .ui-menu-item a:hover, ul.ui-autocomplete li.ui-menu-item, li.ui-menu-item a:hover {color: rgb(0, 0, 0);}@media (max-width: 767px) {.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: rgb(0, 0, 0);}}#footer-wrapper, .footer-wrapper, #footer{ background-color:rgb(0, 0, 0);}#footer{ color:rgb(69, 69, 69);}#footer a{ color:rgb(255, 255, 255);}.footer-container.container, .header .container {padding: 0;}#content {padding: 0 5px 5px 5px;}.main, #page-content {min-width: 350px;max-width: 2000px;width: 100%;}@media screen and (min-width: 1120px) {#home-slider {max-width: 100% !important;margin-right: auto !important;margin-left: auto !important;}}.content-block.header-content {padding-left: 5px;padding-right: 5px;}.container {padding-left: 5px;padding-right: 5px;}@media screen and (min-width: 1120px) {.container { width: 100%;}}.content-block {max-width: 100%;margin-right: auto;margin-left: auto;}@media screen and (min-width: 1120px) {;.header, .top-bar-content, .main-menu, .nav-expanded {max-width: 100%;}}.nav-expanded .content-block {width: auto;max-width: none;}.expanded-nav {padding-left: 0;padding-right: 0;}.header, #compact-header, .header-left, .header-center, .header-right {min-height: 1px !important;height:auto;}.header, #compact-header, .header-left, .header-center, .header-right {min-height: 85px;}#compact-header .caret, #compact-header > .navbar-collapse .caret {color: rgb(0, 145, 255);}@media screen and (min-width: 1120px) {#footer-wrapper {max-width: 100%;}}.search-tool-group {position: relative;font-size: 18px;}#productCategorySearch, .productCategorySearch {padding-left: 35px;}.search-tool-group label {position: absolute;left: 12px;top: 3px;}.cat-product-search-input {background-color: #FFF;}.main-menu .fa-search {color: #000;}input{color:#333;}.logo img {display: block;height: auto;width: auto;max-height: 89px;;max-width: 144px;}#content {padding-top: 5px}#header-centered #phone-number, #header-3 .social {text-align: left;}#header-centered .logo {text-align: center;float: none;}#header-centered .logo img {width: auto;}#header-centered {padding: 6px 0;height: auto;overflow: visible;position: relative;}.main-menu {padding: 0;}.top-bar .header-left, .top-bar .header-right {min-height: 0;}.header-center {float: none;width: 100%;text-align: center;clear: both;}.header-left, .header-right {float: left;width: 50%;text-align: center;}.header-right {float: right;width: 50%;text-align: center;}#header-centered .logo {margin-bottom: 15px;}.logo a {text-align: center;width: 100%;}.logo a img {margin-left: auto;margin-right: auto;}.top-bar {width: 100%;background-color: #FFF;overflow: visible;height: 32px;padding: 5px 10px;-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);position: relative;z-index: 999;}.social .facebook, .social .twitter, .social .google, .social .linkedin, .social .instagram, .social .pintrest, .social .youtube {width: 22px;height: 22px;background-size: contain;}.top-bar #phone-number, .top-bar .social {float: left;width: auto;text-align: left;margin: 0;}.top-bar #phone-number {margin-right: 10px;font-size: 15px;}.top-bar #login-nav, .top-bar .cart-links, .top-bar .owes-money {float: right;width: auto;text-align: right;clear: none;margin: 0 0 0 10px;padding-top: 2px;}.top-bar-content {margin-left: auto;margin-right: auto;}.navbar.navbar-default.main-menu {background: none;border: none;text-align: center;margin-top: -15px;}#product-menu {background: none;display: inline-block;float: none;text-align: center;}.navbar .navbar-nav {display: inline-block;float: none;}.navbar .navbar-collapse {text-align: center;}.main-menu .navbar-nav > li > a {color: rgb(0, 0, 0)}.search-tool-form, .navbar-header {display: inline-block;float: none;text-align: center;}@media screen and (max-width: 760px) {.header-right {width: 100%;text-align: center;padding-top: 0;}.header-left {width: 100%;text-align: center;padding-top: 0;}.search-tool-form {display: none;}.top-bar #phone-number {float: none;margin-left: auto;margin-right: auto;text-align: center;}.top-bar #login-nav {float: left;}.header-left .social, .owes-money {display: none;}.top-bar {height: 60px;}}.top-bar-content {max-width: 100%;padding-left: 5px;padding-right: 5px;}.container#content {padding-top: 5px;max-width:100%;}@media screen and (max-width: 760px) {#compact-header .container, .container.footer-wrapper {padding-left: 2%;padding-right: 2%;}}.flat-accents.main-menu, .flat-accents h2#page-title, .flat-accents h1#page-title, #cart-header.flat-accents, #billing-header.flat-accents, .sidebar-header.flat-accents, #cart-header.flat-accents h2 {color: rgb(0, 0, 0);background: rgb(128, 255, 0);}.flat-accents.navbar.navbar-default.main-menu .dropdown-menu li a, a#product-menu {color: rgb(0, 0, 0);}#cart-header.flat-accents h2 {background: rgb(128, 255, 0);}.learn-more.flat-accents {color: rgb(0, 0, 0);background: rgb(128, 255, 0);}.flat-accents.navbar-default .navbar-nav > .open > a, .flat-accents.navbar-default .navbar-nav > .open > a:hover, .flat-accents.navbar-default .navbar-nav > .open > a:focus {background: rgb(128, 255, 0);color: rgb(0, 0, 0);}.flat-accents .navbar-nav > li > a {color: rgb(0, 0, 0);}.flat-accents .navbar-nav > li > a:focus {background: rgb(128, 255, 0);color: rgb(0, 0, 0);}.btn, .form-control { -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;-khtml-border-radius: 4px;}.header {margin-bottom: 0;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;-khtml-border-radius: 0;}#footer-wrapper {margin-bottom: 0;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;-khtml-border-radius: 0;}.header .container, #header-centered .container {;padding-left: 5px;padding-right: 5px;}.main-menu {max-width: 100%;}.container.expanded-nav {padding-left: 0;padding-right: 0;padding-top: 0;}#footer {max-width: 100%;}.container.footer-container{width: 100%;}.header {max-width: 100%;}.header .container.navbar-container, #header-centered .container.navbar-container {padding-left: 0;padding-right: 0;}.navbar.navbar-default.main-menu {;}#content, #page-content, #sidebar{background-color: rgb(255, 255, 255);}<!DOCTYPE html><html lang='en'><head><meta charset='UTF-8' /><meta name='viewport' content='width=device-width, initial-scale=1.0' /><title>Minimal Responsive Menu</title><style>* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: 'Helvetica Neue', sans-serif;}.site-header {display: flex;justify-content: space-between;align-items: center;padding: 16px 24px;background-color: #fff;border-bottom: 1px solid #eee;position: relative;z-index: 999;}.logo {font-size: 1.5rem;font-weight: bold;color: #111;}.nav-menu {display: flex;gap: 24px;}.nav-menu a {text-decoration: none;color: #333;font-weight: 500;transition: color 0.3s ease;}.nav-menu a:hover {color: #007aff;}.hamburger {display: none;font-size: 26px;cursor: pointer;}@media (max-width: 768px) {.nav-menu {flex-direction: column;background-color: white;position: fixed;top: 64px;left: -100%;width: 70%;height: 100vh;padding: 24px;gap: 20px;transition: left 0.3s ease-in-out;box-shadow: 4px 0 20px rgba(0, 0, 0, 0.1);}.nav-menu.active {left: 0;}.hamburger {display: block;}}</style></head><body><header class='site-header'><div class='logo'>YourLogo</div><nav class='nav-menu' id='mainMenu'><a href='#'>Home</a><a href='#'>Shop</a><a href='#'>About</a><a href='#'>Contact</a></nav><div class='hamburger' onclick='toggleMenu()'>☰</div></header><script>function toggleMenu() {const menu = document.getElementById('mainMenu');menu.classList.toggle('active');}</script></body></html>