/*
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
*/

@font-face {
    font-family: 'Lato Semibold';
    src: url('fonts/Lato-Semibold.eot');
    src: url('fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'),
    url('fonts/Lato-Semibold.woff2') format('woff2'),
    url('fonts/Lato-Semibold.woff') format('woff'),
    url('fonts/Lato-Semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root{
    --Red:#C02026;
    --HeaderFont: "Outfit", sans-serif;
    --BodyFont: "Lato", sans-serif;
    --HeaderColor: #282828;
    --H1Size: 68px;
    --H1LineHeight: 68px;
    --BodySize: 18px;
    --BodyLineHeight: 28px;
}

/**Header**/
html body[data-header-format=left-header] #header-outer nav{
    padding: 135px 30px 30px 25px;
    vertical-align: top;
}

html body[data-header-format=left-header][data-header-resize="0"] .container-wrap{
    padding: 0;
}

body #header-outer[data-format=left-header]{
    width: 180px;
}

html body[data-header-format=left-header] #header-outer[data-lhe=animated_underline] #top nav>ul>li:not([class*=button_]):not([class*=menu-item-btn-style])>a>span:after{
    display: none;
}

html body[data-header-format=left-header] #header-outer[data-lhe=animated_underline] #top nav>ul>li:not([class*=button_]).current-menu-item>a, 
html body[data-header-format=left-header] #header-outer[data-lhe=animated_underline] #top nav>ul>li:not([class*=button_]).current_page_item>a,
html body[data-header-format=left-header] #header-outer[data-lhe=animated_underline] #top nav>ul>li:not([class*=button_])>a:hover{
    color: var(--Red)!important;
}

html body[data-header-format=left-header] #ajax-content-wrap{
    margin-left: 180px;
}

body[data-header-format=left-header] #header-outer[data-lhe=animated_underline] #top nav>ul>li.current_page_item:not([class*=button_]):not([class*=menu-item-btn-style])>a>span{
    border-left: 2px solid;
}

body[data-header-format=left-header] #header-outer[data-lhe=animated_underline] #top nav>ul>li:not([class*=button_]):not([class*=menu-item-btn-style])>a>span{
    margin: 4px 0;
    padding: 0 10px;
}

html body[data-header-format=left-header] #header-outer .row .col.span_9{
    overflow: unset;
    height: 100%;
    top: 0;
}

body #header-outer .nectar-header-text-content .header-bottom-link{
    font-family: var(--BodyFont);
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    text-transform: uppercase;
    color: var(--Red);
    display: block;
    max-width: 116px;
    display: flex;
    padding: 0;
    align-items: flex-end;
}

body #header-outer .nectar-header-text-content .header-bottom-link:not(:last-child){
    margin-bottom: 20px;
}

html body[data-header-format=left-header] #header-outer #top nav .buttons{
    position: absolute;
    bottom: 0;
    padding: 30px;
}

html body #slide-out-widget-area .inner-wrap .inner .nectar-header-text-content .header-link-container a{
    display: flex;
    align-items: center;
}

body .sf-menu .external-link.menu-item a span,
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li.external-link a{
    display: flex;
}

body #header-outer[data-lhe="animated_underline"] .nectar-header-text-content a.header-bottom-link:after,
html body #slide-out-widget-area .inner-wrap .inner .nectar-header-text-content a:after,
body .external-link.menu-item a span:after,
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li.external-link a:after{
    content: "";
    background: url('/cpgstatecourts/wp-content/themes/salient-child/img/external-link.svg');
    background-repeat: no-repeat;
    transition: all .3s!important;
    background-position: center;
    background-size: cover;
    display: block;
    width: 13.5px;
    height: 13.5px;
    transform: none;
    background-color: transparent!important;
    position: relative;
    bottom: 6px;
}

body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li.external-link a:after{
    bottom: -2px;
}

body[data-header-format="left-header"] #header-outer[data-lhe="animated_underline"] #top nav ul li:not([class*="button_"]) > a span:after,
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li.external-link a:after{
    background-color: transparent!important;
    left: 19px;
    border-top: 0;
}

html body #slide-out-widget-area .inner-wrap .inner .nectar-header-text-content a:after{
    bottom: 0;
    margin-left: 15px;
}

body #header-outer[data-lhe="animated_underline"] .nectar-header-text-content a.header-bottom-link:hover:after,
body .external-link.menu-item a:hover span:after,
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li.external-link a:hover:after{
    content: "";
    background: url('/cpgstatecourts/wp-content/themes/salient-child/img/external-link-yellow.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

html body[data-slide-out-widget-area-style=slide-out-from-right] .slide_out_area_close:before, html body[data-slide-out-widget-area-style=slide-out-from-right].material a.slide_out_area_close:before{
    background-color: #5B5B5B;
}

body #header-outer .row .col.span_3{
    position: relative;
    z-index: 9999;
}

@media(max-width: 1000px){
    body #header-outer[data-format=left-header]{
        width: 100%;
    }

    html body[data-header-format=left-header] #ajax-content-wrap{
        margin-left: 0;
    }

    body #header-outer[data-has-menu=true] #top .span_3, 
    body #header-outer[data-has-menu=true][data-mobile-fixed="1"] #top .span_3{
        position: relative;
        left: 70px;
        z-index: 9999;

    }

    body #header-outer[data-has-menu=true] #top .span_3 a, 
    body #header-outer[data-has-menu=true][data-mobile-fixed="1"] #top .span_3 a{
        float: right;
        margin-right: 70px;
    }

    html body[data-slide-out-widget-area=true] #top .col.span_9{
        left: 0;
    }

    body #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:before{
        width: 100%!important;
        top: 6px;
    }

    body #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:after{
        top: -6px;
    }

    body #top .slide-out-widget-area-toggle a span{
        width: 17px;
    }

    body #top .span_9>.slide-out-widget-area-toggle{
        padding-left: 0;
    }

    body #top .span_9>.slide-out-widget-area-toggle,
    body #top .span_9>.slide-out-widget-area-toggle > div a{
        display: flex;
        align-items: center;
    }
    
    body #top .span_9>.slide-out-widget-area-toggle > div a:after{
        content: "MENU";
        font-family: var(--BodyFont);
        font-weight: 600;
        font-size: 12px;
        line-height: 20px;
        margin-left: 10px;
        color: #282828;
    }

    body #top .span_9>.slide-out-widget-area-toggle > div{
        transform: none;    
        top: 0;    
    }

    body #header-outer[data-format=left-header]{
        padding: 8px 40px;
        width: 100%;
    }

    body #slide-out-widget-area .inner-wrap .inner{
        display: flex;
        flex-wrap: wrap;
    }

    html body #slide-out-widget-area .inner-wrap .inner .nectar-header-text-content{
        order: 2;
        background-color: transparent;
        padding-left: 0;
    }

    html body #slide-out-widget-area .inner-wrap .inner .nectar-header-text-content a{
        font-size: 14px;
        line-height: 28px;
        font-weight: 600;
        font-family: "Lato Semibold";
        color: var(--Red);
        text-transform: uppercase;
        display: block;
    }
}

@media(max-width: 767px){
    body #header-outer[data-format=left-header]{
        padding: 8px 20px;
    }
}

/** body **/
body p {
    padding-bottom: 1.1em;
}

html body[data-header-format="left-header"] .container{
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

body .left-text-col{
    padding-left: 120px;
    padding-right: 80px;
}

body .right-text-col{
    padding-left: 80px;
    padding-right: 160px;
}

body .left-text-col.faq{
    padding-right: 120px;
}

body .fa-plus:before,
body .fa-minus:before{
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    transition: all .3s;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

body .fa-minus:before{
    background: url('/cpgstatecourts/wp-content/themes/salient-child/img/fi_minus.svg');
}

body .fa-plus:before{
    background: url('/cpgstatecourts/wp-content/themes/salient-child/img/fi_plus.svg');
}

body .elementor-accordion .elementor-accordion-item{
    border: 0;
}

body .elementor-accordion .elementor-tab-title{
    border-top: 1px solid #cfcfcf;
    padding: 17px 0;
}

body .elementor-accordion .elementor-tab-content{
    border-top: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

body .elementor-accordion-item:last-child{
    border-bottom: 1px solid #cfcfcf;
}

body .twentytwenty-handle{
    width: 73px;
    height: 73px;
}

body .twentytwenty-horizontal .twentytwenty-handle:before,
body .twentytwenty-horizontal .twentytwenty-handle:after,
body .twentytwenty-handle{
    background-color: #fff!important;
    box-shadow: none;
}

body .twentytwenty-handle{
    margin-left: -33px;
}

body .twentytwenty-left-arrow,
body .twentytwenty-right-arrow{
    margin-top: -15px;
    border: 0;
}

body .twentytwenty-left-arrow{
    margin-left: -20px;
}

body .twentytwenty-right-arrow{
    margin-right: -5px;
}

body .twentytwenty-handle span:before{
    content: "";
    display: block;
    width: 15px;
    height: 32px;
    background-repeat: no-repeat;
    transition: all .3s;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

body .twentytwenty-left-arrow:before{
    background: url('/cpgstatecourts/wp-content/themes/salient-child/img/left-arrow.svg');
}

body .twentytwenty-right-arrow:before{
    background: url('/cpgstatecourts/wp-content/themes/salient-child/img/right-arrow.svg');
}

body .gallery a img{
    padding: 0;
    max-width: 100%;
    width: 100%;
}

body .gallery a:after{
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    transition: all .3s;
    background-position: center;
    background-size: contain;
    background: url('/cpgstatecourts/wp-content/themes/salient-child/img/fi_zoom-in.svg');
    position: absolute;
    bottom: 18px;
    right: 11px;
}

body .gallery a:hover img{
    border-color: var(--Red)!important;
}

body .no-margin-btm,
body .no-margin-btm p{
    margin-bottom: 0!important;
    padding-bottom: 0;
}

html body a{
    color: var(--Red);
}

body .back-btn a,
body .qna-button a{
    font-weight: 700;
    text-transform: uppercase;
    font-size: var(--BodySize);
    line-height: var(--BodyLineHeight);
    display: inline-block;
}

body .back-btn a::before,
body .qna-button a::after{
    content: "";
    display: block;
    width: 42px;
    height: 13px;
    transition: all .3s;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 10px;
    display: inline-block;
}

body .back-btn a::before{
    background: url('/cpgstatecourts/wp-content/themes/salient-child/img/back-arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

body .qna-button a::after{
    background: url('/cpgstatecourts/wp-content/themes/salient-child/img/back-arrow.svg');
    transform: rotateZ(180deg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 10px;
    margin-right: 0;
}

body .quote-text .elementor-icon-box-icon:before{
    content: "";
    display: block;
    width: 28px;
    height: 24px;
    transition: all .3s;
    background: url('/cpgstatecourts/wp-content/themes/salient-child/img/quote.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

body .fa-quote-left{
    display: none;
} 

body .font-weight-600{
    font-weight: 600!important;
}

body .right-text-col.project-conception-info:before{
    content:"";
    width: 100%;
    height: 1px;
    position: absolute;
    right: 0;
    left: 80px;
    background-color: #CFCFCF;    
}

html body[data-header-format=left-header] #page-header-bg[data-parallax="1"]{
    width: 100%;
}

body .envira-gallery-wrap .envira-gallery-public .envira-gallery-item img{
    width: 100%;
}

body .qna-accordion-row .elementor-container{
    max-width: 80%;
}

body .bold, body b, body strong{
    font-family: var(--HeaderFont);
}

body #hig-header-sc,
body #med-header-sc{
	font-family: 'Outfit', sans-serif!important;
	text-transform: uppercase!important;
}

body .elementor-image-carousel-wrapper .swiper-pagination-clickable .swiper-pagination-bullet{
	width: 40px;
    border-radius: 0;
}

body .elementor-image-carousel-wrapper .swiper-pagination-clickable{
	bottom: 10px;
}

body#error404 .nectar-button[data-color-override="false"].regular-button{
	background-color: transparent!important; 
	color: var(--Red);
}

body #ajax-content-wrap #error-404 h1,
body #ajax-content-wrap #error-404 h2{
	font-family: var(--HeaderFont);
}

body #ajax-content-wrap #error-404 h1{
	color: var(--Red);
}

body #ajax-content-wrap #error-404 h2{
	color: var(--HeaderColor);
}

body #ajax-content-wrap .row .col #error-404 .backtohome-img{
	max-width: 200px;
	margin-bottom: 0;
}

body #ajax-content-wrap #error-404 .backtohome-div{
	display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

body #ajax-content-wrap #error-404 strong{
	font-family: var(--BodyFont);
	font-size: var(--BodySize);
	color: #5B5B5B;
}

body #ajax-content-wrap #error-404 .backtohome-text{
	margin: 0 20px;
}

@media(min-width: 1601px) and (max-width: 1800px){
    body .fas:before{
        width: 20px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    body .left-text-col{
        padding-left: 60px;
        padding-right: 40px;
    }

    body .left-text-col.faq{
        padding-left: 60px;
        padding-right: 60px;
    }
    
    body .right-text-col{
        padding-left: 40px;
        padding-right: 60px;
    }

    body .right-text-col.project-conception-info:before{
        left: 40px;
    }
}

@media(min-width: 1280px) and (max-width: 1600px){
    body #header-outer[data-lhe=animated_underline] #top nav>ul>li>a,
    body #header-outer .nectar-header-text-content .header-bottom-link{
        font-size: 12px;
        line-height: 16px;
    }
}

@media only screen and (device-width: 1024px) and (device-height: 1366px) {
    body .slider-row{
        height: 95vh!important;    
    }
}

@media(min-width: 1000px) and (max-width: 1279px){
    body #header-outer[data-lhe=animated_underline] #top nav>ul>li>a,
    body #header-outer .nectar-header-text-content .header-bottom-link{
        font-size: 11px;
        line-height: 16px;
    }
}

@media(min-width: 1000px) and (max-width: 1600px){
    body #header-outer[data-lhe=animated_underline] #top nav>ul>li>a{
        padding: 6px 0;
    }

    body #header-outer .nectar-header-text-content .header-bottom-link:not(:last-child) {
        margin-bottom: 10px;
    }

    body #header-outer[data-lhe="animated_underline"] .nectar-header-text-content a.header-bottom-link:after, 
    html body #slide-out-widget-area .inner-wrap .inner .nectar-header-text-content a:after{
        width: 9px;
        height: 9px;
        bottom: 4px;
        left: 5px;
    }

    body .back-btn a, body .qna-button a{
        font-size: 15px;
    }

    body .back-btn a::before, body .qna-button a::after{
        width: 31px;
    }

    body .left-text-col,
    body .left-text-col.faq,
    body .right-text-col{
        padding-left: 50px;
        padding-right: 50px;
    }

    body #page-header-wrap,
    body #page-header-wrap #page-header-bg{
        height: 200px!important;
    }
}

@media(max-width: 1200px){
    body .fas:before{
        width: 18px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    body .quote-text .elementor-icon-box-icon:before{
        width: 24px;
        height: 20px;
    }

    body .left-text-col,
    body .right-text-col,
    body .left-text-col.faq{
        padding-left: 40px;
        padding-right: 40px;
    }
    
    body .right-text-col.project-conception-info:before{
        left: 40px;
    }

    body .back-btn a,
    body .qna-button a{
        font-size: 16px;
    }

    body .twentytwenty-handle{
        width: 52px;
        height: 52px;
        margin-left: -22px;
    }
}

@media(max-width: 999px){
    body .fas:before{
        width: 16px;
    }

    body .left-text-col,
    body .right-text-col{
        padding-left: 40px;
        padding-right: 40px;
    }

    body #page-header-wrap,
    body #page-header-wrap #page-header-bg{
        height: 180px!important;
    }

    body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li.external-link a:after{
        bottom: -7px;
    }

    body .right-text-col.project-conception-info:before{
        display: none;   
    }

    body .slider-row{
        height: 95vh!important;
    }
}

@media(max-width: 767px){
    body .left-text-col,
    body .right-text-col{
        padding-left: 20px;
        padding-right: 20px;
    }

    body .back-btn a,
    body .qna-button a{
        font-size: 14px;
    }

    body rs-sbg-wrap{
        background-image: url("/cpgstatecourts/wp-content/themes/salient-child/img/home-mobile-banner.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: 42%;
    }
    
    body rs-sbg-wrap rs-sbg,
    body rs-sbg-wrap img{
        display: none!important;
    }

    body .qna-accordion-row .elementor-container{
        max-width: 100%;
    }

    body .left-text-col, body .right-text-col, body .left-text-col.faq{
        padding-left: 20px;
        padding-right: 20px;
    }

    body .fa-plus:before,
    body .fa-minus:before{
        position: relative;
        top: 4px;
    }

    body .slider-row{
        height: 100%!important;    
    }

    body #rev_slider_1_1_wrapper{
        height: 100vh!important;
    }
	
	body #ajax-content-wrap .row .col #error-404 .backtohome-img{
		max-width: 100px;
		margin-top: 20px;
	}
	
	body #ajax-content-wrap #error-404 .backtohome-div{
		flex-wrap: wrap;
	}	
	
	body #ajax-content-wrap .row .col #error-404 .back-btn{
		width: 100%;	
	}

	body #ajax-content-wrap #error-404 .backtohome-text{
		font-size: 14px;
	}
	
	body .back-btn a::before{
		width: 28px;
		height: 9px;
	}
	
}