:root{
 --color2: #B5274B;
}

html {
  scroll-behavior: smooth;
}

.add-me-link{
    display:none !important;
}

.login-link{
   display:none !important;
}

.static-bar {
position: absolute;
z-index: 5;
background-color: transparent !important;
box-sizing: border-box;
padding: 10px;
}
@media (min-width: 320px) and (max-width: 480px),
(min-width: 375px) and (max-width: 667px)
{
.static-bar {
position: unset;
background-color: #c6c6c6 !important;
}
}

header{
   background-image: url(//s3.amazonaws.com/ClubExpressClubFiles/579966/graphics/header-banner_1474413177.png);
   background-size:cover;
   background-repeat:no-repeat;
   padding: 10px;
   box-sizing: border-box;
}

.bottom-image img {
    width:100% !important;
}

ul.horizontal.site-menu li span a,
ul.horizontal.site-menu li span span{
   text-transform:uppercase !important;
   font-weight:500 !important;
   font-size:20px;
   font-family: Helvetica, Arial, sans-serif;
   transition: all .5s ease;
}

ul.horizontal.site-menu li:hover span a, 
ul.horizontal.site-menu li:hover span span {
   background-color: #e3e3e3 !important;
}

ul.horizontal.site-menu {
   text-align:center;
}
ul.horizontal.site-menu ul.sub-menu li,
ul.horizontal.site-menu ul.sub-menu li span a {
   text-align:left;
   text-transform:uppercase !important;
   font-size:18px;
   font-family: Helvetica, Arial, sans-serif;
   background-color: #f3f3f3 !important;
} 

ul.horizontal.site-menu li {
   float:none;
   display:inline-block;
   vertical-align:top;
}

ul.site-menu ul.sub-menu li {
   max-width: 300px;
}
ul.site-menu ul.sub-menu li span a {
   padding-right: 2px;
}

ul.horizontal.site-menu ul.sub-menu li:hover span a {
   background-color: #e3e3e3 !important;
}

#menu_container{
   border-top:1px solid #000 !important;
   border-bottom:0px !important;
   padding-top:15px;
}
.whats-new{
   margin-top:25px;
   margin-bottom:25px;
}
.boxes .inner-column img {
   box-shadow: 0px;
   margin-bottom:15px;
   width:100% !important;
}

.boxes .build-column.third{
   padding-top:0px !important;
   padding-bottom: 15px !important;
} 

.boxes a{
   text-decoration:none !important;
   color:#585c65 !important;
}

.boxes a:hover{
   transition: .25s !important;
   color:#7a7e87 !important;
}

.boxes2 .inner-column {
position: relative;
height: 100%;
padding-bottom: 50px;
}
.boxes2 .inner-column img {
box-shadow: 0px;
margin-bottom:15px;
width:100% !important;
object-fit: cover;
aspect-ratio: 4/3;
}
.boxes2 a.ce-button {
position: absolute;
bottom: 0px;
}
.boxes2 a.ce-button:hover {
color: #FFF !important;
}
.whats-new p {
    position: relative;
    font-size: 22px;b
    z-index: 1;
    overflow: hidden;
    text-align: center;
    text-transform:uppercase;
    
}
.whats-new p:before, .whats-new p:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 44%;
    height: 1px;
    content: '';
    background-color: #585c65;
    margin:0 8px;
}
.whats-new p:before {
    margin-left: -45%;
    text-align: right;
}
.whats-new p:after {
    margin-right: 50%;
    text-align: left;
}
.whats-new p {
   
}

.join-row .hero{
   background-position: top center !important;

}

.join-row .hero.hero-center{
   
}

.join-row .hero .hero-text{
    top:55% !important;
}

.join-row .hero .hero-text a.ce-button, .join-row #mobile_content_column .ce-button {
   border-radius:0px !important;
   border:0px !important;
   font-size:14px;
   background-color:#585c65 !important;
   color:#fff !important;
   padding:10px !important;
   
}

footer {
   background-color:#000;
   color:#fff;
}

.footer-container, .footer-container a, .footer-container span {
   color:#fff;
}

.cb-common.cb-8 {
   margin:10px 0px 25px 0px;
}
.cb-common.cb-8 img {
   width:40px !important;
}

.cb-common.cb-8 a{
   text-decoration: none !important;
   color:#000 !important;
   text-transform: none !important;
}

hr {
height: 1px;
background-color: #585c65;
border: none;
display:block;
margin-top:20px;
margin-bottom:20px;
}

.layout-wrapper70 {
    max-width: 70rem !important;
    margin-left: auto;
    margin-right: auto;
}


.footer-link {
position:relative;
}
.footer-link img {
display:none;
}
.footer-link::after {
    content: 'ClubExpress';
    position: relative;
    top: 0px;
}
.footer-container, .footer-container a, .footer-container span {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 0.9em;
    line-height: 2em;
}
a.footer-link {
    font-size: .8em;
}
footer {
    background-color: 
    #4c4c4c;
}
.crumb-trail-container{
    display:none !important;

}

.homesep {
margin-top:20px;
margin-bottom:20px; 
height:10px;
}
@media (min-width : 580px) and (max-width : 767px) {
/* Styles */

.itemimage1, .itemimage2, .itemimage3, .itemimage4, .itemimage5, .itemimage6, .itemimage7, .itemimage8 { height:280px !important; }

}

@media (min-width : 768px) and (max-width : 846px) {
/* Styles */

.itemimage1, .itemimage2, .itemimage3, .itemimage4, .itemimage5, .itemimage6, .itemimage7, .itemimage8 { height:380px !important; }

}

.rsp-slideshow .ce-widget.slideshow {
width: 100% !important;
max-width: 1400px !important;
height: 66.5vw !important;
margin: auto;
}
.rsp-slideshow .galleria-stage {
background: #f3f3f3;
}
.rsp-slideshow .galleria-image img {
padding: 0px;
}
@media only screen and (min-width: 1400px) {
.rsp-slideshow .ce-widget.slideshow {
height: 930px !important;
}
}

#mobile_layout_wrapper .pr-button a.ce-button,
#mobile_layout_wrapper .pr-button2 a.ce-button,
.pr-button a.ce-button,
.pr-button2 a.ce-button {
text-decoration: none;
font-size: 16px;
font-weight: bold;
transition: all .5s ease;
background-image: none;
background-color: #585c65;
color: #fff;
border: none;
border-radius: 0px;
padding: 12px 20px;
max-width: 100%;
box-sizing: border-box;
white-space: normal;
}
#mobile_layout_wrapper .pr-button2 a.ce-button,
.pr-button2 a.ce-button {
width: 100%;
}
#mobile_layout_wrapper .pr-button a.ce-button:hover,
#mobile_layout_wrapper .pr-button2 a.ce-button:hover,
.pr-button a.ce-button:hover, 
.pr-button2 a.ce-button:hover {
background-color: #000;
color: #FFF;
border: none;
border-radius: 0px;
}

.paging-dd select {
font-size: 16px;
}

#map_canvas { width: 100% !important; height: 735px !important; }

.six-column {
width: 16.666%;
}

.six-column {
clear: none;
}

@media (min-width : 768px) and (max-width:1024px) {
.six-column {
width: 33%;
}
.six-column:nth-child(4) {
clear: both;
}
}
@media (min-width : 480px) and (max-width:767px) {
.six-column {
width: 50%;
}
.six-column:nth-child(3),
.six-column:nth-child(5) {
clear: both;
}
}
@media (max-width : 480px) {
.six-column {
width: 100%;
clear: both;
}
}
.six-column .inner-column {
text-align: center;
}
#ctl00_ctl00_ctl00_ctl00_cancel_buttonPanel {
display: none;
}
.tables table {
width: 100%;
border-collapse: collapse;
}
.tables table tr {
border: 1px solid #1966a0;
}
.tables table tr:first-of-type td {
background: #1966a0;
text-align: left;
white-space: normal;
box-sizing: border-box;
padding: 2px 5px;
color: rgb(255, 255, 255);
font-family: Helvetica, Arial, sans-serif;
}
.tables table td {
text-align: left;
white-space: normal;
box-sizing: border-box;
padding: 1px 5px;
font-family: Helvetica, Arial, sans-serif;
}
  @media (max-width: 767px) {
.header-buttons a {

  float: none !important;
}
}

@media (min-width: 1000px) and (max-width: 1390px) {
.layout-wrapper {
padding-left:20px;
padding-right:20px;
box-sizing:border-box;
}
}
.horizontal.control-panel-link, .static-bar .add-me-link, .static-bar #non_member_panel .login-link, #full_name, #favorites_hover {
  font-size: 15px;
  color: #000;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
}
.contact-members-h2.contact-h2,
.contact-detail-box.contact-members-detail {
display: none;
}
.social-panel-icon {
float: right;
margin-left: 5px;
margin-right: 0px;
}