/*

 Theme Name:     Divi Child Theme

 Theme URI:      NA

 Description:    Divi Child Theme

 Author:         Website Design

 Author URI:     NA

 Template:       Divi

 Version:        1.0.0

*/

 

@import url("../Divi/style.css");

 

/* =Theme customization starts here

------------------------------------------------------- */


.progress-bar {
    max-width: 500px;
    background: #f2f2f2;
    height: 6px;
    position: relative;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}
.progress-bar:before {
    content: "";
    background: #b80304;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.step1, .step2 { padding-bottom: 30px; }
.step1 input[type=text], .step1 input[type=tel], .step1 input[type=email], .step1 select, .step1 textarea, .step2 input[type=text], .step2 input[type=tel], .step2 input[type=email], .step2 input[type=confirm_email], .step2 select, .step2 textarea {
    padding: 15px;
    width: 100%;
    color: #009285;
    border: none;
    font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;
	margin-bottom: 18px;
	max-width: 500px;
	background-color: rgba(207,216,222,0.57);
	font-size: 14px;
}
.step1 input::placeholder, .step1 textarea::placeholder, .step1 select::placeholder, .step2 input::placeholder, .step2 textarea::placeholder, .step2 select::placeholder {
	color: #009285 !important;
	font-size: 14px;
	opacity: 1;
}
/*.step1 input::-moz-placeholder, .step1 textarea::-moz-placeholder, .step2 input::-moz-placeholder, .step2 textarea::-moz-placeholder {
	opacity: 1;
}*/
.step1 input[type=submit], .step2 input[type=submit] {
    background: #85c344;
    width: 100%;
    border: 0;
    border-radius: 50px;
    padding: 15px;
    /*box-shadow: 0px 1px 6px #999;*/
    cursor: pointer;
    font-size: 14px;
    font-family: 'Kanit',Helvetica,Arial,Lucida,sans-serif !important;
    color: #ffffff;
    margin-top: 6px;
	max-width: 500px;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: 300;
}
.step1 input[type=submit]:hover, .step2 input[type=submit]:hover {
	background: #5e7a8a;
}
.step1 small, .step2 small { font-size: 12px; }
.progress-bar:after {
    content: "";
    background: #d02a2b;
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    top: -4px;
    right: 50%;
    border-radius: 10px;
    margin-right: -5px;
}
.step2 textarea[name=prior_claim_desc] { display: none; }

.inline-address > br { display: none; }
.step1-text { color: #d02a2b; font-weight: 700; left: 0; position: absolute; text-transform: uppercase; top: -25px; }
.submit-text { color: #d02a2b; font-weight: 700; right: 0; position: absolute; text-transform: uppercase; top: -25px; }
.step2-text { display: block; left: 0; position: absolute; text-transform: uppercase; text-align: center; top: -25px; width: 100%; color: #d02a2b; font-weight: 700; }
.step1 .progress-bar { margin-bottom: 15px; margin-top: 20px; }
.step1 .progress-bar::after { margin-right: -12px; right: 100%; }
.step1 .progress-bar::before { width: 1%; }
.thanks-step { display: none; text-align: center; }
.thanks-step .progress-bar::after { right: 0; }
.thanks-step .progress-bar::before { width: 100%; }
.step2 .progress-bar, .thanks-step .progress-bar { margin-bottom: 18px; margin-top: 20px; }
.step1 h3 {
	font-family: 'Kanit',Helvetica,Arial,Lucida,sans-serif;
	text-transform: uppercase;
	font-size: 28px;
	color: #009285 !important;
}
#page-container { overflow-y: visible !important; }
.multi-step-instruction { background: rgba(255, 243, 232, 06); border-radius: 5px; border-top: 2px solid #ffbf84;
padding: 15px; } multi-step-instruction h2 { font-family: arial; font-size: 20px; font-weight: 700; } multi-step-
.instruction h5 { font-family: arial; font-size: 16px; font-weight: 700; color: #0b791b; }

.home .step1 h3, .innerp-cf-step-1 .step1 h3 { display: none; }
.home .step1, .home .step2, .innerp-cf-step-1 .step1 { padding-bottom: 0; }
.innerp-cf-step-1, .innerp-cf-step-2 { max-width: 585px; margin: 0 auto; }

@media screen and (min-width: 768px) {
    .step1 .first_name, .step1 .last_name, .step1 .Phone, .step1 .email {
        width: 48%;
        float: left;
    }
    .step1 .last_name, .step1 .email {
        float: right;
    }
    .step1 p:first-of-type br {
        display: none;
    }
    .step1 input[type="submit"] {
        max-width: 285px;
    }
    .step1 p:first-of-type::after { content: ""; display: block; clear: both; }
    .step1 p:first-of-type { padding-bottom: 0; }
}