/********************************************************************************************************************
	MODULE COACH PAGE CSS
********************************************************************************************************************/

/* New B2C style changes */
.button, .back-to-button { border-radius:4px;font-weight:400 !important;}
select, input[type="number"], input[type="password"], input[type="email"], input[type="tel"], input[type="text"] { font-weight:300;border-radius:4px;}
#headerCntr .menuBox ul li a, #headerCntr.sticky .menuBox ul li a { font-weight:300;}
.contentBox .row.gray { background:#f3f5f7;}

#contentCntr {  padding: 116px 29px 27px 29px;}
#headerCntr { padding:0px 27px 0;line-height: 80px;vertical-align: middle;}
#headerCntr.sticky { padding:0px 53px 0; vertical-align:middle;}
#headerCntr .logo { width:350px;margin: auto 0;}
#headerCntr .logo img { max-height:80px;/*width:100%;*/}
#headerCntr.sticky .logo { max-height:100px;margin:auto 0;width:200px;}
#headerCntr .button { margin:auto 0;}

/* Custom color */
#headerCntr .menuBox ul li a , #headerCntr.sticky .menuBox ul li a{ color:#7cac9c;}
#headerCntr .menuBox ul li a:after { bottom:20px;}
#headerCntr.sticky .menuBox ul li a:after, .menuBox ul li a:after { background:#7cac9c;}
#headerCntr .mobileMenu { color:#7cac9c;}

.coloredLayer { 
	position: absolute;top: 0;left: 0; width: 100%;height: 100%;
	background-color: #7cac9c;
	-webkit-mask-image:-webkit-gradient(linear, 40% top, 70% top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))) !important;
	mask-image: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0)) 
	-moz-linear-gradient(left, rgba(0,0,0,1, rgba(0,0,0,0))) !important;
	opacity:0.8;
}

.coachpage h2 { color: #7cac9c; }
.bannerBox, .bannerBox.inner { background-size: cover; background-color:#7cac9c !important;min-height: 516px; padding-top:55px;  }
.bannerBox.inner { background-image: none !important;}
.button, .button:hover { background:#9c7481;}
.grecaptcha-badge{ visibility: collapse !important;  }
.contentBox .image img { max-height:450px;margin:0 auto; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.25);box-shadow: 0 0 10px 0 rgba(0,0,0,.25); border:10px solid white;}

/* Backgrounds */
.itemBox.inner, .itemBox figure, .bannerBox .red-link.back:after, .infoBox { background-color:#7cac9c;background-image: none !important;}
/* Color */
.link, a, .red-link { color:#9c7481;}
.infoBox h2 {color:white; }
.itemBox.inner figure { background-color:#ffffff91;}



#footerCntr { padding-top:30px;}

.contactBox { margin-top:50px;padding-bottom:20px;}
.contactBox .left { background:#7cac9c;}
.contactBox .left h2, .contactBox .left p, .contactBox .left label,.contactBox .left cite { color:white;}
.contactBox label.error { color:white; background:#b93030; border-radius: 30px; padding: 4px 10px;margin-top: 5px;}
.contactBox .right .logo { width:80%; margin-bottom:30px;max-width:300px;}
.contactBox address a { color:#9c7481;}
.contactBox .right .social {  margin-bottom: 24px; }
.contactBox .social ul li a:before, .contactBox .social ul li a:hover:before { color:#9c7481;}


/* Cookie bar */
#cookie-bar { background:#333333 !important;padding:10px;}
#cookie-bar a { color:white !important;font-weight:600;}
#cookie-bar p,#cookie-bar a, #cookie-bar-button { font-family:'Roboto', sans-serif !important;font-size:12px !important;color:white;}
#cookie-bar-prompt { display:none !important;}
#cookie-bar-button { border: 1px solid white !important; border-radius:30px;}
#cookie-bar-button:hover { background:white;color:#333333 !important; text-decoration:none !important;}

@media only screen and (max-width: 979px) {
	
	.menuBox { background-image:linear-gradient(to left, #7cac9c , #7cac9c); background-color: #7cac9c;}
	#headerCntr { height:100px;}
	#headerCntr .menuBox ul li a,#headerCntr.sticky .menuBox ul li a  { color:white !important;}
	#headerCntr .button {margin-left: auto;margin-right: 100px;}
	#headerCntr .mobileMenu { top: 37px;right: 28px;}
	.is-active .menuBox {  color:white;} 
	.is-active	#headerCntr .mobileMenu { color:white;}
	.is-active	#headerCntr.sticky .mobileMenu { color:#7cac9c;}
	.is-active #headerCntr.sticky .logo { display:block;}
	
	.is-active #headerCntr .logo { display:none;}
	/*.coachpage .bannerBox { background-size: contain;background-repeat: no-repeat;background-position: top;min-height:480px;padding-top:80vw;padding-bottom:30px;background-size: 200vw;background-position: top right;}*/
	.coachpage .bannerBox { background-color:white !important;background-size: auto;background-repeat: no-repeat;background-position: top;padding-top:500px;padding-bottom:30px;background-position: top right;}

	.coachpage .bannerBox .text { padding:0px; background:#7cac9c;padding:30px;max-width:none;}
	

	.coloredLayer { 
		display:none;
		/*
		position: absolute;top: calc(80vw - 92px);left: 0; width: 100%;height: 120px;
		background-color: #7cac9c !important;
		-webkit-mask-image:-webkit-gradient(linear, left 100%, left 0%, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))) !important;
		mask-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0)) -moz-linear-gradient(top, rgba(0,0,0,1, rgba(0,0,0,0))) !important;
		opacity:1;
		*/
	}
	
	
}



@media only screen and (max-width: 767px) {
	#headerCntr .logo {max-width: 60%;}
	#contentCntr { padding: 100px 0 0 0;}
	.campaign .contentBox.personal .text { width:100%;}	
	#headerCntr.sticky .button.more-btn { display:none;}
	#headerCntr.sticky { padding:0px 53px 0 30px; vertical-align:middle;}
	#headerCntr .menuBox ul li a:after { display:none;}
	#headerCntr .menuBox ul li { line-height:40px;}
	.coachpage .bannerBox { background-size:200%;padding-top:60vw;}
}




/* Coach cutout banner */
.bannerBox.coach { background:#7cac9c;background-image:none;}
@media only screen and (max-width: 979px) { .coachpage .bannerBox.coach {padding-top:0;background-color:#7cac9c !important;min-height:350px;}}