#menu_container,
#menu_container .layout-wrapper { width:auto !important; }
#menu_container nav,
#menu_container nav .nav-container { left:initial; }
#menu_container { border-top:none; border-bottom:none; }
#nav_header_container,
#mobile_layout_wrapper header,
#mobile_layout_wrapper #header_cell {  background-color:#FFF;  }
#nav_logo { float:left; background-image:url(//s3.amazonaws.com/ClubExpressClubFiles/909133/graphics/toplogo_1196733594.png); width:416px; height:111px; background-size:cover; margin-top:10px; cursor:pointer; margin-left:5rem;margin-bottom:5px;}
#menu_container nav { max-width:65%; }
#menu_container nav .nav-container { margin-top:40px; }
@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:0px; }
#menu_container nav { max-width:65%; }
}
.static-bar {
background-color:#212e84;
}
.admin-table th, .manager-table th { background-color:#212e84; }
.cp-holder { margin-top:5px; }
#full_name {
    color: #FFF !important;
font-family:Roboto, sans-serif; 

}
.horizontal.control-panel-link {
    color: #FFF;
    font-weight: normal;
background-position: 0px -256px;
z-index:1;
position:relative;
font-family:Roboto, sans-serif; 

}


.static-bar #non_member_panel .login-link {
background-color:transparent !important;

color:#FFF;
padding:6px 15px;
font-family:Roboto Condensed, sans-serif; 

font-weight:normal !important;
}

.static-bar #non_member_panel .login-link:hover {
color:#FFF !important;
}


#user_arrow {
    background-position: 0px -163px;
}
.horizontal.control-panel-link {
    color: #FFF;
    font-weight:normal;
    background-position: 0px -256px;
}


ul.horizontal.site-menu { background-color:transparent !important; }
ul.horizontal.site-menu li span a, 
ul.horizontal.site-menu li span span { 
font-family:Roboto Condensed, sans-serif !important; 
color:#000 !important; 
transition:background-color .5s ease;
border-radius:0px; 
 
font-size:18px !important;



}
ul.horizontal.site-menu li { padding-left:0px !important; padding-right:0px !important; margin-right:0px !important; }
ul.horizontal.site-menu li span a:hover, 
ul.horizontal.site-menu li:hover span span, 
ul.horizontal.site-menu li.selected-menu-item span a, ul.horizontal.site-menu li.selected-menu-item span a:hover{ 
color:#4a88da !important;

border-radius:0px !important; 
}

h1 {letter-spacing:-.8px; }
footer,.below-content {
background-color:#212e84;
}
.footer-container, .footer-container a, .footer-container span { color:#FFF; }

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-weight:normal !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; 
border:1px solid #fff !important;
}
ul.horizontal.site-menu ul li span a, 
ul.horizontal.site-menu li span a:hover {   
box-sizing:border-box;
}
ul.horizontal.site-menu ul.sub-menu li {
background-color:#212e84 !important;
} 
ul.horizontal.site-menu ul.sub-menu li:hover {
 background-color:#4a88da !important; 
 
}

ul.horizontal.site-menu ul.sub-menu li span a:hover { color:#FFF !important;}

#nav_header_container header { display:none; }
.menu-toggle { background-color:#212e84; margin-top:10px; }


.static-bar #user_wrapper { position:relative; z-index:100; }

.toplogo { max-width:95%; margin-top:10px; margin-bottom:10px; }

#mobile_layout_wrapper .site-menu li { background-color:#212e84 !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;
}

.cb-common { font-size:15px; }

/* Smartphones (portrait and landscape) --- */
@media (min-width : 320px) and (max-width : 480px),
(min-width : 375px) and (max-width : 667px){
/* Styles */
.column.half,
.column.forty,
.column.sixty {
clear:left;
width:100%;
}
}

.below-content {  padding-top:20px; }
ul.horizontal.site-menu ul.sub-menu li:hover { background-color:#4a88da !important; }
ul.horizontal.site-menu ul.sub-menu li.selected-menu-item span a,
ul.horizontal.site-menu ul.sub-menu li.selected-menu-item span a:hover { 
font-weight:normal !important;
color:#FFF !important; 

}




/* Smartphones (portrait and landscape) --- */
@media (min-width : 320px) and (max-width : 480px),
(min-width : 375px) and (max-width : 667px){
/* Styles */
.column.half,
.column.sixty,
.column.forty {
width:100%;
clear:left;
}
.testimonial {
max-width:90%;
}
}
#mobile_layout_wrapper .toplogo { display:block; margin-left:auto; margin-right:auto; 
}

@media (max-width : 768px) {
/* Styles */
ul.horizontal.site-menu li { margin-left:0px; margin-right:0px; }
#menu_container nav { max-width:100%; }
.testimonial {
max-width:90%;
}
}

ul.horizontal.site-menu.narrow li span a:hover,
ul.horizontal.site-menu.narrow ul.sub-menu li span a:hover,
ul.horizontal.site-menu.narrow li:hover span span,
ul.horizontal.site-menu.narrow li span span,
ul.horizontal.site-menu.narrow ul.sub-menu li span a:hover,
ul.horizontal.site-menu.narrow li.selected-menu-item a,
ul.horizontal.site-menu.narrow li.selected-menu-item span a:hover,
ul.horizontal.site-menu.narrow ul.sub-menu li span a {
border-radius:0px !important;
}
ul.horizontal.site-menu ul.sub-menu li.selected-menu-item,
ul.horizontal.site-menu ul.sub-menu li.selected-menu-item:hover {
background-color:#4a88da !important;
}
ul.horizontal.site-menu ul.sub-menu li.selected-menu-item span a,
ul.horizontal.site-menu ul.sub-menu li.selected-menu-item span a:hover {

color:#FFF !important;
}

.static-bar .horizontal.control-panel-link,
.control-panel-link,
.horizontal.control-panel-link, .static-bar .add-me-link,  #full_name {
font-family:Roboto, sans-serif !important; 
font-weight:normal;
}

.ce-button { background-color:#e8e8e8; background-image:none; color:#272727; border:1px solid #272727;border-radius:5px;padding:5px 8px; }
.ce-button:hover { background-image:none; background-color:#c9c9c9; border:1px solid #000000; color:#000000; }

#panel_links a:hover {
background-color:#4a88da !important;
}


#user_wrapper {
color:#FFF;
}
.static-link{
color:#FFF;
text-decoration:none;
display:inline-block;
margin-top:4px;
padding-right:10px;
}

/* iPads (portrait and landscape) --- */
@media (min-width : 768px) and (max-width : 1024px) {
/* Styles */
#mobile_layout_wrapper .social-network-panel {
display:none;
}
#mobile_layout_wrapper .cb-8  {
box-sizing:border-box; 
background-color:#393939;
}
}
#panel_links a:hover { background-color:#fdb924 !important; }


ul.horizontal.site-menu ul.sub-menu li {
border:none !important;
border-bottom:none !important;
}
ul.horizontal.site-menu ul.sub-menu li:hover {
background-color:#4a88da !important;
}

.cb-common {
padding:0px;
}

#favorites_hover {
color:#FFF;
font-family:Roboto, sans-serif;
}
.material-icons.favorite-icon { 
color:#FFF;
}
ul.horizontal.site-menu li:hover span span {
background-color:#212e84 !important;
color:#FFF !important;
}
ul.horizontal.site-menu li span span:hover {
color:#FFF !important;
}
ul.horizontal.site-menu ul.sub-menu {
border:none !important;
}
ul.horizontal.site-menu ul.sub-menu li span a{
font-size:15px !important;
}
#nav_header_container { border-bottom:1px solid #cdcdcd; }
.static-bar #share_button_container {
    background-image: url(//s3.amazonaws.com/ClubExpressClubFiles/907481/graphics/sharethis_2002003482.png);
    background-size: 24px;
}
#folder_container {
background-color:#212e84;
}
.sidebar-title {
background-color:#182369;
}
.mobile-site-menu li {
background-color:#212e84 !important;
}
.mobile-site-menu ul.sub-menu li {
background-color:#f3f3f3 !important;
}

ul.horizontal.site-menu {
text-align: right;
}
ul.horizontal.site-menu ul.sub-menu li {
text-align: left;
}
ul.horizontal.site-menu li {
float:none;
display: inline-block;
vertical-align: top;
}
.static-bar .add-me-link { color:#FFF !important; font-family:Roboto Condensed, sans-serif;
}