/*
 Theme Name:   Cooper City Insurance
 Theme URI:    http://coopercityinsurance.com
 Description:  Cooper City Insurance Theme
 Author:       Whebb Works
 Author URI:   https://whebb.works
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  divi-child
*/


@font-face {
  font-family: "FontAwesomeSolid";
  src: url("/wp-content/themes/coopercityinsurance/vendor/fa/webfonts/fa-solid-900.woff2") format("woff2"),
       url("/wp-content/themes/coopercityinsurance/vendor/fa/webfonts/fa-solid-900.woff") format("woff");
}

@font-face {
  font-family: "FontAwesomeRegular";
  src: url("/wp-content/themes/coopercityinsurance/vendor/fa/webfonts/fa-regular-400.woff2") format("woff2"),
       url("/wp-content/themes/coopercityinsurance/vendor/fa/webfonts/fa-regular-400.woff") format("woff");
}

@font-face {
  font-family: "FontAwesomeLight";
  src: url("/wp-content/themes/coopercityinsurance/vendor/fa/webfonts/fa-light-300.woff2") format("woff2"),
       url("/wp-content/themes/coopercityinsurance/vendor/fa/webfonts/fa-light-300.woff") format("woff");
}

body{font-weight:500;color:#011a28;font-size:16px;}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;}
h2{font-size:32px;}
h3{font-size:26px;}
#topheader {background-color:#f8f8ff;}
#topheader .et_pb_row_0{padding:20px 0;}
#topheader img{max-width:285px;}
#topheader .et_pb_code_0 {text-align:right;padding-top: 0px;font-size:16px;font-weight: 500;line-height:1.2;}
#topheader .et_pb_code_0 p {display:inline-block;text-align:left;}
#topheader .et_pb_code_0 a{font-size: 24px;color: #01aeae;display: block;font-weight: 600;display:block;}

#quote {}
#quote .et_pb_column{width: 70%;background: rgba(255,255,255, 0.85);padding: 30px;display: block;margin: 0 auto !important;float: none;}
#quote h1{font-size:38px;}
#steptracker {margin-bottom:40px;}
#quote .j-forms .steps {padding: 15px;max-width: 80%;margin: 0 auto;    background: rgba(255, 255, 255, 0.7);}
#quote .j-forms .steps span {display:inline-block;margin-bottom:5px;}
.j-forms .active-step .steps {    background-color: #13afae!important;}


#j-forms-quote .insurance-group > label {text-align:center;margin-bottom:40px;font-size:20px;font-weight:600;}
#j-forms-quote .insurance-types {display: flex;width: 100%;position: relative;justify-content: space-evenly;}
#j-forms-quote .insurance-types p{position: absolute;bottom: 0;text-align: center;width: 100%;font-weight: 600;}
/* Hide the browser's default radio button */
#j-forms-quote .radio-wrap {display: table;position: relative;padding-left: 0;font-size: 18px;-webkit-user-select: none;-moz-user-select: none;
    -ms-user-select: none;user-select: none;width: 20%;height: 100px;}
#j-forms-quote .radio-wrap input{position: absolute;left: 20px;}

/* Create a custom radio button */
#j-forms-quote .type-wrap {position: absolute;top: 0;left: 10%;height: 70px;width: 80%;background-color: rgba(255, 255, 255, 0.7);display: flex;justify-content: center;align-items: center;font-size: 32px;border-radius: 6px;transition: .2s ease;}

/* On mouse-over, add a grey background color */
#j-forms-quote .type-wrap:hover {background-color:#fff;cursor: pointer;}

/* When the radio button is checked, add a blue background */
#j-forms-quote .radio-wrap input:checked ~ .type-wrap {background-color:#01aeae;color:#fff;}

/* Create the indicator (the dot/circle - hidden when not checked) */
#j-forms-quote .type-wrap:after {content: "";position: absolute;display: none;}

/* Show the indicator (dot/circle) when checked */
#j-forms-quote.type-wrap input:checked ~ .type-wrap:after {display: block;}

/* Style the indicator (dot/circle) */
#j-forms-quote .radio-wrap .type-wrap:after {top: 9px;left: 9px;width: 8px;height: 8px;border-radius: 50%;background: white;}

#j-forms-quote .g-recaptcha {float: left;}

#j-forms-quote .step.active-step {font-weight: 500;}

#autofield p.bold.color {font-weight: 500;padding-bottom: 10px;}

#howitworks .cta-wrapper{text-align: center;font-size:54px;line-height: 1.6;color: #01aeae;}
#howitworks .cta-wrapper p{font-size:16px;color:#414042;}
#howitworks .fa-stack {height:1em;}

#testimonial h3 {color:#fff;font-size:44px;}
#testimonial .et_pb_slider_0 {padding-bottom:30px;}
#testimonial .et_pb_slides .et_pb_container {}
#testimonial .et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {padding:0;}
#testimonial .et_pb_slides .et_pb_slider_container_inner {width: 100%;}
#testimonial .test-wrap {clear: both;text-align: left;max-width: 800px;margin: 0 auto;display: block;}
#testimonial img{border-radius:50%;width:105px;height:105px;float:left;margin-right:30px;border: solid 4px #fff;}
#testimonial .et_pb_slide_description p{text-shadow: none;padding-bottom: 10px;font-weight: 300;font-size: 30px;line-height: 1.2;
    text-align: center;}
#testimonial p.testimonial:before{font-family:"FontAwesomeSolid";display:inline;content:'\f10d';margin-right:10px;}
#testimonial p.testimonial:after{font-family:"FontAwesomeSolid";display:inline;content:'\f10e';margin-left:10px;}
#testimonial p.signed {font-style: italic;font-weight: 300;font-size:14px;}
#testimonial p.signed span{padding-bottom:0;}
#testimonial .et-pb-controllers {bottom:-10px;}
#testimonial .et-pb-active-slide .et_pb_slide_description {animation-name: fadeIn;}

footer{width:100%;background: #eee;padding: 20px 15px;}
.lander-bottom {color: #414042;font-size: 12px;width: 80%;max-width: 1080px;margin:0 auto;font-weight:500;}

@media (max-width:980px){
  #topheader .et_pb_code_0,#topheader .et_pb_code_0 p {text-align: center;}
  #quote {padding:0 0 40px;}
  #quote .et_pb_row_1{width:100%;padding:0;}
  #quote .et_pb_column {width:90%;}
}

@media (max-width:767px){
	#quote .j-forms {border-radius:0;}
	#quote .et_pb_row_1{width:100%;}
	#quote .et_pb_column {width:100%;}
	#quote button.primary-btn.multi-submit-btn, #quote button.primary-btn.multi-next-btn {float:right;}
	#quote .j-forms .primary-btn, #quote .j-forms .secondary-btn {float:left;margin-left:0;}#j-forms-quote .insurance-types {display:block;}#j-forms-quote .radio-wrap {width: 50%;height: 120px;margin-bottom:10px;float:left;}
	#j-forms-quote .radio-wrap input{position: absolute;left: 20%;}
	#j-forms-quote .type-wrap {height:90px;width:40%;}
	#testimonial .et_pb_row_5 {padding-top: 0;}
	#testimonial img {margin: 0 auto;display: block;float:none;margin-bottom:30px;}
	#testimonial .test-wrap p{text-align: center;}
	#testimonial .et-pb-controllers {bottom:0;}
}

@media (max-width:620px){
	#quote .j-forms .steps {max-width: 100%;padding: 4px;}
	#quote .j-forms .steps p{font-size:10px;}
	#quote .j-forms fieldset {margin-top:40px;}
	#steptracker{width: 100%;margin: 0;}
	#autostep {margin-right:0!important;}
	#steptracker .step {width: 21.25%;padding: 0;margin-right: 5%;}
	#j-forms-quote .insurance-types p {position: relative;margin-top: 10px;}
	#j-forms-quote .radio-wrap:last-child {width: 100%;}
	#j-forms-quote .radio-wrap input {left: 40%;top: 10%;}
	#j-forms-quote .type-wrap {position: relative;height: 70px;width: 100px;display: block;margin: 0 auto;left:0;}
    #j-forms-quote .type-wrap svg{position: absolute;bottom: 0;top: 0;left: 0;right: 0;width: 100%;height: 100%;padding: 15px;}
}