header {
background-image:url(//s3.amazonaws.com/ClubExpressClubFiles/931962/graphics/bgrepeat_1862825913.png);
background-repeat:repeat-x;
background-position:bottom left;
}
:root {
--sitefont:GraphikRegular,sans-serif;
--font2:Montserrat,sans-serif;
--font3:GraphikSemibold,sans-serif;
--accent:#ffd800;
--color2:#000;
--radius:30px;
--bgaccent:#000;
}
.layout-wrapper {
width:100%;
}
h2 {margin-bottom:10px !important;}
#menu_container nav,
#menu_container nav .nav-container { left:initial; }
#menu_container { border-top:none; border-bottom:none; }
#nav_header_container { border-bottom:3px solid var(--accent);
padding-bottom:0px;
background-image:url(//s3.amazonaws.com/ClubExpressClubFiles/931962/graphics/bgrepeat_1862825913.png); 
background-repeat:repeat-x; background-position:bottom left;
}
#nav_logo { 
float:left; 
background-image:url(https://s3.amazonaws.com/ClubExpressClubFiles/931962/graphics/toplogo_1304395902.jpg); 
width:600px; 
height:137px; 
background-size:cover; 
margin-top:0px; 
margin-bottom:0px;
cursor:pointer; 
margin-left:5rem;
}



@media only screen
and (min-width : 1824px) {
/* Styles */
#nav_logo { margin-left:10rem; }
}

@media (min-width : 768px) and (max-with:1224px) {
#nav_logo { margin-left:20px; margin-top:5px;}
#menu_container nav { margin-top:60px; }
}
.static-bar {
background-color:#3e3e3e;
border-bottom:none;
}
.admin-table th, .manager-table th { background-color:var(--bgaccent) !important; }

.static-bar .add-me-link, .add-me-link { color:#FFF; font-family:var(--sitefont); }

.horizontal.control-panel-link {
    color: #FFF;
    font-weight: normal;
font-family:var(--sitefont);
}

.static-bar #non_member_panel .login-link {

background-color:transparent;

color:#FFF;
padding:6px 15px;
font-family:var(--sitefont) !important;
font-weight:normal;
font-size:17px;
padding-left:24px;
background-image:url(//s3.amazonaws.com/ClubExpressClubFiles/931962/graphics/user_1145612219.png);
background-position:0% 50%;
background-repeat:no-repeat;
}

.static-link {
display:inline-block;
color:#FFF;
padding:4px 15px;
font-family:var(--sitefont) !important;
font-weight:normal;
font-size:17px;
padding-left:24px;
background-repeat:no-repeat;
text-decoration:none;
background-position:0% 50%;
margin-right:10px;
}
.static-shop {
background-image:url(//s3.amazonaws.com/ClubExpressClubFiles/931962/graphics/cart_678397345.png);
}
.static-join {
background-image:url(//s3.amazonaws.com/ClubExpressClubFiles/931962/graphics/plus_2001372900.png);

}
.static-bar #non_member_panel .login-link:hover {
color:var(--accent);
}
ul.horizontal.site-menu { background-color:transparent !important; }
ul.horizontal.site-menu li span a, ul.horizontal.site-menu li span span { font-family:var(--font3) !important; text-transform:none !important; color:#FFF !important; line-height:45px !important; font-size:20px !important; color:#FFF !important;font-weight:normal !important;}

ul.horizontal.site-menu li span a:hover, ul.horizontal.site-menu li:hover span span { color:var(--accent) !important; }
ul.horizontal.site-menu li:hover { background-color:transparent !important; }
h1 { font-weight:bold;}
footer { background-color:var(--bgaccent); }
.footer-container, .footer-container a, .footer-container span { color:#FFF; font-family:var(--sitefont) !important; }

ul.horizontal.site-menu ul.sub-menu li span a { line-height:30px !important;font-family: var(--sitefont) !important; text-transform:none !important; font-size:16px !important;color:#FFF !important; padding-right:3px !important;}
ul.horizontal.site-menu li.sub-parent:hover ul {  top:40px !important;
box-shadow:none !Important;  left:initial !important; right:10px !important; }

/** just in case
ul.horizontal.site-menu li.sub-parent:last-child:hover ul {
display:none !important;
}

** end JIC **/
ul.horizontal.site-menu ul.sub-menu li:last-child { border-bottom:none !important; }
ul.horizontal.site-menu ul.sub-menu { border-top:none !important; }
ul.horizontal.site-menu ul.sub-menu li { background-color:#3e3e3e !important;border-bottom:none !important; }
ul.horizontal.site-menu ul.sub-menu li:hover { 
background-color:var(--accent) !important; 
}


.menu-toggle { background-color:var(--bgaccent); }


 ul.horizontal.site-menu li.selected-menu-item span a, ul.horizontal.site-menu li.selected-menu-item span a:hover { color:var(--accent) !important; border-bottom:none; }
ul.horizontal.site-menu ul.sub-menu li span a { color:#FFF !important; font-size:16px !important;line-height:25px !important;font-family:var(--sitefont) !important;}
ul.horizontal.site-menu ul.sub-menu li span a:hover {
color:var(--color2) !important;
line-height:25px !important;
font-size:16px !important;

}
ul.horizontal.site-menu ul.sub-menu li:hover {
background-color:var(--accent) !important;
}
ul.horizontal.site-menu li, ul.horizontal.site-menu li:hover span span {
background-color:transparent;
}
@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; }


#mobile_layout_wrapper header, #mobile_layout_wrapper #header_cell { background-color:transparent !important; background-image:url(//s3.amazonaws.com/ClubExpressClubFiles/931962/graphics/bgrepeat_1862825913.png); background-repeat:repeat-x; background-position:bottom left; }
#mobile_layout_wrapper .site-menu li { background-color:var(--bgaccent)  !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;
}

ul.horizontal.site-menu li, ul.horizontal.site-menu li span a { transition:all .5s ease; 
}
ul.horizontal.site-menu li { position:relative; }


.below-content { 
background-color:var(--bgaccent);

}
#nav_header_container header { display:none; }


ul.horizontal.site-menu {
width:auto !important;
float:right !important;
}
#menu_container nav {
max-width:50% !important;
float:right !important;
margin-top:60px;
}
#full_name,
.horizontal.control-panel-link,
#favorites_hover {
font-family:var(--sitefont);
color:#FFF;
}

#favorites_hover,
.cp-holder {
position:relative;
z-index:1;
color:#FFF;
}
#panel_links a:hover {
background-color:var(--accent) !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:10px; }
.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;}
#nav_logo { margin-left:20px; width:300px; height:69px; }
#nav_header_container { background-size:24px; }
}

@media (min-width : 1025px) and (max-width:1102px)  {

#menu_container nav { max-width:45% !important; margin-top:40px; }
ul.horizontal.site-menu li span a, ul.horizontal.site-menu li span span {font-size:18px !important; }
ul.horizontal.site-menu ul.sub-menu li span a {  font-size:16px !important;}
#nav_logo { margin-left:20px; width:500px;height:114px;}
#nav_header_container { background-size:39px; }
}
@media (min-width : 1079px) and (max-width:1221px)  {
#menu_container nav { max-width:40% !important; margin-top:30px; }
#nav_logo { width:460px; height:105px; margin-left:10px;}
#nav_header_container { background-size:36px; }
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:20px !important;}
}



@media (min-width : 1222px) and (max-width:1440px)  {
#nav_logo {
margin-left:20px; width:500px; height:114px;
}
#menu_container nav { margin-top:40px; }
#nav_header_container { background-size:39px; }
}

@media (max-width : 768px){
#nav_header_container {
background-position:top left;
}
}


@media (min-width : 1222px) and (max-width:1300px)  {
#menu_container nav { max-width:45% !important;margin-top:50px;  }
#nav_logo { margin-left:20px; width:500px;height:114px;}

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:20px !important;}
}
ul.horizontal.site-menu ul.sub-menu {
border:none !important;
}
}

.cb-common {
padding:0px;
}
@media (min-width : 1824px) {
/* Styles */
#nav_logo { width:600px;height:137px;}
#menu_container nav { margin-top:50px; }
ul.horizontal.site-menu li span a,
ul.horizontal.site-menu li span span {
font-size:20px !important;
}
}





a.ce-button,
#mobile_content_column a.ce-button,
.inner-column a.ce-button {
font-family:var(--sitefont);
font-weight:normal;
padding:8px 15px;
background-color:transparent;
color:#000;
border-radius:var(--radius);
background-image:none !important;
background-color:var(--accent);
border:2px solid var(--accent) !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:#FFF !important;
color:var(--bgaccent);
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:#000 !important;
background-color:var(--accent) !important;
border-radius:var(--radius);
border:2px solid var(--accent) !important;
}
.login-buttons span {
padding-right:0px;
background-image:none !important;
}
.login-buttons a:hover {
background-color:#FFF !important;
color:var(--bgaccent);
border:2px solid var(--accent) !important;
}
.cp-holder {
margin-top:4px;
}
#favorites_hover .material-icons {
color:#FFF;
}

.horizontal.control-panel-link {
    color: #FFF;
}

.mobile-site-menu li {
background-color:var(--bgaccent) !important;
}
.mobile-site-menu li span a {
color:#FFF !Important;
}
.mobile-site-menu ul.sub-menu li {
background-color:#f3f3f3 !important;
}
.mobile-site-menu ul.sub-menu li span a {
color:#000 !Important;
}
.layout-social-container {
display:none;
}
.static-bar #non_member_panel .login-link {
color:#FFF !Important;
font-weight:normal !important;
font-family:var(--sitefont) !important;
font-size:20px !important;
}

#user_arrow {
    background-position: 0px -163px;
}
.horizontal.control-panel-link {
    color: #FFF;
    background-position: 0px -258px;

}
.below-content {
background-color:var(--bgaccent);

}
header, #header_cell {
background-color:var(--bgaccent);
}
.bottom-wrapper {
border-top:3px solid var(--accent);
}
.add-me-link,
.static-bar .add-me-link {
display:none;
}
 .ue-datetime {
    border:1px solid #000;
    border-radius:3px;
    margin-right:5px;
    }
    .ue-event {
    padding-bottom:10px;
    }
    .ue-month {
    background-color:#000;
    padding-top:3px;
    padding-bottom:3px;
    color:#FFF;
    }
    .ue-day {
    padding-top:3px;
    padding-bottom:3px;
    }
#mobile_layout_wrapper .social-network-panel {
display:none;
}
/** home page overrides **/
.home-page .build-column {
padding:0px;
}
.home-page .cd-fixed-bg.cd-bg-1 {
background-position:center center !important;
}
.home-page .inner-column a.ce-button {
font-weight:normal !important;
font-family:var(--font3) !important;

}
.home-page .eventbg .ue {
width:400px;
}
@media (min-width : 1824px) {
/* Styles */
.home-page .slideshow.minimal {
height:500px;
}
}
@media (min-width : 769px) and (max-width : 1200px) {
/* Styles */
.home-page .mitwrap img {
max-width:25%;
}
}
@media (min-width : 320px) and (max-width :767px){
/* Styles */
.home-page .cd-scrolling-bg.mitwrap {
padding-top:30px !important;
padding-bottom:30px !important;
}
.home-page .mitwrap img {
display:block;
margin:10px auto;
}
.home-page .trans1,
.home-page .trans2,
.home-page .trans3,
.home-page .trans4 {
transform:rotate(0deg);
top:initial;
}
.home-page .eventbg .column.half {
display:initial;
float:left;
width:100%;
padding-top:30px;
padding-bottom:30px;
}
.home-page .half.blackhalf,
.home-page .half.whalf {
padding-left:20px;
padding-right:20px;
}
.home-page .rn,
.home-page .ue {
min-height:200px;
}
.home-page .slideshow.minimal {
height:250px;
}
.home-page .cd-bg-1 .captionbox.herobox.joinbox {
font-size:16px;
}
.toplogo {
width:100%;
}
.home-page .eventbg .resp-row {
display:initial !important;
}
.home-page a.ce-button,
.home-page .inner-column a.ce-button {
width:auto;
}
.home-page .eventbg .ue {
width:100%;
}
}

@media (min-width : 768px) and (max-width : 1024px) {
/* Styles */
.home-page .cd-fixed-bg {
height:500px;
}
.home-page .cd-bg-1 .captionbox.herobox {
top:30%;
}
.home-page .slideshow.minimal {
height:300px;
}
.home-page .eventbg .column.half {
padding-top:30px;
padding-bottom:30px;
}
.home-page .half.blackhalf,
.home-page .half.whalf {
padding-left:20px;
padding-right:20px;
}
.home-page .mitwrap img {
max-width:23% !important;
}
.home-page .cd-fixed-bg {
background-attachment:initial;
}
.home-page .eventbg .ue {
width:275px !important;
}
}
#mobile_content_column .home-page h1 {
width:100% !important;
padding-right:0px !important;
max-width:initial !important;
color:#ffffff !important;
}

@media (min-width : 1283px) and (max-width:1390px)  {
#nav_header_container { 
background-size:39px;
}
}
.home-page.mem .cd-bg-1 a.ce-button {
display:none;
}
.category-table tr  {color:blue;font-size:14px}
#forum_home_wrapper .forum-link   {color:blue;font-size:18px} 
#forum_home_wrapper .thread-info {font-size:14px}
#forum_home_wrapper .category-table {background-color:#d3d3d3}

#thread_list_wrapper .thread-list-table th {background-color:#ffcc33; color:blue;font-size:18px}

#thread_list_wrapper .thread-list-table tr { color:blue;font-size:14px} .post-info{font-size:16px}

#thread_list_wrapper .subject-cell a { color:blue;font-size:16px}
.threaded-handle {color:blue}

#threaded_view_wrapper #thread_subject {color:blue;font-size:20px}

.threaded-handle {font-size:16px}
#flat_list #thread_subject {color:blue;font-size:20px} 
#flat_list .thread-table th {color:blue;font-size:16px}
#flat-list .post-info{font-size:14px} .message-text{font-size:16px}
  