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


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

.text-testi { font-size: 30px; line-height: 35px; }


h1, .h1 { font-size: 60px; line-height: 70px; }
h2, .h2 { font-size: 48px; line-height: 58px; }
h3, .h3 { font-size: 28px; line-height: 38px; }
h4, .h4 { font-size: 25px; line-height: 30px; }
h5, .h5 { font-size: 20px; line-height: 25px; }
h6 { font-size: 20px; line-height: 25px; }
p { font-size: 18px; line-height: 24px; }



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

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

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


/*********************
HEADER
*********************/
#header-outer .menu-title-text { font-family: 'Roboto', sans-serif; font-size: 16px!important; text-transform: uppercase; }

body.home #hero .row-bg-wrap .row-bg { transition: .6s all ease; }




@media (max-width: 1454px) {
    #header-outer .menu-title-text { font-size: 15px; line-height: 20px; }
}

@media (max-width: 1336px) {
    #header-outer .menu-title-text { font-size: 14px; line-height: 18px; }
}

@media (max-width: 1336px) {
    #header-outer .menu-title-text { font-size: 13px; line-height: 17px; }
}


/*********************
FOOTER
*********************/
#global-footer a { color: white; }
#global-footer a:hover { color: var(--nectar-extra-color-2); }
#global-footer i { color: white; line-height: 25px; }
#global-footer h4 { color: var(--nectar-extra-color-2); font-size: 28px; }
#global-footer #menu-servicios, #menu-servicios > li { font-size: 20px; list-style: none; margin-bottom: 10px; margin-left: 0; padding-left: 0; }


#footer-outer #copyright p { font-size: 15px; }
#footer-outer #copyright a:not(.nectar-button):hover { color: var(--nectar-accent-color)!important; }


@media (max-width: 690px) {
    #global-footer h4 { font-size: 22px; line-height: 25px; text-align: center; }
    #global-footer #menu-servicios, #menu-servicios > li { font-size: 17px; text-align: center; }
    #global-footer h5 { font-size: 17px; }
}


/*********************
HOMEPAGE
*********************/
.nectar-fancy-box[data-style=hover_desc] .hover-content { font-size: 17px!important; }

#evolucion .row-bg-wrap:before { content: ''; background: url('assets/img/flechas-arriba.gif') no-repeat left; background-size: contain; display: inline-block; height: 300px; left: 20%; position: absolute; top: -12%; width: 300px; z-index: 99; }
#evolucion .row-bg-wrap:after { content: ''; background: url('assets/img/flechas-abajo-1.gif') no-repeat right; background-size: contain; bottom: -10%; display: inline-block; height: 300px; position: absolute; right: 20%; width: 300px; z-index: 99; }

body div[data-style*=minimal] .toggle.open>.toggle-title a, body div[data-style*=minimal] .toggle>.toggle-title a { font-size: 22px; font-weight: bold; line-height: 30px; }
body .toggles--minimal-shadow .toggle { border: 1px solid white; margin-bottom: 30px; padding: 0 30px; }
.toggles--minimal-shadow .toggle:before { box-shadow: none!important; }
div[data-style*="minimal"] .toggle.open { border-color: var(--nectar-extra-color-1)!important; }
div[data-style*=minimal] .toggle>.toggle-title i { top: 50%; }


#flechas .row-bg-wrap:before { content: ''; background: url('assets/img/flechas-arriba.gif') no-repeat left; background-size: contain; display: inline-block; height: 300px; left: 30%; position: absolute; top: 0; width: 300px; z-index: 99; }
#flechas .row-bg-wrap:after { content: ''; background: url('assets/img/flechas-abajo-1.gif') no-repeat right; background-size: contain; bottom: 0; display: inline-block; height: 300px; position: absolute; right: 30%; width: 300px; z-index: 99; }


@media (max-width: 1600px) {
    #flechas .row-bg-wrap:before { left: 20%; }
    #flechas .row-bg-wrap:after { right: 20%; }
}

@media (max-width: 999px) {
    #evolucion .row-bg-wrap:before { height: 200px; left: 40%; top: -10%; width: 200px; }
    #evolucion .row-bg-wrap:after { bottom: -3%; height: 200px; right: 40%; width: 200px; }
    body div[data-style*=minimal] .toggle.open>.toggle-title a, body div[data-style*=minimal] .toggle>.toggle-title a { font-size: 18px; line-height: 25px; }
    #flechas .row-bg-wrap:before, #flechas .row-bg-wrap:after { display: none; }

}

@media (max-width: 690px) {
    #evolucion .row-bg-wrap:before { display: none; }
    #evolucion .row-bg-wrap:after { display: none; }
}



/*********************
CONTACT
*********************/
.contact-form h2 { color: var(--nectar-accent-color)!important; }
/*.contact-form input[type=text], input[type=email], textarea { background-color: transparent; border-bottom: 2px solid var(--nectar-accent-color)!important; padding: 5px 0!important; }*/
.contact-form textarea { max-height: 150px; }
.contact-form ::placeholder { color: var(--nectar-accent-color)!important; opacity: 0.5; }
.contact-form .wpcf7-form p span { color: black!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: black!important; }
.contact-form .small { color: black!important; font-size: 13px; 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: black!important; }
body[data-form-submit=regular] .container-wrap input[type=submit] { background-color: var(--nectar-accent-color)!important; font-size: 18px; margin-top: 10px; text-transform: uppercase; width: 100%; }
.wpcf7-list-item { margin: 0!important; }