@import url('https://fonts.googleapis.com/css2?family=Economica&display=swap');
:root {
--color1:#949292;
--color2:#FFFFFF;
--color3:#E7E7E7;
--color4:#DF3035;
}
.top-container {
border-bottom: 2px solid var(--color1);
}
h1, h2 {
font-family: 'Economica', sans-serif;
}
h1,
#mobile_content_column h1 {
max-width: initial !important;
width: 100% !important;
padding: 2px 0px !important;
}
ul.site-menu li span a,
ul.site-menu li span span {
color: var(--color4) !important;
background-color: transparent !important;
transition: all .5s ease;
}
ul.site-menu li.selected-menu-item a {
color: var(--color3) !important;
background-color: var(--color4) !important;
}
ul.site-menu li:hover span a, 
ul.site-menu li:hover span span {
color: var(--color2) !important;
background-color: var(--color4) !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.site-menu,
#menu_container, .menu-toggle {
background-color: var(--color1) !important;
}
ul.site-menu li:focus,
ul.site-menu li span span:focus,
ul.site-menu li span a:focus {
outline-style: none;
box-shadow: none;
border-color: transparent;
}
ul.site-menu li.sub-parent:hover ul { 
top:40px !important; 
}
ul.site-menu ul.sub-menu { 
border-top: none !important; 
}
#mobile_layout_wrapper .site-menu ul.sub-menu li,
ul.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.site-menu ul.sub-menu li span a {
background-color: var(--color1) !important;
color: var(--color2) !important;
font-weight: bold;
}
ul.site-menu ul.sub-menu li.selected-menu-item span a {
color: var(--color3) !important;
background-color: var(--color4) !important;
}
ul.site-menu ul.sub-menu li:hover span a {
background-color: var(--color4) !important;
color: var(--color2) !important;
font-weight: bold;
}
#menu_container {
border-top: none;
border-bottom: none;
}
.static-bar {
background-color: var(--color2);
}
.add-me-link, .login-link,
.control-panel-link, 
#favorites_hover, #full_name {
color: var(--color1) !important;
}
#mobile_layout_wrapper .add-me-link {
background-color: #F0F0F0;
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 {
text-align:center;
}
ul.site-menu ul.sub-menu li {
text-align:left;
}
ul.site-menu li {
float:none;
display:inline-block;
vertical-align:top;
}
.gray-line hr {
border: none;
border-bottom: 1px solid #AAA;
}
#ctl00_ctl00_calendar_view_mode_panel_quick_event_button {
display:none;
}