/* ========================================== BREAKERS SWIM TEAM - CORE BRAND THEME ========================================== */ :root { --breakers-blue: #04427B; --breakers-aqua: #02AED7; --breakers-gold: #FDB813; --breakers-white: #FFFFFF; --breakers-light: #F3F8FA; --breakers-dark: #1A1A1A; } /* ========================================== GLOBAL ========================================== */ body { color: var(--breakers-dark); background-color: var(--breakers-white); } h1, h2, h3, h4, h5, h6 { color: var(--breakers-blue); } /* ========================================== NAVIGATION ========================================== */ nav, .navbar { background-color: var(--breakers-blue) !important; } .navbar a, nav a { color: var(--breakers-white) !important; } .navbar a:hover, nav a:hover { color: var(--breakers-aqua) !important; } /* Dropdown menus */ .dropdown-menu { border: none; box-shadow: 0 4px 12px rgba(0,0,0,.15); } .dropdown-menu a { color: var(--breakers-blue) !important; } .dropdown-menu a:hover { background-color: var(--breakers-light); color: var(--breakers-aqua) !important; } /* ========================================== LINKS ========================================== */ a { color: var(--breakers-aqua); } a:hover { color: var(--breakers-blue); } /* ========================================== BUTTONS ========================================== */ /* Primary action */ .btn-primary, button.btn-primary { background-color: var(--breakers-gold) !important; border-color: var(--breakers-gold) !important; color: var(--breakers-blue) !important; font-weight: 600; } .btn-primary:hover, button.btn-primary:hover { background-color: var(--breakers-aqua) !important; border-color: var(--breakers-aqua) !important; color: var(--breakers-white) !important; } /* Secondary buttons */ .btn-secondary { background-color: var(--breakers-blue) !important; border-color: var(--breakers-blue) !important; color: var(--breakers-white) !important; } .btn-secondary:hover { background-color: var(--breakers-aqua) !important; border-color: var(--breakers-aqua) !important; } /* ========================================== PAGE HEADINGS ========================================== */ h1 { color: var(--breakers-blue); font-weight: 700; } h2 { color: var(--breakers-blue); font-weight: 700; } h3 { color: var(--breakers-blue); } /* ========================================== FOOTER ========================================== */ footer { background-color: var(--breakers-blue) !important; color: var(--breakers-white) !important; } footer p, footer a, footer i, footer span { color: var(--breakers-white) !important; } footer a:hover, footer a:hover i { color: var(--breakers-aqua) !important; }