/* CSS Entirely developed by Stay Creative */

/* Generals */
body{text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;background: #222;}
h1,h2,h3,h4,h5,h6{font-family: "proxima-nova",sans-serif;font-weight: 700;}
p{font-family: 'Lato', sans-serif;}

.button{border: 2px solid #222; background: none;font-family: "proxima-nova",sans-serif;font-weight: 700;font-size: 1.2rem;color: #222;}
.button:hover{background: #222;color: white;}
.button.secondary{border: 2px solid white; background: none;font-family: "proxima-nova",sans-serif;font-weight: 700;font-size: 1.2rem;}
.button.secondary:hover, .button.secondary:focus{background: #BE8F38;border: 2px solid #BE8F38;}
.button.radius{border-radius: 5px;}

.return-button{text-align: center;margin-top: 50px;}

/* Hacks */
.clear{clear: both;}
.overlay{position: absolute;width: 100%;height: 100%;background: rgba(68, 68, 68, 0.5);top: 0;left: 0;z-index: 0;}
.overlay.golden{background: rgba(190, 143, 56, 0.8);}
.hidden{opacity:0;}
.visible{opacity:1;}
.fade-in{opacity: 1 !important;-webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out;-ms-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;}
.scrolloff {pointer-events: none;}

/* Menu */
.main-menu-container{position: relative;z-index: 2;padding: 30px;}
.menu-button{cursor: pointer;padding: 0 30px;position: fixed;z-index:20;right: 0;top: 0;}
.menu-button:hover{opacity: 0.7;}

  .main-menu{position: fixed;z-index: 20;background: #444;width: 0;left: -200px;top: calc(50% - 75px);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  .main-menu.open{width: 100%;left:0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  .main-menu ul{margin: 0;width: 100%;}
  .main-menu ul li{position: relative; display: inline-block;list-style-type: none;width: 12%;text-align: center;}
  .main-menu ul li a{font-family: "proxima-nova",sans-serif;color: #fff;text-transform: uppercase;padding: 50px 0;display: block;}
  .main-menu ul li:hover a{opacity: 0.6;}
  .main-menu ul li ul{position: absolute;top: 90px;display: none;}
  .main-menu ul li:hover ul{display: block;}
  .main-menu ul li:hover ul li a{opacity: 1;}
  .main-menu ul li:hover ul li:hover a{opacity: 0.6;}
  .main-menu ul li ul li{display: block;margin: 0 auto;background: #444;padding: 20px 0;width: 100%;}
  .burger-container span{box-shadow: 0px 0px 5px #777;}
  .menu-bg{display: none;}

/* Main */
.section{padding: 15% 10%;background: white;}
.section-text{}

/* Index */
header{position: relative;height: 100vh;width: 100%;z-index: 50;}
header .overlay{z-index: 1;}
.main-intro{position: relative;width: 100%;height: 100%;overflow: hidden;}
.main-intro video{position: absolute;z-index: 0;min-width: 100%; min-height: 100%;top: 0;left:0;right: 0;bottom:0;}
.intro-text{position: relative;z-index: 1;/*background-color: rgba(255,255,255, 0.7);*/margin: 150px 5vh 0;}
.intro-text h1{color: white;text-align: right;font-size: 1.21875rem;line-height: 1.2; color: #444; padding: 40px;color: white;text-align: left;}
.intro-text h1 span{font-size: 2rem;font-weight: 400;display: block;}
.main-intro .arrow{position: absolute;left: calc(50% - 22px);display: block;bottom:15px;width: 45px;z-index: 1;}

.home-bg{position: absolute;width: 100%;height: 100%;top: 0;left:0;background: url('../img/home-bg.jpg') center center no-repeat;background-size: cover;}

.home-section{padding: 15% 10%;}
.home-section-text{margin: 0 auto;max-width: 750px;}
.home-section h2{position: relative;z-index:1;color: white;font-size: 3rem;}
.home-section#eventos-home h2{text-align: center;font-size: 3.7rem;line-height: 1;}
.home-section#eventos-home h2 span{font-weight: 300;font-size: 3.3rem;}
.home-section#eventos-home:hover h2{}
.home-section h3{position: relative;z-index:1;color: white;text-align: center;font-weight: 300;}
.home-section p{position: relative;z-index:1;color: white;text-align: justify;}
.home-section a{position: relative;z-index:1;margin-top: 20px;}

#restaurante-home{background: url('../img/home-restaurante.jpg') center center no-repeat;background-size: cover;background-color: rgba(68, 68, 68, 0.6);background-blend-mode: multiply;}
#carta-home{background: url('../img/home-carta.jpg') center center no-repeat;background-size: cover;background-color: rgba(68, 68, 68, 0.4);background-blend-mode: multiply;margin: 2px 0;}
#eventos-home{background: url('../img/home-eventos.jpg') center center no-repeat;background-size: cover;background-color: rgba(68, 68, 68, 0.5);background-blend-mode: multiply;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#eventos-home:hover{background-color: rgba(68, 68, 68, 0);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#eventos-home:hover .overlay{background-color: rgba(68, 68, 68, 0);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

  /* Restaurante */
  .restaurante .main-intro{background: url('../img/restaurante-img.jpg') center center no-repeat;background-size:cover;background-color: rgba(68, 68, 68, 0.5);background-blend-mode: multiply;}
  .restaurante-img img{width: 100%;}

  /* Carta */
  .carta .main-intro{background: url('../img/carta-img.jpg') center center no-repeat;background-size:cover;background-color: rgba(68, 68, 68, 0.5);background-blend-mode: multiply;}
  .carta p.lead{max-width: 800px;}
  #deldia-menu{background: url('../img/deldia-img.jpg') center center no-repeat;background-size: cover;background-color: rgba(68, 68, 68, 0.5);background-blend-mode: multiply;background-attachment: fixed;}
  #deldia-menu h2{color: white;}
  #deldia-menu p{color: white;}
  #snacks-menu{}
  #eventos-carta{background: url('../img/eventos-carta.jpg') center center no-repeat;background-size: cover;background-color: rgba(68, 68, 68, 0.5);background-blend-mode: multiply;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  #eventos-carta:hover{background-color: rgba(68, 68, 68, 0);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  #snacks-menu .medium-5{background: url('../img/snacks-carta.jpg') center center no-repeat;background-size: cover;}
  #snacks-menu .medium-5 img{height: 100%;width: 100%;}
  #vinos-menu .medium-7{background: url('../img/vinos-carta.jpg') center center no-repeat;background-size: cover;}
  #vinos-menu .medium-7 img{height: 100%;width: 100%;}
  .home-section#eventos-carta h2{text-align: center;font-size: 3.7rem;line-height: 1;}
  .home-section#eventos-carta h2 span{font-weight: 300;font-size: 3.3rem;}

  /* Eventos */
  .eventos .main-intro{background: url('../img/eventos-img.jpg') center center no-repeat;background-size:cover;background-color: rgba(68, 68, 68, 0.5);background-blend-mode: multiply;}
  .eventos-img{background: url('../img/eventos-menus.jpg') center center no-repeat;background-size: cover;padding-bottom: 50px;background-color: rgba(114, 82, 31, 1);background-blend-mode: multiply;}

    /* Slider eventos */
    .menus-eventos{position: relative;width: 100%;}
    .menus-eventos .item{padding: 10vh 20vh;}
    .menus-eventos .item h4{color: white;text-align: center;}
    .menus-eventos .item h6{color: white;text-align: center;margin-top: 5vh;font-size: 1.5rem;}
    .menus-eventos .item hr{color: white;width: 150px;margin: 0 auto;border: 1px solid white;}
    .menus-eventos .item p{color: white;text-align: center;font-family: "proxima-nova",sans-serif;font-weight: 400;font-size: 1.2rem;}
    .menus-eventos .item p.otros{margin-top: 5vh;font-size: 1rem;}
    .menus-eventos .item span.menu-precio{position: relative;display: block;text-align: center;font-family: "proxima-nova",sans-serif;color: #fff;font-size: 2.5rem;font-weight: 700;}
    .menus-eventos .item img{position: relative; width: 120px;float: left;margin-right: 20px;}
    .menus-eventos .owl-controls{position: absolute;left: 50%; -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}
    .menus-eventos .owl-nav{display: none;}
    .menus-eventos .owl-dot{width: 20px;border: 2px solid white;height: 20px;border-radius: 10px;display: inline-block;margin-right: 5px;}
    .menus-eventos .owl-dot:last-child{margin-right: 0;}
    .menus-eventos .owl-dot.active{background: white;}
    .menus-eventos .price-vat{font-size: 0.8rem;}
    .menus-eventos .cafes-em{font-size: 0.9rem !important; margin-top: 30px;}
    .menus-eventos .entre-me{margin-top: 40px;font-style: italic;}

  .eventos_ademas .medium-4{padding: 0 5%;}
  .eventos_ademas p{padding: 0 5%;}

  /* Galería */
  .galeria .main-intro{background: url('../img/galeria-img.jpg') center center no-repeat;background-size:cover;background-color: rgba(68, 68, 68, 0.5);background-blend-mode: multiply;}
  #galeria-galeria .medium-7{background: url('../img/galeria-galeria.jpg') center center no-repeat;}
  #galeria-galeria .medium-7 img{height: 100%;width: 100%;}
  #galeria-eventos .medium-5{background: url('../img/galeria-eventos.jpg') center center no-repeat;}
  #galeria-eventos .medium-5 img{height: 100%;width: 100%;}
  #galeria-tour .medium-7{background: url('../img/galeria-tour.jpg') center center no-repeat;}
  #galeria-tour .medium-7 img{height: 100%;width: 100%;}
  #galeria-cams .medium-5{background: url('../img/galeria-cams.jpg') center center no-repeat;}
  #galeria-cams .medium-5 img{height: 100%;width: 100%;}

  /* Live cams */
  .livecams .main-intro{background: url('../img/livecams-img.jpg') center center no-repeat;background-size:cover;background-color: rgba(68, 68, 68, 0.5);background-blend-mode: multiply;}
  #webcam1 img, #webcam2 img{width: 100%;}

    /* Galería single */
    .galeria-single .main-intro{background: url('../img/galeria-galeria.jpg') center center no-repeat;background-size:cover;background-color: rgba(68, 68, 68, 0.5);background-blend-mode: multiply;}

    .single-gallery.clearing-thumbs{margin-top: 50px;}
    .single-gallery.clearing-thumbs li{width: 32%;margin: 0 1% 1% 0;}

    /*Evento single */
    .evento-single .main-intro{background: url('../img/galeria-eventos.jpg') center center no-repeat;background-size:cover;background-color: rgba(68, 68, 68, 0.5);background-blend-mode: multiply;}

    .evento-gallery.clearing-thumbs{margin-top: 50px;}
    .evento-gallery.clearing-thumbs li{width: 32%;margin: 0 1% 1% 0;}

  /* Contacto */
  .contacto .main-intro{background: url('../img/contacto-img.jpg') center center no-repeat;background-size:cover;background-color: rgba(68, 68, 68, 0.5);background-blend-mode: multiply;}
  .contact-map{position: relative;width: 100%;}
  .contact-map img{width: 100%;z-index: 0;position: relative;}
  .contact-map iframe{position: absolute; width: 100%;height: 100%;top:0;left:0;z-index:1;}
  .contact-form-container{position: relative;background: #666;}
  .contact-form input[type=text], .contact-form input[type=email]{border: 2px solid white;background: none;color: white;font-family: "Lato", sans-serif;font-size: 1.2rem;margin: 5px 10px 20px;width: calc(100% - 20px);padding: 10px;height: auto;}
  .contact-form textarea{border: 2px solid white;background: none;color: white;font-family: "Lato", sans-serif;font-size: 1.2rem;margin: 5px 10px 20px;width: calc(100% - 20px);padding: 10px;height: auto;}
  .contact-form ::-webkit-input-placeholder {color: white;font-family: "Lato", sans-serif;}
  .contact-form :-moz-placeholder {color: white;font-family: "Lato", sans-serif;}
  .contact-form ::-moz-placeholder {color: white;font-family: "Lato", sans-serif;}
  .contact-form :-ms-input-placeholder {color: white;font-family: "Lato", sans-serif;}
  .contact-form .g-recaptcha{margin-left: 10px;}
  .contact-form small{color: white;margin-left: 10px;}
  .contact-form .button{margin-right: 10px;}
  .contact-info{position: relative;padding: 0 0 0 20px;}
  .contact-info h4{color: white;margin-left: 30px;margin-bottom: 20px;}
  .contact-info p{color: white;margin-left: 30px;}
  .contact-info .address:before{position: relative;display: block;content: "";width: 20px;height:20px;background: url('../img/contact-sprite.svg') 0 0 no-repeat;margin: 0 0 -24px -30px;}
  .contact-info .telf:before{position: relative;display: block;content: "";width: 20px;height:20px;background: url('../img/contact-sprite.svg') -40px 0 no-repeat;margin: 0 0 -24px -30px;}
  .contact-info .mail:before{position: relative;display: block;content: "";width: 20px;height:20px;background: url('../img/contact-sprite.svg') -20px 0 no-repeat;margin: 0 0 -24px -30px;}

  /* Aviso legal */
  .aviso-legal .main-intro{background: url('../img/aviso-img.jpg') center center no-repeat;background-size:cover;background-color: rgba(68, 68, 68, 0.5);background-blend-mode: multiply;}

  /* Política de cookies */
  .politica-cookies .main-intro{background: url('../img/politica-img.jpg') center center no-repeat;background-size:cover;background-color: rgba(68, 68, 68, 0.5);background-blend-mode: multiply;}

  /* Pago */
  .tpv-body{background: white;}
  .tpv-body .home-section p{color: #444;}
  .tpv-menu{padding: 20px;}
  .tpv-menu a{padding: 25px;font-family: "proxima-nova",sans-serif;}
  .tpv-body label{font-family: "proxima-nova",sans-serif;margin-top: 12px;}
  .tpv-body input[type=text], .tpv-body textarea{border-radius: 5px;border: 2px solid #222;background: none;font-family: "proxima-nova",sans-serif;font-size: 1.2rem;color: #222;height: auto;padding: 10px 20px;margin-bottom: 20px;}
  .tpv-body input[type=submit]{margin-top: 30px;}
  .tpv-body table{width: 100%;font-family: "Lato", sans-serif;}

/* Footer */
footer{position: relative;background: #444;padding: 20px 30px;}
.copyright{color: white;float: left;margin: 3px 0 0;font-size: 0.8rem;}
.menu-footer{margin: 0;position: relative;float: right;}
.menu-footer li{list-style-type: none;display: inline-block;font-size: 0.8rem;}
.menu-footer li:after{position: relative;display: inline-block;content: " · ";margin-left: 5px;color: white;}
.menu-footer li:last-child:after{display: none;}
.menu-footer li a{color: white;font-family: "proxima-nova",sans-serif;}
.menu-footer li a:hover{color: #BE8F38;}

/* Cookies */
#cookieMessageWrapper{
  width: 100%;
  border-top: 1px solid #aaaaaa;
  background: #f6f6f6;
  position: fixed;
  left: 0;
  bottom: 0;
  text-align: center;
  padding: 0;
  z-index: 997;
}
#cookieMessage{
  width: 90%; /* this needs to be set to the width of the centre container */
  padding: 3px 0 3px 0;
  margin: 0 auto;
  position: relative;
}
#cookieMessage:after{
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
#cookieMessage p{font-size: 0.8rem;margin-top: 10px;}
#cookieClose{
  display: inline-block;
  padding: 0px 5px;
  text-decoration: none;
  background: none;
  color: #444;
  border: 1px solid #444;
  font-size: 100%;
  margin-top: 6px;
  font-weight: bold;
  cursor: pointer;
}

.leer-mas {display: inline-block;
  padding: 0px 5px;
  text-decoration: none;
  background: none;
  color: #444;
  border: 1px solid #444;
  font-size: 100%;
  margin-top: 6px;
  font-weight: bold;
  cursor: pointer;}

/* Hang */
@-webkit-keyframes hvr-hang {
  0% {-webkit-transform: translateY(8px);transform: translateY(8px);}
  50% {-webkit-transform: translateY(4px);transform: translateY(4px);}
  100% {-webkit-transform: translateY(8px);transform: translateY(8px);}
}
@keyframes hvr-hang {
  0% { -webkit-transform: translateY(8px); transform: translateY(8px);}
  50% {-webkit-transform: translateY(4px);transform: translateY(4px);}
  100% {-webkit-transform: translateY(8px);transform: translateY(8px);}
}
@-webkit-keyframes hvr-hang-sink {
  100% { -webkit-transform: translateY(8px);transform: translateY(8px);}
}
@keyframes hvr-hang-sink {
  100% {-webkit-transform: translateY(8px); transform: translateY(8px);}
}
.hvr-hang {  display: inline-block;  vertical-align: middle;  -webkit-transform: translateZ(0);  transform: translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  -webkit-backface-visibility: hidden; backface-visibility: hidden;  -moz-osx-font-smoothing: grayscale;}
.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active { -webkit-animation-name: hvr-hang-sink, hvr-hang; animation-name: hvr-hang-sink, hvr-hang; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s;animation-delay: 0s, .3s;-webkit-animation-timing-function: ease-out, ease-in-out;animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards;  animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate;}

/* Media Queries */
@media only screen and (max-width:64em){
  .main-intro{overflow: auto;height: auto;}
  .main-menu-container{z-index: 21;}
  .main-menu {position: absolute;top: 0;}
  .main-menu.open{padding-top: 100px;}
  .main-menu ul {padding: 20px;}
  .main-menu ul li {width: 100%;padding: 10px 0;}
  .main-menu ul li a{padding: 0;}
  .main-menu.open .menu-bg{background: #444;position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: block;}
  .menu-button {position: absolute;}
  .hamburglar { margin: 20px auto;}
  .menu-button {padding: 0 20px;}
  .single-gallery.clearing-thumbs li{width: 49%;}
  .deldia-menu{background-attachment: initial;}
  header{height: auto;}
  .intro-text {width: 100%; margin-left: 0; margin-top:100px;margin-bottom: 60px;}
  .intro-text h1 {font-size: 1.2rem;}
}

@media only screen and (max-width:40em){
  .header-logo{max-width: 200px;}
  .intro-text h1{font-size: 2rem;}
  .intro-text h1 span{font-size: 1.3rem;}
  .single-gallery.clearing-thumbs li{width: 100%;margin-right: 0;margin-bottom: 10px;}
  .intro-text h1 {font-size: 1rem;}
}

@media only screen and (max-width:22.500em){
  .header-logo{max-width: 50%;}

}