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

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

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

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

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

@font-face {
    font-family: 'Playfair Display';
    src: url('assets/fonts/PlayfairDisplay-ExtraBold.eot');
    src: url('assets/fonts/PlayfairDisplay-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/PlayfairDisplay-ExtraBold.woff2') format('woff2'),
        url('assets/fonts/PlayfairDisplay-ExtraBold.woff') format('woff'),
        url('assets/fonts/PlayfairDisplay-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    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-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;
}


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

/***************
GENERAL
***************/
h1, .h1, h2, .h2, h3, h4, h5 { font-family: 'Playfair Display', sans-serif!important; font-weight: normal!important; }
h6, p, ul li, ol li { font-family: 'Roboto', sans-serif!important; font-weight: normal!important; }
a, button { transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }


h1, .h1 { font-size: 70px!important; line-height: 80px!important; }
h2, .h2 { font-size: 50px!important; line-height: 60px!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: 22px!important; line-height: 28px!important; }
h6, .h6 { font-size: 22px!important; line-height: 30px!important; }
p { font-size: 19px!important; line-height: 25px!important; }

.hight-text { font-size: 80px!important; line-height: 90px!important; }



@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; }
	body, p, ul li, ol li { font-size: 17px!important; line-height: 22px!important; }
    .hight-text { font-size: 60px!important; line-height: 70px!important; }
    
}

@media (max-width: 690px) {
	h1, .h1 { font-size: 40px!important; line-height: 50px!important; }
	h2, .h2 { font-size: 30px!important; line-height: 40px!important; }
	h3, .h3 { font-size: 22px!important; line-height: 27px!important; }
	h4, .h4 { font-size: 20px!important; line-height: 24px!important; }
    .hight-text { font-size: 50px!important; line-height: 60px!important; }
    
}


/***************
FOOTER
***************/
#footer-outer #copyright p { font-size: 15px!important; line-height: 20px!important; }


/***************
PAGE
***************/
div[data-style="minimal"] .toggle > .toggle-title a { font-size: 20px; }


/***************
TIENDA
***************/
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { bottom: -11px!important; font-size: 15px!important; right: 0!important;  }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 25px!important; margin-top: 0; }
.woocommerce ul.products li.product .price { font-family: 'Roboto', sans-serif!important; font-size: 25px!important; }


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