/* Landing Page CSS */

/* -----------------------------------------
   Landing Page CTA
----------------------------------------- */
.grey-bar-cta {background: #efefef;padding: 20px 30px;}
.grey-bar-cta .six.columns {margin-left: 0;margin-top: 20px;}
.grey-bar-cta h2.center {text-transform: capitalize;color: #7b7b7b;}
.grey-bar-cta hr {border-color: #bfbfbf;}

.landing-header .logo img {width: 50px;}
.landing-header .logo a {padding: 20px;}
.landing-header h1.ymca-name {margin: 24px 0 14px;}

.page.landing{position:relative;}

h1.ymca-name.landing {margin-bottom:10px;}
.membership .top-heading{padding-top:50px; background:rgba(0,0,0,.8);}
.membership .top-heading h1{color:#ffffff;}
.membership .top-heading p{color:#ffffff; font-style:italic; margin-bottom:50px;}
.membership .img-wrapper img{position:absolute; z-index:-1; background-position:cover;}
.membership.landing form .formtext, .membership.landing form .formtextRequired{color:#ffffff;}
.membership.landing #recaptcha_table {background:#ffffff;}
.membership .videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.membership .videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.basic-landing .img-wrapper {max-height:550px; overflow:hidden; position:relative;}
.basic-landing .flyout {position:absolute; right:0; width:55%; bottom:90px; padding:10px 20px; border-radius: 6px 0 0 6px;}
.basic-landing .flyout .intro h1{color:#ffffff; margin-bottom:0;}
.basic-landing .flyout .intro h3{color:#ffffff;}
.basic-landing .landing-content {background:#ffffff; padding:70px 0;}
.basic-landing .flyout .intro {max-width:622px; width:100%;}
.basic-landing .flyout-wrapper.full-width{display:block;}
.basic-landing .flyout-wrapper.mobile{display:none;}

.video-section{background: #f0f0f0;padding:80px 0;margin-bottom: 80px;}
.video-section h2 {text-align:center; color:#7a7974;}
.video-section p {font-size:14px;}
.video-description{padding-top:30px;}
.video-section hr {margin-bottom:30px;}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.content-section.row {margin-bottom: 70px;}
.value-section{margin-bottom: 80px; text-align:center;}
.value{padding:15px; max-width:367px; margin:0 auto;}

.value-icons {max-height:125px; width:auto;}
.value-icons img{max-height:125px; width:auto;}

.thank-you {padding:80px 0;}

.value p {font-size: 13px;}
.value-icons img {display:inline-block!important;width:100px;}
.value-icons {max-height:100px;}


@media only screen and (max-width: 1112px){
    .basic-landing .flyout-wrapper.full-width{display:none;}
    .basic-landing .flyout-wrapper.mobile{display:block;}
    .basic-landing .flyout {position:relative; padding:10px 20px; border-radius: 0px; top:0; width:100%; text-align:center;}
    .basic-landing .flyout .intro {max-width:inherit;}
}