/* Theme Name: HTML5 Blank Theme URI: http://html5blank.com Description: HTML5 Blank WordPress Theme Version: 1.4.3 Author: Todd Motto (@toddmotto) Author URI: http://toddmotto.com Tags: Blank, HTML5, CSS3 License: MIT License URI: http://opensource.org/licenses/mit-license.php */
/*------------------------------------*    MAIN
\*------------------------------------*/
/* global box-sizing */
*, *:after, *:before { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* html element 62.5% font-size for REM use */
body { font-family: 'Iowan Old Style'; color: #000; }

/* clear */
.clear:before, .clear:after { content: ' '; display: table; }

.clear:after { clear: both; }

.clear { *zoom: 1; }

img { max-width: 100%; vertical-align: bottom; }

a { color: #000; text-decoration: none; }

a:hover { color: #000; text-decoration: none; }

a:focus { outline: 0; text-decoration: none; }

a:hover, a:active { outline: 0; }

input:focus { outline: 0; }

/*------------------------------------*    STRUCTURE
\*------------------------------------*/
/* wrapper */
.wrapper { margin: 0 auto; position: relative; }

/* header */
.header { position: fixed; top: 0; left: 0; width: 100%; padding: 50px 0 20px 0; background: rgba(255, 255, 255, 0.8); z-index: 100; /* logo */ /* nav */ }

@media (max-width: 768px) { .header { position: relative; padding-top: 20px; } }

.header .logo { text-align: center; }

.header .logo .logo-img { width: 230px; height: auto; }

@media (max-width: 768px) { .header .top-izq { margin-bottom: 20px; text-align: center; } }

.header .top-izq .btn-reserva { margin-bottom: 15px; display: none; }

.header .top-izq .btn-reserva a { border: 2px solid #000; padding: 0 8px; font-size: 14px; }

@media (max-width: 768px) { .header .top-izq .btn-reserva { display: none; } }

.header .top-izq .reloj { margin-right: 10px; width: 20px; display: inline-block; vertical-align: top; }

.header .top-izq .reloj img { vertical-align: top; }

.header .top-izq .actual { display: inline-block; }

.header .top-izq .actual span { display: block; }

@media (max-width: 768px) { .header .top-izq .actual .hora { display: none; } }

.header .top-der, .header .top-movil { font-family: "AvenirNext"; font-weight: bold; font-size: 13px; text-align: right; }

@media (max-width: 767px) { .header .top-der, .header .top-movil { display: none; } }

.header .top-movil { margin-bottom: 20px; text-align: center; }

@media (max-width: 767px) { .header .top-movil { display: block !important; } }

.header .btn-menu { display: none; text-align: center; margin-top: 20px; }

@media (max-width: 768px) { .header .btn-menu { display: block; } }

.header .nav { display: block; }

@media (max-width: 768px) { .header .nav { display: none; } }

.header .nav ul { list-style: none; text-align: center; margin-top: 20px; padding: 0; }

.header .nav ul li { display: inline-block; font-size: 14px; padding: 0 10px; font-family: "AvenirNext"; }

@media (max-width: 768px) { .header .nav ul li { display: block; padding: 3px; } }

.header .nav ul li.current-menu-item a { border-bottom: 2px solid #000; padding-bottom: 1px; }

.header .nav ul li a:hover { border-bottom: 2px solid #000; padding-bottom: 1px; }

.header .nav ul li.hidden { display: inline-block !important; }

@media (max-width: 768px) { .header .nav ul li.hidden { display: block !important; } }

.header .nav ul li#menu-item-762 a { font-weight: bold; }

/* main */
.main { margin-top: 159px; }

@media (max-width: 768px) { .main { margin-top: 25px; } }

/* sidebar */
/* footer */
.footer-top { padding: 35px 0; text-align: center; font-size: 11px; }

.footer-top .row > div { text-align: left; margin-bottom: 35px; }

@media (max-width: 768px) { .footer-top .row > div:nth-child(even) { clear: both; } }

.footer-top .row > div h3 { font-family: "AvenirNext"; font-weight: bold; margin: 0 0 20px 0; font-size: 20px; }

.footer-top .row > div b { font-family: "AvenirNext"; font-weight: bold; }

.footer-top .row > div ul { list-style: none; margin: 0; padding: 0; }

.footer-top .row > div ul li a:hover { font-weight: bold; }

.footer-top #text-3 p { /*float: left; width: 48%;margin-right: 2%;*/ }

.footer-top #menu-reserva li { /*width: 50%; display: inline-block; float: left;*/ }

.footer-top #mc_embed_signup_scroll input { background: none; border: none; width: 35%; display: inline-block; }

.footer-top #mc_embed_signup_scroll input.mail { border-bottom: 1px solid #000; width: 60%; text-align: left; }

.footer-top #text-5, .footer-top #text-6 { text-align: left; font-size: 20px; font-family: "AvenirNext"; font-weight: bold; }

.footer-top #text-5 a, .footer-top #text-6 a { text-decoration: underline; }

.footer-top #text-6 { display: none; }

@media (max-width: 768px) { .footer-top #text-5 { display: none; } }

.footer { background: #000; color: #fff; font-size: 16px; font-weight: bold; text-align: center; padding: 33px 0; font-family: "AvenirNext"; font-weight: bold; clear: both; }

.footer a { color: #fff; }

/*------------------------------------*    PAGES
\*------------------------------------*/
/* proyecto */
#proyecto #texto-info { font-size: 16px; line-height: 26px; text-align: center; padding-top: 20px; max-width: 750px; margin: 0 auto 50px auto; }

#proyecto .restaurantes { margin-top: 50px; }

#proyecto .restaurantes .titulo-bloque { text-align: center; font-weight: bold; font-family: "AvenirNext"; font-size: 24px; margin-bottom: 10px; }

#proyecto .restaurantes .flecha-abajo { text-align: center; margin-bottom: 10px; }

.club .main .container { max-width: 750px !important; margin: 0 auto; }

/* loop restaurantes */
.loop-restaurantes { text-align: center; margin-top: 50px; }

.loop-restaurantes .restaurante { color: #fff; background: #000; position: relative; overflow: hidden; }

.loop-restaurantes .restaurante:hover > .imagen-restaurante { opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.loop-restaurantes .restaurante .imagen-restaurante { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center center; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; z-index: 9; }

.loop-restaurantes .restaurante .imagen-restaurante-fondo img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: center center; z-index: 8; }

.loop-restaurantes .restaurante a { color: #fff; padding: 150px 15px; display: block; position: relative; z-index: 10; }

.loop-restaurantes .restaurante .capitulo { font-style: italic; }

.loop-restaurantes .restaurante h2 { margin: 10px 0 25px 0; }

/* single-restaurante */
/*#single-restaurante{*/
.fila .col-sm-6 { padding: 0 40px; }

.fila .col-sm-12 { padding: 0 40px; }

.fila .titulo_bloque { text-align: left; font-weight: bold; font-family: "AvenirNext"; font-size: 48px; }

.fila .bloque.texto h1, .fila .bloque.texto h2 { font-size: 72px; text-transform: none !important; }

@media (max-width: 768px) { .fila .bloque.texto h1, .fila .bloque.texto h2 { font-size: 46px; } }

.fila .bloque.imagen img { width: 100%; height: auto; }

.fila .bloque.galeria_fotos { width: 100%; }

.fila .bloque.galeria_fotos .img { display: inline-block; height: 500px; position: relative; }

.fila .bloque.galeria_fotos .img .view-big { background: rgba(0, 0, 0, 0.2); padding: 3px 5px; position: absolute; right: 10px; top: 10px; color: #fff; cursor: pointer; }

.fila .bloque.galeria_fotos .img img { height: 100%; width: auto; }

.fila .bloque.galeria_fotos .mCSB_dragger_bar { background: #ccc; }

.fila .bloque.galeria_fotos .mCSB_draggerRail { background: none; }

.fila .bloque.galeria_fotos .visor-imagenes { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); display: none; z-index: 1000; }

.fila .bloque.galeria_fotos .visor-imagenes img { display: block; width: 100%; object-fit: contain; left: 5%; object-position: center center; height: calc(100% - 50px); margin-top: 25px; }

.fila .bloque.slider { position: relative; }

@media (max-width: 768px) { .fila .bloque.slider { width: calc(100% - 100px); margin: 0 auto; } }

.fila .bloque.slider .img { text-align: center; cursor: pointer; }

.fila .bloque.slider .img img { height: auto; }

.fila .bloque.slider .bx-pager { text-align: center; font-size: 28px; font-family: "AvenirNext"; font-weight: bold; margin-top: 30px; }

.fila .bloque.slider .bx-pager > div { display: inline-block; padding: 0 10px; }

.fila .bloque.slider .bx-pager > div a { color: #c6c6c5; }

.fila .bloque.slider .bx-pager > div a.active { color: #000; }

.fila .bloque.slider .bx-controls-direction a { position: absolute; top: 50%; width: 30px; height: 30px; background-size: contain; background-position: center center; background-repeat: no-repeat; }

.fila .bloque.slider .bx-controls-direction a.bx-prev { left: -45px; background-image: url(/wp-content/themes/thetable/img/icons/flecha_izq.svg); }

.fila .bloque.slider .bx-controls-direction a.bx-next { right: -45px; background-image: url(/wp-content/themes/thetable/img/icons/flecha_der.svg); }

.fila .bloque.slider_big { position: relative; }

.fila .bloque.slider_big .img { text-align: center; }

.fila .bloque.slider_big .img img { width: 100%; height: auto; object-fit: cover; object-position: center center; }

.fila .bloque.slider_big .img .texto { position: absolute; top: 50%; text-align: center; width: 100%; color: #fff; font-family: "AvenirNext"; font-weight: bold; font-size: 40px; margin-top: -20px; }

.fila .bloque.slider_big .bx-pager { position: absolute; bottom: 35px; text-align: center; z-index: 100; width: 100%; }

.fila .bloque.slider_big .bx-pager > div { display: inline-block; padding: 0 10px; }

.fila .bloque.slider_big .bx-pager > div a { color: #fff; border: 1px solid #fff; border-radius: 10px; width: 10px; height: 10px; display: block; text-indent: -9000px; }

.fila .bloque.slider_big .bx-pager > div a.active { background: #fff; }

.fila .bloque.temporizador { text-align: center; font-family: "AvenirNext"; font-weight: bold; font-size: 40px; }

.fila .bloque.temporizador .item-temp { display: inline-block; vertical-align: top; margin: 0 5px; }

.fila .bloque.temporizador .item-temp span { display: block; }

.fila .bloque.temporizador .item-temp span.tipo { font-size: 16px; font-family: 'Iowan Old Style'; font-weight: normal; }

.fila .bloque.menus .slider-menu .slide { cursor: pointer; }

.fila .bloque.menus .slider-menu .slide .contenedor { padding: 50px; }

.fila .bloque.menus .slider-menu .slide .contenedor > div { text-align: center; }

.fila .bloque.menus .slider-menu .slide .contenedor .texto_izq { position: absolute; left: 0; top: 50%; margin-top: -45px; width: 50%; display: none; }

.fila .bloque.menus .slider-menu .slide .contenedor .texto_der { width: 100%; }

.fila .bloque.menus .custom-pager { text-align: center; font-size: 28px; font-family: "AvenirNext"; font-weight: bold; margin-top: 30px; }

@media (max-width: 768px) { .fila .bloque.menus .custom-pager { font-size: 14px; } }

.fila .bloque.menus .custom-pager a { color: #c6c6c5; display: inline-block; padding: 0 10px; }

.fila .bloque.menus .custom-pager a.active { color: #000; text-decoration: underline; }

h1 { text-align: center; text-transform: uppercase; font-size: 60px; }

h3 { font-size: 46px; margin: 0; }

.capitulo { text-align: center; font-style: italic; }

.info { margin-top: 50px; }

.oculto { opacity: 0; }

/*}*/
/* prensa */
#prensa { padding: 0 45px; }

#prensa .post { text-align: center; border-right: 1px solid #000; border-bottom: 1px solid #000; height: 350px; display: table; margin: 0 auto; }

@media (max-width: 768px) { #prensa .post { border-right: none; } }

@media (min-width: 768px) { #prensa .post.post_3 { border-right: none; } }

@media (min-width: 992px) { #prensa .post.post_3 { border-right: 1px solid #000; } }

@media (min-width: 1200px) { #prensa .post.post_3 { border-right: 1px solid #000; } }

#prensa .post.post_4 { border-right: none; }

@media (min-width: 768px) { #prensa .post.post_4 { border-right: 1px solid #000; } }

@media (min-width: 992px) { #prensa .post.post_4 { border-right: 1px solid #000; } }

@media (min-width: 1200px) { #prensa .post.post_4 { border-right: none; } }

#prensa .post a { display: table-cell; vertical-align: middle; }

#prensa .post h2 { font-size: 28px; font-family: "AvenirNext"; font-weight: bold; }

#prensa .post .subtitulo { font-style: italic; }

#prensa .post .date { font-family: "AvenirNext"; font-weight: bold; margin-top: 20px; }

#prensa .post .date .separador { height: 35px; position: relative; top: 8px; }

#prensa .pagination { width: 100%; display: block; text-align: center; margin-bottom: 125px; }

/* cocteleria */
.cocteleria .bloque.texto { max-width: 750px; margin: 0 auto; }

/* reservas */
body.reserva .main { margin-top: 200px; margin-bottom: 75px; }

@media (max-width: 768px) { body.reserva .main { margin-top: 25px; } }

body.reserva .main .bloque.texto { margin-bottom: 30px !important; }

body.reserva .main .bloque.texto span:first-child { line-height: 56px; }

/* formulario */
.ninja-forms-all-fields-wrap { max-width: 600px; margin: 0 auto; }

.ninja-forms-all-fields-wrap label { font-family: "AvenirNext"; font-weight: bold; }

.ninja-forms-all-fields-wrap input { border: none; border-bottom: 1px solid #000; background: none; }

.ninja-forms-all-fields-wrap .ninja-forms-required-items { display: none; }

.ninja-forms-all-fields-wrap .submit-wrap { margin-top: 10px; }

.ninja-forms-all-fields-wrap .submit-wrap input { border: none; font-family: "AvenirNext"; font-weight: bold; border-bottom: 2px solid #000; float: right; }

/*------------------------------------*    IMAGES
\*------------------------------------*/
/*------------------------------------*	TYPOGRAPHY
\*------------------------------------*/
@font-face { font-family: "AvenirNext"; font-style: normal; font-weight: bold; src: url("/wp-content/themes/thetable/fonts/AvenirNextLTPro/AvenirNextLTPro-Bold.eot") format("embedded-opentype"), url("/wp-content/themes/thetable/fonts/AvenirNextLTPro/AvenirNextLTPro-Bold.woff") format("woff"), url("http://thetableby.es/wp-content/themes/thetable/fonts/AvenirNextLTPro/AvenirNextLTPro-Bold.ttf") format("truetype"); }

@font-face { font-family: "AvenirNext"; font-style: normal; font-weight: normal; src: url("/wp-content/themes/thetable/fonts/AvenirNextLTPro/AvenirNextLTPro-Regular.eot") format("embedded-opentype"), url("/wp-content/themes/thetable/fonts/AvenirNextLTPro/AvenirNextLTPro-Regular.woff") format("woff"), url("http://thetableby.es/wp-content/themes/thetable/fonts/AvenirNextLTPro/AvenirNextLTPro-Regular.ttf") format("truetype"); }

/*------------------------------------*    RESPONSIVE
\*------------------------------------*/
/*------------------------------------*    MISC
\*------------------------------------*/
.avenir { font-family: 'AvenirNext'; font-weight: bold; }

::selection { background: #04A4CC; color: #FFF; text-shadow: none; }

::-webkit-selection { background: #04A4CC; color: #FFF; text-shadow: none; }

::-moz-selection { background: #04A4CC; color: #FFF; text-shadow: none; }

/*------------------------------------*    WORDPRESS CORE
\*------------------------------------*/
.alignnone { margin: 5px 20px 20px 0; }

.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }

.alignright { float: right; margin: 5px 0 20px 20px; }

.alignleft { float: left; margin: 5px 20px 20px 0; }

a img.alignright { float: right; margin: 5px 0 20px 20px; }

a img.alignnone { margin: 5px 20px 20px 0; }

a img.alignleft { float: left; margin: 5px 20px 20px 0; }

a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { background: #FFF; border: 1px solid #F0F0F0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }

.wp-caption.alignnone { margin: 5px 20px 20px 0; }

.wp-caption.alignleft { margin: 5px 20px 20px 0; }

.wp-caption.alignright { margin: 5px 0 20px 20px; }

.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }

.wp-caption .wp-caption-text, .gallery-caption { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

/*------------------------------------*    PRINT
\*------------------------------------*/
@media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }