:root {
--color1:#6304a0;
--color2:#08b6ba;
--color3:#cc6600;
--highlight:#4c007c;
--sitefont:Poppins, sans-serif;
--radius:30px;
}
.page-section-header {
color: var(--color1) !important;
}
h1 {
font-weight:bold;
}
#menu_container,
ul.horizontal.site-menu {
background-color:var(--color1);
}

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 li span a, ul.horizontal.site-menu li span span {
color:#FFF !important;
background-color:var(--color1);
font-weight:bold !important;
}
ul.horizontal.site-menu ul.sub-menu li {
background-color:var(--color1) !important;
border-bottom:none !important;
}
ul.horizontal.site-menu li:hover {
background-color:var(--highlight) !important;
}
ul.horizontal.site-menu ul.sub-menu li:hover {
background-color:var(--highlight) !important;
}
ul.horizontal.site-menu ul.sub-menu {
border-top:none !important;
}
ul.horizontal.site-menu ul.sub-menu li span a,
ul.horizontal.site-menu ul.sub-menu li span a:hover {
color:#FFF !Important;
}


a.ce-button,
#mobile_content_column a.ce-button,
.inner-column a.ce-button {
font-family:var(--sitefont);
font-weight:bold;
padding:8px 15px;
background-color:transparent;
color:#FFF;
border-radius:var(--radius);
background-image:none !important;
background-color:var(--color2);
border:2px solid var(--color2) !important;
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:#FFF !important;
color:var(--color2);
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: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:#FFF !important;
color:var(--color3) !important;
border:2px solid var(--color3) !important;
}

.hbuttons a.ce-button {
font-size:16px !important;
min-width:100px;
}
.hbuttons {
margin-top:50px; 
}
.hcontain {
margin-top:10px;
margin-bottom:10px;
}
.admin-table th,
.manager-table th {
background-color:var(--color1) !important;
}
footer {
background-color:var(--color1);
}
.footer-container, .footer-container a, .footer-container span {
    color: #FFF;
font-family:var(--sitefont);
line-height:2;
}
.static-bar {
background-color:transparent;
border-bottom:none;

    position: absolute;
    z-index: 3;
}

#favorites_hover {
color:#000;
font-family:var(--sitefont);
}
#favorites_hover .material-icons {
color:#000;
}

#full_name {
    color: #000 !important;
font-family:var(--sitefont);
}
#user_arrow {

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

font-family:var(--sitefont);
}
#panel_links a:hover {
background-color:var(--color3) !important;
}
.cp-holder {
margin-top:3px;
}
.fbwrapper, .below-content {
background-color:var(--color1);
}

.static-bar #non_member_panel .login-link {
color:var(--color1);
padding-left:30px;
background-image:url(//s3.amazonaws.com/ClubExpressClubFiles/286912/graphics/user_1301337957.png);
background-position:0% 50%;
line-height:30px;
background-repeat:no-repeat;
font-family:var(--sitefont);
display:inline-block;
background-size:24px;
}
.static-bar #user_bar {
vertical-align:top;
margin-top:-4px;
}
.menu-toggle {
background-color:var(--color1);
}
.static-bar #user_name.welcome-message {
margin-top:8px;
}
@media (min-width : 320px) and (max-width :767px){
/* Styles */
.fbwrapper .footer-col {
width:100%;
text-align:center;
margin-bottom:20px;
}
.fbwrapper .footer-col img {
display:block;
margin-left:auto;
margin-right:auto;
}
#header_cell .hcontain img {
display:block;
margin-left:auto;
margin-right:auto;
max-width:90% !important;
}
.hbuttons {
float:none;
width:100%;
}
.hbuttons a.ce-button {
margin-left:0px;
margin-right:0px;
margin-bottom:5px;
display:block;
}
.static-bar {
position:relative;
}
.home-page .item .overlay {
right:0%;
width:100%;
}
#mobile_content_column .overlay a.ce-button,
#mobile_content_column .home-page a.ce-button {
border:2px solid #FFF !important;
text-transform:none !Important;
font-weight:bold !important;
}
.home-page .overlay a.ce-button {
margin-top:10px;
}
.home-page .vbanner .layout-wrapper,
.home-page .vbanner2 .layout-wrapper {
top:initial;
transform:none;
max-width:90%;
}
.home-page .vbanner,
.home-page .vbanner2 {
padding-top:50px;
padding-bottom:50px;
height:auto;
}
.home-page .vtext,
.home-page .vbanner2 .vtext {
font-size:16px;
}
.home-page .vbop {
background:rgba(0,0,0,.45);
}
.home-page #evwrapper {
padding-top:30px;
padding-bottom:30px;
}
}
.vcal-div .vcalbutton,
.vcal-div .vcalbutton:hover {
padding-left:0px !important;
padding-right:0px;
width:auto;
background-image:none !important;
text-align:center;
width:152px;
}
.home-page .item > div {
background-position:top center;
}

.home-page .item .itemimage1 {

background-position:center;

}

.home-page .item .itemimage3 {

background-position:center !important;

}