/*
Theme Name: Stylex Child Theme
Theme URI: https://shtheme.com/demosd/stylex
Description: This is child theme of stylex
Author: Shtheme
Author URI: https://themeforest.net/user/shtheme
Version: 1.0
Text Domain:  stylex-child
Template: stylex
*/

/* ========TABLE OF CONTENTS==========
00. Body, links, hgroup, paragraphs, general styles
01. Fixed header & Navigation
02. Section Intro (Home)
03. Section About
04. Section Resume
05. Section Portfolio
06. Section Blog
07. Section Contact
08. Footer
09. Loader
10. Responsive design

/*--------------------------------------------------
    00. Body, links, hgroup, paragraphs, general styles
---------------------------------------------------*/

@font-face{
    font-family: "amberes-grotesk";
    src: url("https://vinovecinas.es/wp-content/themes/stylex/fonts/AmberesGrotesk.otf") format("woff"),
    	 url("https://vinovecinas.es/wp-content/themes/stylex/fonts/AmberesGrotesk.otf") format("opentype"),
    	 url("https://vinovecinas.es/wp-content/themes/stylex/fonts/AmberesGrotesk.otf") format("truetype");
}
@font-face{
    font-family: "amberes-grotesk-light";
    src: url("https://vinovecinas.es/wp-content/themes/stylex/fonts/AmberesGrotesk-Light.otf") format("woff"),
    	 url("https://vinovecinas.es/wp-content/themes/stylex/fonts/AmberesGrotesk-Light.otf") format("opentype"),
    	 url("https://vinovecinas.es/wp-content/themes/stylex/fonts/AmberesGrotesk-Light.otf") format("truetype");
}
@font-face{
    font-family: "fkscreamer";
    src: url("https://vinovecinas.es/wp-content/themes/stylex/fonts/FKScreamerTrial-Regular.otf") format("woff"),
    	 url("https://vinovecinas.es/wp-content/themes/stylex/fonts/FKScreamerTrial-Regular.otf") format("opentype"),
    	 url("https://vinovecinas.es/wp-content/themes/stylex/fonts/FKScreamerTrial-Regular.otf") format("truetype");
}
@font-face{
    font-family: "fkscreamer-bold";
    src: url("https://vinovecinas.es/wp-content/themes/stylex/fonts/FKScreamerTrial-Bold.otf") format("woff"),
    	 url("https://vinovecinas.es/wp-content/themes/stylex/fonts/FKScreamerTrial-Bold.otf") format("opentype"),
    	 url("https://vinovecinas.es/wp-content/themes/stylex/fonts/FKScreamerTrial-Bold.otf") format("truetype");
}
@font-face{
    font-family: "fkscreamer-medium";
    src: url("https://vinovecinas.es/wp-content/themes/stylex/fonts/FKScreamerTrial-Medium.otf") format("woff"),
    	 url("https://vinovecinas.es/wp-content/themes/stylex/fonts/FKScreamerTrial-Medium.otf") format("opentype"),
    	 url("https://vinovecinas.es/wp-content/themes/stylex/fonts/FKScreamerTrial-Medium.otf") format("truetype");
}
@font-face{
    font-family: "jingle";
    src: url("https://vinovecinas.es/wp-content/themes/stylex/fonts/Jingle Regular.otf") format("woff"),
    	 url("https://vinovecinas.es/wp-content/themes/stylex/fonts/Jingle Regular.otf") format("opentype"),
    	 url("https://vinovecinas.es/wp-content/themes/stylex/fonts/Jingle Regular.otf") format("truetype");
}


p.comment-form-cookies-consent{
    display: none;
}
span.ajax-loader{
    display: none!important;
}
div.wpcf7-response-output{
    color: #e0e0e0;
    margin:10px 0 0 0;
}
.search-custom form input{
    width: 100%;
    padding: 9px 12px;
    margin-top: 10px;
    border: 1px solid #d1d1d1;
    color: #111;
}
.search-custom form button{
    border: 1px solid #fff;
    color: #fff;
    font-size: 18px;
    height: 43px;
    position: relative;
    width: 43px;
    cursor: pointer;
    float: right;
    background: #111;
    margin-top: -43px;
    padding: 0;
    letter-spacing: 0;
}
.search-custom form button:hover{
    background: #fff;
    border: 1px solid #111;
    color: #111;
}
.search-custom h4{
    font-weight: 600;
    font-size: 20px;
    color: #e0e0e0;
}
h3.comment-reply-title{
    margin-left: 15px!important;
    font-size: 40px;
    margin: 0 auto 30px auto;
    position: relative;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: none;
    line-height: 1.5;
    text-align: left;
    letter-spacing: normal;
    color: #e0e0e0;
    padding: 0;
    z-index: 2;
}
#form input.submit{
    border-bottom: none;
    margin:19px auto 0 auto;
    overflow: hidden;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: normal;
    color: #fff;
    border: 1px solid #fff;
    width: auto;
    padding: 10px;
}
p.form-submit{
    text-align: center;
}
p.logged-in-as{
    margin-left: 15px;
}
.comments h4{
    color: #fff;
    font-weight: 600;
}
.comments h4 span{
    margin-left: 10px;
}
.recentcomments a,
.recentcomments {
    color: #fff;
    font-weight: 600;
}
.widget br{
    display: none;
}
.error{
    margin: 30px auto;
}
.wpcf7-form p{
    display: none;
}
.wpcf7-form #form input.wpcf7-submit{
    color: #e0e0e0;
    border-bottom: none;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    font-weight: 800;
}
nav.navigation-menu li.current_page_item a,
nav.navigation-menu li.current-menu-parent a{
    color: transparent;
    -webkit-text-stroke: 1px #fff;
    text-shadow: none;
}
.hero-bg{
    position: fixed;
}
.swiper-scrollbar{
    position: absolute!important;
    background: rgba(119, 119, 119, .75)!important;
    border-radius: 0!important;
}
.swiper-scrollbar-drag{
    border-radius: 50%!important;
    background: #fff!important;
    top: -8px!important;
    height: 16px!important;
}
.home-page{
    height: 100vh;
}
.elementor-lightbox{
    display: none!important;
}


/* FONTS LANDING */
.elementor-374 .elementor-element.elementor-element-7021cb0 .elementor-button, .elementor-374 .elementor-element.elementor-element-7b22b96 .elementor-button, .elementor-374 .elementor-element.elementor-element-c11ae21 .elementor-button, .elementor-63 .elementor-element.elementor-element-80e0c9d .elementor-heading-title, .elementor-505 .elementor-element.elementor-element-80e0c9d .elementor-heading-title, .elementor-517 .elementor-element.elementor-element-80e0c9d .elementor-heading-title, .elementor-63 .elementor-element.elementor-element-29b724d .elementor-button, .elementor-63 .elementor-element.elementor-element-f0c0335 .elementor-button, .elementor-63 .elementor-element.elementor-element-770d5e9 .elementor-button, .elementor-505 .elementor-element.elementor-element-38a7d45 .elementor-button, .elementor-505 .elementor-element.elementor-element-dbf3850 .elementor-button, .elementor-505 .elementor-element.elementor-element-3de01af .elementor-button, .elementor-517 .elementor-element.elementor-element-0cea262 .elementor-button, .elementor-517 .elementor-element.elementor-element-39c73a4 .elementor-button, .elementor-517 .elementor-element.elementor-element-e66f545 .elementor-button {
	font-family: 'amberes-grotesk' !important;
}
.elementor-63 .elementor-element.elementor-element-f0973f8, .elementor-505 .elementor-element.elementor-element-f0973f8, .elementor-517 .elementor-element.elementor-element-f0973f8, .elementor-63 .elementor-element.elementor-element-3dc4546 .elementor-heading-title, .elementor-63 .elementor-element.elementor-element-78bcceb .elementor-button, .elementor-63 .elementor-element.elementor-element-57b72c7, .elementor-505 .elementor-element.elementor-element-61f160c .elementor-heading-title, .elementor-505 .elementor-element.elementor-element-90005d8 .elementor-button, .elementor-505 .elementor-element.elementor-element-924322d, .elementor-517 .elementor-element.elementor-element-a19535d .elementor-heading-title, .elementor-517 .elementor-element.elementor-element-697d50c .elementor-button, .elementor-517 .elementor-element.elementor-element-4fa20f4, .elementor-868 .elementor-element.elementor-element-0144854 .elementor-heading-title, .elementor-868 .elementor-element.elementor-element-9b10197 .elementor-button, .elementor-891 .elementor-element.elementor-element-0144854 .elementor-heading-title, .elementor-891 .elementor-element.elementor-element-9b10197 .elementor-button, .elementor-896 .elementor-element.elementor-element-0144854 .elementor-heading-title, .elementor-896 .elementor-element.elementor-element-9b10197 .elementor-button, .elementor-1045 .elementor-element.elementor-element-70a80b2 {
	font-family: 'amberes-grotesk-light' !important;
}
.elementor-63 .elementor-element.elementor-element-fb91b9d .elementor-heading-title, .elementor-63 .elementor-element.elementor-element-f5b8828 .elementor-heading-title, .elementor-505 .elementor-element.elementor-element-fb91b9d .elementor-heading-title, .elementor-505 .elementor-element.elementor-element-f5b8828 .elementor-heading-title, .elementor-517 .elementor-element.elementor-element-fb91b9d .elementor-heading-title, .elementor-517 .elementor-element.elementor-element-f5b8828 .elementor-heading-title, .elementor-374 .elementor-element.elementor-element-458828f .elementor-heading-title, .elementor-63 .elementor-element.elementor-element-bad698a .elementor-heading-title, .elementor-63 .elementor-element.elementor-element-5915b8a .elementor-heading-title, .elementor-505 .elementor-element.elementor-element-2f37715 .elementor-heading-title, .elementor-505 .elementor-element.elementor-element-da526ac .elementor-heading-title, .elementor-517 .elementor-element.elementor-element-f00d6c6 .elementor-heading-title, .elementor-517 .elementor-element.elementor-element-efd0f4e .elementor-heading-title, .elementor-1045 .elementor-element.elementor-element-a7b7420 .elementor-heading-title {
	font-family: 'fkscreamer-bold' !important;
}
.elementor-63 .elementor-element.elementor-element-d5d7553 .elementor-heading-title, .elementor-63 .elementor-element.elementor-element-96265d7 .elementor-heading-title, .elementor-505 .elementor-element.elementor-element-d5d7553 .elementor-heading-title, .elementor-505 .elementor-element.elementor-element-96265d7 .elementor-heading-title, .elementor-517 .elementor-element.elementor-element-d5d7553 .elementor-heading-title, .elementor-517 .elementor-element.elementor-element-96265d7 .elementor-heading-title, .elementor-63 .elementor-element.elementor-element-d5c9422 .elementor-heading-title, .elementor-63 .elementor-element.elementor-element-41ddf78 .elementor-heading-title, .elementor-505 .elementor-element.elementor-element-43bcfd5 .elementor-heading-title, .elementor-505 .elementor-element.elementor-element-71ff6fb .elementor-heading-title, .elementor-517 .elementor-element.elementor-element-a34728a .elementor-heading-title, .elementor-517 .elementor-element.elementor-element-bf51c62 .elementor-heading-title, .elementor-868 .elementor-element.elementor-element-6694cc2 .elementor-heading-title, .elementor-868 .elementor-element.elementor-element-84e9835 .elementor-heading-title, .elementor-891 .elementor-element.elementor-element-6694cc2 .elementor-heading-title, .elementor-891 .elementor-element.elementor-element-84e9835 .elementor-heading-title, .elementor-896 .elementor-element.elementor-element-6694cc2 .elementor-heading-title, .elementor-896 .elementor-element.elementor-element-84e9835 .elementor-heading-title {
	font-family: 'jingle' !important;
}

/* HEADER */
a.active {
    color: #000000 !important;
    background-color: #FFFFFF !important;
}

/* HOME MOBILE */
#gif {
	height: 100vh;
	width: 100vh;
}
.logo-section {
    display: none;
}

/* HOME */
body.post-548 a.logo, body.post-548 .round-menu-wrapper, body.post-548 .vertical-lines-wrapper, body.post-548 .to-top-arrow, body.post-781 a.logo, body.post-781 .round-menu-wrapper, body.post-781 .vertical-lines-wrapper, body.post-781 .to-top-arrow, body.post-868 a.logo, body.post-868 .round-menu-wrapper, body.post-868 .vertical-lines-wrapper, body.post-868 .to-top-arrow, body.post-891 a.logo, body.post-891 .round-menu-wrapper, body.post-891 .vertical-lines-wrapper, body.post-891 .to-top-arrow, body.post-896 a.logo, body.post-896 .round-menu-wrapper, body.post-896 .vertical-lines-wrapper, body.post-896 .to-top-arrow, body.post-1045 a.logo, body.post-1045 .round-menu-wrapper, body.post-1045 .vertical-lines-wrapper, body.post-1045 .to-top-arrow {
    display: none !important;
}
.elementor-548 .elementor-element.elementor-element-9abf664 img {
    width: 1569px;
    margin-left: -30px;
    max-width: fit-content !important;
}
#logo {
	transition: transform 2s, opacity 2s; /* Aplica transición solo a transform y opacity */
    transform-origin: top center; /* Define el punto de transformación en la parte superior */
}

/* VINOS*/
.elementor-63 .elementor-element.elementor-element-57b72c7 > div > p, .elementor-505 .elementor-element.elementor-element-924322d > div > p, .elementor-517 .elementor-element.elementor-element-4fa20f4 > div > p {
    color: #FFFFFF !important;
    font-weight: 100 !important;
	font-size: 12px !important;
    line-height: 14px !important;
}

/* INFO */
.contenedor-fila {
    overflow: hidden;
}
.imagenes-desplazables, .imagenes-desplazables2, .imagenes-desplazables3, .imagenes-desplazables4, .imagenes-desplazables5 {
    display: flex; /* Asegura que las imágenes se desplacen horizontalmente */
    transition: transform 0.5s ease-in-out; /* Agrega la transición para el desplazamiento horizontal */
}
.imagenes-desplazables img, .imagenes-desplazables2 img, .imagenes-desplazables3 img, .imagenes-desplazables4 img, .imagenes-desplazables5 img {
    transition: opacity 10s; /* Agrega una transición de opacidad para el efecto */
}
/*@keyframes desplazar {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-100% * (var(--n, 1)))); }  Ajusta el valor para cubrir todas las imágenes 
}*/

/* CARRUSEL */
body.post-868, .elementor-781 .elementor-element.elementor-element-8ff04cd .elementor-repeater-item-52678c6 .swiper-slide-inner {
	background-color: #AD6495 !important;
}
body.post-891, .elementor-781 .elementor-element.elementor-element-8ff04cd .elementor-repeater-item-b7b8e8d .swiper-slide-inner {
	background-color: #CF341A !important;
}
body.post-896, .elementor-781 .elementor-element.elementor-element-8ff04cd .elementor-repeater-item-fa942a3 .swiper-slide-inner {
	background-color: #CDC7BF !important;
}
.elementor-781 .elementor-element.elementor-element-8ff04cd .elementor-repeater-item-52678c6 .swiper-slide-contents {
	height: 100%;
}
.elementor-slides .swiper-slide-inner {
    padding: 0 !important;
}
.elementor-868 .elementor-element.elementor-element-ce57f6c.elementor-view-default .elementor-icon svg > g > g > .cls-1 {
    fill: #CF341A !important;
}
.elementor-891 .elementor-element.elementor-element-ce57f6c.elementor-view-default .elementor-icon svg > g > g > .cls-1 {
	fill: #6B9C67 !important;
}

@media screen and (min-width: 375px) {
	/* VINOS */
	.elementor-505 .elementor-element.elementor-element-da526ac > .elementor-widget-container {
    	margin: -25px 0px 0px 45px !important;
	}
}


@media screen and (min-width: 390px) {
	/* IMAGEN VINOS */
	body:not(.rtl) .elementor-63 .elementor-element.elementor-element-26d9d9c, body:not(.rtl) .elementor-505 .elementor-element.elementor-element-4c83397, body:not(.rtl) .elementor-517 .elementor-element.elementor-element-638e26f {
    	left: 0px !important;
	}
	.elementor-63 .elementor-element.elementor-element-26d9d9c, .elementor-505 .elementor-element.elementor-element-4c83397, .elementor-517 .elementor-element.elementor-element-638e26f {
    	top: -160px !important;
	}
	/* VINOS */
	.elementor-505 .elementor-element.elementor-element-da526ac > .elementor-widget-container {
		margin: -25px 0px 0px 60px !important;
	}
}

@media screen and (min-width: 768px) {
	/* IMAGEN VINOS */
	.elementor-63 .elementor-element.elementor-element-26d9d9c, .elementor-505 .elementor-element.elementor-element-4c83397, .elementor-517 .elementor-element.elementor-element-638e26f {
    	top: -460px !important;
	}
}


@media screen and (min-width: 1880px) {
	/* VINO MERCEDES */
	.elementor-63 .elementor-element.elementor-element-f0973f8, .elementor-63 .elementor-element.elementor-element-6b15142, .elementor-63 .elementor-element.elementor-element-96265d7, .elementor-505 .elementor-element.elementor-element-f0973f8, .elementor-505 .elementor-element.elementor-element-6b15142, .elementor-505 .elementor-element.elementor-element-96265d7, .elementor-517 .elementor-element.elementor-element-f0973f8, .elementor-517 .elementor-element.elementor-element-6b15142, .elementor-517 .elementor-element.elementor-element-96265d7 {
		width: var(--container-widget-width, 400px ) !important;
    	max-width: 400px !important;
    	--container-widget-width: 400px !important;
	}
	.elementor-63 .elementor-element.elementor-element-d5d7553 .elementor-heading-title, .elementor-505 .elementor-element.elementor-element-d5d7553 .elementor-heading-title, .elementor-517 .elementor-element.elementor-element-d5d7553 .elementor-heading-title {
		font-size: 150px !important;
	}
}