:root {
--accent:#333f4b;
--color2:#354a23;
--color3:#879c62;
--color4:#02567a;
--sitefont:ProximaNova,sans-serif;
--font2:ProximaNovaBold,sans-serif;
--font3:Roboto,sans-serif;
--font4:Montserrat,sans-serif;
--radius:0px;
}



.titlebar{
padding:5px 0px 0px 40px !important;
}

.imabox:before, .imabox:after{
   background-repeat:no-repeat !important;
}
.imabox h1, .imabox p{
   text-shadow: 1px 1px #000 !important;
}


.trirow #priamge1.column.third .title{
    background-color: rgba(135,156,98,.5)!important;
}

.trirow .title {
    
    font-size: 24px;
    padding: 20px;
    color: #FFF;
    font-family: var(--font2);
    font-weight: bold;
    background-position: 85% 57%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0px !important;
    bottom: 0px !important;
    float: left;
    z-index: 1;
    background-image: url(//s3.amazonaws.com/ClubExpressClubFiles/495413/graphics/rightar_545857910.png);
    width: 100%;
}

   .boxes{
    padding:0px 120px !important;
    box-sizing:border-box !important;
}


ul.horizontal.site-menu {
text-align:right;
right: -100px !important;
}
ul.horizontal.site-menu ul.sub-menu li {
text-align:left;
}
ul.horizontal.site-menu li {
float:none;
display:inline-block;
vertical-align:top;
}
#nav_header_container header{
   display:none !important;
}

#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/43779/graphics/Picture1_275505309.png); width:277px; height:80px; background-size:cover; margin-top:40px; margin-bottom:40px;cursor:pointer; margin-left:5rem;}

@media only screen
and (min-width : 1824px) {
/* Styles */
#nav_logo { 
margin-left:10rem; 
width:277px; height:80px;
}
.welcome-row .itemimage2 .overlay{
   font-size:16px !important;
   top:25% !important;
}
nav{
    float: right;
    width:60%;
    margin-top: 60px;
}
}


.static-bar {
background-color:#ededed;
border-bottom:none;
}
.admin-table th, .manager-table th { background-color:var(--accent) !important; }


.horizontal.control-panel-link {
    color: #000 !important;
    font-weight: normal;
    font-family:var(--font4);

}

.static-bar #non_member_panel .login-link {
background-image:none !important;
background-color:transparent;

padding:6px 15px;
font-family:var(--font4) !important;
font-weight:normal;
}


.static-bar #non_member_panel .login-link:hover {
background-color:transparent;
}
ul.horizontal.site-menu li span a, ul.horizontal.site-menu li span span { font-family:var(--font4) !important; text-transform:none !important; color:var(--color3) !important; line-height:45px !important; font-size:16px !important; font-weight:normal !important;}

ul.horizontal.site-menu li span a:hover, ul.horizontal.site-menu li:hover span span { color:var(--color3) !important; }
ul.horizontal.site-menu li:hover { background-color:transparent !important; }
h1 { font-weight:bold;}
footer { background-color:#FFF; }
.footer-container, .footer-container a, .footer-container span { color:#000; font-family:var(--sitefont) !important; font-weight:normal; }

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;   }
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:var(--color4) !important;border-bottom:none !important; }
ul.horizontal.site-menu ul.sub-menu li:hover { 
background-color:var(--color3) !important; 
}


.menu-toggle { background-color:var(--accent); 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:var(--color3) !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:#FFF !important;
line-height:25px !important;
font-size:16px !important;

}
ul.horizontal.site-menu ul.sub-menu li:hover {
background-color:var(--color3) !important;
}


@media (min-width : 768px) and (max-width:1224px) {
#nav_logo { margin-left:20px; margin-top:5px;}
#menu_container nav { margin-top:100px; }

.overlay-container {
    background-color: rgba(0,0,0,0.5) !important;
    height: 610px !important;
}
    }
/* Desktops and laptops --- */
@media (min-width : 1224px) and (max-width:1440px) {
/* Styles */
   .boxes{
    padding:0px 100px;
    box-sizing:border-box !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:var(--color3);
border:none !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(--color2) !important;
background-color:var(--color2) !important;
color:#FFF;
text-shadow:none !important;

}



.imabox a.ce-button{
    background-color:#fff !important;
    color:#354a23 !important;
    font-size:18px !important;
    border: none !important;
    padding: 10px 40px;
    font-weight:bold !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:var(--color3) !important;
border-radius:var(--radius);
border:2px solid var(--color3) !important;
}
.login-buttons span {
padding-right:0px;
background-image:none !important;
}
.login-buttons a:hover {
background-color:var(--color2) !important;
color:#FFF;
border:2px solid var(--color2) !important;
}
.cp-holder {
margin-top:4px;
}
#favorites_hover .material-icons {
color:#000;
}

.horizontal.control-panel-link {
    color: #000;
}

.mobile-site-menu li {
background-color:var(--color3) !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;
}

#user_arrow {
   
}
.horizontal.control-panel-link {
    
}
.static-bar .add-me-link {
margin-top:5px;
font-family:var(--font4);
float:right;
}

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

.welcome-row .itemimage2 .overlay{
   font-size:16px !important;
   top:25% !important;
}
}

@media (min-width : 768px) and (max-width:1224px) {
#nav_logo { margin-left:20px; margin-top:5px;}
#menu_container nav { margin-top:100px; }
.boxes{
    padding:0px 5px !important;
    box-sizing:border-box !important;
}

.trirow .title1, .trirow .title2, .trirow .title3{
  font-size:12px !important;
  background-position:85% 50% !important;
  background-size:15px !important;
}
}

@media (min-width : 769px) and (max-width:1024px)  {
#menu_container nav { max-width:70% !important; margin-top:40px; }
.welcome-row .itemimage2 .overlay{
   font-size:14px !important;
}
.boxcontain, boxcontain2{
   
    background-attachment:scroll !important;
}
.boxes{
    padding:0px 20px !important;
    box-sizing:border-box !important;
}
}
.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:14px !important;}
}
@media (max-width : 768px) {
/* Styles */
ul.horizontal.site-menu li { margin-left:0px; margin-right:0px; }
#menu_container nav {
margin-top:40px;
}
#nav_logo {
display:block;
float:none;
margin-left:auto;
margin-right:auto;
}
}

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

#menu_container nav { max-width:70% !important; margin-top:40px; }
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; margin-top:40px; }
#nav_logo { width:277px; height:80px; }
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 : 1291px) and (max-width:1325px)  {
#nav_logo {
margin-left:20px;
}
}

@media (min-width : 1222px) and (max-width:1823px)  {
#menu_container nav { max-width:70% !important;margin-top:60px;  }
#nav_logo { margin-left:20px; width:277px;height:80px;}

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;}
}
ul.horizontal.site-menu ul.sub-menu {
border:none !important;
}



@media (min-width : 1824px) {
/* Styles */

ul.horizontal.site-menu li span a,
ul.horizontal.site-menu li span span {
font-size:16px !important;
}
}
/* Smartphones (portrait and landscape) --- */
@media (min-width : 320px) and (max-width :767px){
/* Styles */
.boxes{
    padding:0px 20px !important;
    box-sizing:border-box !important;
}
}

@media (max-width : 1162px) {
   .titlebars h1{
    font-size:18px !important;
    }

   .titlebars {
    height:90px !important;
}
}