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

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

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

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

h1 { font-size: 70px; line-height: 80px; }
.h1 { font-size: 90px!important; line-height: 100px!important; }
h2, .h2 { font-size: 48px; line-height: 50px; }
h3, .h3 { font-size: 30px; line-height: 34px; }
h4, .h4 { font-size: 24px; line-height: 30px; }
h5, .h5 { font-size: 20px; line-height: 25px; }
p { font-size: 18px; line-height: 25px; }

@media (max-width: 1299px) {
	h1 { font-size: 50px; line-height: 55px; }
    .h1 { font-size: 60px!important; line-height: 65px!important; }
	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 { font-size: 40px; line-height: 45px; }
    .h1 { font-size: 50px!important; line-height: 55px!important; }
	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; }
}

@media (max-width: 690px) {
	h1 { font-size: 35px; line-height: 40px; }
    .h1 { font-size: 40px!important; line-height: 50px!important; }
	h2, .h2 { font-size: 25px; line-height: 30px; }
	h3, .h3 { font-size: 20px; line-height: 30px; }
	h4, .h4 { font-size: 18px; line-height: 25px; }
    h5 { font-size: 16px; line-height: 20px; }
    p { font-size: 15px; line-height: 20px; }
}


/*******************
HEADER
*******************/
#header-outer[data-lhe="animated_underline"] li > a .menu-title-text { font-size: 16px; }


/*******************
HOMEPAGE
*******************/
.flickity-page-dots .dot:before { background: white!important; }



/*******************
COURSES
*******************/
body.single-sfwd-courses .post-featured-img { display: none; }


/*******************
FOOTER
*******************/
#footer-outer .social { display: inline-block; float: left; }
#footer-outer .social > li { display: inline-block; margin: 0 15px; }
#footer-outer .social > li > a .fa { font-size: 30px; line-height: 35px; transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }
#footer-outer .menu-menu-principal-container { display: inline-block!important; float: center!important; text-decoration: none; }
#footer-outer .menu-menu-principal-container > li { display: inline-block; margin: 0 8px; }

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

@media (max-width: 690px) {
	#footer-outer #copyright p { font-size: 13px!important; }
}

@media (max-width: 420px) {
	#footer-outer #copyright p { font-size: 12px!important; }
}


/*******************
CONTACTO
*******************/
.contact-form .wpcf7-form p span { color: white; font-size: 15px; }
.contact-form .wpcf7-list-item { margin: 0; }

.logo-agua .vc_column-inner:before { content: ''; background: url('assets/img/logo-marca-agua.png') no-repeat center; background-size: contain; display: inline-block; height: 90%; left: 50%; opacity: 0.3; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 90%; z-index: 999;  }