/***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: 'Source Serif 4';
}

h4, h5, h6, p, a {
    font-family: 'Source Serif 4';
}


/***MENÚ PRINCIPAL***/

.site-header {position:fixed; top: 0; z-index:200; width:100%; background:#222221; padding: 1% 0 1% 0;
    -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{
    -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; }

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

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


.main-navigation ul li a{color:#F5F5F5;}

.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;}
  }


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

  #menu-responsive-dos{top:250px;}
  
  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:#ffffff;
  }
  
  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;
  }


  /***FOOTER***/
.site-footer{background:#000; color:#fff;}


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

  .site-main.simple{background:#fff	;}
  .site-main.simple h1.entry-title{display:none;}

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

  

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


      

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

        .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);
        }


/****FORMULARIO DE CONTACTO****/
.form-santaana label{width:100%;}
.form-santaana input{background: none;
    border: 0;
    border-bottom: 1px solid #ffffff;
    border-radius: 0;
    width: 100%;
    padding: 20px;
font-family: 'archiaregular', Sans-serif;}

.form-santaana textarea{background: none;
    border: 0;
    border-bottom: 1px solid #ffffff;
    border-radius: 0;
	width:100%;
	    padding: 20px;
	font-family: 'archiaregular', Sans-serif;
}

input[type="submit"]{
	text-transform: uppercase;
    font-size: 16px;
    color: #ffffff;
    width: auto;
    border: 1px solid #ffffff;
    padding: 10px 30px 10px 30px;
    float: right;
}
	
}