/* Landing Page CSS */

.landing-header .row {display:flex; flex-flow:row; align-items:center;}
.landing-header h1.ymca-name {margin: 5px 0 !important; font-size: 28px;}
.landing-header .cta-options {text-align:right; margin:0;}
.landing-header .cta-options .phone {font-size:20px; font-family:'Cachet Bold'; text-decoration:none;}
.style-3 .landing-header .cta-options .phone {color:#fff;}
.landing-header .cta-options .phone:hover {text-decoration:underline;}
.landing-header .cta-options .button {margin:0 0 0 10px; padding:10px 15px; font-size:16px;}

.landing-hero {position:relative;}
.landing-hero.bg-img {min-height:550px;}
.landing-hero img.full {width:100%;}
.landing-hero .hero-content {padding:40px 0;}
.landing-hero .hero-content h1 {font-size:50px; margin:0; line-height:1; margin:0;}
.landing-hero .hero-content h2 {font-size:24px; margin:0; color:#555555;}
.landing-hero .hero-content .item {background:rgba(255,255,255,.8); border-radius:8px; padding:25px;}
.landing-hero .hero-content .row.has-img {display:flex; align-items:center;}
.landing-hero .hero-content .row.has-img .columns {width:50%;}


.landing-style-1 .flyout {position:absolute; right:0; width:55%; bottom:90px; padding:17px 20px 20px; border-radius: 6px 0 0 6px;}
.landing-style-1 .flyout .intro h1{color:#ffffff; margin-bottom:0;}
.landing-style-1 .flyout .intro h3{color:#ffffff; margin:0;}

.landing-hero .header-section {width:100%; padding:20px 0;}
.landing-hero .header-section .heading-content {border-radius:10px; padding:30px; background:rgba(255,255,255,.8); display:inline-block; margin:20px auto;}
.landing-hero .header-section .image {margin:20px auto;}

.ribbon {padding:70px 0;}

.no-padding {padding: 0 !important;}
.no-padding .full-width.row, .no-padding .row.full-width .columns {margin: 0; padding: 0; max-width: 100%;}

.photo-ribbon img {width: 100%; display: block; margin-left: auto; margin-right: auto; border-radius: 0; -webkit-border-radius: 0;}
.photo-ribbon {margin: 0; padding: 0; width: 100%;}

.value {text-align:center; padding:15px; max-width:367px; margin:0 auto; font-size: 13px;}
.value-icons img {height:90px; width:auto;}

#footer {padding:0; -webkit-box-shadow: none; box-shadow: none; }

@media only screen and (max-width: 767px){
    .landing-style-1 .flyout {bottom:auto; top:0; left:0; border-radius: 0px; top:0; width:100%; text-align:center;}
    .landing-hero .hero-content .row.has-img {flex-flow:column;}
    .landing-hero .hero-content .row.has-img .columns {width:100%; margin-bottom:20px;}
}