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

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

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

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

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

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

@font-face {
    font-family: 'Inter 18pt';
    src: url('assets/fonts/Inter18pt-ExtraBold.eot');
    src: url('assets/fonts/Inter18pt-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Inter18pt-ExtraBold.woff2') format('woff2'),
        url('assets/fonts/Inter18pt-ExtraBold.woff') format('woff'),
        url('assets/fonts/Inter18pt-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 { font-family: 'Baloo 2', sans-serif; font-weight: bold; }
body, h6, p, ul li, ol li { font-family: 'Inter 18pt', sans-serif; font-weight: normal; }
a, button { transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }


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

.text-dest { color: var(--nectar-accent-color); font-size: 60px; }
.text-dest-2 { color: var(--nectar-extra-color-1); font-size: 20px; font-weight: bold; line-height: 24px; }

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

@media (max-width: 480px) {
	h1, .h1 { font-size: 32px; line-height: 40px; }
	h2, .h2 { font-size: 30px; line-height: 40px; }
	h3, .h3 { font-size: 25px; line-height: 30px; }
    h5 { font-size: 17px; line-height: 22px; }
    body, p, ul li, ol li { font-size: 16px; line-height: 20px; }
    .text-dest { font-size: 30px; }
    .text-dest-2 { font-size: 16px; line-height: 20px; }
}


/*********************
 HEADER
*********************/
#header-outer .menu-title-text { font-family: 'Baloo 2', sans-serif; font-size: 18px; font-weight: bold; line-height: 22px; text-transform: uppercase; }
#header-outer.transparent #top nav>ul>li[class*=button_solid_color]>a:before, #top .slide-out-widget-area-toggle[data-custom-color=true] a:before, #top nav>ul>li[class*=button_solid_color]>a:before { height: 30px; z-index: 2; }

#top nav>ul>li[class*=button_solid_color]>a span { padding-right: 20px; position: relative; }
#top nav>ul>li[class*=button_solid_color]>a span:after { content: ''; background: url('assets/img/huella-blanca-contacto.png') no-repeat right; background-size: contain; display: inline-block; height: 20px; margin-left: 10px; position: absolute; width: 20px; z-index: 999; }

#header-outer #top nav > ul > li:not(.megamenu) ul a:hover { background-color: transparent!important; }
#header-outer .sf-menu li ul li.menu-item a:hover { color: black!important; }


/*********************
 FOOTER
*********************/
#global-footer a { color: var(--white); font-size: 22px; opacity: 1; }
#global-footer a:hover { color: var(--black); }
#global-footer i { color: var(--white); line-height: 24px; }
#global-footer #menu-footer, #menu-footer > li { list-style: none; margin-bottom: 6px; margin-left: 0; padding-left: 0; }

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

#cmplz-manage-consent .cmplz-manage-consent { display: none!important; }

@media (max-width: 690px) { 
    #global-footer a { font-size: 18px; }
}

@media (max-width: 480px) {
	#global-footer a  { font-size: 16px; line-height: 20px; }
}


/*********************
 HOMEPAGE
*********************/
.huella .row-bg-wrap::after { content: ''; background: url('assets/img/huella-verde-grande.png') no-repeat right; background-size: contain; display: inline-block; height: 80%; position: absolute; right: -400px; top: 10%; width: 80%; z-index: 9; }
.dogs .row-bg-wrap::after { content: ''; background: url('assets/img/perrita-propia.png') no-repeat right; background-size: contain; display: inline-block; height: 95%; position: absolute; right: 5%; top: 80px; width: 95%; z-index: 9; }
.dogs .row-bg-wrap::before { content: ''; background: url('assets/img/imagen-veterinaria-perro.png') no-repeat left; background-size: contain; display: inline-block; height: 90%; left: 10%; position: absolute; top: 40px; width: 90%; z-index: 9; }

@media (max-width: 1500px) {
    .huella .row-bg-wrap::after { right: -200px; }
}

@media (max-width: 1322px) {
    .dogs .row-bg-wrap::after { height: 80%; right: 0; width: 80%; }
    .dogs .row-bg-wrap::before { left: 5%; }
}

@media (max-width: 1107px) {
    .dogs .row-bg-wrap::after { height: 70%; right: 0; width: 70%; }
}

@media (max-width: 999px) {
    .huella .row-bg-wrap::after { height: 70%; opacity: 0.6; top: -10%; width: 70%; }
    .dogs .row-bg-wrap::after { height: 50%; right: 2%; top: 20%; width: 50%; }
    .dogs .row-bg-wrap::before { height: 50%; left: 3%; top: 20%; width: 50%; }
}

@media (max-width: 690px) {
    .huella .row-bg-wrap::after { height: 90%; right: -100px; width: 90%; }
    .dogs .row-bg-wrap::after { height: 40%; right: 2%; top: -10%; width: 40%; }
    .dogs .row-bg-wrap::before { height: 40%; left: 3%; top: 70%; width: 40%; }
}

@media (max-width: 480px) {
    .dogs .row-bg-wrap::after { height: 30%; right: 2%; top: 0; width: 30%; }
    .dogs .row-bg-wrap::before { height: 30%; left: -2%; width: 30%; }
	.eco-icon { text-align: center!important; }
}


/*********************
 PAGES
*********************/
.cpa-img { z-index: 9999!important; }

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 { background-color: var(--white); border-radius: 15px; margin-bottom: 30px; padding: 0 30px; }
div[data-style*=minimal] .toggle>.toggle-title i { top: 50%; }

.row .col .team-member h4 { font-weight: bold; margin-top: 20px; }

@media (max-width: 1699px) {
	.btn-box h4 { font-size: 22px; line-height: 26px; }
}

@media (max-width: 1449px) {
	.btn-box h4 { font-size: 20px; line-height: 24px; }
}

@media (max-width: 999px){
    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; }
	
	.btn-box h4 { font-size: 18px; line-height: 22px; }
}

@media (max-width: 690px){
    body div[data-style*=minimal] .toggle.open>.toggle-title a, body div[data-style*=minimal] .toggle>.toggle-title a { font-size: 16px; line-height: 22px; }
}



/*********************
 CONTACTO
*********************/
.contact-form input[type=text],.contact-form input[type=email],.contact-form input[type=tel] { background-color: transparent; border: 2px solid var(--nectar-extra-color-1)!important; border-radius: 15px; font-family: 'Baloo 2', sans-serif; font-size: 18px!important; padding: 15px 15px!important; }
.contact-form textarea { background-color: transparent; border: 2px solid var(--nectar-extra-color-1)!important; font-family: 'Baloo 2', sans-serif; border-radius: 15px; font-size: 18px; height: 200px; padding: 15px 15px!important; }
.contact-form ::placeholder { color: #777!important; opacity: 0.5; }
.contact-form .wpcf7-form p span { color: var(--black)!important; font-size: 15px; line-height: 20px; }
.contact-form .wpcf7-form p span a { color: var(--nectar-extra-color-1)!important; font-size: 15px; line-height: 20px; text-decoration: underline; }
.contact-form .wpcf7-form p span a:hover { color: var(--nectar-accent-color)!important; }
.contact-form .small { color: var(--black)!important; font-size: 13px; line-height: 18px; margin-top: 10px; }
.contact-form .small a { color:var(--nectar-extra-color-1)!important; font-size: 13PX; line-height: 18px; 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-accent-color)!important; font-size: 18px; margin-top: 10px; text-transform: uppercase; }


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

.contact-mod input[type=text],.contact-mod input[type=email],.contact-mod input[type=tel] { background-color: transparent; border: 2px solid var(--nectar-extra-color-1)!important; border-radius: 15px; font-family: 'Baloo 2', sans-serif; font-size: 18px!important; padding: 15px 15px!important; }
.contact-mod textarea { background-color: transparent; border: 2px solid var(--nectar-extra-color-1)!important; border-radius: 15px; font-family: 'Baloo 2', sans-serif; font-size: 18px; height: 180px; padding: 15px 15px!important; }
.contact-mod select { background-color: transparent; border: 2px solid var(--nectar-extra-color-1)!important; border-radius: 15px; font-family: 'Baloo 2', sans-serif; font-size: 18px; padding: 15px 15px!important; }
.contact-mod ::placeholder { color: #777!important; opacity: 0.5; }
.contact-mod .wpcf7-form p span { color: var(--black)!important; font-size: 15px; line-height: 20px; }
.contact-mod .wpcf7-form p span a { color: var(--nectar-extra-color-1)!important; font-size: 15px; line-height: 20px; text-decoration: underline; }
.contact-mod .wpcf7-form p span a:hover { color: var(--nectar-accent-color)!important; }
.contact-mod .small { color: var(--black)!important; font-size: 13px; line-height: 18px; margin-top: 10px; }
.contact-mod .small a { color:var(--nectar-extra-color-1)!important; font-size: 13PX; line-height: 18px; text-decoration: underline; }
.contact-mod .small a:hover { color: var(--nectar-accent-color)!important; }