/*
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
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@font-face {
    font-family: 'DINOT';
    src: url('assets/fonts/DINOT.eot');
    src: url('assets/fonts/DINOT.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/DINOT.woff2') format('woff2'),
        url('assets/fonts/DINOT.woff') format('woff'),
        url('assets/fonts/DINOT.ttf') format('truetype'),
        url('assets/fonts/DINOT.svg#DINOT') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINOT';
    src: url('assets/fonts/DINOT-Bold.eot');
    src: url('assets/fonts/DINOT-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/DINOT-Bold.woff2') format('woff2'),
        url('assets/fonts/DINOT-Bold.woff') format('woff'),
        url('assets/fonts/DINOT-Bold.ttf') format('truetype'),
        url('assets/fonts/DINOT-Bold.svg#DINOT-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
	--black: #000000;
	--site1: #bf2d6c;
	--white: #ffffff;
}

/**********************
 GENERAL
 **********************/
body { color: var(--black); font-family: 'Open Sans', sans-serif; font-size: 17px; line-height: 22px; }
a { transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }

h1, h2, h3, h4, h5, h6 { color: var(--black); }
h1, h2, h3, #page-header-bg h1, .nectar-box-roll .overlaid-content h1 { font-family: 'DINOT'; font-weight: 700; }
h1, #page-header-bg h1, .nectar-box-roll .overlaid-content h1 { font-size: 70px; line-height: 70px; }
h2 { font-size: 40px; line-height: 42px; }
h3 { font-size: 30px; line-height: 34px; }

@media (max-width: 1199px) {
	h1, #page-header-bg h1, .nectar-box-roll .overlaid-content h1 { font-size: 60px; line-height: 60px; }
	h2 { font-size: 36px; line-height: 38px; }
	h3 { font-size: 28px; line-height: 32px; }
}

@media (max-width: 999px) {
	h1, #page-header-bg h1, .nectar-box-roll .overlaid-content h1 { font-size: 50px; line-height: 50px; }
	h2 { font-size: 33px; line-height: 36px; }
	h3 { font-size: 26px; line-height: 30px; }
}

@media (max-width: 690px) {
	h1, #page-header-bg h1, .nectar-box-roll .overlaid-content h1 { font-size: 40px; line-height: 40px; }
	h2 { font-size: 30px; line-height: 34px; }
	h3 { font-size: 25px; line-height: 29px; }
}

.text-black { color: var(--black); }
.text-site1 { color: var(--site1); }
.text-white { color: var(--white); }

.wpb_text_column h2 + p, .wpb_text_column h3 + p { margin-top: 18px; }

@media (min-width: 1000px) {
	.d-lg-none { display: none!important; }
}


/**********************
 HEADER
 **********************/
#top nav > ul > li > a { font-family: 'DINOT'; font-size: 16px; font-weight: 700; line-height: 20px; opacity: 1!important; text-transform: uppercase; }

@media (max-width: 1199px) {
	#header-outer #logo img, #header-outer .logo-spacing img { height: 70px; }
	#top nav > ul > li > a { font-size: 15px; line-height: 19px; }
}


/**********************
 FOOTER
 **********************/
#footer-outer img { max-height: 70px; }


/**********************
 HOMEPAGE
 **********************/
.clients img.nectar-lazy { max-width: 120px; }
