/*
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
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');

:root {
	--black: #000000;
	--site1: #d93b54;
	--site2: #FC0004;
	--site3: #5fd58c;
	--white: #ffffff;
}

/*********************
 GENERAL
 *********************/
/*body, h1, h2, h3, h4, h5, h6, p, ul li, ol li { font-family: 'Montserrat', sans-serif; }*/
body, p, ul li, ol li { font-size: 18px; line-height: 24px; }
a, button { transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }
strong { font-weight: 700; }

h1, h2, h3, h4, h5 { color: var(--site1); font-weight: 500; }

h1 { font-size: 50px; line-height: 54px; }
h2 { font-size: 40px; line-height: 45px; }
h3 { font-size: 28px; line-height: 32px; }
h4 { font-size: 22px; line-height: 28px; }
h5 { font-size: 16px; line-height: 20px; }
p { font-size: 18px; line-height: 22px; }

@media (max-width: 1299px) {
	h1 { font-size: 45px; line-height: 50px; }
	h2 { font-size: 35px; line-height: 40px; }
	h3 { font-size: 25px; line-height: 30px; }
	h4 { font-size: 20px; line-height: 25px; }
}

@media (max-width: 999px) {
	h1 { font-size: 40px; line-height: 45px; }
	h2 { font-size: 30px; line-height: 35px; }
	h3 { font-size: 22px; line-height: 28px; }
	h4 { font-size: 19px; line-height: 24px; }
	body, p, ul li, ol li { font-size: 16px; line-height: 22px; }
}

@media (max-width: 690px) {
	h1 { font-size: 30px; line-height: 35px; }
	h2 { font-size: 25px; line-height: 30px; }
	h3 { font-size: 20px; line-height: 25px; }
	h4 { font-size: 18px; line-height: 24px; }
}

.text-site1 { color: var(--site1)!important; }
.text-site2 { color: var(--site2)!important; }
.text-site3 { color: var(--site3)!important; }


/*********************
 HEADER
 *********************/
#header-outer.transparent #top nav > ul > li > a { opacity: 1!important; }
.sf-menu .menu-item a { font-size: 15px!important; line-height: 20px!important; opacity: 1; text-transform: uppercase; }
#header-outer.small-nav #logo img, #header-outer.small-nav .logo-spacing img { height: 60px!important; }
#header-outer[data-lhe=animated_underline] #top nav>ul>li>a { color: var(--black); }

@media (max-width: 1299px) {
	#header-outer #logo img { height: 38px!important; }
	#header-outer.transparent #top nav > ul > li > a { font-size: 14px!important;}
}



/*********************
 FOOTER
 *********************/

#footer-outer:before { content: ''; background: url('assets/img/footer-background.png') no-repeat center; background-size: cover; display: inline-block; height: 117px; position: absolute; opacity: 1; top: 0;  width: 100%; z-index: 9999; transform: translateY(-100%); }
.copy1 a { padding-right: 20px; }
#footer-widgets .social, #footer-widgets .social > li, #footer-widgets .social > li > a { display: inline-block; }
#footer-widgets .social > li:not(:last-child) { margin-right: 30px;  }
#footer-widgets .social > li > a {  color: var(--black)!important; }
#footer-widgets .social > li  .fa { font-size: 36px!important; }

/*********************
 HOMEPAGE
 *********************/
.woman .row-bg-wrap:after { content: ''; background: url('assets/img/mujer.png') no-repeat bottom right; background-size: contain; bottom: 0; height: 533px; position: absolute; right: 50px; width: 400px; z-index: 999; }
.nectar-button.see-through-2, .nectar-button.see-through-3 { background-color: var(--site2)!important; border-radius: 25px!important; color: white!important; } 
h5 > strong { color: #C1C1C1!important; }

@media (max-width: 1299px) {
	.woman .row-bg-wrap:after { width: 300px; }
	.columna-oculta img { display: none; }
}

@media (max-width: 999px) {
	.woman .row-bg-wrap:after { right: 20px; width: 200px; }
}



/*********************
 FAQ
 *********************/

.toggle>.toggle-title a { border-bottom: 1px solid #666666; color: var(--white); }
.toggle.default.open a { background: transparent; }
.toggle>.toggle-title a i { font-size: 22px; left: inherit; right: 30px; top: 50%; transform: translateY(-50%); }
.fa-plus-circle:before { color: var(--site2); content: "\f067"; padding: 5px; }
.fa-minus-circle:before { color: var(--site2); content: "\f068"; padding: 5px; }

div[data-style="default"] .toggle > .toggle-title a, div[data-style="default"] .toggle > .toggle-title { font-size: 22px; line-height: 26px; }

body .toggle>div { background-color: transparent; color: var(--white); }
body .toggle[data-inner-wrap=true]>div .inner-toggle-wrap { padding-bottom: 30px; padding-left: 46px; padding-right: 70px; }


/*********************
 ABOUT
 *********************/

.fondo-caja-1:before { content: ''; background: url('assets/img/fondo-caja-1.png') no-repeat center; background-size: cover; display: inline-block; height: 205px; position: absolute; opacity: 1; bottom: 0;  width: 94%; z-index: 9999; }
.fondo-caja-2:before { content: ''; background: url('assets/img/fondo-caja-2.png') no-repeat center; background-size: cover; display: inline-block; height: 205px; position: absolute; opacity: 1; bottom: 0;  width: 94%; z-index: 9999; }
.fondo-caja-3:before { content: ''; background: url('assets/img/fondo-caja-3.png') no-repeat center; background-size: cover; display: inline-block; height: 205px; position: absolute; opacity: 1; bottom: 0;  width: 94%; z-index: 9999; }


.nectar_single_testimonial .image-icon, .testimonial_slider .image-icon { border: none; border-radius: none; color: var(--site2); left: 20px; font-size: 170px; position: absolute; top: 40px; }
.testimonial_slider blockquote p { padding: 10px 120px; }
.testimonial-name { font-weight: 900; padding-top: 30px; }

@media (max-width: 1299px) {
	.testimonial_slider blockquote p { padding: 10px 80px; }

}

@media (max-width: 999px) {
	.testimonial_slider blockquote p { padding: 10px 40px; }
	.nectar_single_testimonial .image-icon, .testimonial_slider .image-icon { border: none; border-radius: none; color: var(--site2); left: 0; font-size: 170px; opacity: 0.5; position: absolute; top: 40px; z-index: -1; }

}

@media (max-width: 699px) {
	.testimonial_slider blockquote p { padding: 10px 0; }
}

/*********************
 FEATURES
 *********************/

.text-pad { padding: 0 25%; }

.background-dots .row-bg-wrap:before { content: ''; background: url('assets/img/background-dots.png') no-repeat bottom center; background-size: 100%; top: 50%; display: inline-block; height: 50%; left: 0; opacity: 0.3; position: absolute; width: 100%; z-index: 999; transform: translateY(-50%); }
.background-dots-abajo .row-bg-wrap:before { content: ''; background: url('assets/img/background-dots.png') no-repeat bottom center; background-size: 100%; bottom: 0; display: inline-block; height: 100%; left: 0; opacity: 0.3; position: absolute; width: 100%; z-index: 999; }


@media (max-width: 1299px) {
	.text-pad { padding: 0 15%; }

}

@media (max-width: 999px) {
	.text-pad { padding: 0 5%; }
}

@media (max-width: 699px) {
	.text-pad { padding: 0; }
}


/*********************
 CONTACT
 *********************/

h3 > .fa { color: var(--site3); font-size: 40px; padding-left: 10px; }

.iwt-text, .iwt-text a { color: var(--white); font-size: 22px; line-height: 26px; }
.iwt-text a:hover { color: var(--site2); }

.wpcf7-form.init { background-color: var(--white); padding: 50px 150px; }

.wpcf7-form.init input { background: transparent!important; border-bottom: 1px solid; }
.wpcf7-form.init .wpcf7-textarea { background: transparent!important; border-bottom: 1px solid; height: 150px!important; }
.wpcf7-form.init .wpcf7-submit { border-radius: 25px!important; background: var(--site1)!important; -webkit-border-radius: 25px!important; }

.radio-boton { border-radius: 25px!important; }

@media (max-width: 1299px) {
	.wpcf7-form.init { background-color: var(--white); padding: 50px 120px; }
	h3 > .fa { color: var(--site3); font-size: 35px; padding-left: 10px; }
	.iwt-text, .iwt-text a { color: var(--white); font-size: 20px; line-height: 24px; }
}

@media (max-width: 999px) {
	.wpcf7-form.init { background-color: var(--white); padding: 50px 60px; }
	h3 > .fa { color: var(--site3); font-size: 30px; padding-left: 10px; }
	.iwt-text, .iwt-text a { color: var(--white); font-size: 18px; line-height: 22px; }
}

@media (max-width: 699px) {
	.wpcf7-form.init { background-color: var(--white); padding: 50px 20px; }
	h3 > .fa { color: var(--site3); font-size: 25px; padding-left: 10px; }
	.iwt-text, .iwt-text a { color: var(--white); font-size: 16px; line-height: 20px; }
}