/*
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: 'MADE Outer Sans Outline';
    src: url('assets/fonts/MADEOuterSansOutline-Light.eot');
    src: url('assets/fonts/MADEOuterSansOutline-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/MADEOuterSansOutline-Light.woff2') format('woff2'),
        url('assets/fonts/MADEOuterSansOutline-Light.woff') format('woff'),
        url('assets/fonts/MADEOuterSansOutline-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

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

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

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

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

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


/***************
GENERAL
***************/
h1, .h1, h2, .h2, h4, h5 { font-family: 'MADE Outer Sans', sans-serif; font-weight: 300; text-transform: uppercase; }
h3 { font-family: 'MADE Outer Sans', sans-serif; font-weight: normal; text-transform: uppercase; }
.h3 { text-transform: lowercase; }
p, ul li, ol li { font-family: 'Roboto', sans-serif; font-weight: normal; }
a, button { transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }

.nectar-button span { font-family: 'MADE Outer Sans', sans-serif!important; font-weight: 500; text-transform: uppercase!important; }

h1, .h1 { font-size: 65px; line-height: 70px; }
h2, .h2 { font-size: 46px; line-height: 50px; }
h3, .h3 { font-size: 25px; line-height: 30px; }
h4, .h4 { font-size: 24px; line-height: 30px; }
h5, .h5 { font-size: 18px; line-height: 22px; }
p, ul li, ol li { font-size: 19px; line-height: 25px; }

.resaltar { color: var(--nectar-accent-color)!important; font-size: 137px; line-height: 120px; }


@media (max-width: 1299px) {
	h1, .h1 { font-size: 55px; line-height: 65px; }
	h2, .h2 { font-size: 40px; line-height: 45px; }
	h3, .h3 { font-size: 28px; line-height: 33px; }
	h4, .h4 { font-size: 23px; line-height: 28px; }
    .resaltar { font-size: 127px; line-height: 90px; }
}

@media (max-width: 999px) {
	h1, .h1 { font-size: 40px; line-height: 45px; }
	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; }
    .resaltar { font-size: 117px; line-height: 80px; }
}

@media (max-width: 690px) {
	h1, .h1 { font-size: 35px; line-height: 40px; }
	h2, .h2 { font-size: 32px; line-height: 38px; }
	h3, .h3 { font-size: 22px; line-height: 27px; }
	h4, .h4 { font-size: 20px; line-height: 24px; }
    .resaltar { font-size: 97px; line-height: 70px; }
	body.material .nectar-button.jumbo:not([class*=see-through]) { padding: 14px 43px; }
}

@media (max-width: 480px) {
    .resaltar { font-size: 67px; line-height: 50px; }
    h2 { font-size: 30px; line-height: 35px; }
}


.text-outline { color: var(--nectar-extra-color-2)!important; font-family: 'MADE Outer Sans Outline', sans-serif; font-size: 80px; font-weight: 300; line-height: 96px; }
.text-1 { color: var(--nectar-accent-color); }
.text-2 { color: var(--nectar-extra-color-1); }
.text-3 { color: var(--nectar-extra-color-2)!important; }


/***************
HEADER
***************/
#header-outer li > a .menu-title-text { font-family: 'MADE Outer Sans', sans-serif; font-size: 16px; font-weight: normal; }

#header-outer #logo img { height: 70px; }

#page-header-bg h1, .nectar-box-roll .overlaid-content h1 { font-family: 'MADE Outer Sans', sans-serif!important; font-size: 60px; font-weight: 300; text-transform: uppercase;  }
.page-header-overlay-color:after { opacity: 0.3; }

@media (max-width: 1330px) {
	#page-header-bg h1 { font-size: 50px; }
	#header-outer li > a .menu-title-text { font-size: 13px; }
	body.material #header-outer .cart-menu .cart-icon-wrap .icon-salient-cart { font-size: 13px; }
	#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a { margin-left: 8px; margin-right:8px; }
}

@media (max-width: 1150px) {
	#header-outer #logo img { height: 59px; }
}

/***************
FOOTER
***************/
#footer-outer #footer-widgets a { font-family: 'MADE Outer Sans', sans-serif!important; font-weight: bold; }
#footer-outer[data-custom-color=true] #footer-widgets a:not(.nectar-button) { padding-right: 40px; }
#footer-outer #footer-widgets i { margin-right: 5px; }
#footer-outer #copyright p { font-size: 15px; }
#footer-outer i { color: var(--nectar-accent-color)!important; }
#footer-outer[data-cols="1"] #copyright li a i { font-size: 25px; }
#footer-outer[data-cols="1"] #copyright li a i:after { border-color: transparent!important; }

@media (max-width: 480px) {
    body #footer-outer i { width: 100%; }
    #footer-outer[data-custom-color=true] #footer-widgets a:not(.nectar-button) { padding-right: 0; }
}


/***************
HOMEPAGE
***************/
.nectar-fancy-box>.inner>.heading-wrap:before { content: ''; border-top: 3px solid var(--nectar-accent-color); display: inline-block; left: 0; position: absolute; top: -15px; width: 25%; z-index: 99; }

.lunares .row-bg-wrap:before { content: ''; background: url('assets/img/vector-sin-fondo.png') no-repeat left; background-size: contain; display: inline-block; height: 100%; left: 350px; opacity: 0.7; position: absolute; top: 0; width: 100vw; z-index: 99; }

.about-social .nectar_icon_wrap .nectar_icon { padding: 10px 15px!important; }

.lunares-2 .wpb_wrapper:before { content: ''; background: url('assets/img/lunares-mas-intensos.png') no-repeat right; background-size: contain; display: inline-block; height: 100%; opacity: 0.7; position: absolute; right: -20px; top: 0; width: 100vw; z-index: 1; }
.img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img.img-with-animation.nectar-lazy.loaded, .img-with-aniamtion-wrap img.img-with-animation.nectar-lazy.loaded { z-index: 3; }

.i-bg:before { content: ''; background: url(assets/img/quotes.png) no-repeat left; background-size: contain; display: inline-block; height: 80px; left: 40px; position: absolute; top: -40px; width: 75px; z-index: 99; }

.fitness .row-bg-wrap:before { content: ''; background: url(assets/img/fitnesss-lineas-blancas.png) no-repeat right; background-size: contain; display: inline-block; height: 80%; opacity: 0.1; position: absolute; right: 0; top: -340px; width: 75vw; z-index: 2; }


@media (max-width: 1299px) {
    .text-outline { font-size: 74px; line-height: 76px; }
    .lunares .row-bg-wrap:before { left: 60px; }
}

@media (max-width: 999px) {
    .lunares .row-bg-wrap:before { height: 80%; left: 28%; top: -20px; }
}

@media (max-width: 690px) {
    .text-outline { font-size: 64px; line-height: 66px; }
    .lunares .row-bg-wrap:before { height: 60%; left: 28%; }
}

@media (max-width: 480px) {
    .text-outline { font-size: 54px; line-height: 56px; }
    .lunares .row-bg-wrap:before { height: 50%; left: 10%; }

}


/***************
TIENDA
***************/
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { bottom: 16px; font-size: 15px; right: 267px; }

.woocommerce ul.products li.product.classic .product-wrap img { border-radius: 20px; }

/***************
CONTACTO
***************/
.contact-form .wpcf7-form { padding-top: 35px; }
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea { background-color: transparent!important; border-bottom: 1px solid white!important; padding: 0!important; }

.contact-form .wpcf7-form p span { color: white!important; font-size: 15px; }
.contact-form .wpcf7-form p span a { color: white!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: white!important; font-size: 13px; line-height: 18px; margin-top: 10px; }
.contact-form .small a { color:white!important; text-decoration: underline; }
.contact-form .small a:hover { color: var(--nectar-extra-color-1)!important; }
.wpcf7-list-item { margin: 0!important; }
.contact-form input[type="submit"] { background-color: #0267b9!important; margin-top: 20px; }
body[data-button-style=rounded] .container-wrap input[type=submit] { padding: 10px 30px!important; }