Charm City Optical

.bg-primary, .bg-primary:hover,.bg-primary:focus, a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover, .badge-primary { background:#A20517 !important; } .btn-primary, .btn-primary:hover { color: #fff; background-color: #A20517 !important; border-color: #A20517 !important; } .text-primary, .filters_col .distance span { color: #A20517 !important; } .btn-outline-primary { color: #A20517 !important; border-color: #A20517 !important; } .btn-outline-primary:hover { background:none !important; } .text-primary a { color: #A20517 !important; } [ppt-nav].active-underline > ul > li.active > a { border-bottom: 2px solid #A20517!important; } .bg-secondary, .bg-secondary:hover, .bg-secondary:focus, a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover, .irs-bar { background-color:#B89214 !important; } .btn-secondary, .btn-secondary:hover, .btn-secondary:focus { color: #fff; background-color: #B89214 !important; border-color: #B89214 !important; } .text-secondary { color: #B89214 !important; } .text-secondary a { color: #B89214 !important; } .btn-outline-secondary { color: #B89214 !important; border-color: #B89214 !important; } .btn-outline-secondary:hover { background:none !important; } .custom-control-input:checked~.custom-control-label::before, .filter_sortby a.active { color: #fff; border-color: #B89214 !important; background-color: #B89214 !important; } /* MEDICAL ONLINE DIRECTORY - SAFE PREMIUMPRESS CSS */ /* Page background */ body { background: #f4f8fb !important; } /* Fix narrow layout issue */ .container, .container-fluid, .wrapper, #wrapper, #page, #content, main, .elementor-container { max-width: 1200px !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; } /* Do NOT shrink full-width sections */ header, footer, #footer, #header { max-width: none !important; width: 100% !important; } /* Header spacing */ #header, header { background: #fff !important; padding: 0 !important; margin: 0 !important; border-bottom: 1px solid #e5edf5 !important; } /* Logo */ #logo img, .logo img, .site-logo img { max-height: 85px !important; width: auto !important; } /* Nav */ .menu a, .navbar a, nav a { color: #061f4a !important; font-weight: 700 !important; } /* Hero only */ .home .hero, .home .hero-search, .home section:first-of-type { width: 100% !important; max-width: 1200px !important; margin: 35px auto 55px auto !important; border-radius: 24px !important; overflow: hidden !important; } /* Main homepage sections */ .home section { max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; padding-top: 45px !important; padding-bottom: 45px !important; } /* Cards */ .card, .item, .listing, .listing-item { background: #fff !important; border: 1px solid #e3ebf4 !important; border-radius: 14px !important; box-shadow: 0 8px 22px rgba(16,42,67,.07) !important; overflow: hidden !important; } /* Buttons */ button, .btn, input[type="submit"], a.btn { background: #0b4f9c !important; color: #fff !important; border-radius: 8px !important; border: none !important; font-weight: 700 !important; } /* Search button */ .home form button, .home .search button { background: #0b4f9c !important; } /* Footer */ #footer, footer { background: #052b5b !important; color: #fff !important; } #footer a, footer a { color: #fff !important; } /* Remove red footer strip */ .footer-top, .footer-social, .socialbar { background: #052b5b !important; } /* Mobile */ @media(max-width:768px) { .container, .wrapper, #content, main, .elementor-container { padding-left: 15px !important; padding-right: 15px !important; } .home .hero, .home .hero-search, .home section:first-of-type { margin: 20px 15px 40px 15px !important; } }