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

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

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

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

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

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

@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;
}

@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-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;
}

@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;
}


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


/*********************
GENERAL
*********************/
h1, .h1, h2, .h2 , h3, h4, h5 { color: var(--black); font-family: 'Poppins', sans-serif; font-weight: bold; }
h6 { font-family: 'Roboto', sans-serif; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; }
body, 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; }

.color-1 { color: var(--nectar-accent-color)!important; }
.color-2 { color: var(--nectar-extra-color-1)!important; }
.color-3 { color: var(--nectar-extra-color-2)!important; }



h1, .h1 { font-size: 60px; line-height: 70px; }
h2, .h2 { font-size: 50px; line-height: 60px; }
h3, .h3 { font-size: 40px; line-height: 50px; }
h4, .h4 { font-size: 28px; line-height: 40px; }
h5, .h5 { font-size: 20px; line-height: 35px; }
h6 { font-size: 16px; line-height: 20px; }
p, ul li, ol li { font-size: 18px; line-height: 22px; }

@media (max-width: 1299px) {
	h1, .h1 { font-size: 55px; line-height: 65px; }
	h2, .h2 { font-size: 45px; line-height: 55px; }
	h3, .h3 { font-size: 35px; line-height: 45px; }
	h4 { font-size: 25px; line-height: 30px; }
}

@media (max-width: 999px) {
	h1, .h1 { font-size: 50px; line-height: 55px; }
	h2, .h2 { font-size: 40px; line-height: 50px; }
	h3, .h3 { font-size: 32px; line-height: 38px; }
	h4 { font-size: 22px; line-height: 26px; }
	h6 { font-size: 14px; line-height: 18px; }
	body, p, ul li, ol li { font-size: 18px; line-height: 25px; }
}

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

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


/*********************
HEADER
*********************/
#header-outer .menu-title-text { color: var(--nectar-accent-color); font-family: 'Poppins', sans-serif; font-size: 17px; font-weight: bold; letter-spacing: 1px; line-height: 22px; text-transform: uppercase; }

body.material #header-outer #social-in-menu i { border: 2px solid var(--nectar-extra-color-2); border-radius: 50%; color: var(--nectar-accent-color); display: inline-block; height: 37px; line-height: 35px; margin-right: 5px; text-align: center; width: 37px; }


/*********************
FOOTER
*********************/
#global-footer a { color: var(--white); }
#global-footer a:hover { color: var(--nectar-extra-color-2); }
#global-footer h4 { color: var(--white); }
#global-footer h5 { color: var(--white); font-size: 18px; }

#global-footer #menu-menu-principal-2, #menu-menu-principal-2 > li { display: inline-block; list-style: none; margin-bottom: 10px; margin-left: 0; padding-left: 0; text-transform: uppercase; }
#global-footer #menu-menu-principal-2 > li:not(:last-child):after { content: '•'; display: inline; margin-inline: 15px 10px; }

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


@media (max-width: 999px){
    #global-footer #menu-menu-principal-2, #menu-menu-principal-2 > li { font-size: 15px; }
    #global-footer #menu-menu-principal-2 > li:not(:last-child):after { margin-inline: 8px 5px; }
}

@media (max-width: 690px){
    #copyright { margin-bottom: 0!important; padding-bottom: 0; }
    #footer-outer #copyright p { font-size: 14px; line-height: 18px; text-align: center; }

}


/*********************
PAGE
*********************/
#rafael .row-bg-wrap::before { content: ''; background: url('assets/img/rafael.png') no-repeat right; background-size: contain; display: inline; height: 450px; position: absolute; right: 120px; top: -270px ; width: 100%; z-index: 9999; }


@media (max-width: 1483px) {
    #rafael .row-bg-wrap::before { right: 20px; }
}

@media (max-width: 1391px) {
    #rafael .row-bg-wrap::before { height: 300px; right: 20px; top: -120px; }
}

@media (max-width: 1257px) {
    #rafael .row-bg-wrap::before { height: 200px; top: -25px; }
}

@media (max-width: 1074px) {
    #rafael .row-bg-wrap::before { height: 160px; top: 15px; }
}

@media (max-width: 999px) {
    #rafael .row-bg-wrap::before { height: 300px; top: -300px; }
}

@media (max-width: 800px) {
    #rafael .row-bg-wrap::before { height: 250px; top: -250px; }
}

@media (max-width: 733px) {
    #rafael .row-bg-wrap::before { height: 200px; top: -200px; }
}


/*********************
CONTACTO
*********************/
.contact-form i { color: var(--nectar-extra-color-1)!important; }
.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: var(--nectar-extra-color-1)!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: var(--nectar-extra-color-1)!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; }