/* ==========================================================================
     Project:     CMS7 Landing Page
     Date:        12/16/2021 - File created	
     Created by:  Third Wave Digital (www.thirdwavedigital.com)
========================================================================== */

/* ==========================================================================
     Layout
========================================================================== */

.cms7-lp {position: relative;z-index:0}

/* Type */
.cms7-lp h1, .cms7-lp h2, .cms7-lp h3, .cms7-lp h4, .cms7-lp h5, .cms7-lp h6 {margin-top: 0px}

/* Wrappers */
.cms7-lp .cms-intro-wrapper {background: url(/skins/twd/includes/cms7landingpage/img/bg-intro.jpg) center top; background-size: cover}

.cms7-lp .cms-heading-wrapper {height: 115px;position: relative;}
.cms7-lp .cms-heading-wrapper::before {content:"";height:79px; width: 100%; background: #1B75BC; position: absolute; left: 0px; top: 18px; z-index: -1}
.cms7-lp .cms-overview-wrapper .list-unstyled li {margin-bottom: 15px;line-height: 1.4}

.cms7-lp .cms-faq-wrapper {background: linear-gradient(to right, #114b79 0%,#1b75bc 100%); padding-bottom: 300px; position: relative; z-index:-1}
.cms7-lp .panel-title a:before {left: auto; right: -25px; content: "\f107";font-size: 28px;color: #000}
.cms7-lp .panel-title a[aria-expanded="true"]:before {content:"\f106"}
.cms7-lp .panel-group .panel {border-radius: 0px}
.cms7-lp .panel-group .panel+.panel {margin-top: 15px}
.cms7-lp .panel-heading {padding: 10px 40px 10px 10px}
.cms7-lp .panel-body p:last-child {margin-bottom: 0px;}

.cms7-lp .cms-form-wrapper {box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3);margin-top: -250px; margin-bottom: 70px; background: #fff; position: relative; z-index: 1}
.cms7-lp .cms-form-wrapper .col-sm-7 h2 {color: #180059}
.cms7-lp .cms-form-wrapper .form-control {border-radius: 0px; box-shadow:none; border:none; border-bottom: 1px solid #707070; padding: 0px}
.cms7-lp .cms-form-wrapper .form-control::placeholder {color: #000;opacity: 1;}
.cms7-lp .cms-form-wrapper .form-control:-ms-input-placeholder {color: #000;}
.cms7-lp .cms-form-wrapper .form-control::-ms-input-placeholder {color: #000;}
.cms7-lp .cms-form-wrapper .col-sm-5 {background: url(/skins/twd/includes/cms7landingpage/img/bg-form.jpg) no-repeat right bottom; background-size:cover }
.cms7-lp .cms-form-wrapper .fa-mobile, .cms7-lp .cms-form-wrapper .fa-envelope {width: 20px;text-align:center;margin-right: 20px}
.cms7-lp .cms-form-wrapper .fa-mobile {font-size: 35px}
.cms7-lp .cms-form-wrapper .fa-envelope {font-size: 20px}
.cms7-lp .cms-form-wrapper .social a {color: #000; background: #fff; width: 35px; height: 35px; border-radius: 50%; display:block;text-align:center;font-size: 18px; line-height: 35px;}


/* Btns */
.cms7-lp .btn:not(.btn-cms-content) { text-decoration:none; transition:background 250ms ease, color 250ms ease; position: relative;border-radius: 0px; text-align:center; border:none;font-family: "Montserrat", sans-serif; font-weight:300;margin-bottom: 0px; border-radius: 4px; text-transform: uppercase;}
     .cms7-lp .btn-blue {background: #228CD3; color: #fff}
     .cms7-lp .btn-blue:hover, .cms7-lp .btn-blue:focus {background:#37AFFF; color: #fff}

/* Rules */
.cms7-lp hr {border-color: #1B75BC;}

/* Display */
.opacity-50 {opacity: .5}

/* ==========================================================================
     Media Queries
========================================================================== */

@media (min-width: 0px) {
     /* Wrappers */
     .cms7-lp .cms-heading-left {background: url(/skins/twd/includes/cms7landingpage/img/bg-left.png) no-repeat -152px center; background-size: auto 100%; margin-bottom: -19px;}
     .cms7-lp .cms-heading-right {background: url(/skins/twd/includes/cms7landingpage/img/bg-right.png) no-repeat calc(100% + 151px) center; background-size: auto 100%; margin-top: -19px;}

     /* Form */
     #google_recaptcha {transform: scale(.8); transform-origin: top left;}
}

@media (min-width: 768px) {
     /* Wrappers */
     .cms7-lp .cms-intro-wrapper .col-sm-7 img {max-width:430px}
     .cms7-lp .cms-intro-wrapper .col-sm-5 img {height: calc(100% - 30px);}

     /* Borders */
     .border-sm-right {border-right: 1px solid #fff}

     /* Form */
     #google_recaptcha {transform: scale(1);}
}

@media (min-width: 900px) {
     /* Wrappers */
     .cms7-lp .cms-heading-left {background: url(/skins/twd/includes/cms7landingpage/img/bg-left.png) no-repeat left center; background-size: auto 100%; }
     .cms7-lp .cms-heading-right {background: url(/skins/twd/includes/cms7landingpage/img/bg-right.png) no-repeat right center; background-size: auto 100%; margin-top: -18px;}
}