@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Cabin&display=swap');
.watermark {
	background-color:#FFFFFF;
}
.whitewrap {
	background-color:#FFFFFF;
}
header {
	position:relative;
	height:auto;
}
#content_column {
	clear:left;
	padding:10px;
	box-sizing:border-box;
}
#inner_content {
	width:100%;
	overflow:hidden;
}

.bg-hero {
	min-height: 128px;
	background-image:url(//s3.amazonaws.com/ClubExpressClubFiles/327323/graphics/bg-hero_1858731522.jpg);
	background-size:cover;
	background-position:top center;
	border-bottom:12px solid #015b97;
	border-color:#015b97 !important;
}
.social-network-panel,
.static-links,
.control-links {
float:right;
}
#layout_wrapper {
	width:100%;
	position:relative;
	border:none;

}
.watermark {
	background-image:url(//s3.amazonaws.com/ClubExpressClubFiles/327323/graphics/bg-content_559783120.gif);
}
#content_column {
	max-width:90rem;
	background-color:#FFF;
	margin:auto;

}
.layout-wrapper {
	position:relative;
	margin: auto;
	border:none;
	box-sizing:border-box;
	width:100%;
}
nav {
position:relative;
height:auto;

}
header {
position:relative;
display:block;
height:auto;
width:100%;
z-index:0;
}
.crumb-trail-container {
	margin-top:3px;
	margin-left:5px;
	float:left;
}

.cb-3 { margin-top:0px; }
.cb-2 { margin-bottom:0px;margin-top:0px;
}
.header-text-1,
.header-text-2 {
	color:#FFFFFF;
}

.add-me-link { 
	color:#000000;
	font-weight:bold;
	margin-left:5px;
}
.social-network-panel {
	float:right; 
	margin-right:10px;
}
.user-panel {
	float:right;
	margin-top:2px;
}
.top-wrapper,
.bottom-wrapper {
	width:100%;
	left:0px;
	right:0px;
	float:left;
}
.layout-wrapper {
	margin:0px auto;
	box-sizing:border-box;
}
.bottom-cb-container {
	float:left;
	width:33%;
}
#full_name,
.horizontal.control-panel-link,
.add-me-link {
	color:#000;
	font-size:16px;
	text-transform:uppercase;
	font-family:Roboto,sans-serif;
}
#user_arrow { margin-top:2px;}
.control-links,
.static-links {
	margin-top:7px;
}
.static-links,
.static-links a,
#non_member_panel .login-link {
	color:#000;
	text-decoration:none;
	font-family:Roboto,sans-serif;
	font-size:16px;
	text-transform:uppercase;
}
.static-links  a {
	border-right: 1px solid #000;
	padding-right: 10px;
	padding-left: 10px;
}
header {
	float:left;
	width:auto;
	background-color:transparent !important;
	overflow:visible;
}
#header_cell { overflow:visible;}
nav {

	width:auto;
	max-width:95%;
}
ul.horizontal.site-menu {
	width:auto;
	float:none;
}
.bg-shadow {
	position:absolute;
	height:1em;
	background:rgba(0,0,0,.2);
	left:0px;
	right:0px;
}
.toplogo {
	position:absolute;
	top:10px;
	left:10px;
	z-index:1;
}
.layout-top-section {
	min-height:130px;
	position:relative;
	z-index:10;
}
@media all and (min-width:50em) {
	.layout-wrapper {
		max-width:90rem;
		margin:auto;
	}
}

ul.horizontal.site-menu li { 
	margin-right:0px !important;
	margin-left:0px !important;
}

ul.horizontal.site-menu li.sub-parent:hover ul {
	top: 50px !important;
}

ul.horizontal.site-menu li span a, 
ul.horizontal.site-menu li span span {
	font-size:22px !important;
	font-weight:normal !important;
	font-family:Roboto, sans-serif !important;
	text-transform:uppercase !important;
	padding-left:30px !important;
	padding-right:30px !important;
}

ul.horizontal.site-menu ul.sub-menu li span a {
	color:#FFF !important;
	font-size:16px !important;
	padding-left:10px !important;
	padding-right:10px !important;
}
ul.horizontal.site-menu li:first-child {
	color:#015b97 !important;
	border-bottom:12px solid #015b97 !important;
}

ul.horizontal.site-menu li:first-child span a,
ul.horizontal.site-menu li:first-child span span {
	color:#015b97 !important;
}

ul.horizontal.site-menu li:first-child ul.sub-menu li {
	background-color:#015b97 !important;
	border-bottom:1px solid #1b6ca2 !important;
}
ul.horizontal.site-menu li:nth-child(2){
	color:#ef4023 !important;
	border-bottom:12px solid #ef4023 !important;
}

ul.horizontal.site-menu li:nth-child(2) span a,
ul.horizontal.site-menu li:nth-child(2) span span {
	color:#ef4023 !important;
}
ul.horizontal.site-menu li:nth-child(2) ul.sub-menu li {
	background-color:#ef4023 !important;
	border-bottom:1px solid #f15339 !important;
}
ul.horizontal.site-menu li:nth-child(3){
	color:#6d7911 !important;
	border-bottom:12px solid #6d7911 !important;
}

ul.horizontal.site-menu li:nth-child(3) span a,
ul.horizontal.site-menu li:nth-child(3) span span {
	color:#6d7911 !important;
}
ul.horizontal.site-menu li:nth-child(3) ul.sub-menu li {
	background-color:#6d7911 !important;
	border-bottom:1px solid #7c8729 !important;
}

ul.horizontal.site-menu li:nth-child(4){
	color:#e4a40c !important;
	border-bottom:12px solid #e4a40c !important;
}

ul.horizontal.site-menu li:nth-child(4) span a,
ul.horizontal.site-menu li:nth-child(4) span span {
	color:#e4a40c !important;
}

ul.horizontal.site-menu li:nth-child(4) ul.sub-menu li {
	background-color:#e4a40c !important;
	border-bottom:1px solid #e7ad25 !important;
}
nav ul.horizontal.site-menu ul.sub-menu {
	border:none !important;
}
nav ul.horizontal.site-menu ul.sub-menu {
	border-top:0px !important;
}

//*--
nav.narrow {
	clear:both;
	float:none;
	margin-top:30px;
	background-color:#e2e1de !important;

}
nav.narrow ul.horizontal.site-menu {
	width:100% !important;
}
nav.narrow ul.horizontal.site-menu li {
	width:50% !important;
	border-bottom:none !important;
}
nav.narrow ul.horizontal.site-menu ul.sub-menu {
	position:relative;
	top:initial !important;
	width:100%;
	opacity:1;
	left:initial !important;
}
nav.narrow ul.horizontal.site-menu li span a { 
	box-sizing:border-box;
}
nav.narrow ul.horizontal.site-menu ul.sub-menu li {
	max-width:initial !important;
	width:100% !important;
	padding-left:0px !important;
	padding-right:0px !important;
}
nav.narrow ul.horizontal.site-menu li span span {
}
nav.narrow ul.horizontal.site-menu li:nth-child(3) {
	clear:left;
}
nav.narrow ul.horizontal.site-menu ul.sub-menu li span a {
	box-sizing:border-box;
	
}
*//


.admin-table th,
.manager-table th {
	background-color:#015b97 !important;
}
.ce-button { background-color:#e8e8e8; background-image:none; color:#272727; border:1px solid #272727;border-radius:5px;padding:5px 8px; }
.ce-button:hover { background-image:none; background-color:#c9c9c9; border:1px solid #000000; color:#000000; }
.horizontal.control-panel-link {
	height:24px;
	width:24px;
	background-color:#FFF;
	color:#FFF !Important;
	background-image:url(//s3.amazonaws.com/ClubExpressClubFiles/189622/graphics/gear_506885064.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-size:24px;
	white-space:normal;
	font-size:0px;
	margin-left:5px;
	padding:12px;
}
.control-links {
	margin-top: 4px;
	margin-right: 5px;
}
.top-wrapper {
	position:absolute;
	z-index:100;
}
.nav-toggle {
	display:none;
	background-image:url(//s3.amazonaws.com/ClubExpressClubFiles/327323/graphics/bg-toggle_109581511.png);
	height:40px;
	width:40px;
	background-size:40px;
	float:right;
	background-repeat:no-repeat;
	margin-top:50px;
	margin-right:20px;
}
@media all and (max-width:1300px) {
	.toplogo { max-width:500px;}
	.top-wrapper { position:relative;}
}
@media all and (max-width:1100px) {
	.nav-toggle { display: block;}
	nav { clear:left; width:100%; }
}
footer {
	padding-top:20px;
	padding-bottom:20px;
}
.footer-container, 
.footer-container a, 
.footer-container span {
font-size:15px;
font-family:Roboto, sans-serif;
color:#FFF;
line-height:2;
text-transform:uppercase;
}
.bottom-cb-container img {
	max-width:100%;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.add-me-link { display:none; }
#non_member_panel { margin-top:5px;}
#non_member_panel .login-link {
	font-weight:normal;
}
#favorites_hover {
	float:left;
	margin-top:0px;
}

.leftbar,
#content_column,
.wrapper	{
		box-sizing: border-box;
	}

	html, body {
		height: 100vh;
		margin: 0px;
		padding: 0px;
	}



	.wrapper {
	
		min-height: 100%;
		transition: all .3s ease;
		position:relative;
	}

	.leftbar {
		position: absolute;
		width: 300px;
		padding: 20px;
		top:0px;
		/*bottom:0px;*/
		background-color:transparent;
		z-index: 1;
	}
	
	.leftbar.isThin .leftbar-tools{
		width:25px !important;
		margin-left:-3px;
	}
	
	.leftbar.isThin {
		width: 50px;
		padding: 15px;
	}

	.leftbar.isThin nav {
		display: none;
	}

	.isThin #non_member_panel{
		display:none;
			}

	.bg-color-2 {
		
	}

	.slide-menu-content{
	
		background: #fff;
		/*transform: translateX(0px);*/
		/*transition: transform .3s;*/
		width: 100%;
	}

	.inner-content {
		padding-left: 20px;
		padding-right: 20px;
	}

	.slide-menu-content.isWide {
		/*transform: translateX(300px);*/

	}

	.burger {
		cursor: pointer;
		width:24px;
		background-image: url(/css/layout/66/menu.png);
		background-size: 24px;
		height: 24px;
		float: right;
		margin-bottom:50px;
		opacity:1;
	}

	.leftbar.isThin .burger {
		width: 24px;
		height: 24px;
		float:right;
		background-size: 24px;
		margin-bottom:10px !important;
		margin-left:5px;
	}

	.burger:hover{
		opacity:.55;
		transition:ease-in-out .25s;
		margin-left:5px;
	}

	.burger line {
		stroke: black;
		stroke-width: 5;
	}

	h1 {
		margin-top: 25px;
		font-size: 40px;
		font-weight: 400;
	}


	ul.site-menu.vertical{
		margin-top:60px;
		}



	ul.site-menu.vertical li span a, ul.site-menu.vertical .sub-parent li, ul.site-menu.vertical .sub-parent span, ul.site-menu.vertical .sub-menu li a{
		font-size: 18px !important;
		font-family:"Avenir Next", sans-serif;
	}

ul.site-menu ul.sub-menu li {
	padding:0px 15px 0px 15px;
	
}



.member-drop{
	left:60px !important;
	top:30px !important
}



	.wrapper {
	}

	.row {
		width: 100%;
	}

		.row .column {
			width: 33.3%;
			padding: 10px;
			float: left;
		}

	.clear {
		clear: both;
		width: 100%;
		height: 0px;
	}

	.test-contents {
		width: 100%;
		height: 200px;
		background-color: #006699;
	}

	#content_column footer {
		text-align: center;
		padding-top: 30px;
		padding-bottom: 30px;
		color: #FFF;
		margin-top: 20px;

	}

	

	#user_panel {
		color: #FFF;
		font-size: 16px;
		line-height: 24px;
		background-repeat: no-repeat;
		float: right;
		background-size: 22px;
	}

	.leftbar.isThin #user_panel {
		height: 24px;
		width: 30px;
		background-size: 24px;
		padding-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		align-content:right;
		background-repeat: no-repeat;
		float:left;
		
	}
	
	.leftbar.isThin #full_name {
		height:24px;
		width:50px;
		background-size: 22px 22px;
		background-position:35% 0%;
		float:left;
		
		padding-left: 0px;
		margin-left:0px !important;
		margin-right:5px;
		background-image: url(/css/layout/66/user.png);
		background-repeat: no-repeat;
		color:transparent !important;
		left:-8px;
		margin-top:0px;
		
	}
	.leftbar .vertical.control-panel-link {
		float: right;
		background-image: url(/css/layout/66/gear.png);
		background-size: 22px;
		font-size: 16px;
		background-position:0% 50% !important;
		background-repeat: no-repeat;
		color:#FFF;
		line-height: 20px;
		float: left;
		margin-left:5px;
		margin-right:5px;
		opacity:1;
		position:relative;
		display:block;
		padding-left:30px;
	}
	.vertical.control-panel-link:hover {	
		float: right;
		background-image: url(/css/layout/66/gear.png);
		background-position:0% 50% !important;
		background-repeat: no-repeat;
		color: #FFF;
		line-height: 20px;
		float: left;
		margin-left:5px;
		opacity:.5;
		text-decoration:none;
		transition:ease-in-out .25s;
	}
	
	.leftbar.isThin .control-panel-link.vertical {
		float:left;
		clear:left;
		margin:0px;
		margin-left:1px !important;
		padding-left: 0px;
		left:initial !important;
		overflow:hidden;
		width:30px;
		color:transparent;
		background-position:left top !important;
		background-size:24px 24px;
		height:35px;
	}

	.leftbar.isThin .control-panel-link.vertical:hover {
		float: left;
		margin:0px;
		padding-left: 0px;
		margin-left:1px !important;
		left:initial !important;
		overflow:hidden;
		width:30px;
		color:transparent;
		background-position:left top !important;
		background-size:24px 24px;
		opacity:.5;
		transition:ease-in-out .25s;
	}

	.social-network-panel-container {
		float: right;
		left: -50%;
		text-align: left;
		width: auto !important;
		position: relative;
		width: auto;
		display: block;
	}

	.social-network-panel {
		position: relative;
		left: 50%;
		float: none;
		width: auto;
		margin: initial;
	}

	.social-network-panel a {
		height: 24px;
		width: 24px;
		background-color: #FFF;
		border-radius: 50%;
		float: left;
		margin-right: 7px;
		margin-top:20px;
		}

	#share_button_container{
		margin-top:20px;
	}
	.leftbar.isThin #share_button_container{
		margin-top:10px;
		margin-left:0px;
	}

	.leftbar.isThin .social-network-panel {
		width: 24px;
		margin-top: 0px;
		margin-bottom:10px;
		margin-left: -3px;
		left:initial;
	}
	.leftbar.isThin .social-network-panel:first-of-type {
		margin-top:12px  !important;
	}
	.leftbar.isThin .social-network-panel a:last-of-type {
		margin-bottom:5px  !important;
	}

		.leftbar.isThin .social-network-panel a {
			margin-bottom: 15px;
			margin-top: 0px !important;
			
		}

	.leftbar .cb-common {
		background-color: #FFF;
		padding: 5px;
		box-sizing: border-box;
		overflow: hidden;
		margin-bottom: 20px;
		min-height: 50px;
	}

	.entire-content4{
		margin-top:50px;
	}
	.leftbar.isThin .cb-common.cb-5, .leftbar.isThin .entire-content4{
		display:none !important;
	}

	ul.site-menu ul.sub-menu {
		border: 0px;
	}

	.leftbar .cb-common img {
	max-width: 100%;
	}

	.cb-container {
		margin-top: 20px;
	}

	.leftbar.isThin .cb-container {
		display: none;
	}

	#user_arrow{
		display:none;
	}

	#full_name{
		padding-left:30px;
		color: #FFF;
		font-size: 16px;
		line-height: 24px;
		background-image: url(/css/layout/66/user.png);
		background-repeat:no-repeat;
		margin-right:10px;
		opacity:1;
		background-position: left;
		float: left;
		background-size: 22px;
		height:22px;
	}

	#full_name:hover{
		opacity:.65;
		transition:ease-in-out .25s;
	}

	.user_links {
		top:10 !important;
		display:block;
	}

	.leftbar.isThin .user_links{
		
		width:auto;	
		left:initial;
		width:50px;
	}

	.leftbar.isThin #user_wrapper{
		margin-left:0pt;
		margin-top:0px;
		left:initial;
	}
	
	#user_wrapper{
		float:left;
	}
	#important_icons{
		float:left !important;
		clear:none!important;
		margin-top:3px !important;
		
	}
	.leftbar.isThin #important_icons{
		display:none;
		
	}
	
	#user_name{
		margin:0px;
		
		float:left;
	}

	#user_bar{
		margin-right:0px;
	}

	.leftbar.isThin #user_bar{
		margin-top:0px;
	}

	#user_name.welcome-message{
		margin-left:0px;
	}


	/*MENU COLOR STYLINGS SPECIFIC TO THIS LAYOUT*/
	ul.vertical.site-menu .menu-separator{
	height: 1px !important;
}
	ul.vertical.site-menu ul.sub-menu li span a{
		color:#fff !important;
	}



	ul.vertical.site-menu li.menu-separator{
		height:.5px !important;
	}

	.leftbar.isThin.login-link{
		width:25px;

	}
	#non_member_panel .login-link {
	color:#fff !important;
	font-size:16px;
	background-image: url(/css/layout/66/user.png);
	background-repeat: no-repeat;
	background-size: 24px;
	background-position:left center;
	padding-left:34px;
	padding-top:10px;
	padding-bottom:10px;
	line-height:24px;
	margin-left:15px;
	margin-bottom:85px;
	}
		
	
	.leftbar.isThin #non_member_panel .login-link{
		margin-right:15px;
		margin-left:0px;
	}

	.leftbar.isThin .add-me-link {
		display:none;
	}

	.add-me-link{
		clear:left;
		color:#fff;
		text-align:left;
		font-size:16px;
		margin-left:15px;
		
	}
/** NEW STUFF - GO BACK AND FIND THE CONFLICTS AND DELETE THE STUFF THIS OVERRIDES **/
.user_links {
float:left;
}
#user_bar {
clear:both;
float:left !important;
}

.leftbar.isThin .social-network-panel-container {
left:initial !important;
float:left;
}

nav ul.vertical.site-menu {
margin-top:20px;
}

#non_member_panel .login-link {
margin-bottom:0px;
display:inline-block;
line-height:24px;
padding-left:24px;
background-size:18px;
padding-top:0px;
padding-bottom:0px;

}
.add-me-link {
margin-top:10px;
}
.leftbar.isThin #non_member_panel .login-link {
	height:24px;
	width:24px;
	margin-left:4px;
	overflow:hidden;
}
.leftbar.isThin .control-panel-link.vertical {
float:left;
clear:left;
height:28px;
}

.leftbar.isThin .member-drop{
	left:38px !important;
	right:initial !important;
	top:5px !important;
}	
ul.vertical.site-menu li.sub-parent:hover ul{
	left:80% !important;
}
#page_content {clear:left; }
.leftbar nav ul.vertical.site-menu li span span {
	background-image:url(/css/layout/66/arrow_new-01.png) !important;
	background-position: 95% 50% !important;
	background-repeat:no-repeat !important;
	background-size:15px 15px !important;
}
.leftbar nav ul.vertical.site-menu ul.sub-menu li {
background-color:#FFF !important;
}

#favorites_hover{
	color:#fff;
		font-size: 16px;
		line-height: 24px;
		background-repeat: no-repeat;
		float: left;
		background-size: 36px;
		margin-bottom:10px;
		height:24px;
		overflow:hidden;

}

#favorites_hover .material-icons{
	color: #FFF;
	line-height: 24px;
	background-repeat: no-repeat;
	float: left;
	backgro6px;
	margin-left:2px;
	margin-right:6px;
}

.leftbar.isThin #favorites_hover .material-icons{
	background-size: 36px;
	width:36px;
	margin-left:2px;
	
	
}


.leftbar nav ul.vertical.site-menu li span a,
.leftbar nav ul.vertical.site-meu li span span,
.leftbar nav ul.vertical.site-menu li span a:hover,
.leftbar nav ul.vertical.site-menu li:hover span span {
	color:#FFF !important;
}

header,
#html_editor_control {
width:100% !important;
}

.member-drop {
    left: 20px !important;
    top: 10px !important;
}
#favorites_hover{
	overflow:visible;

}

#favorites_hover #favorites_dropdown .material-icons {
color:#000;
}
.leftbar.isThin #favorites_hover {
font-size:0px;
}
.leftbar.isThin #favorites_hover #favorites_dropdown {
font-size:12px;
}
#favorites_dropdown {
min-width:200px;
}