/*
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: 'Barlow Semi Condensed';
    src: url('assets/fonts/BarlowSemiCondensed-Black.eot');
    src: url('assets/fonts/BarlowSemiCondensed-Black.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/BarlowSemiCondensed-Black.woff2') format('woff2'),
        url('assets/fonts/BarlowSemiCondensed-Black.woff') format('woff'),
        url('assets/fonts/BarlowSemiCondensed-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Semi Condensed';
    src: url('assets/fonts/BarlowSemiCondensed-Medium.eot');
    src: url('assets/fonts/BarlowSemiCondensed-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/BarlowSemiCondensed-Medium.woff2') format('woff2'),
        url('assets/fonts/BarlowSemiCondensed-Medium.woff') format('woff'),
        url('assets/fonts/BarlowSemiCondensed-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Semi Condensed';
    src: url('assets/fonts/BarlowSemiCondensed-Bold.eot');
    src: url('assets/fonts/BarlowSemiCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/BarlowSemiCondensed-Bold.woff2') format('woff2'),
        url('assets/fonts/BarlowSemiCondensed-Bold.woff') format('woff'),
        url('assets/fonts/BarlowSemiCondensed-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Semi Condensed';
    src: url('assets/fonts/BarlowSemiCondensed-Thin.eot');
    src: url('assets/fonts/BarlowSemiCondensed-Thin.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/BarlowSemiCondensed-Thin.woff2') format('woff2'),
        url('assets/fonts/BarlowSemiCondensed-Thin.woff') format('woff'),
        url('assets/fonts/BarlowSemiCondensed-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Semi Condensed';
    src: url('assets/fonts/BarlowSemiCondensed-Regular.eot');
    src: url('assets/fonts/BarlowSemiCondensed-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/BarlowSemiCondensed-Regular.woff2') format('woff2'),
        url('assets/fonts/BarlowSemiCondensed-Regular.woff') format('woff'),
        url('assets/fonts/BarlowSemiCondensed-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('assets/fonts/Inter24pt-Regular.eot');
    src: url('assets/fonts/Inter24pt-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Inter24pt-Regular.woff2') format('woff2'),
        url('assets/fonts/Inter24pt-Regular.woff') format('woff'),
        url('assets/fonts/Inter24pt-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('assets/fonts/Inter24pt-Bold.eot');
    src: url('assets/fonts/Inter24pt-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Inter24pt-Bold.woff2') format('woff2'),
        url('assets/fonts/Inter24pt-Bold.woff') format('woff'),
        url('assets/fonts/Inter24pt-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('assets/fonts/Inter24pt-Medium.eot');
    src: url('assets/fonts/Inter24pt-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Inter24pt-Medium.woff2') format('woff2'),
        url('assets/fonts/Inter24pt-Medium.woff') format('woff'),
        url('assets/fonts/Inter24pt-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('assets/fonts/BebasNeue-Regular.eot');
    src: url('assets/fonts/BebasNeue-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/BebasNeue-Regular.woff2') format('woff2'),
        url('assets/fonts/BebasNeue-Regular.woff') format('woff'),
        url('assets/fonts/BebasNeue-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --black: #000000;
    --white: #ffffff;
}


/***************
GENERAL
***************/
h1, .h1, h2, .h2 { font-family: 'Bebas Neue', sans-serif!important; font-weight: normal!important; }
h3, h4, h5 { font-family: 'Barlow Semi Condensed', sans-serif!important; font-weight: normal!important; }
h6, p, .p, ul li, ol li { font-family: 'PP Editorial Sans', sans-serif!important; font-weight: normal; }
a, button { transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }

h1, .h1 { font-size: 100px!important; line-height: 90px!important; }
h2, .h2 { font-size: 70px!important; line-height: 80px!important; }
h3, .h3 { font-size: 40px!important; line-height: 50px!important; }
h4, .h4 { font-size: 30px!important; line-height: 40px!important; }
h5, .h5 { font-size: 23px!important; line-height: 28px!important; }
h6 { font-size: 20px; line-height: 25px; }
p, .p, ul li, ol li { font-size: 19px!important; line-height: 25px!important; }

.hight-text { font-family:'Bebas Neue', sans-serif!important; font-size: 125px!important; font-weight: normal; line-height: 130px!important; }


@media (max-width: 1299px) {
	h1, .h1, .hight-text { font-size: 70px!important; line-height: 80px!important; }
	h2, .h2 { font-size: 60px!important; line-height: 70px!important; }
	h3, .h3 { font-size: 28px; line-height: 33px; }
	h4, .h4 { font-size: 23px; line-height: 28px; }
    
}

@media (max-width: 999px) {
	h1, .h1 { font-size: 50px!important; line-height: 60px!important; }
	h2, .h2 { font-size: 40px!important; line-height: 50px!important; }
	h3, .h3 { font-size: 30px!important; line-height: 40px!important; }
	h4, .h4 { font-size: 25px!important; line-height: 30px!important; }
    h5, .h5 { font-size: 20px!important; line-height: 25px!important; }
	body, p, ul li, ol li { font-size: 16px!important; line-height: 22px; }
    .hight-text { font-size: 50px!important; line-height: 55px!important; } 
    
}

@media (max-width: 690px) {
	h1, .h1 { font-size: 35px!important; line-height: 40px!important; }
	h2, .h2 { font-size: 32px!important; line-height: 38px!important; }
	h3, .h3 { font-size: 22px!important; line-height: 27px; }
	h4, .h4 { font-size: 20px!important; line-height: 24px; }
    
}



/***************
HEADER
***************/
body #slide-out-widget-area .inner-wrap > .inner .off-canvas-menu-container li > a { font-family: 'Barlow Semi Condensed', sans-serif!important; font-weight: normal!important;  }


/***************
FOOTER
***************/
#global-footer #menu-menu-principal, #menu-menu-principal > li { font-family: 'Barlow Semi Condensed', sans-serif!important; font-size: 35px!important; font-weight: normal; line-height: 40px!important; list-style: none; margin-bottom: 10px; margin-left: 0; padding-left: 0; text-align: center; }
#global-footer a { color: var(--white)!important; }
#global-footer a:hover { color: var(--nectar-extra-color-2)!important; }
#global-footer [class^="icon-"].icon-default-style.extra-color-3 { color: var(--white)!important; }
#global-footer .nectar_icon_wrap[data-color="extra-color-3"] i { color: var(--white)!important; }

#footer-outer #copyright p { font-size: 14px!important; line-height: 25px!important; }
#footer-outer #copyright a:not(.nectar-button):hover { color: var(--nectar-extra-color-2)!important; }


/***************
PAGE
***************/
.flickity-page-dots .dot:before { background: var(--white)!important; }


/***************
CONTACT
***************/
.contact-form .wpcf7-form p span { font-size: 15px!important; }
.contact-form .small { color: black!important; font-size: 13px!important; line-height: 18px!important; margin-top: 10px!important; }
.contact-form .small a { color:var(--nectar-accent-color)!important; font-size: 13px!important; line-height: 18px!important; text-decoration: underline!important; }
.contact-form .small a:hover { color: var(--nectar-extra-color-2)!important; }
.wpcf7-list-item { margin: 0!important; }