h2 {margin-bottom:10px !important;}
h4 {margin: 2px 0px; font-size: 17px;}
#menu_container nav,
#menu_container nav .nav-container { left:initial; }
#menu_container { border-top:none; border-bottom:none; }
#nav_header_container { border-bottom:none;padding-bottom:0px;background-color:#1e5b90;}
#nav_logo { float:left; background-image:url(//s3.amazonaws.com/ClubExpressClubFiles/962311/graphics/toplogo_81752302.png); width:300px; height:100px; background-size:cover; margin-top:10px; margin-bottom:10px;cursor:pointer; margin-left:5rem;}

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

@media (min-width : 768px) and (max-width:1244px) {
#nav_logo { margin-left:20px; width:250px;height:83px;margin-top:5px;}
#menu_container nav { margin-top:45px; }
}
.static-bar {
background-color:#9fc662;
border-bottom:none;
}
.admin-table th, .manager-table th { background-color:#1e5b90; }
#full_name {
    color: #1e5b90 !important;
}
.static-bar .add-me-link, .add-me-link { display:none; }

.horizontal.control-panel-link {
    color: #1e5b90;
    font-weight: normal;
}

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

color:#1e5b90;
padding:6px 15px;
text-transform:none;
font-family:ProximaNova, sans-serif !important;
font-weight:bold;
font-size:16px;
}
.static-link {
display:inline-block;
text-decoration:none;
padding-top:4px;
}
.static-bar #non_member_panel .login-link:hover,
.static-link:hover,
.cinfo a:hover {
color:#FFF;
}
ul.horizontal.site-menu li span a, ul.horizontal.site-menu li span span { font-family:ProximaNovaBold, sans-serif !important; text-transform:none !important; color:#FFF !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:#9fc662 !important; background-color: transparent !important; }
h1 { font-weight:bold;}
footer { background-color:#FFF; }
.footer-container, .footer-container a, .footer-container span { color:#000; font-family:ProximaNova, sans-serif !important; }
ul.horizontal.site-menu {
background-color:transparent !important;
}
ul.horizontal.site-menu ul.sub-menu li span a { line-height:30px !important;font-family: ProximaNova, sans-serif !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;   }
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:#1e5b90 !important;border-bottom:none !important; }
ul.horizontal.site-menu ul.sub-menu li:hover { 
background-color:#9fc662 !important; 
}


.menu-toggle { background-color:#1e5b90; 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:#9fc662 !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:ProximaNova,sans-serif !important;}
ul.horizontal.site-menu ul.sub-menu li span a:hover {
color:#1e5b90 !important;
line-height:25px !important;
font-size:16px !important;

}
ul.horizontal.site-menu ul.sub-menu li:hover {
background-color:#9fc662 !important;
}

@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 .site-menu li { background-color:#1e5b90 !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;
}
.admin-table th, .manager-table th { background-color:#1e5b90 !important; }
ul.horizontal.site-menu li, ul.horizontal.site-menu li span a { transition:all .5s ease;
background-color: transparent !important; 
}
ul.horizontal.site-menu li { position:relative; }

ul.horizontal.site-menu ul.sub-menu li span a:hover { color:#1e5b90 !important; }
ul.horizontal.site-menu li.sub-parent:hover ul {
left:10px !important;
}
.below-content { 
background-color:#1e5b90;

}
#nav_header_container header { display:none; }
/* Smartphones (portrait and landscape) --- */
@media (min-width : 320px) and (max-width : 480px),
(min-width : 375px) and (max-width : 667px){
/* Styles */
.column.sixty,
.column.forty,
.column.half {
clear:left;
width:100%;
}
}

footer {
background-color:#FFF; 
}
.footer-container, .footer-container a, .footer-container span {
    color: #000;
    font-family: ProximaNova, sans-serif !important;
}
ul.horizontal.site-menu {
width:auto !important;
float:right !important;
}
#menu_container nav {
max-width:70% !important;
float:right !important;
margin-top:45px;
}
#full_name,
.horizontal.control-panel-link,
#favorites_hover,
.usca-handicap {
font-family:ProximaNova,sans-serif;
}
.usca-handicap {
font-size:15px;
}
.static-bar {

background-color:#9fc662;
}
#favorites_hover,
.cp-holder {
position:relative;
z-index:1;
color:#FFF;
}
#panel_links a:hover {
background-color:#9fc662 !important;
}

@media (max-width : 768px)  {
#menu_container nav {
margin-top:20px;
}
#nav_logo {
display:block;
float:none;
margin-left:auto;
margin-right:auto;
width:250px;
height:83px;
}
.static-bar {
position:relative;
}
}

@media (min-width : 769px) and (max-width:1025px)  {
#menu_container nav { max-width:60% !important; margin-top:5px; }
.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; padding: 0px 10px; }
}

@media (min-width : 1025px) and (max-width:1178px)  {
#menu_container nav { max-width:70% !important; margin-top:5px; }
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; padding: 0px 10px; }
}

@media (min-width : 1178px) and (max-width:1244px)  {
#menu_container nav { max-width:70% !important; margin-top:30px; }
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; }
}

@media (min-width : 1304px) and (max-width:1425px)  {
#nav_logo {
margin-left:20px;
}
}
@media (min-width : 1245px) and (max-width:1305px)  {
#menu_container nav { max-width:70% !important;margin-top:45px;  }
#nav_logo { margin-left:20px; width:300px;height:100px;}

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 */
#nav_logo { width:300px;height:100px;}
ul.horizontal.site-menu li span a,
ul.horizontal.site-menu li span span {
font-size:17px !important;
}
}




@media (min-width : 320px) and (max-width : 480px),
(min-width : 375px) and (max-width : 667px){
/* Styles */
.footer-column {
clear:left !important;
width:100% !important;
text-align:center;
}
#fkftr {
text-align:center;
}
}
a.ce-button,
#mobile_content_column a.ce-button,
.inner-column a.ce-button {
font-family:Montserrat,sans-serif;
font-weight:bold;
padding:8px 15px;
background-color:transparent;
color:#FFF;
border-radius:0px;
background-image:none !important;
background-color:#1e5b90;
border:1px solid #1e5b90 !important;
text-transform:none;
font-size:16px;
transition:all .5s ease;
white-space:normal;
}

a.ce-button:hover,
#mobile_content_column a.ce-button:hover,
.inner-column a.ce-button:hover {
border:1px solid #1e5b90 !important;
background-color:#9fc662;
color:#1e5b90;
}
.admin-page-wrapper a.ce-button,
.popup-wrapper a.ce-button {
font-size:13px !important;
}


.login-buttons a {
color:#FFF !important;
background-color:#1e5b90 !important;
}
.login-buttons span {
padding-right:0px;
background-image:none !important;
}
.login-buttons a:hover {
background-color:#9fc662 !important;
color:#1e5b90 !important;
}
.cp-holder {
margin-top:4px;
}
#favorites_hover,
.usca-handicap {
color:#1e5b90;
}
#favorites_hover .material-icons {
color:#1e5b90;
}
#user_arrow,
#user_name:hover #user_arrow.panel-selected {
background-image:url(//s3.amazonaws.com/ClubExpressClubFiles/962311/graphics/arrowdn_283098721.png) !important;
background-position:0px 55% !important;
background-size:16px;
}
.horizontal.control-panel-link {
    color: #1e5b90;
  background-image:url(//s3.amazonaws.com/ClubExpressClubFiles/962311/graphics/gear_1055529356.png);
background-position:0px 50%;
background-size:16px;
}
.static-bar .layout-social-container {
display:none;
}
.mobile-site-menu li {
background-color:#1e5b90 !important;
}
.mobile-site-menu ul.sub-menu li {
background-color:#f3f3f3 !important;
}
.below-content {
border-top:1px solid #cdcdcd;
}

@media (min-width : 320px) and (max-width :767px){
/* Styles */
#fkftr .fcol {
width:100%;
text-align:center;
}
#fkftr .fcol i {
margin-left:auto;
margin-right:auto;
}
.home-page .boxrow .inner-column {
margin-top:-80px;
}
#mobile_content_column { width:100%; }
#page_content { padding:0px; }
a.ce-button, #mobile_content_column a.ce-button, .inner-column a.ce-button {
width:auto;
}
#nav_logo {
margin-top:0px;
}
#nav_header_container {
padding-top:10px;
}
}
header .toplogo {
max-width:95% !important;
}
.submenu-widget a {
background-color: #1e5b90;
}
.submenu-widget a:hover {
color: #9fc662;
background-color: #1e5b90;
}
html {
scroll-behavior: smooth;
}
.search-panel .ce-button {
background-image: none !important;
background-color:#1e5b90 !important;
border:1px solid #1e5b90 !important;
color: #FFF !important;
padding: 4px 8px;
font-size: 13px;
font-weight: 400;
}
.search-panel .ce-button:hover {
background-image: none !important;
border:1px solid #1e5b90 !important;
background-color:#9fc662 !important;
color:#1e5b90;
}
.menu-drop ul.site-menu.mobile-site-menu li span a,
.menu-drop ul.site-menu.mobile-site-menu li span span,
.menu-drop ul.site-menu.mobile-site-menu ul.sub-menu li span a,
.menu-drop ul.site-menu.mobile-site-menu li,
.menu-drop ul.site-menu.mobile-site-menu ul.sub-menu li,
#top_toolbar .menu-drop ul.site-menu.mobile-site-menu li span a,
#top_toolbar .menu-drop ul.site-menu.mobile-site-menu li span span,
#top_toolbar .menu-drop ul.site-menu.mobile-site-menu ul.sub-menu li span a,
#top_toolbar .menu-drop ul.site-menu.mobile-site-menu li,
#top_toolbar .menu-drop ul.site-menu.mobile-site-menu ul.sub-menu li {
color: #000000 !important;
background-color:#f0f0f0 !important;
}
#app_contents h1 {color:#ffffff !important;}

.static-link {
vertical-align:top
};
.custom-btn-container-croquetnow /* editor:"btn container" */  {
    font-family: "Lato", sans-serif;
    color: #333333;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
  
  
  
    width: auto;
    margin: auto;
  }

  
  .custom-btn-usca-croquetnow {
    position: relative;
    content: "";
    margin: 0 auto;
    padding: 1rem 2.5rem;
    background: transparent;
    outline: none;
    font-size: 50px;
    color: #000000;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
  }
  .custom-btn-usca-croquetnow:after, .custom-btn-usca-croquetnow:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 50%;
    transform: skewX(30deg);
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    z-index: 1;
  }
  .custom-btn-usca-croquetnow:before {
    background-color: #b52a2a;
    top: -1rem;
    left: 0rem;
  }
  .custom-btn-usca-croquetnow:after {
    background-color: #3d41b8;
    top: 1rem;
    left: 8rem;
  }
  .custom-btn-usca-croquetnow:hover:before, .custom-btn-usca-croquetnow:hover:after {
    top: 0;
    transform: skewx(0deg);
  }
  .custom-btn-usca-croquetnow:hover:after {
    left: 0rem;
  }
  .custom-btn-usca-croquetnow:hover:before {
    left: 8.75rem;
  }
  .custom-btn-content-usca-croquetnow{
    z-index: 10;
    position: relative;
  }