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

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

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

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

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

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

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

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

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

/*********************
GENERAL
*********************/
h1, .h1, h2, .h2 , h3, h4, h5 { color: var(--nectar-extra-color-1); font-family: 'EB Garamond', sans-serif; font-weight: bold; }
h4, h5 { color: var(--nectar-extra-color-2); font-family: 'EB Garamond', sans-serif; font-weight: normal; }
body, p, ul li, ol li { color: var(--nectar-extra-color-2); font-family: 'Rubik', 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]) { border-radius: 10px!important; }
body.material .nectar-button.large:not([class*=see-through]) { border-radius: 10px!important; }

.hight-text { font-size: 80px; line-height: 90px; }
.text-snd { color: var(--nectar-extra-color-1)!important; }

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

@media (max-width: 1299px) {
	h1, .h1 { font-size: 60px; line-height: 65px; }
	h2, .h2 { font-size: 50px; line-height: 55px; }
	h3, .h3 { font-size: 35px; line-height: 40px; }
	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: 30px; line-height: 35px; }
	h4 { font-size: 22px; line-height: 26px; }
	body, p, ul li, ol li { font-size: 18px; line-height: 25px; }
    .hight-text { font-size: 50px; line-height: 55px; }
}

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

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


/*********************
HEADER
*********************/
#header-outer .menu-title-text { font-family: 'Rubik', sans-serif; font-size: 18px; font-weight: normal; line-height: 22px; opacity: 1;}


body.material #header-outer #social-in-menu i { background-color: var(--white); color: var(--nectar-extra-color-2); border-radius: 50%; height: 32px; line-height: 32px; margin-left: 5px; width: 32px; }

/*#top nav > ul > li:not(:first-child):before { content: '•'; color: #777!important; display: block; font-size: 20px; left: -4px; position: absolute; top: 50%; }*/

body:not(.nectar-no-flex-height) .container-wrap { padding-top: 0; }

@media (max-width: 1170px) {
    #header-outer .menu-title-text  { font-size: 15px; }
    #header-outer[data-lhe="animated_underline"] #top nav > ul > li > a { margin-left: 13px; margin-right: 13px; }
}

@media (max-width: 1100px) {
    #header-outer .menu-title-text  { font-size: 13px; }
    #header-outer[data-lhe="animated_underline"] #top nav > ul > li > a { margin-left: 10px; margin-right: 10px; }
}


/*********************
FOOTER
*********************/
#global-footer h4 { color: var(--nectar-accent-color); }
#global-footer a { color: var(--white)!important; }
#global-footer a:hover { color: var(--nectar-accent-color)!important; }
#global-footer i { color: var(--white)!important; }
#footer-outer #copyright p { font-size: 15px; line-height: 20px; }
#footer-outer #copyright a:not(.nectar-button):hover { color: var(--nectar-accent-color)!important; }

@media (max-width: 690px) {
    #global-footer h5 { font-size: 20px; line-height: 25px; }
}

@media (max-width: 480px) {
    #footer-outer #copyright p { font-size: 13px; text-align: center; }
}


/*********************
HOMEPAGE
*********************/
#top .tabbed[data-style*=vertical] .wpb_tabs_nav, .tabbed[data-style*=vertical] .wpb_tabs_nav { width: 320px; }
#icon-tabs ul.wpb_tabs_nav > li > a { padding-left: 75px; position: relative; }
#icon-tabs ul.wpb_tabs_nav > li > a:before { content: ''; background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; font-size: 20px; height: 40px; left: 12px; position: absolute; top: 16px; width: 50px; z-index: 9; }
#icon-tabs ul.wpb_tabs_nav > li > a.active-tab:before { filter: brightness(0) invert(1); }
#icon-tabs ul.wpb_tabs_nav > li:first-child > a:before { background-image: url('assets/icons/yoga.png'); }
#icon-tabs ul.wpb_tabs_nav > li:nth-child(2) > a:before { background-image: url('assets/icons/meditación.png'); }
#icon-tabs ul.wpb_tabs_nav > li:nth-child(3) > a:before { background-image: url('assets/icons/practicas-silencio.png'); }
#icon-tabs ul.wpb_tabs_nav > li:nth-child(4) > a:before { background-image: url('assets/icons/comida-vegetariana.png'); }
#icon-tabs ul.wpb_tabs_nav > li:nth-child(5) > a:before { background-image: url('assets/icons/senderismo.png'); }
#icon-tabs ul.wpb_tabs_nav > li:nth-child(6) > a:before { background-image: url('assets/icons/comida-vegetariana.png'); }
#icon-tabs ul.wpb_tabs_nav > li:nth-child(7) > a:before { background-image: url('assets/icons/cursos.png'); }
#icon-tabs ul.wpb_tabs_nav > li:nth-child(8) > a:before { background-image: url('assets/icons/escritura.png'); }
#icon-tabs ul.wpb_tabs_nav > li:last-child > a:before { background-image: url('assets/icons/alojamiento.png'); }

.tabbed[data-style*=vertical]>div { width: calc(100% - 320px); }

.toggles--minimal-shadow .toggle { border-bottom: transparent; }
body div[data-style*=minimal] .toggle>.toggle-title a { background-color: var(--nectar-extra-color-1); border-radius: 5px; color: var(--white); text-align: center; width: 50%; }
.toggles--minimal-shadow .toggle.default > .toggle-title a:hover { color: var(--white); }
.toggles--minimal-shadow .toggle > .toggle-title a { padding: 20px 15px; }
div[data-style*=minimal] .toggle>.toggle-title i { display: none; }
.toggles--minimal-shadow .toggle.default.open > .toggle-title a { background-color: var(--nectar-extra-color-1); border-radius: 5px; color: var(--white); margin-bottom: 25px; }
.toggle>.toggle-title a { font-size: 22px; line-height: 30px; }


@media (max-width: 999px) {
    #top .tabbed[data-style*=vertical] .wpb_tabs_nav, .tabbed[data-style*=vertical] .wpb_tabs_nav { width: 100%; }
    .tabbed[data-style*=vertical]>div { width: 100%; }
    .tabbed[data-style="vertical_modern"] >div { padding-left: 0; }
    #icon-tabs ul.wpb_tabs_nav > li > a:before { height: 35px; top: 10px; }
    body .toggles--minimal-shadow .toggle { padding: 0; }

}

@media (max-width: 841px) {
    #global-contact .row-bg-wrap::before { height: 300px; left: -80px; top: 30px; }
}

@media (max-width: 690px) {
    #global-contact .row-bg-wrap::before { height: 250px; left: -50px; top: 350px; }
	.toggle>.toggle-title a { font-size: 20px; line-height: 28px; }
    body .toggles--minimal-shadow .toggle { padding: 0 15px; }
    body div[data-style*=minimal] .toggle>.toggle-title a { width: 100%; }
}


/*********************
PAGE
*********************/
.row .nectar_image_with_hotspots img { width: 83%; }

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

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { border-radius: 10px; }

body .col.centered-text img, body .wpb_column.centered-text img { border-radius: 10px; }

#icon-tabs-2 ul.wpb_tabs_nav > li > a { padding-left: 75px; position: relative; }
#icon-tabs-2 ul.wpb_tabs_nav > li > a:before { content: ''; background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; font-size: 20px; height: 40px; left: 12px; position: absolute; top: 16px; width: 50px; z-index: 9; }
#icon-tabs-2 ul.wpb_tabs_nav > li > a.active-tab:before { filter: brightness(0) invert(1); }
#icon-tabs-2 ul.wpb_tabs_nav > li:first-child > a:before { background-image: url('assets/icons/oasis.png'); }
#icon-tabs-2 ul.wpb_tabs_nav > li:nth-child(2) > a:before { background-image: url('assets/icons/filosofia.png'); }
#icon-tabs-2 ul.wpb_tabs_nav > li:nth-child(3) > a:before { background-image: url('assets/icons/jardín.png'); }
#icon-tabs-2 ul.wpb_tabs_nav > li:nth-child(4) > a:before { background-image: url('assets/icons/retiros.png'); }
#icon-tabs-2 ul.wpb_tabs_nav > li:nth-child(5) > a:before { background-image: url('assets/icons/alianza.png'); }
#icon-tabs-2 ul.wpb_tabs_nav > li:last-child > a:before { background-image: url('assets/icons/invitación.png'); }

.wpb_gallery_slidesflickity_static_height_style .nectar-flickity:not(.masonry) .flickity-viewport { margin: 0!important; }
.nectar-flickity:not(.masonry) .flickity-slider .cell[data-lazy=true] img.loaded { border-radius: 10px!important; }

#products-form { max-width: 300px; }
#products-form select { background-color: var(--white); color: var(--black); }
#products-form [type="submit"] { background-color: var(--nectar-extra-color-1); border-radius: 10px!important; color: var(--white); font-size: 17px; font-weight: 700; margin-top: 15px; padding: 10px 22px!important; }

@media (max-width: 999px) { 
    .row .nectar_image_with_hotspots img { width: 100%; }
    #icon-tabs-2 ul.wpb_tabs_nav > li > a:before { height: 35px; top: 10px; }
}

@media (max-width: 480px) {
    .wpb_column:not([class*=vc_col-xs]) { margin-bottom: 0; }
}


/*********************
CONTACT
*********************/
.contact-form label { color: black!important; }
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"], .contact-form textarea { margin-top: 5px; }

.contact-form .wpcf7-form p span { color: black!important; font-size: 15px; }
.contact-form .wpcf7-form p span a { color: black!important; text-decoration: underline; }
.contact-form .wpcf7-form p span a:hover { color: var(--nectar-accent-color)!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-accent-color)!important; }

body[data-form-submit=regular] .container-wrap input[type=submit] { background-color: var(--nectar-extra-color-1); color: var(--white); font-size: 17px; font-weight: 700; padding: 10px 22px!important; }

.wpcf7-list-item { margin: 0!important; }