/*
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: 'PF Futura Neu';
    src: url('fonts/PFFuturaNeuMedium-Regular.eot');
    src: url('fonts/PFFuturaNeuMedium-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/PFFuturaNeuMedium-Regular.woff2') format('woff2'),
        url('fonts/PFFuturaNeuMedium-Regular.woff') format('woff'),
        url('fonts/PFFuturaNeuMedium-Regular.ttf') format('truetype'),
        url('fonts/PFFuturaNeuMedium-Regular.svg#PFFuturaNeuMedium-Regular') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PF Futura Neu';
    src: url('fonts/PFFuturaNeuLight-Regular.eot');
    src: url('fonts/PFFuturaNeuLight-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/PFFuturaNeuLight-Regular.woff2') format('woff2'),
        url('fonts/PFFuturaNeuLight-Regular.woff') format('woff'),
        url('fonts/PFFuturaNeuLight-Regular.ttf') format('truetype'),
        url('fonts/PFFuturaNeuLight-Regular.svg#PFFuturaNeuLight-Regular') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PF Futura Neu Semi';
    src: url('fonts/PFFuturaNeuSemiBold-Regular.eot');
    src: url('fonts/PFFuturaNeuSemiBold-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/PFFuturaNeuSemiBold-Regular.woff2') format('woff2'),
        url('fonts/PFFuturaNeuSemiBold-Regular.woff') format('woff'),
        url('fonts/PFFuturaNeuSemiBold-Regular.ttf') format('truetype'),
        url('fonts/PFFuturaNeuSemiBold-Regular.svg#PFFuturaNeuSemiBold-Regular') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PF Futura Neu';
    src: url('fonts/PFFuturaNeu-Regular.eot');
    src: url('fonts/PFFuturaNeu-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/PFFuturaNeu-Regular.woff2') format('woff2'),
        url('fonts/PFFuturaNeu-Regular.woff') format('woff'),
        url('fonts/PFFuturaNeu-Regular.ttf') format('truetype'),
        url('fonts/PFFuturaNeu-Regular.svg#PFFuturaNeu-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PF Futura Neu Book';
    src: url('fonts/PFFuturaNeuBook-Regular.eot');
    src: url('fonts/PFFuturaNeuBook-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/PFFuturaNeuBook-Regular.woff2') format('woff2'),
        url('fonts/PFFuturaNeuBook-Regular.woff') format('woff'),
        url('fonts/PFFuturaNeuBook-Regular.ttf') format('truetype'),
        url('fonts/PFFuturaNeuBook-Regular.svg#PFFuturaNeuBook-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PF Futura Neu';
    src: url('fonts/PFFuturaNeu-Bold.eot');
    src: url('fonts/PFFuturaNeu-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/PFFuturaNeu-Bold.woff2') format('woff2'),
        url('fonts/PFFuturaNeu-Bold.woff') format('woff'),
        url('fonts/PFFuturaNeu-Bold.ttf') format('truetype'),
        url('fonts/PFFuturaNeu-Bold.svg#PFFuturaNeu-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PF Futura Neu';
    src: url('fonts/PFFuturaNeuThin-Regular.eot');
    src: url('fonts/PFFuturaNeuThin-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/PFFuturaNeuThin-Regular.woff2') format('woff2'),
        url('fonts/PFFuturaNeuThin-Regular.woff') format('woff'),
        url('fonts/PFFuturaNeuThin-Regular.ttf') format('truetype'),
        url('fonts/PFFuturaNeuThin-Regular.svg#PFFuturaNeuThin-Regular') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

.font-book{
	 font-family: 'PF Futura Neu Book'!important;
	  font-weight: normal!important;
    font-style: normal;
}
.font-medium{
	font-family: PF Futura Neu!important;
	font-weight: 500;
}

.material #footer-outer .widget li a{
    font-family: PF Futura Neu Book;	
	font-size: 16px!important;
}

body #header-outer[data-has-menu][data-format][data-padding][data-using-logo] > #top .slide-out-widget-area-toggle[data-custom-color="true"] .lines-button:after, body #header-outer[data-has-menu][data-format][data-padding][data-using-logo] > #top .slide-out-widget-area-toggle[data-custom-color="true"] a .lines-button em:before, body #header-outer[data-has-menu][data-format][data-padding][data-using-logo] > #top .slide-out-widget-area-toggle[data-custom-color="true"] a .lines-button em.lines:after, body.material #header-outer .slide-out-widget-area-toggle[data-custom-color="true"] a .close-line, body.material #header-outer[data-using-logo].transparent .slide-out-widget-area-toggle[data-custom-color="true"] a .close-line, body.material:not(.mobile) #header-outer.transparent .slide-out-widget-area-toggle[data-custom-color="true"] a .close-line {
    background-color: #ffffff!important;
    opacity: 1;
}
body #header-outer[data-has-menu][data-format][data-padding][data-using-logo]>#top .slide-out-widget-area-toggle[data-custom-color=true] .lines-button:after, body #header-outer[data-has-menu][data-format][data-padding][data-using-logo]>#top .slide-out-widget-area-toggle[data-custom-color=true] a .lines-button em:before, body #header-outer[data-has-menu][data-format][data-padding][data-using-logo]>#top .slide-out-widget-area-toggle[data-custom-color=true] a .lines-button em.lines:after, body.material #header-outer .slide-out-widget-area-toggle[data-custom-color=true] a .close-line, body.material #header-outer[data-using-logo].transparent .slide-out-widget-area-toggle[data-custom-color=true] a .close-line, body.material:not(.mobile) #header-outer.transparent .slide-out-widget-area-toggle[data-custom-color=true] a .close-line {
    background-color: #ffffff!important;
    opacity: 1;
}
body #header-outer[data-permanent-transparent="1"].transparent.dark-slide > #top .span_9 > .slide-out-widget-area-toggle.mobile-icon .lines:before, body #header-outer[data-permanent-transparent="1"].transparent.dark-slide > #top .span_9 > .slide-out-widget-area-toggle.mobile-icon .lines:after{
	    background-color: #fff!important;
}
body #header-outer[data-has-menu][data-format][data-padding][data-using-logo]>#top .slide-out-widget-area-toggle[data-custom-color=true] a .lines-button span:before, body #header-outer[data-has-menu][data-format][data-padding][data-using-logo]>#top .slide-out-widget-area-toggle[data-custom-color=true] a .lines-button span.lines:after{
	content:'';
	background-color: #ffffff!important;
    opacity: 1;
}
#header-outer #top .span_9 > .slide-out-widget-area-toggle i{
    color: #000000!important;	
}
@media only screen and (min-width: 1px) and (max-width: 999px){
#header-outer[data-permanent-transparent="1"].transparent #top .span_9>.slide-out-widget-area-toggle em {
    color: #fff;
}
	
}
@media only screen and (min-width: 1000px){
	#header-outer[data-permanent-transparent="1"].transparent #top .span_9>.slide-out-widget-area-toggle span,#header-outer[data-permanent-transparent="1"].transparent #top .span_9>.slide-out-widget-area-toggle em{
		color: #fff;
	}
body #top .effect-shown .lines-button:after, body #top .effect-shown .lines:after, body #top .effect-shown .lines:before, body #top .slide-out-widget-area-toggle a:hover .lines-button:after, body #top .slide-out-widget-area-toggle a:hover .lines:after, body #top .slide-out-widget-area-toggle a:hover .lines:before {
    transform: translateX(0px);
}
	}
.espa {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,.8)!important;
    z-index: 13;
    text-align: center;
    margin: 0;
    text-align: center;
    padding-bottom: 0px!important;
    padding-top: 0px!important;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    column-gap: 1em
}

.espa img {
    margin-top: 5px;
    display: inline-block;
    width: 100%;
    height: auto;
	max-height: 50px;
}

.mb-sm {
    margin-bottom: 10px
}

.home .esg-content span {
    overflow: visible!important
}

@media only screen and (max-width: 767px) {
    .pl-sm {
        padding-left:8px
    }

    .pr-sm {
        padding-right: 8px
    }

    .woocommerce #payment #place_order,.woocommerce-page #payment #place_order {
        position: absolute;
        right: auto;
        bottom: auto
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .pr-sm {
        padding-right:8px
    }

    .pl-sm {
        padding-left: 8px
    }
}