/*
 Theme Name:   Plantation Insurance
 Theme URI:    http://plantationinsurance.com
 Description:  Plantation 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/plantationinsurance/vendor/fa/webfonts/fa-solid-900.woff2") format("woff2"),
       url("/wp-content/themes/plantationinsurance/vendor/fa/webfonts/fa-solid-900.woff") format("woff");
}

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

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

body{font-weight:400;color:#414042;}
h2{font-size:32px;}
h3{font-size:26px;}
#topheader .et_pb_row_0{padding:20px 0;}
#topheader img{max-width:120px;}
#topheader .et_pb_code_0 {text-align:center;padding-top: 10px;font-size:16px;font-weight: 500;line-height:1.2;}
#topheader .et_pb_code_0 p span {display:block;}
#topheader .et_pb_code_0 a{font-size: 24px;color: #009ce1;display: block;font-weight: 600;display:inline-block;}

#quote {padding:6% 0;}
#quote .et_pb_column_3 h1{color: #fff;font-size:44px;}
#quote .et_pb_column_3 p{font-size:16px;color:#fff;}
#quote .j-forms .steps {padding:5px;}
#quote .j-forms .steps span {display:inline-block;margin-bottom:5px;}


#j-forms-quote .insurance-group > label {text-align:center;margin-bottom:20px;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%;}
/* 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: #eee;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: #ccc;cursor: pointer;}

/* When the radio button is checked, add a blue background */
#j-forms-quote .radio-wrap input:checked ~ .type-wrap {background-color:#009ce1;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:44px;line-height: 1.6;color: #009ce1;}
#howitworks .cta-wrapper p{font-size:16px;color:#414042;}

#testimonial h3 {color:#fff;}
#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-size:18px;font-weight:300;}
#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:767px){
  #quote .j-forms {border-radius:0;}
  #quote .et_pb_row_1{width:100%;}
  #quote .et_pb_row_1 .et_pb_column_3 {padding:0 25px;}
  #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;}
  #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;}
}