/*
Theme Name: Salient Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //mysite.com/
Template: salient
Version: 0.1
*/

body {
    background-color: red;
}

.italic {
    font-style: italic;
}

.underline {
    text-decoration: underline;
}

h2 {
	font-family: 'Montserrat', sans-serif !important;
    color: #ffffff;
    font-size: calc(28px + (78 - 28) * (100vw - 320px) / (1920 - 320)) !important;
    font-size: 78px;
    line-height: calc(28px + (78 - 28) * (100vw - 320px) / (1920 - 320)) !important;
    line-height: 78px;
    font-weight: 800 !important;    
    margin-bottom: 70px;
}

h3 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: calc(24px + (54 - 24) * (100vw - 320px) / (1920 - 320)) !important;
    font-size: 54px;
    line-height: calc(24px + (54 - 24) * (100vw - 320px) / (1920 - 320)) !important;
    line-height: 54px;
    font-weight: 800 !important;
}

h4 {
	font-family: 'Montserrat', sans-serif !important;
    color: #ffffff;
    font-size: calc(18px + (30 - 20) * (100vw - 320px) / (1920 - 769)) !important;
    font-size: 30px;
    font-weight: 600 !important;
    line-height: calc(26px + (36 - 26) * (100vw - 320px) / (1920 - 769)) !important;
    line-height: 36px;
    opacity: 0.7;
    max-width: 746px;    
}

h6 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    margin-bottom: 23px;
    line-height: 1.2 !important;
    font-size: calc(20px + (30 - 20) * (100vw - 320px) / (1920 - 320)) !important;
}

body h6, .row .col h6, .nectar-hor-list-item[data-font-family="h6"] {
    text-transform: none !important;
}

/*Menu Button*/
#menu-item-6361 a {
    background-color: rgb(0, 194, 255);
    visibility: visible;
    margin: -10px 0;
    font-family: 'Montserrat', sans-serif !important;
    max-width: 444px !important;
    color: #ffffff !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    padding: 20px 30px !important;
    letter-spacing: normal !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    opacity: 1 !important;
    text-align: center !important;
    -o-transition: .3s !important;
    -ms-transition: .3s !important;
    -moz-transition: .3s !important;
    -webkit-transition: .3s !important;
    transition: .3s !important; 
    
}

.transparent .menu-item {    
    opacity: 0;
}
.scrolled-down .menu-item {
    opacity: 1;
}

.isps-header {
    height: .7em !important;
    display: inline !important;  
}

.subheader-isps-image {
    display: inline !important;
    width: 9em;
    margin-left: 1px;
}

.calculator-subheader .isps-calculator-header {
    height: .7em !important;
    display: inline-block !important; 
    margin-bottom: -1px !important;
}

.paragraph-isps-image {
    display: inline !important;
    width: 9em;
    vertical-align: middle;
}

.calculator-isps-image {
    display: inline !important;
    width: 9em;    
}

.header-column h2 {
    max-width: 83%;
}

.header-column h4 {
    margin-bottom: 55px !important;
}

.calculate-bill-button {
	font-family: 'Montserrat', sans-serif !important;
	max-width: 444px !important;    
    color: #ffffff !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    padding: 37px 45px !important;
    letter-spacing: normal !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    opacity: 1 !important;
    text-align: center !important;
    -o-transition: .3s !important;
    -ms-transition: .3s !important;
    -moz-transition: .3s !important;
    -webkit-transition: .3s !important;
    transition: .3s !important;
}

.calculate-bill-button:hover {
	background-color: #00c2ff !important; 
}

.header-column .condition {
	font-size: 10px;
	line-height: 1.2;
    max-width: 410px;
}

.header-column .condition p {
    font-family: 'Montserrat', sans-serif !important;
	padding: 5px;
}

.header-column .condition .tm-symbol {
    font-weight: 400;
    margin-left: -1px !important;
}

.header-column .page-header {
	margin-bottom: 70px;
}  

/*GLOBAL SECTION CLASSES*/
.section-text {
    font-family: 'Montserrat', sans-serif !important;
    color: #59676f;
    font-size: 20px;
    font-weight: 500 !important;
    line-height: 27.6px;
    max-width: 680px;
    margin-bottom: 52px !important;
}

/*.    h3 {
    font-size: calc(14px + (54 - 24) * (100vw - 320px) / (1920 - 320)) !important;
}*/

/*FIRST SECTION COLUMN*/
.section-title {
    width: 100%;
    margin-top: 31px;
    padding: 19px 0 19px 36px;
    border-left: 5px solid #00c2ff!important;
    margin-bottom: 48px !important;
}

.section-title h3 {
    color: #34403f !important
}


/*SECOND SECTION COLUMN*/
.product-explanation-column .tm-symbol {
    letter-spacing: 5px;
}

/*FACEBOOK SECTION COLUMN*/
.wpb_row.full-width-content img, .wpb_row.full-width-content .img-with-aniamtion-wrap {
    display: none;
}

.facebook-reviews-section-header {
    color: #34403f !important
}

.wprevpro_t1_IMG_4 {
    height: 60px !important;
    width: 60px !important;
}

/*FOUR SECTION COLUMN*/
/*.facebook-reviews-section {
    padding-top: calc(25vw * 0.13) !important;
    padding-bottom: calc(25vw * 0.13) !important;
}*/

.facebook-reviews-section-header {
    text-align: center;    
}

.facebook-reviews-section {
    border-top: 1px solid #e8eff3;
}

.facebook-reviews-section .facebook-reviews-container {
    padding: 0 15%;
}

.wprevpro_t1_DIV_2 {
    margin: 0px 0px 35px;    
}

.four-section-header {
    max-width: 805px;
    margin: 0 auto;
}

.four-section-header h3 {
    color: #34403f !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: calc(24px + (54 - 24) * (100vw - 320px) / (1920 - 320)) !important;
    font-size: 54px;
    line-height: calc(24px + (54 - 24) * (100vw - 320px) / (1920 - 320)) !important;
    line-height: 54px;
    font-weight: 800 !important;
}  

.four-section-title {
    font-family: 'Montserrat', sans-serif !important;
    color: #34403f;
    font-size: calc(18px + (26 - 20) * (100vw - 320px) / (1920 - 320)) !important;
    font-size: 26px;
    font-weight: 700 !important;
    line-height: calc(21px + (29 - 23) * (100vw - 320px) / (1920 - 320)) !important;
    line-height: 29px;
    margin: 15px auto 12px; 
}

.four-section-image {
    width: 40%;
}


/*CALCULATOR COLUMN*/
.calc-section-home-image {
    width: 40%;
    margin: auto;
}

.zero-bill-image {
    width: 40% !important;
    margin: auto;
}

.calculator-header h3,
.calculator-subheader h6{
    color: #34403f;
}

.fw-step-part-title  {
    color: #34403f;
}

.calculator-subheader {
    padding: 55px 0;
}

/*GUARANTEE COLUMN*/
body[data-bg-header="true"] .container-wrap, 
body.single-portfolio .container-wrap, 
body.page-template-template-portfolio-php .container-wrap, 
body.tax-project-type .container-wrap {
    padding-bottom: 0px !important;
}

/*MISCELLANEOUS*/
.tm-symbol {
    font-weight: 400;
    margin-left: -5px;
}

/*FOOTER*/
#text-4 {
    font-size: 12px !important;
    line-height: 15px !important;
}

#footer-outer #footer-widgets .col p,
#footer-outer #footer-widgets .col a {
    padding-bottom: 0px;
    color: #777 !important;
}

#text-8 a {
    text-decoration: underline;
}

#new-bill-section { 
    padding-top: calc(100vw * 0.12);
    padding-bottom: calc(100vw * 0.08);
}

#new-bill,
#quote-form-container {
    background-color: #ffffff;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.1);
    text-align: center;
    margin: auto;
    width: 80%;
    padding: 20px;
}

#quote-form-container {
    display: none;
}

.new-bill-header,
.quote-header {
    margin: auto;
}

div.wpcf7 .ajax-loader {    
    display: block;
    margin: auto;
    margin-top: 10px; 
}

.new-bill-condition {
    color: #8e9fa9;
    padding-bottom: 0px;
    max-width: 650px;
    margin: auto;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #00c2ff;
}

.new-bill-header .isps-header {
    margin: 0 !important;
}

.wpcf7-form .wpcf7-not-valid-tip {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
}

.quote-name input,
.quote-phone input {
    height: 40px;
    width: 50% !important;
    border: 1px solid #ddd !important;
    outline: 0!important;
    line-height: 1.6em !important;
    font-size: 13px !important;
    background-color: #fff !important;
    color: #555 !important;
    box-sizing: border-box !important;    
    position: relative !important;
}

.wpcf7-submit {
    padding: 20px !important;
    font-size: 18px !important;
}

.wprevpro_t1_DIV_2 {
    border: 1px solid #6c6d6d;
    border-radius: 3px !important;
    box-shadow: rgba(0, 0, 0, 0.33) 2px 2px 2px 0px;
}

.wprevpro_t1_DIV_2:after {
    filter: drop-shadow(rgba(0, 0, 0, .4) 2px 2px 1px);
}    

.wprs_unslider-arrow {
    background: #34403f no-repeat 50% 50%;
    opacity: 1;
    background-image: url("../../plugins/wp-facebook-reviews/public/css/imgs/slider_arrow.png");
}

.wprs_unslider-nav ol li {
    border: 1px solid #34403f;
}

.wprs_unslider-nav ol li.wprs_unslider-active {
    background: #34403f;
}

.wprevpro_t1_DIV_2:before {
    display: none;
}

.wprevpro_t1_P_3 {
    font: italic normal normal normal 14px / 22.4px 'Montserrat', sans-serif;    
}

.wprevpro_t1_SPAN_5 {
    font-family: 'Montserrat', sans-serif;
}

/*CUSTOMIZED CALCULATOR CSS*/
.fw-step-part-title {
    display: none;
}

.fw-wizard-step-headline {
    margin: auto;
}

.fw-copytext {
    font-family: 'Montserrat', sans-serif !important;
    color: #8e9fa9;
    font-size: calc(16px + (21.6 - 16) * (100vw - 320px) / (1920 - 320)) !important;
    font-weight: 500 !important;
    max-width: 690px;
    margin: 0 auto;
}

.fw-wizard-step-header-container {
    /*display: none;*/
}

.fw-input-container h3 {
    display: none;
}

.fw-step-part-title  {
    font-size: calc(20px + (30 - 20) * (100vw - 320px) / (1920 - 769)) !important;    
}

#multi-step-form .fw-progress-bar .fw-progress-step:last-child:before {
    content: "4" !important;
    font-size: 40px;
    font-family: 'Open Sans',sans-serif !important;
    padding: 2px 3px 0 0;
}

.fw-progress-bar-container {
    text-align: center;
}

#multi-step-form .fw-step-part {
    background: none;
}

#multi-step-form .fa.form-control-feedback {
    display: none;
}

#multi-step-form h2.fw-step-part-title {
    float: none;
}

.fw-step-part-title {
    font-size: calc(20px + (30 - 20) * (100vw - 320px) / (1920 - 769)) !important;
    text-transform: none;
    font-weight: 600 !important;
}

#multi-step-form .fw-wizard-buttons {
    margin: 0;    
}

#multi-step-form .fw-wizard-buttons button {
    height: 50px !important;
    width: 50px !important;
    border-radius: 50% !important;
} 

.fw-button-next {
    padding: 20px !important;    
    font-size: 18px;
}

.fw-wizard-buttons i[class*="fa-"] {
    display: inline-block;
    font-size: 26px;
    width: 40px;    
    line-height: 5px;
    top: -2px;
    left: -5px;
    word-spacing: 1px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    max-width: 100%;
}

#multi-step-form .fw-step-part:nth-last-of-type(2),
#multi-step-form .fw-wizard-buttons button, #multi-step-form .fw-wizard-buttons .fw-btn {
    margin: 0;
}

.fw-summary-container {
    display: none;
}

#multi-step-form .fw-progress-bar .fw-progress-step.fw-visited:before {
    /*content: none !important;*/
}

.fw-button-previous {
    display: none !important;
}

#multi-step-form .fw-step-part {
    margin: 0;
}

.fw-step-block h3 {
    display: none;
}

#multi-step-form .fw-radio-row input[type=radio]:checked+label:before {
    content: "\2713";
    color: #00c2ff;
    text-align: center;    
    line-height: 12px;
    font-size: 41px;
}

#multi-step-form .fw-text-input, 
#multi-step-form .fw-text-input[type="text"], 
#multi-step-form .fw-textarea, 
#multi-step-form input.msfp-registration-input {
    padding-left: 15px;
}

#multi-step-form .fw-btn-submit {
    background-color: #00c2ff;
    margin-top: 0px;
}

#multi-step-form .fw-btn-submit, 
#multi-step-form .fw-toggle-summary,
#multi-step-form .fw-btn-submit:hover, 
#multi-step-form .fw-toggle-summary:hover {
    width: auto;
    padding: 15px 20px !important;
    font-weight: bold;
    text-transform: none;
    font-size: 18px;
}

#multi-step-form .fw-btn-submit:hover {
    background-color: #54D0FB;
}

.fw-wrapper {
    background-color: #ffffff;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.1);
    text-align: center;
    margin: auto;
    width: 80%;
    padding: 20px;
}

#multi-step-form .fw-alert-user {
    position: relative;
    bottom: 0px;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
}

#multi-step-form .fw-btn-submit i, #multi-step-form .fw-toggle-summary i {
    margin-right: 0px !important;
}

.submit-success-text {
    margin-left: -5px;
    padding-right: 11px;
}

.fw-btn-submitted {
    width: auto; 
    font-weight: bold;
    text-transform: none;
    padding: 20px !important;
    font-size: 18px;
    color: #fff;
    background-color: #00c2ff;
    margin-top: 0px;
    border: 0;
}

@media (min-width: 769px) {
    #multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step:before {
        height: 35px;
        line-height: 30px;
        width: 35px;
        font-size: 18px;
    }

    #multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step:after,
    #multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step.fw-visited:after {
        height: 10px;
        top: -61px;        
    }

    #multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step .fw-txt-ellipsis {
        display: none;
    }

    #multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step.fw-active:last-child:before {
        content: "4" !important;
    }

    #multi-step-form .fw-step-part {
        border-left: none;
    }

    #multi-step-form.fw-large-container .fw-progress-bar-container {
        width: 115%;
        margin-bottom: 0px;
    }

    #multi-step-form .fw-step-part {
        padding: 20px 0 20px 0;
    }

    #multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step.fw-visited:before {
        font-size: 22px;
        padding: 1px 3px 0 0;
    }

    #multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step:last-child:before,
    #multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step.fw-active:last-child:before {
        font-size: 18px !important;
        font-family: 'Open Sans',sans-serif !important;
        line-height: 25px;
    }

    #multi-step-form .fw-wizard-step-header-container {
        margin-bottom: 0px;
    }

    #multi-step-form .fw-wizard-step-header h2 {
        margin: 0 0 25px;
    }

    #multi-step-form .fw-alert-user {
        bottom: 0px;
    }
}

/*PRIVACY POLICY*/
.privacy-policy-subheader {
    max-width: none !important;    
}

.page-id-6386 .buttons {
    opacity: 0;
    position: absolute;
    right: -9999px
}



@media (max-width: 769px) {
    .page-header h2 {
        margin: auto;
    }

    .header-column {
        text-align: center;
    } 

    .calculate-bill-button {
        font-size: 16px !important;
        padding: 15px 26px !important;
        margin: auto;
        display: block;
    }   

    .section-text {
        font-size: 14px !important;
    }

    .section-text {
        line-height: 22.6px !important;
    }

    .fw-progress-bar-container  {
        display: none;
    }

    #multi-step-form .fw-btn-submit, 
    #multi-step-form .fw-toggle-summary,
    #multi-step-form .fw-btn-submit:hover, 
    #multi-step-form .fw-toggle-summary:hover {
        width: auto;        
        font-weight: bold;
        text-transform: none;
        padding: 15px !important;    
        font-size: 16px!important;
    }

    #multi-step-form .fw-step-part {
        border: none;
    }

    .quote-name input, 
    .quote-phone input { 
        width: 100% !important;
    }

    #quote-form-container input[type='submit'] {
        width: 100% !important;
    }
}