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

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

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

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

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

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

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

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

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

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


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

/*********************
GENERAL
*********************/
h1, .h1, h2, .h2 , h3, h4, h5 { color: var(--black); font-family: 'Champion Gothic Welterweight', sans-serif; font-weight: bold; }
body, p, ul li, ol li { font-family: 'Nunito', sans-serif; font-weight: normal; }
a, button { transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }

body.material .nectar-button.jumbo:not([class*=see-through]) { font-family: 'Champion Gothic Welterweight', sans-serif; font-weight: normal; }

.resaltar { font-size: 120px!important; font-weight: bold; }

h1, .h1 { font-size: 60px; line-height: 70px; }
h2, .h2 { font-size: 45px; line-height: 55px; }
h3, .h3 { font-size: 38px; line-height: 45px; }
h4, .h4 { font-size: 30px; line-height: 35px; }
h5, .h5 { font-size: 22px; line-height: 28px; }
h6, .h6 { font-weight: normal; letter-spacing: 1px; text-transform: uppercase; }
p, ul li, ol li { font-size: 20px; line-height: 25px; }

@media (max-width: 1299px) {
	h1, .h1 { font-size: 60px; line-height: 65px; }
	h2, .h2 { font-size: 43px; line-height: 55px; }
	h3, .h3 { font-size: 32px; line-height: 40px; }
	h4 { font-size: 25px; line-height: 30px; }
    p, ul li, ol li { font-size: 18px; line-height: 25px; }
}

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

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

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

.material blockquote::before { border-left: 5px solid var(--white)!important; }


/*********************
HEADER
*********************/
#header-outer .menu-title-text { font-family: 'Champion Gothic Welterweight', sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 1px; line-height: 22px; text-transform: uppercase; }


/*********************
FOOTER
*********************/
#global-footer #menu-legal, #menu-legal > li, #global-footer #menu-informacion, #menu-informacion > li { font-family: 'Nunito', sans-serif; font-size: 20px; font-weight: normal; line-height: 40px; list-style: none; margin-left: 0; padding-left: 0; }
#footer-outer #copyright p { font-size: 17px; }

@media (max-width: 999px) {
    #global-footer .row .col img.img-with-animation.nectar-lazy:not([srcset]) { text-align: center; }
    #global-footer .iwithtext .iwt-icon { left: 90px; }
}

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

/*********************
HOMEPAGE
*********************/
.logo-img .vc_column-inner::before { content: '';  background-image: url('assets/img/logo-horizontal-blanco-x2.png'); background-repeat: no-repeat; background-size: contain; bottom: 15px; display: inline-block; height: 90px; left: 15px; position: absolute; width: 100%; z-index: 999; }

@media (max-width: 690px) {
    .logo-img .vc_column-inner::before { height: 70px; }
}

@media (max-width: 480px) {
    .logo-img .vc_column-inner::before { height: 50px; }
}


/*********************
PAGE
*********************/
.table-responsive { overflow-x: auto; }
.tabla-horarios { border-collapse: collapse; width: 100%; }
.tabla-horarios th, .tabla-horarios td { border: 2px solid var(--nectar-extra-color-1); padding: 8px; text-align: center; }

.horario th { background-color: var(--nectar-extra-color-1); color: var(--white); font-family: 'Champion Gothic Welterweight',sans-serif; font-size: 20px; font-weight: normal!important; text-align: center!important; text-transform: uppercase; }
.horario td { font-size: 18px!important; }
.hora { background-color: var(--nectar-accent-color)!important; color: var(--nectar-extra-color-1); font-size: 20px; }
.tipo-box { color: var(--nectar-extra-color-1)!important; font-family: 'Champion Gothic Welterweight',sans-serif; font-weight: normal!important; }

@media (min-width: 1000px) {
    .nectar_team_member_overlay .team_member_details { padding: 8% 52% 4% 5%; }
}

@media (max-width: 999px) {
	.horario th, .horario td, .hora { font-size: 14px!important; line-height: 19px; }

    .nectar_team_member_overlay .inner-wrap { display: block!important; overflow: auto; }
    .nectar_team_member_overlay .team_member_picture { display: block; position: relative; right: auto; top: auto; width: 100%; }
    .nectar_team_member_overlay .team_member_image { aspect-ratio: 3/4; object-fit: cover; position: relative; }
}

/*@media (max-width: 768px) {
    .tabla-horarios thead { display: none; }
    .tabla-horarios, .tabla-horarios tbody, .tabla-horarios tr, .tabla-horarios td { display: block; width: 100%; }
    .tabla-horarios tr { border-bottom: 2px solid #ddd; margin-bottom: 15px; }
    .tabla-horarios td { border: none; border-bottom: 1px solid #eee; box-sizing: border-box; padding-left: 50%; position: relative; text-align: right; }
    .tabla-horarios td::before { content: attr(data-label)!important; font-weight: bold; left: 10px; position: absolute; top: 8px; white-space: nowrap; }
}*/

@media (max-width: 690px) {
    .tabbed[data-style="vertical_modern"] >div { padding-left: 0!important; }
}


/*********************
 TIMETABLE
 ********************/
.timetable { background-color: #f6f6f6; border-radius: 10px; }
.timetable h3 { background-color: var(--nectar-extra-color-1); border-radius: 10px 10px 0 0; color: var(--white); font-size: 20px; font-weight: normal; margin-bottom: 0!important; padding: 15px; text-align: center; }
.timetable ul, .timetable ul li { list-style: none; margin-left: 0; padding-left: 0; }
.timetable > ul > li { border-bottom: 1px solid #dddddd; }
.timetable > ul > li > ul { display: grid; grid-template-columns: repeat(2, 1fr); }
.timetable > ul > li > ul > li { padding: 10px; }
.timetable > ul > li > ul > li:first-child { background-color: var(--nectar-accent-color); color: var(--white); }
.timetable > ul > li > ul > li .text-site1 { color: var(--nectar-extra-color-1);}


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