#menu_container nav,
#menu_container nav .nav-container { left:initial; }
#menu_container { border-top:none; border-bottom:none; }
#nav_header_container { border-bottom:1px solid #eaeaea;padding-bottom:0px;}
#nav_logo { float:left; background-image:url(//s3.amazonaws.com/ClubExpressClubFiles/610929/graphics/toplogo_1560898534.png); width:248px; height:165px; background-size:cover; margin-top:5px; cursor:pointer; margin-left:5rem; margin-bottom:10px;}

@media only screen
and (min-width : 1824px) {
/* Styles */
#nav_logo { margin-left:10rem; }
}

@media (min-width : 768px) and (max-width:1224px) {
#nav_logo { margin-left:20px; }
}
.static-bar {
background-color:#243d7f;
border-bottom:none;
}
.admin-table th, .manager-table th { background-color:#243d7f; }
#full_name {
    color: #FFF !important;
}

.horizontal.control-panel-link {
    color: #FFF;
    font-weight: normal;
}
.static-bar .add-me-link, .add-me-link { display:none; }

.static-bar #non_member_panel .login-link {
background-image:none !important;
background-color:transparent;
color:#FFF;
padding:5px 8px;
text-transform:none;
font-family:Roboto, sans-serif !important;
font-size:15px;
}
ul.horizontal.site-menu li span a, ul.horizontal.site-menu li span span { font-family:Roboto, sans-serif !important; text-transform:none !important; color:#FFF !important; line-height:45px !important; font-size:17px !important;font-weight:bold !important;}
ul.horizontal.site-menu { background-color:#243d7f !important; }
ul.horizontal.site-menu li span a:hover, ul.horizontal.site-menu li:hover span span { color:#ee7d21 !important; }
ul.horizontal.site-menu li:hover { background-color:#transparent !important; }
h1 { font-weight:bold;}
footer { background-color:#243d7f; }
.footer-container, .footer-container a, .footer-container span { color:#FFF; font-family:Roboto, sans-serif !important; }

ul.horizontal.site-menu ul.sub-menu li span a { line-height:30px !important;font-family: Roboto, sans-serif !important; text-transform:none !important; font-size:16px !important;color:#FFF !important;}
ul.horizontal.site-menu li.sub-parent:hover ul {  top:40px !important;   }

ul.horizontal.site-menu ul.sub-menu { border-top:none !important; }
ul.horizontal.site-menu ul.sub-menu li { background-color:#FFF !important; }
ul.horizontal.site-menu ul.sub-menu li:hover { 
background-color:#f3f3f3 !important; 
}
ul.horizontal.site-menu ul.sub-menu li span a,
ul.horizontal.site-menu ul.sub-menu li span a:hover {
color:#6a6a6a !important;
line-height:25px !important;
font-size:15px !important;
font-weight:normal !important;
}

.menu-toggle { background-color:#243d7f; margin-top:10px; }


 ul.horizontal.site-menu li.selected-menu-item span a, ul.horizontal.site-menu li.selected-menu-item span a:hover { color:#ee7d21 !important; }

ul.horizontal.site-menu ul.sub-menu li:hover {
background-color:#f3f3f3 !important;
}

@media (max-width : 768px) {
/* Styles */
ul.horizontal.site-menu li { margin-left:0px; margin-right:0px; }
}
.static-bar #user_wrapper { position:relative; z-index:100; }

.toplogo { max-width:95%; margin-top:10px; margin-bottom:10px; }
#mobile_layout_wrapper header, #mobile_layout_wrapper #header_cell { background-color:#FFF !important;  }
#mobile_layout_wrapper .site-menu li { background-color:#243d7f  !important; }
#mobile_layout_wrapper .site-menu ul.sub-menu li { background-color:#f3f3f3 !important; }

.calendar-grid-day,
.calendar-grid-day div,
.calendar-grid-day a {
font-size:16px;
}
.admin-table th, .manager-table th { background-color:#243d7f !important; }
ul.horizontal.site-menu li, ul.horizontal.site-menu li span a { transition:all .5s ease; 
}
ul.horizontal.site-menu li { position:relative; }

ul.horizontal.site-menu ul.sub-menu li span a:hover { color:#474747 !important; }

.below-content { 
background-color:#FFF;
padding-top:10px;
}
#nav_header_container header { display:none; }
/* Smartphones (portrait and landscape) --- */
@media (min-width : 320px) and (max-width : 480px),
(min-width : 375px) and (max-width : 667px){
/* Styles */
.column.sixty,
.column.forty,
.column.half {
clear:left;
width:100%;
}
}
.below-content,
footer {
background-color:#243d7f; 
}
.footer-container, .footer-container a, .footer-container span {
    color: #FFF;
    font-family: Roboto, sans-serif !important;
}
ul.horizontal.site-menu {
width:auto !important;
float:right !important;
}
#menu_container nav {
max-width:75% !important;
float:right !important;
margin-top:100px;
}
#full_name,
.horizontal.control-panel-link,
#favorites_hover {
font-family:Roboto,sans-serif;
color:#FFF;
}
.static-link { 
float:right;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FFFFFF),
	color-stop(1, #D9D9D9)
);
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #D9D9D9 100%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #D9D9D9 100%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #D9D9D9 100%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #D9D9D9 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #D9D9D9 100%);
color:#ee7d21;
margin-right:10px;
padding:6px 8px;
text-transform:none;
font-family:Roboto, sans-serif !important;
text-decoration:none;
    display: inline-block;
    margin-top: -2px;
    font-weight: bold;
}

#favorites_hover,
.cp-holder {
position:relative;
z-index:1;
}
#panel_links a:hover {
background-color:#ee7d21 !important;
}

@media (max-width : 768px)  {
#menu_container nav {
margin-top:20px;
}
#nav_logo {
display:block;
float:none;
margin-left:auto;
margin-right:auto;
}
.static-bar {
position:relative;
}
}

@media (min-width : 769px) and (max-width:1024px)  {
#menu_container nav { max-width:50% !important; margin-top:20px; }
.static-bar {
position:relative;
}
ul.horizontal.site-menu li span a, ul.horizontal.site-menu li span span,
ul.horizontal.site-menu ul.sub-menu li span a {  font-size:15px !important;}
}

@media (min-width : 1025px) and (max-width:1102px)  {

#menu_container nav { max-width:70% !important;  }
ul.horizontal.site-menu li span a, ul.horizontal.site-menu li span span,
ul.horizontal.site-menu ul.sub-menu li span a {  font-size:14px !important;}
}
@media (min-width : 1079px) and (max-width:1221px)  {
#menu_container nav { max-width:70% !important; }
ul.horizontal.site-menu li span a, ul.horizontal.site-menu li span span,
ul.horizontal.site-menu ul.sub-menu li span a {  font-size:15px !important;}
}

@media (min-width : 1291px) and (max-width:1325px)  {
#nav_logo {
margin-left:20px;
}
}
@media (min-width : 1222px) and (max-width:1300px)  {
#menu_container nav { max-width:70% !important;  }
#nav_logo { margin-left:20px; }

ul.horizontal.site-menu li span a, ul.horizontal.site-menu li span span,
ul.horizontal.site-menu ul.sub-menu li span a {  font-size:16px !important;}
}
#favorites_hover .material-icons {
color:#FFF;
}
.horizontal.control-panel-link {
background-position: 0px -256px;
}
#user_arrow {
    background-position: 0px -163px;
}
.static-bar #non_member_panel .login-link {
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FFFFFF),
	color-stop(1, #D9D9D9)
) !important;
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #D9D9D9 100%) !important;
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #D9D9D9 100%) !important;
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #D9D9D9 100%) !important;
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #D9D9D9 100%) !important;
background-image: linear-gradient(to bottom, #FFFFFF 0%, #D9D9D9 100%);
color:#ee7d21 !important;
}
.cp-holder {
margin-top:3px;
}

.static-bar #non_member_panel .login-link,
.static-link {
border-radius:15px;
padding-left:20px;
padding-right:20px;
padding-top:5px;
padding-bottom:5px;
}
.static-bar #non_member_panel {
margin-top:1px;
}

ul.horizontal.site-menu li.sub-parent:hover ul {
top:50px !important;
border:1px solid #cdcdcd !important;
}

.ue-datetime {
    float: left;
    width: 50px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    box-sizing: border-box;
    font-family: "Roboto Condensed",Open Sans,Roboto,Calibri,Candara,Arial,sans-serif;
color: #ee7d21;}

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