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

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

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

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

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

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


/*********************
GENERAL
*********************/
body, h1, h2, h3, p, ul li, ol li, em { font-family: 'Roboto', sans-serif; font-weight: 400; }
body, p, ul li, ol li { font-size: 18px; line-height: 24px; }
a, button { transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }
strong { font-family: 'DM Sans 18pt', sans-serif; font-weight: 700; }

h1, .h1 { font-size: 50px; line-height: 55px; }
h2, .h2 { font-size: 40px; line-height: 50px; }
h3, .h3 { font-size: 30px; line-height: 34px; }
h4, .h4 { font-size: 24px; line-height: 30px; }
h5, .h5 { font-size: 18px; line-height: 22px; }
p { font-size: 18px; line-height: 25px; }


@media (max-width: 1299px) {
	h1 { font-size: 50px; line-height: 55px; }
	h2 { font-size: 40px; line-height: 45px; }
	h3 { font-size: 28px; line-height: 33px; }
	h4 { font-size: 23px; line-height: 28px; }
}

@media (max-width: 999px) {
	h1 { font-size: 40px; line-height: 45px; }
	h2 { font-size: 35px; line-height: 40px; }
	h3 { font-size: 28px; line-height: 30px; }
	h4 { font-size: 22px; line-height: 26px; }
	body, p, ul li, ol li { font-size: 16px; line-height: 22px; }
}

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

/*********************
HEADER
*********************/
#breadcrumbs { font-size: 12px!important; }


/*********************
FOOTER
*********************/
#footer-outer ul li { font-size: 15px!important; }
#footer-outer p { font-size: 15px!important; }
#footer-outer a:hover { color: black!important; }
#footer-outer i { color: #a5896f; margin-right: 5px; }

body #footer-outer .row + .row { padding-top: 0; text-align: center; }
body #footer-outer .row + .row img { display: inline-block; max-width: 900px; width: 100%; }

#footer-outer #copyright p { font-size: 12px!important; line-height: 22px; margin-top: 0!important; }
#footer-outer #copyright a:hover:not(.nectar-button):hover { color: black!important; }
#footer-outer #copyright li a i:hover { color: black!important; }

@media (max-width: 400px) {
    #footer-outer .widget { text-align: center; }
}


/*********************
PAGE
*********************/
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { font-size: 15px; margin-bottom: 0!important; right: 270px; top: 82px; }

.row .woocommerce-products-header .term-description p { font-size: 25px; line-height: 30px; padding-bottom: 50px!important; text-align: center; text-transform: uppercase; }


@media (max-width: 400px) {
    .row .woocommerce-products-header .term-description p { font-size: 20px; }

    .slide_out_area_close .close-wrap .close-line { background: black; }
}


/*********************
CONTACTO
*********************/
.contact-form { border: 1px solid white; border-radius: 20px; max-width: 800px!important; padding: 15px 20px!important; }
.contact-form label { color: white!important; }
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"], .contact-form textarea { margin-top: 5px; }

.contact-form .wpcf7-form p span { color: white!important; font-size: 15px; }
.contact-form .wpcf7-form p span a { color: white!important; text-decoration: underline; }
.contact-form .wpcf7-form p span a:hover { color: var(--nectar-extra-color-1)!important; }
.contact-form input[type="checkbox" i] { margin-bottom: -3px!important; margin-top: -3px!important; }

.contact-form .small { color: white!important; font-size: 13px; line-height: 18px; margin-top: 10px; }
.contact-form .small a { color:white!important; text-decoration: underline; }
.contact-form .small a:hover { color: var(--nectar-extra-color-1)!important; }

body[data-form-submit=regular] .container-wrap input[type=submit] { background-color: var(--nectar-extra-color-1); color: var(--nectar-accent-color); font-size: 17px; font-weight: 700; padding: 10px 22px!important; }

.wpcf7-list-item { margin: 0!important; }