/***FONTS***/

@font-face {
    font-family: 'archiabold';
    src: url('fonts/archia-bold-webfont.woff2') format('woff2'),
         url('fonts/archia-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'archialight';
    src: url('fonts/archia-light-webfont.woff2') format('woff2'),
         url('fonts/archia-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'archiamedium';
    src: url('fonts/archia-medium-webfont.woff2') format('woff2'),
         url('fonts/archia-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'archiaregular';
    src: url('fonts/archia-regular-webfont.woff2') format('woff2'),
         url('fonts/archia-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'archiasemibold';
    src: url('fonts/archia-semibold-webfont.woff2') format('woff2'),
         url('fonts/archia-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'archiathin';
    src: url('fonts/archia-thin-webfont.woff2') format('woff2'),
         url('fonts/archia-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/****ESTILOS GLOBALES****/

h1, h2, h3 {
    font-family: 'archiasemibold', 'Courier New', Courier, monospace;
}

h4, h5, h6, p, a {
    font-family: 'archiaregular', 'Courier New', Courier, monospace;
}


post, .page {
    margin: 0 0 1.5em;
}

/***MENÚ PRINCIPAL***/

.bloq-menu-idiomas{
	position: fixed;
    z-index: 300;
    right: 5%;
    top: 7%;
	    width: 10%;
    text-align: right;
}

.bloq-menu-idiomas.mobile{
	position: relative;
	  right: inherit;
    top: inherit;
	
}

.bloq-menu-idiomas .gtranslate_wrapper{width:100%;}
.bloq-menu-idiomas a img{
border-radius: 50%;
    width: 32px;
    height: 32px;
	width: 32px;
    object-fit: cover;
}

.site-header {position:fixed; top: 5%; z-index:200; width:100%; mix-blend-mode: difference;}
.site-header {position:fixed; top: 5%; z-index:200; width:100%; mix-blend-mode: difference;/* Firefox */
    -moz-transition: all 1s ease-in;
    /* WebKit */
    -webkit-transition: all 1s ease-in;
    /* Opera */
    -o-transition: all 1s ease-in;
    /* Standard */
    transition: all 1s ease-in;}

.site-header.blend-normal{mix-blend-mode: normal; /* Firefox */
    -moz-transition: all 1s ease-in;
    /* WebKit */
    -webkit-transition: all 1s ease-in;
    /* Opera */
    -o-transition: all 1s ease-in;
    /* Standard */
    transition: all 1s ease-in;}
.site-branding{text-align:center;}


.main-navigation ul li{font-family:'archiaregular','Courier New', Courier, monospace; text-transform:uppercase; z-index:300;}

 .main-navigation ul.primary-right li {margin: 5% 25% 25% 0;}

 .main-navigation ul.primary-left{} 
 .main-navigation ul.primary-left li {margin: 5% 25% ;}
 .main-navigation ul.primary-left li:last-child {margin: 5% 0;}


.main-navigation ul li a{color:#F5F5F5;}
.main-navigation ul li a:hover {font-family:'archiabold' !important; font-weight:800; }

.main-navigation ul li.active a{border-bottom: 1px solid #f5f5f5; font-family:'archiabold' !important; font-weight:800; }


.primary-left{text-align:right;}

.primary-right{text-align:left;}

.m-mobile{display:none; mix-blend-mode:normal;}

@media (max-width: 600px) {
	.m-mobile{display:block;}
	.bloq-menu-idiomas.dekstop{display:none;}
  }





/*****MENU RESPONSIVE****/


#hamburger {
	width: 60px;
	height: 40px;
	position: relative;
	margin: 10px auto;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 60px;
	background-color: transparent;
  }
  
  #hamburger:hover span:nth-child(1) {
	top: -4px;
	-webkit-transition: .20s ease-in-out;
	-moz-transition: .20s ease-in-out;
	-o-transition: .20s ease-in-out;
	transition: .20s ease-in-out;
  }
  
  #hamburger:hover span:nth-child(3) {
	top: 34px;
	-webkit-transition: .16s ease-in-out;
	-moz-transition: .16s ease-in-out;
	-o-transition: .16s ease-in-out;
	transition: .16s ease-in-out;
  }
  
  #hamburger span {
	z-index: 3;
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #fff;
	border-radius: 5px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .20s ease-in-out;
	-moz-transition: .20s ease-in-out;
	-o-transition: .20s ease-in-out;
	transition: .25s ease-in-out;
  }
  
  #hamburger span:nth-child(1) {
	top: 0px;
  }
  
  #hamburger span:nth-child(2) {
	top: 14px;
  }
  
  #hamburger span:nth-child(3) {
	top: 28px;
  }
  
  #hamburger.open span:nth-child(1) {
	top: 14px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	background-color: #fff;
  }
  
  #hamburger.open span:nth-child(2) {
	opacity: 0;
	left: -30px;
	-webkit-transition: .16s ease-in-out;
	-moz-transition: .16s ease-in-out;
	-o-transition: .16s ease-in-out;
	transition: .16s ease-in-out;
  }
  
  #hamburger.open span:nth-child(3) {
	top: 14px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
	background-color: #fff;
  }

  #bg-menu-mobile {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: -100%;
	background-color: #000000;
	background-color: #000000;
  
	will-change: transform;
  }
  
  ul.menu-responsive-mobile {
	width: 100%;
	position: fixed;
	top: 100px;
	left:0; 
	/*left: 0;*/
	list-style: none;
	color: #fff;
	z-index:3;
  }
  
  ul.menu-responsive-mobile li {
	font-weight:300;
	font-size: 30px;
	position: relative;
	margin-bottom: 30px;
	left:100%;
	cursor: pointer;
	will-change: transform;
  }

  ul.menu-responsive-mobile li a{
	color:#fff;
  }
  
  
  ul.menu-responsive-mobile li:hover {
	color: #111;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
  }

ul.menu-responsive-mobile li a:hover {
	color:#cfa520;
}



/****HOME****/

body.home .entry-title {
    display:none;
}
.animated-container {
	position:absolute;
	top:30%;
	margin: 0 auto;
	left: 0;
right: 0;
	width:40%;
	z-index:200;
       mix-blend-mode: overlay;
            animation: zoomOutFade 10s forwards;
            
        }
        
          @keyframes zoomOutFade {
            0% {
                transform: scale(1);
                opacity: 1;
            }
            100% {
                transform: scale(1.5);
                opacity: 0;
            }
        }

.animated-container img{width:100%;}


.parallax-section {
    height: 200vh; /* Esto asegura que tengas suficiente espacio para el efecto parallax */
    position: relative;
    background: #000;
    overflow: hidden;
	z-index:100;
}

.parallax-image {
    position: fixed;
    height: 100vh;
    width:100%;
    background-size: cover ;
    background-repeat:no-repeat;
    background-position: center;
    background-attachment: fixed;
	overflow:hidden;
	bottom:0;
   
    
}

.parallax-image-inner {
    overflow:hidden;
    height: 100vh;
    width:100%;
    background-size: cover;
    background-repeat:no-repeat;
    background-position: center;
    background-attachment: fixed;
    transform: scale(1);
    transition: transform 1s ease-in-out; /* Transición para el tamaño del fondo */
}

.parallax-image.uno{
background-image: url("https://sacramentowines.es/wp-content/uploads/2024/08/bg01_parallax-min.png");
}
.parallax-image-inner.dos{
background-image: url("https://sacramentowines.es/wp-content/uploads/2024/08/bg03_parallax-min.png");
}
.parallax-image-inner.tres{
background-image: url("https://sacramentowines.es/wp-content/uploads/2024/08/bg02_parallax-min.png");
}
.parallax-image-inner.cuatro{
background-image: url("https://sacramentowines.es/wp-content/uploads/2024/08/bg04_parallax-min.png");
}

.parallax-image-inner.active {
    background-size: cover;
    transform: scale(1.1);
}

.parallax-image.fixed-bottom {
            position: absolute;
            top: auto;
            bottom: 0;
            transform: none;
            width: 100%;
            height: 100vh;
            background-attachment: scroll;
        }

  /****PAGE SIMPLE****/

.site-main{padding-top:8%;}
.site-main.home{padding-top:0; margin-top:-5%;}

@media (max-width: 600px) {
	.site-main{padding-top:20%;}
	
  }
.site-main.home{padding-top:0; margin-top:-8%;}
  .site-main.simple{background:#fff;}
  .site-main.simple h1.entry-title{display:none;}

  .site-main.black {background:#000;}

.site-main.black .entry-content {margin:0;}

  

  /****NUESTROS VINOS****/


      

        .box-wine {
          
         
            transition: filter 1s;
        }

        .box-wine:hover {
            filter: none;
        }

        .container-wine:hover .box-wine {
            filter: blur(5px);
        }

        .container-wine .box-wine:hover {
            filter: none;
        }

        .box-wine:hover ~ .box-wine {
            filter: blur(5px);
        }
  
/****FOOTER****/

.site-footer {border-top:2px solid #ffff; padding: 3% 5% 3% 5%; background:#000; margin: -3.5em 0;}

@media (max-width: 600px) {
	.site-footer {padding: 3% 0% 3% 0%;}
	
  }

.site-footer .primary-footer{}

.text-left p{color:#fff;}

.site-footer .primary-footer li{display:inline; list-style:none; color:#fff; margin:0 3% 0 3%;}
.site-footer .primary-footer li:last{margin:0 0 0 3%;}

.site-footer .primary-footer li a{color:#fff;}