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

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

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

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

@font-face {
    font-family: 'Noto Serif';
    src: url('assets/fonts/NotoSerif-Bold.eot');
    src: url('assets/fonts/NotoSerif-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/NotoSerif-Bold.woff2') format('woff2'),
        url('assets/fonts/NotoSerif-Bold.woff') format('woff'),
        url('assets/fonts/NotoSerif-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: '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;
}


/*********************
GENERAL
*********************/
h1, .h1,h2, .h2, h3, h4, h5 { font-family: 'Noto Serif', sans-serif; font-weight: bold; }
body, p, ul li, ol li { font-family: 'Inter 24pt', sans-serif; font-weight: normal; }
a, button { transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }
.resaltar-h1 { font-size: 80px; line-height: 90px; }
.resaltar-p { font-size: 50px; line-height: 60px; }
.reducir-p { font-size: 18px; line-height: 22px; }

h1, .h1 { font-size: 70px; line-height: 80px; }
h2, .h2 { font-size: 55px; line-height: 60px; }
h3, .h3 { font-size: 45px; line-height: 50px; }
h4, .h4 { font-size: 30px; line-height: 35px; }
h5, .h5 { font-size: 20px; line-height: 25px; }
p, ul li, ol li { font-size: 18px!important; line-height: 22px; }

.nectar-post-grid-item__custom-field { font-size: clamp(15px, 2vw, 17px); line-height: clamp(22px, 2.5vw, 24px); }

@media (max-width: 1299px) {
	h1, .h1 { font-size: 60px; line-height: 65px; }
	h2, .h2 { font-size: 50px; line-height: 55px; }
	h3, .h3 { font-size: 30px; line-height: 33px; }
	h4 { font-size: 23px; line-height: 28px; }
}

@media (max-width: 999px) {
	h1, .h1 { font-size: 50px; line-height: 55px; }
	h2, .h2 { font-size: 45px; line-height: 50px; }
	h3, .h3 { font-size: 28px; line-height: 30px; }
	h4 { font-size: 22px; line-height: 26px; }
	body, p, ul li, ol li { font-size: 18px; line-height: 25px; }
    .resaltar-h1 { font-size: 50px; line-height: 55px; }
    .resaltar-p { font-size: 20px; line-height: 30px; }

}

@media (max-width: 690px) {
	h1, .h1 { font-size: 45px; line-height: 50px; }
	h3, .h3 { font-size: 22px; line-height: 27px; }
	h4 { font-size: 20px; line-height: 24px; }
}

@media (max-width: 480px) {
	h1, .h1 { font-size: 40px; line-height: 45px; }
	h2, .h2 { font-size: 40px; line-height: 45px; }
	h3, .h3 { font-size: 18px; line-height: 22px; }
    h5 { font-size: 17px; line-height: 22px; }
}


/*********************
HEADER
*********************/
#header-outer .menu-title-text { font-family: 'Noto Serif', sans-serif; font-size: 18px; line-height: 22px; text-transform: uppercase;}
li.menu-item-gtranslate > a img { margin-bottom: 0!important; }

#top nav > ul li.menu-item-gtranslate img { margin-bottom: 0!important; margin-top: 5px; width: 18px!important; }
#top nav > ul > li.menu-item-gtranslate > ul { background-color: transparent!important; box-shadow: none!important; padding: 0!important; position: absolute; top: 110px!important; width: auto; }


@media (max-width: 999px) {
	body .nectar-mobile-only.mobile-header a { font-size: 9px; }
}

@media (max-width: 480px) {
	body .nectar-mobile-only.mobile-header a { font-size: 6px; }
}



/*********************
FOOTER
*********************/
#footer-outer #copyright p { font-size: 15px!important; line-height: 20px; }
#footer-outer #copyright a:not(.nectar-button):hover { color: var(--nectar-accent-color)!important; }
#footer-outer #copyright li a i { background-color: var(--nectar-accent-color); border-radius: 50px; color: var(--nectar-extra-color-2)!important; display: inline-block; height: 35px; line-height: 35px; text-align: center; width: 35px; }
#footer-outer #copyright li a i:hover { background-color: var(--nectar-extra-color-1); }

/*********************
HOMEPAGE
*********************/
.nectar-fancy-box[data-style=hover_desc] .hover-content { font-size: 18px; line-height: 22px; }

#ajax-content-wrap .nectar-post-grid .flickity-page-dots { bottom: -20px!important; } 

.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next { top: 20%; }
.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous { top: 20%; }

.proceso .container { display: flex; flex-wrap: wrap; justify-content: center; margin: 50px auto; max-width: 1700px; padding: 20px; }
.proceso .step { background: white; border-radius: 10px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); flex: 1 1 22%; margin: 20px; min-width: 220px; padding: 20px; position: relative; }
/*.proceso .step-number { background: #0073e6; border-radius: 50%; color: white; font-size: 24px; font-weight: bold; height: 50px; left: -15px; line-height: 50px; position: absolute; top: -15px; width: 50px; } */
.proceso .step-icon { align-items: center; background: var(--nectar-extra-color-2); border-radius: 50%; display: flex; height: 110px; justify-content: center; left: -25px; overflow: hidden; padding: 10px; position: absolute; top: -50px; width: 110px; }
.proceso .step-icon:hover { background-color: var(--nectar-accent-color); }
.proceso .step-icon img { height: 85%; justify-content: center; object-fit: cover; padding-top: 7px;  width: 85%; } 
.proceso h2 { color: var(--nectar-extra-color-2); margin-bottom: 90px; width: 100%; }
.proceso h3 { color: var(--nectar-extra-color-2); font-size: 30px; line-height: 35px; padding-top: 40px; padding-bottom: 15px; }
.proceso p { color: var(--nectar-extra-color-2); font-size: 20px; line-height: 25px; }
.proceso a { background-color: var(--nectar-accent-color); border-radius: 20px; color: var(--nectar-extra-color-2); font-weight: bold; padding: 10px 15px; }
.proceso a:hover { background-color: var(--nectar-extra-color-2); color: var(--nectar-accent-color); }


@media (max-width: 768px) {
    .nectar-post-grid[data-text-color=light] .nectar-post-grid-item .content * { font-size: 14px; }
    .proceso .container { display: grid; flex-wrap: wrap; gap: 20px; grid-template-columns: repeat(1, 1fr); }
    
}

@media (max-width: 480px) {
    .proceso .container { display: flex; flex-direction: column; }
}


/*********************
CONTACTO
*********************/
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea { background-color: white!important; margin-top: 5px; opacity: 0.5; }
.contact-form .wpcf7-form label { color: white!important; }
.contact-form .wpcf7-form p span { color: white!important; font-size: 15px; line-height: 20px; }
.contact-form .wpcf7-form p span a { color: var(--nectar-accent-color)!important; font-size: 15px; line-height: 20px; text-decoration: underline; }
.contact-form .wpcf7-form p span a:hover { color: var(--nectar-extra-color-1)!important; }
.contact-form .small { color: white!important; font-size: 13px!Important; line-height: 18px; margin-top: 10px; }
.contact-form .small a { color:var(--nectar-accent-color)!important; font-size: 13PX; line-height: 18px; text-decoration: underline; }
.contact-form .small a:hover { color: var(--nectar-extra-color-1)!important; }
.contact-form .container-wrap input[type=submit] { color: var(--nectar-extra-color-2)!important; }
.wpcf7-list-item { margin: 0!important; }