@import url(https://s3.us-east-1.amazonaws.com/ClubExpressFonts/whitneyblack/stylesheet.css);
:root {
--whitney:WhitneyBlack;
--sitefont:GraphikRegular,sans-serif;
--font2:GraphikSemibold,sans-serif;
--accent:#e9e91d; 
--radius:5px;
}


h1,h2,h3 {
font-family:var(--whitney);
font-weight:normal;
background-color:transparent !important;
padding:0px;
border:none !important;
}

#layout_wrapper {
width:100% !important;
/*max-width:1000px !Important;*/
max-width:100rem;
margin-left:auto;
margin-right:auto;
}
#layout_wrapper {
margin-top:0px;
border:none !Important;
box-shadow:0px 0px 12px rgba(0,0,0,.85);
}
.cb-common {
padding:0px;
}
#content_column {
padding:10px;
box-sizing:border-box;
}
.accent-box {
display:none;
}
.admin-table th,
.manager-table th {
background-color:#000;
}
.footer-container, .footer-container a, .footer-container span {
    color: #000;
font-family:var(--sitefont);
line-height:1.5;
font-size:15px;
}
footer {
background-color:#FFF;
padding-top:20px;
padding-bottom:20px;
}
ul.horizontal.site-menu {
background-image:url(//s3.amazonaws.com/ClubExpressClubFiles/53779/graphics/menu_back_889549661.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}
ul.horizontal.site-menu li span a,
ul.horizontal.site-menu li span span {
font-family:var(--font2) !Important;
color:#FFF !important;
font-weight:normal !important;
text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000 !important;
font-size:19px !Important;
}
ul.horizontal.site-menu li span a:hover,
ul.horizontal.site-menu li:hover span span {
color:#FFF !important;
}



a.ce-button,
#mobile_content_column a.ce-button,
.inner-column a.ce-button {
font-family:var(--font2);
font-weight:normal;
padding:8px 15px;
background-color:transparent;
color:#FFF;
border-radius:var(--radius);
background-image:none !important;
background-color:#000;
border:2px solid #000 !important;
text-transform:none;
font-size:16px;
transition:all .5s ease;
white-space:normal;
text-shadow:none !important;
}

a.ce-button:hover,
#mobile_content_column a.ce-button:hover,
.inner-column a.ce-button:hover {
border:2px solid var(--accent) !important;
background-color:var(--accent) !important;
color:#000;
text-shadow:none !important;

}
.admin-page-wrapper a.ce-button,
.popup-wrapper a.ce-button {
font-size:13px !important;
text-shadow:none !important;
}


.login-buttons a {
color:#FFF !important;
background-color:#000 !important;
border-radius:var(--radius);
border:2px solid #000 !important;
}
.login-buttons span {
padding-right:0px;
background-image:none !important;
}
.login-buttons a:hover {
background-color:#000 !important;
color:var(--accent);
border:2px solid var(--accent) !important;
}

ul.horizontal.site-menu {
text-align:center;
}
ul.horizontal.site-menu ul.sub-menu li {
text-align:left;
}
ul.horizontal.site-menu li {
float:none;
display:inline-block;
vertical-align:top;
}
ul.horizontal.site-menu ul.sub-menu {
border-top:none !Important;
}
ul.horizontal.site-menu ul.sub-menu li {
background-color:#000 !important;
border-bottom:none !important;
}
ul.horizontal.site-menu ul.sub-menu li:hover {
background-color:var(--accent) !important;
}
ul.horizontal.site-menu ul.sub-menu li span a {
color:#FFF !important;
font-size:16px !important;
text-shadow:none !Important;
}
ul.horizontal.site-menu ul.sub-menu li span a:hover {
color:#000 !important;
}
.horizontal.control-panel-link {
float:left;
font-size:15px;
font-family:var(--sitefont);
}
.top-line .social-network-panel {
float:left;
}
.top-line {
padding:5px 10px;
box-sizing:border-box;
height:auto;
background-color:#c8c8c8;
}
.top-line #non_member_panel .login-link {
font-family:var(--font2) !important;
font-size:17px !important;
font-weight:normal !Important;
}
#full_name,
#favorites_hover {
font-size:15px;
font-family:var(--sitefont);
}
.top-line #social_panel {
margin-top:-2px;
}
.mobile-site-menu li {
background-color:#000 !important;
}
.mobile-site-menu ul.sub-menu li {
background-color:#f3f3f3 !important;
}
#page_content {
    width: 100%;
    margin: 0px;
}
.add-me-link {
display:none;
}
.pclose {
z-index:10000;
}
@media (min-width : 320px) and (max-width :767px){
/* Styles */
header .hback {
height:300px;
}
header .sam {

top:initial;
left:50%;
height:50px;
margin-top:0px;
margin-left:-20px;
}
header .sam2 {
right:initial;
top:initial;
margin-top:initial;
bottom:0px;
left:50%;
height:100px;
margin-left:-20px;
}
header .htext {
padding-top:80px;
}
.home-page .welwrapper .column.quarter img {
margin-left:auto;
margin-right:auto;
}
.home-page .welwrapper a.ce-button {
margin-left:auto;
margin-right:auto;
display:inline-block;
width:auto;
}
.home-page .r3wrap .column {
height:350px;
}
.home-page .welwrapper .column.quarter {
width:100%;
max-width:initial;
}
.home-page .r3wrap h2 {
font-size:30px;
}
}
ul.horizontal.site-menu li, 
ul.horizontal.site-menu li span span {
background-color:transparent;
}

.ce-button span {
    padding-right: 20px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    color: white;
}

.search-panel .ce-button {
    color: #333333 !important;
    border-color: #FFFFFF !important;
    border-style: solid !important;
    border-width: 1px 2px 2px 1px !important;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.41, #FDFDFD), color-stop(1, #D6D6D6));
    background-image: -webkit-linear-gradient(bottom, #FDFDFD 41%, #D6D6D6 100%);
    background-image: linear-gradient(to bottom, #FDFDFD 41%, #D6D6D6 100%);
}