@import url(https://s3.us-east-1.amazonaws.com/ClubExpressFonts/franklingothic/stylesheet.css);
:root {
--color1:#234781;
--color2:#FFFFFF;
--color3:#0081b0;
}
h1, h2 {
font-family: 'Economica', sans-serif;
}
h1,
#mobile_content_column h1 {
max-width: initial !important;
width: 100% !important;
padding: 2px 0px !important;
}
ul.horizontal.site-menu li span a,
ul.horizontal.site-menu li span span {
color: var(--color2) !important;
transition: all .5s ease;
}
ul.horizontal.site-menu li.selected-menu-item a {
color: var(--color3) !important;
}
ul.horizontal.site-menu li:hover span a, 
ul.horizontal.site-menu li:hover span span {
color: var(--color3) !important;
}
#mobile_layout_wrapper .site-menu li,
#mobile_layout_wrapper .site-menu ul.sub-menu li,
ul.site-menu ul.sub-menu,
#menu_container ul.horizontal.site-menu,
#menu_container, .menu-toggle {
background-color: var(--color1) !important;
}
ul.horizontal.site-menu li:focus,
ul.horizontal.site-menu li span span:focus,
ul.horizontal.site-menu li span a:focus {
outline-style: none;
box-shadow: none;
border-color: transparent;
}
ul.horizontal.site-menu li.sub-parent:hover ul { 
top:40px !important; 
}
ul.horizontal.site-menu ul.sub-menu { 
border-top: none !important; 
}
#mobile_layout_wrapper .site-menu ul.sub-menu li,
ul.horizontal.site-menu ul.sub-menu li { 
background-color: var(--color1) !important;
border: none !important;
border-bottom: none !important;
}
#mobile_layout_wrapper .site-menu ul.sub-menu li span a,
ul.horizontal.site-menu ul.sub-menu li span a {
background-color: var(--color1) !important;
color: var(--color2) !important;
font-weight: bold;
}
ul.horizontal.site-menu ul.sub-menu li.selected-menu-item span a {
color: var(--color3) !important;
}
ul.horizontal.site-menu ul.sub-menu li:hover span a {
background-color: var(--color1) !important;
color: var(--color3) !important;
font-weight: bold;
}
#menu_container {
border-top: none;
border-bottom: none;
}
.static-bar {
background-color: var(--color2);
}
.add-me-link, .login-link,
.horizontal.control-panel-link, 
#favorites_hover, #full_name {
color: var(--color1) !important;
}
#mobile_layout_wrapper .add-me-link {
background-color: var(--color2);
color: var(--color1);
display: block;
width: 100%;
text-align: left;
margin: 0px;
padding: 10px 5px;
}
footer, .footer-container,
.footer-container a, .footer-container span {
background-color: var(--color1);
color: var(--color2);
}

ul.site-menu, ul.site-menu li {
    background-color: transparent;
}