/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* Custom font */
/* @font-face {
    font-family: 'Halvarmittel Regular';
    src: url("./fonts/HALVARMITTEL-RG.TTF") format("truetype"),
        url("./fonts/HALVARMITTEL-RG.woff") format("woff"),
        url("./fonts/HALVARMITTEL-RG.otf") format("opentype");
    font-weight: 400;
    font-style: normal;              
} */

/* header */
header ul li.current-menu-item a{
    font-weight: 600 !important;
}
header ul li a span::after{
    bottom: -8px !important;
}

.nectar-button span {
    font-family: 'Halvarmittel Regular';
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
}

.toggle-heading .fa-plus-circle:before {
    content: "\f078" !important;
    color: #000 !important;

}
.toggle-heading .fa-minus-circle:before {
    content: "\f077" !important;
    color: #000 !important;

}
.toggle-heading .fa-plus-circle:after,.toggle-heading .fa-minus-circle:after {
    display: none !important;

}
div[data-style="minimal"] .toggle h3 i{
    border: 2px solid #000;
}
div[data-style="minimal"] .toggle h3 i:before{
    background-color: transparent !important;
    top: 6px !important;
    font-size: 11px;
}
div[data-style="minimal"] .toggle h3 a{
    padding: 20px 35px 20px 0 !important;
}
div[data-style="minimal"] .toggle .inner-toggle-wrap{
    padding-right: 35px !important;
}
/* div[data-style="minimal"] .toggle h3 i:before {
    background-color: #fff !important;
    top: 7px !important;
}
div[data-style="minimal"] .toggle h3 i:after {
    background-color: #fff !important;
    z-index: -1;
} */

/* accordian */
.left-accordian{
    padding-right: 40px !important;
}
.right-accordian{
    padding-left: 40px !important;
}
 
.ViewCertificate {
    padding: 17px 36px !important;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
}
.wpcf7-form p label{
    color: #292929;
}
.wpcf7-form p{
    padding-bottom: 35px !important;
}
body[data-form-style="minimal"] input[type="text"],body[data-form-style="minimal"] input[type="email"]{
    background-color: #fff !important;
    border-bottom: 1px solid #000;
    line-height: 0px;
    padding: 0px;
}
body[data-form-style="minimal"] textarea{
    background-color: #fff !important;
    border-bottom: 1px solid #000;
    line-height: 12px;
    padding: 0px;
}

body[data-form-style="minimal"] input[type="submit"] {
    background-color: #fff;
    color: #E4561A;
    height: 52px;
    width: 180px;
    border: 1px solid #E4561A;
    font-size: 18px;
    border-radius: 0px !important;
    padding: 11px 22px !important;
    transition: all 0.3s ease;
}

body[data-form-style="minimal"] input[type="submit"]:hover {
    background-color: #E4561A;
    color: #fff;
    border-color: #E4561A;
}

body.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container li{
    margin-bottom: 25px !important;
}
body.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container li a:after{
    bottom: -8px !important;
}
body[data-form-style="minimal"] input[type="text"], body[data-form-style="minimal"] input[type="email"], textarea{
    font-size: 18px !important;
    padding: 15px 10px !important;
}
#slide-out-widget-area.slide-out-from-right{
    padding-left: 30px !important;
}
@media screen and (max-width: 1600px) {
    #footer-widgets .container .row {
        padding-top: 180px !important;
    }
}

@media screen and (max-width: 1200px) {
    .sub-banner-section .img-container {
        display: flex;
        align-items: flex-start !important;
    }
    /* accordian */
    .left-accordian{
        padding-right: 20px !important;
    }
    .right-accordian{
        padding-right: 20px !important;
    }
}

@media screen and (max-width: 999px) {
    #copyright .col p{
        padding-left: 14px;
    }
    #footer-widgets .container .row {
        padding-top: 150px !important;
    }

    #footer-outer .container .row .clear-both:nth-child(1) {
        padding-top: 0 !important;
    }

    #footer-outer[data-using-bg-img="true"] {
        background-size: contain;
        background-color: #000 !important;
        background-repeat: no-repeat;
        margin-top: -1px;
    }

    .Product-row .product-box {
        max-width: 100% !important;
    }

    .lab-container {
        margin-top: 40px !important;
    }

    .sub-banner-section .sub-banner-heading, .facility-container .facility-heading, .product-container .product-heading, .lab-container .lab-heading {
        font-size: 30px !important;
        line-height: 38px !important;
    }

    .sub-banner-section .sub-banner-heading, .facility-container .facility-heading, .product-container .product-heading, .lab-container .lab-heading {
        margin-bottom: 30px !important;
    }

    .product-container {
        margin-top: 50px !important;
    }

    .facility-container .column_container, .product-container .column_container, .lab-container .column_container {
        margin-bottom: 0 !important;
    }

    .facility-container .facility-textbox, .product-container .product-textbox, .lab-container .lab-textbox {
        margin-top: 0 !important;
    }

    .sub-banner-section {
        padding-top: 50px !important;
    }

    .sub-banner-section .img-container .img-with-aniamtion-wrap {
        margin-left: 0 !important;
    }

    /* product section  */
    .service-row-container .service-content-left .service-title , .service-row-container .service-content-right .service-title {
        font-size: 26px !important;
        line-height: 30px !important;
    }
    .service-row-container .service-content-left .service-textbox p , .service-row-container .service-content-right .service-textbox p{
        font-size: 16px !important;
        line-height: 26px !important;
    }
    .service-row-container .service-content-left .service-textbox , .service-row-container .service-content-right .service-textbox{
        padding: 16px 33px 0px 0px !important;
    }
    .service-content-right, .service-content-right .vc_column-inner{
        padding: 0px 0px 0px 0px!important;
    }
    .service-row-container:nth-child(even) .dark.left{
        flex-direction: column-reverse;
    }
    .service-row-container{
        padding-top: 80px !important;
    }
    /* #product-1{
        margin-top: 50px !important;
    } */
    .ViewChart{
        width: 195px !important;
        height: 50px !important;
        padding: 12px 28px !important;
        margin-top: 0px !important;
    }
    .ViewChart span{
        font-size: 14px !important;
        line-height: 16px !important;
    }
    .service-left-img img , .service-right-img img{
        height: 240px !important;
        width: 315px !important;
    }
    .service-left-img{
        margin-bottom: 0px !important;
        padding: 0px !important;
    }
    /* accordian */
    .left-accordian{
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .right-accordian{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    div[data-style="minimal"] .toggle h3 a {
        padding: 15px 35px 15px 0 !important;
    }
    div[data-style="minimal"] .toggle .inner-toggle-wrap{
        padding: 0 0 15px 0 !important;
    }
}
@media screen and (max-width:689px){
    #copyright .col p{
        padding-left: 4px;
    }
}
@media screen and (max-width: 767px) {
    body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container>.menu>li a{
        font-size: 25px !important;
    }

    #footer-widgets .container .row {
        padding-top: 85px !important;
    }

    header#top .container {
        max-width: 100% !important;
        padding: 0 30px;
    }

    .container-wrap .container, .orbit-wrapper .slider-nav, .container-wrap .post-area.standard-minimal.full-width-content .post .inner-wrap {
        max-width: 100% !important;
        width: 100%;
        padding: 0 30px;
    }

    .main-banner-section .banner-btn, .lab-container .ViewCertificate {
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: fit-content;

    }

    .main-banner-section .banner-btn span {
        font-size: 14px !important;
        line-height: 17px !important;
    }

    .sub-banner-section .sub-banner-heading, .facility-container .facility-heading, .product-container .product-heading, .lab-container .lab-heading {
        font-size: 26px !important;
        line-height: 34px !important;
    }

    .lab-container {
        margin-top: 40px !important;
    }

    .product-container, .lab-container .lab-heading {
        margin-top: 40px !important;
    }

    .facility-container .facility-heading, .product-container .product-heading {
        margin-bottom: 20px !important;
    }

    .sub-banner-section .sub-banner-textbox, .facility-container .facility-textbox p, .product-container .product-textbox p, .lab-container .lab-textbox p {
        font-size: 16px !important;
        line-height: 26px !important;
    }

    .img-container .img-with-aniamtion-wrap, .lab-container .img-with-aniamtion-wrap {
        margin: 0 !important;
    }

    .img-container .img-with-aniamtion-wrap img, .lab-container .img-with-aniamtion-wrap img {
        margin: 0 auto;
        max-width: 450px;
    }

    .product-box {
        margin-bottom: 20px !important;
    }

    /* product page  */
    .service-row-container .service-content-left .service-title , .service-row-container .service-content-right .service-title {
        font-size: 26px !important;
        line-height: 30px !important;
    }
    .service-row-container .service-content-left .service-textbox p , .service-row-container .service-content-right .service-textbox p{
        font-size: 16px !important;
        line-height: 26px !important;
    }
    .service-row-container .service-content-left .service-textbox , .service-row-container .service-content-right .service-textbox{
        padding: 16px 33px 0px 0px !important;
    }
    .service-content-right, .service-content-right .vc_column-inner{
        padding: 0px 0px 0px 0px!important;
    }
    .service-row-container:nth-child(even) .dark.left{
        flex-direction: column-reverse;
    }
    .service-row-container{
        padding-top: 80px !important;
    }
    /* #product-1{
        margin-top: 50px !important;
    } */
    .ViewChart{
        width: 195px !important;
        height: 50px !important;
        padding: 12px 28px !important;
        margin-top: 0px !important;
    }
    .ViewChart span{
        font-size: 14px !important;
        line-height: 16px !important;
    }
    .service-left-img img , .service-right-img img{
        height: 240px !important;
        width: 315px !important;
    }
    .service-left-img{
        margin-bottom: 0px !important;
    }
    .service-heading .row-bg-wrap{
        height: 186px !important;
    }

    /* knowledge centre page  */

    div[data-style="minimal"] .toggle h3 a{
        padding-right: 35px !important;
    }
    div[data-style="minimal"] .toggle .inner-toggle-wrap{
        padding-right: 35px !important;
    }

    .service-heading .row-bg-wrap .row-bg-overlay{
        opacity: 0 !important;
    }
    /* .about-row-container{
        padding-top: 60px !important;
    } */
    body .about-row-container .about-heading{
        font-size: 26px !important;
        line-height: 30px !important;
    }
    .about-row-container .about-textbox p{
        font-size: 16px !important;
        line-height: 26px !important;
    }
    .wpb_wrapper h2.vc_custom_heading{
        padding-top: 16px !important;
    }
    body .service-row-container .about-title {
        font-size: 20px !important;
        line-height: 23px !important;
    }
    .about-row-container .about-textbox{
        padding-top: 16px !important;
    }
    .service-textbox{
        margin-bottom: 30px !important;
    }
    .faq-container .wpb_wrapper h2.vc_custom_heading.faq-title{
        font-size: 26px !important;
        line-height: 30px !important;
    }
    .toggles .accent-color a{
        padding: 0px 30px 0px 0px !important;
        font-weight: 400 !important;
    }
    .toggles .accent-color{
        padding-top: 0 !important;
    }
    .faq-col{
        margin-bottom: 0px !important;
    }
    .ViewDetails span{
        font-size: 14px !important;
        line-height: 16px !important;
    }
    .ViewDetails{
        height: 45px !important;
        width: 170px !important;
    }

    /* lab-testing page  */

    .certificate-row .certificate-content-left .certificate-heading, .certificate-row .certificate-content-right .certificate-heading {
        font-size: 20px !important;
        line-height: 23px !important;
        text-transform: uppercase;
        padding: 30px 0px 16px 0px!important;
    }
    .certificate-row .certificate-content-left .certificate-textbox p, .certificate-row .certificate-content-right .certificate-textbox p, .report-col-content .report-textbox p{
        font-size: 16px !important;
        line-height: 26px !important;
    }
    .certificate-row .certificate-textbox{
        padding-bottom: 30px !important;
    }
    .VisitCertificateBtn span{
        font-size: 14px ;
        line-height: 16px ;
    }
    .VisitCertificateBtn{
        padding: 12px 28px !important;
        width: 140px !important;
        height: 45px !important;
    }
    .report-col-content .report-heading{
        font-size: 26px !important;
        line-height: 30px !important;
        padding-top: 30px !important;
    }
    .report-col-content .report-textbox{
        padding: 16px 0px 30px 0px !important;
    }
    .ViewReport{
        width: 162px !important;
        height: 45px !important;
        padding: 12px 25px !important;
    }
    .ViewReport span{
        font-size: 14px !important;
        line-height: 16px !important;
    }
    .certificate-img ,.report-img{
        width: 315px !important;
        height: 240px !important;
    }

    /* contact us  */
    .contact-row-container .vc_column-inner .wpb_wrapper .contact-title{
        font-size: 26px !important;
        line-height: 30px !important;
        padding-bottom: 30px !important;
   }
   .contact-row-container .contact-content .contact-content-heading p{
       font-size: 22px !important; 
       line-height: 26px !important;
       padding-bottom: 0px !important;
   }
   .contact-row-container .contact-content .contact-detail{
       font-size:  20px !important;
       line-height: 23px !important;
       padding-bottom: 25px !important;
   }
   .contact-row-container .contact-content .contact-content-heading{
       padding-bottom: 6px !important;
   }
   .contact-custom-form{
       padding-top: 55px;
   }
   .wpcf7-form p label{
       font-size: 18px !important;
       line-height:16px !important;
   }
   body[data-form-style="minimal"] input[type="submit"]{
       font-size:14px !important;
       line-height:16px !important;
       height: 45px !important;
       width: 145px !important;
   }
}

@media screen and (max-width: 767px) and (max-height: 480px) and (orientation: landscape) {
    #footer-widgets .container .row {
        padding-top: 110px !important;
    }
    .sub-banner-section {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .main-banner-section .vc_column-inner .wpb_wrapper h2 {
        font-size: 40px !important;
        line-height: 50px !important;
    }

    .product-box .vc_custom_heading {
        font-size: 18px !important;
        line-height: 21px !important;
    }

    .product-box .ViewMoreBtn {
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        font-size: 18px !important;
    }

    #footer-widgets .container .row {
        padding-top: 120px !important;
    }

    #footer-outer .container .row .clear-both:nth-child(1) {
        padding-top: 0 !important;
    }

    .lab-container {
        margin-bottom: 0 !important;
    }

    #footer-widgets .container .col {
        margin-bottom: 20px !important;
    }

    .product-box .img-with-animation {
        max-width: 200px !important;
    }

    .Product-row {
        max-width: 550px;
        margin: 0 auto;
    }

    #footer-outer[data-using-bg-img="true"] {
        background-size: contain !important;
        background-repeat: no-repeat;
        background-color: #000 !important;
    }
}
/* break  */
#footer-outer[data-using-bg-img="true"] {
    background-position : top;
    padding-top: 50px;
}
body #footer-outer .row {
    padding: 75px 0 0;
}
.banner-btn{
    padding: 18px 48px !important;
}
.banner-btn span{
    font-size: 20px !important;
    line-height: 23.16px !important;
}
.ViewCertificate{
    padding: 17px 36px !important;
}
#copyright p{
    opacity: 50%;
}
#footer-widgets .container .row{
    padding-top: 300px;
}
#footer-outer .container .row .clear-both:nth-child(1){
    padding-top : 100px;

}
#footer-outer .container .row .clear-both:nth-child(1) p{
    color: #9C9C9C;
}

#footer-outer i{
    color:#fff;
}
#block-10,#block-11,#block-12,#block-15,#block-16,#block-20{
    color:#fff;
}
#top .container .row{
    max-width: 1240px;
}
#block-17 p{
    line-height : 24px;
}
#footer-outer .one-fourths:nth-child(1) p{
     max-width: 316px;
}
.sub-banner-textbox  {
    max-width: 562px;
}
.banner-subtitle {
    max-width: 530px;
}
.material #footer-outer #footer-widgets .col ul li.contact-address{
    line-height : 24px;
    position: relative;
    padding-left: 30px !important;
    padding-top: 0px !important;
    color: #9C9C9C;
}
.material #footer-outer #footer-widgets .col ul li.contact-address a, .material #footer-outer a:not(.nectar-button) ,.material #footer-outer .widget li a {
    font-size: 18px !important;
    color: #9C9C9C !important;
}
.material #footer-outer #footer-widgets .col ul li.contact-address .icon{
    position: absolute;
    left: 0;
    top: 5px;
}

.contact-content-heading{
    color: #9C9C9C !important;
    font-size: 22px;
}

.material #footer-outer #footer-widgets .col ul li.contact-address .icon::before{
    font-size: 15px;
}
@media only screen and (min-width: 1280px){
    .container{padding:0;}
}
@media only screen and (min-width: 1000px){
    .container{max-width:1240px;}
}
@media only screen and (max-width : 1270px){
    .Product-row .product-box{margin-right:0!important;margin-left:0!important;}
}
@media only screen and (min-width: 690px) and (max-width: 999px){
    .Product-row .product-box{margin-top:0!important;}
}
@media only screen and (max-width : 690px){
    .Product-row .product-box{width:50%;margin-top:0!important;margin-bottom:30px !important;}
}
@media only screen and (max-width : 690px){
    #footer-outer[data-using-bg-img="true"] {
        background-size: contain;
        background-repeat: no-repeat;
        background-color: #000 !important;
    }
    .banner-heading h2{
        font-size : 38px;
        line-height:44px;
    }
    .banner-heading h2 br{
        display: none;
    }
    .banner-subtitle {
        max-width: 265px;
    }
    .banner-subtitle p {
        font-size: 18px !important;
    }
    .banner-subtitle p br{
        display: none;
    }
    .banner-btn{
        padding: 12px 28px !important;
    }
    .banner-btn span {
        font-size: 14px !important;
        line-height: 16.21px!important;
    }
    .sub-banner-heading {
       font-size: 26px !important;
       line-height: 34px !important;
    }
    .sub-banner-textbox p {
       font-size: 16px !important;
       line-height: 26px !important;
    }
    .sub-banner-textbox p br{
       display: none;
    }
    .sub-banner-img {
       height: 280px !important;
       width: 315px !important;
    }
    .facility-heading {
        font-size: 26px !important;
        line-height: 34px !important;
        margin-top: 30px;
    }
    .facility-textbox p {
        font-size: 16px !important;
        line-height: 26px !important;
    }
    .Product-row .product-box:nth-child(odd){
        padding-right: 10px;
    }
    .Product-row .product-box:nth-child(even){
        padding-left: 10px;
    }
    .product-heading {
        font-size: 26px !important;
        line-height: 34px !important;
        margin-top: 20px;
    }
    .product-textbox p {
        font-size: 16px !important;
        line-height: 26px !important;
        margin-bottom: 40px !important;
    }
    .product-textbox p br{
        display:none;
    }
    .product-box h6{
        font-size: 16px !important;
        line-height: 18.53px !important;
        margin: 16px 0px 0px 0px!important;
    }
    .product-box p{
        font-size: 12px !important;
        line-height: 16px !important;
        margin-top: 0px !important;
    }
    .product-box p br{
        display: none;
    }
    .ViewMoreBtn span{
        font-size: 18px !important;
        line-height: 13.9px !important;
    }
    .ViewMoreBtn{
        padding: 8px 16px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 90px;
        width: max-content;
        height: 30px;
    }
    .col {
        margin-bottom: 0 !important;
    }
    .lab-heading {
        font-size: 26px !important;
        line-height:30.11px !important;
    }
    .lab-textbox p{
        font-size: 16px !important;
        line-height:26px !important;
    }
    .lab-textbox p br{
        display:none;
    }
    .lab-img{
        height:240px !important;
        width:315px;
        margin-top: 50px;
    }
    .ViewCertificate{
        padding: 12px 28px !important;
        margin-top: 30px !important;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 160px;
        width: max-content;
    }
    #footer-widgets .container .row{
        padding-top: 100px;
    }
    #footer-outer .container .row .clear-both:nth-child(1){
        padding-top : 0px !important;
    }
    #footer-outer .one-fourths:nth-child(1){
       margin-bottom: 30px !important;
    }
    #footer-outer .one-fourths:nth-child(2){
       width: 50%;
    }
    #footer-outer .one-fourths:nth-child(2) li{
       font-size: 14px;
    }
    #footer-outer .one-fourths:nth-child(3) li{
       font-size: 14px;
    }
    #footer-outer .one-fourths:nth-child(4) li{
       font-size: 14px;
    }
    #footer-outer .one-fourths:nth-child(4) li br{
       display:none;
    }
    #footer-outer .one-fourths:nth-child(3){
       width: 50%;
    }
    #footer-outer .one-fourths:nth-child(4){
       margin-top:50px;
    }

}

#header-outer #top .slide-out-widget-area-toggle.mobile-icon .lines:before{
    width: 22px !important;
}
.service-heading .row-bg-wrap{
    height: 320px;
}

.ViewDetails{
    width: 185px;
    height: 48px;
    padding: 14px 28px !important;
    
}
div[data-style="minimal"] .toggle {
    border-bottom: none !important;
}
.toggle h3 a {
    color: #000 !important;
}