/*
Theme Name: balabusta
Description: balabusta theme
Author: urbsdc.com
Version: 999
Author URI: www.urbsdc.com
*/

@font-face {
    font-family: 'zodiak';
	src: url('tipos/Zodiak-Light.ttf') format('eot'), url('tipos/Zodiak-Light.eot') format('eot'), url('tipos/Zodiak-Light.woff2') format('woff2'),  url('tipos/Zodiak-Light.woff') format('woff');
	font-weight: 300;
  	font-style: normal;
}

@font-face {
    font-family: 'zodiak2';
	src: url('tipos/Zodiak-Regular.eot') format('ttf'), url('tipos/Zodiak-Regular.eot') format('eot'), url('tipos/Zodiak-Regular.woff2') format('woff2'),  url('tipos/Zodiak-Regular.woff') format('woff');
	font-weight: bold;
  	font-style: normal;
}

html, body, div, applet, object, iframe, img, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, center, i, div, header, section, footer {border:0;outline:0; box-sizing: border-box; line-height: 0;}

h1, h2, h3, h4, h5, h6, p, a, li{font-family: "JetBrains Mono", monospace; color: rgba(255,255,255,1); text-decoration:none; font-size: 14px; font-weight: 300; line-height: 1.2em;}

html, body{}

.tipo2{font-family: "zodiak"; }

*{margin:0;padding:0}
:focus{outline:0}
ol, ul{list-style:none}
table{border-collapse:collapse;border-spacing:0;}
blockquote, q{quotes:"" ""}
em {font-weight: 400; font-style: normal;}
hr{border:0;color:#FFFFFF;}
blockquote:before, blockquote:after, q:before, q:after{content:""}
.cky-consent-container{visibility: visible!important;}
.cky-btn-revisit-wrapper{display: none!important}
.sinopacidad{opacity: 0}
.colorazul{color: rgba(0,110,171,1);}
.colorblanco{color: rgba(255,255,255,1);}

.has-text-align-center{text-align: center!important}

.entradesdearriba2, .entradesdearriba, .entrafundido{display: none}

/*rodetamouse*/
.dragbottom{position: fixed; bottom:0px; left: 50%;margin: 0 auto; width: 20px; margin-top: 20px;margin-bottom: 20px; transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; z-index: 10000;margin-left: -15px;}
.unu{margin-top: 6px;}
.unu, .doi, .tre{-webkit-animation: mouse-scroll 1s infinite;-moz-animation: mouse-scroll 1s infinite;display: block;width: 10px;height: 10px;-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); border-right: 2px solid white; border-bottom: 2px solid white; margin: 0 0 3px 6px }
.unu{-webkit-animation-delay: .1s;-moz-animation-delay: .1s;-webkit-animation-direction: alternate;}
.doi{-webkit-animation-delay: .2s; -moz-animation-delay: .2s;-webkit-animation-direction: alternate;}
.tre{-webkit-animation-delay: .2s; -moz-animation-delay: .2s;-webkit-animation-direction: alternate;}
@-webkit-keyframes mouse-scroll {0%{ opacity: 0;}50%{ opacity: .5;}100% { opacity: 1;}}
@-moz-keyframes mouse-scroll {0%{ opacity: 0 }50%{ opacity: .5 }100% { opacity: 1 }}
@-o-keyframes mouse-scroll {0%{ opacity: 0 }50%{ opacity: .5 }100% { opacity: 1 }}
@keyframes mouse-scroll {0%{ opacity: 0 }50%{ opacity: .5 }100% { opacity: 1 }}

a, .comoboton{-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}

html, body{overflow-x:hidden;}
html.sr .load-hidden {visibility: hidden;}
.sinscroll{overflow:hidden}
.fondoblanco{background-color: white!important}
.altolinea0{line-height: 0}
.cursiva{font-style: italic;}
.negrita{font-weight: bold}
.sinnegrita{font-weight: 300}
.centrado{margin: 0 auto}
.textoizquierda{text-align: left}
.textocentro{text-align: center}
.textoderecha{text-align: right}

.breadcrumb{margin-top: 20px; font-size: 12px}
.breadcrumb a, .breadcrumb span{font-size: 12px}

.flexat{display: inline-flex; width: 100%; flex-wrap: wrap;}
.flexat.dalt{align-items: flex-start}
.flexat.abaix{align-items: flex-end}
.flexat.centre{align-items: center}
.flexat.mismaaltura{align-items: stretch;}
.flexat.inici{justify-content: flex-start}
.flexat.final{justify-content: flex-end}
.flexat.centrat{justify-content: center}
.flexat.total{justify-content: space-between}
.wp-block-embed__wrapper{gap: 0!important}
.bloque{display: block;}
.padding5{padding: 5px 10px 5px 10px;}
.padding10{padding: 10px;}
.padding20{padding: 20px;}
.padding80{padding: 80px!important;}
.paddingtop10{padding-top: 10px;}
.paddingtop80{padding-top: 80px;}
.paddingtop120{padding-top: 120px;}
.paddingbottom40{padding-bottom: 40px;}
.paddingbottom80{padding-bottom: 80px;}
.paddingtop40{padding-top: 40px;}
.paddingbottom20{padding-bottom: 20px;}
.marginbottom0{margin-bottom: 0px!important;}
.padding200200{padding: 20px 0px 20px 0px;}
.padding40{padding: 40px;}
.padding80{padding: 80px;}
.padding120{padding: 120px;}
.margintop20{margin-top: 20px;}
.margintop40{margin-top: 40px!important;}
.margintop80{margin-top: 80px;}
.margintop120{margin-top: 120px;}
.marginbottom20{margin-bottom: 20px;}
.marginbottom10{margin-bottom: 10px!important;}
.marginbottom40{margin-bottom: 40px!important;}
.marginbottom80{margin-bottom: 80px;}
.marginbottom120{margin-bottom: 120px!important;}
.oculto{display: none!important}
.eedee-gutenslider-nav{display: none!important}
.cky-btn-revisit-wrapper{display: none!important}
.flexat250{width: 50%}
.flexat2{width: 49%}
.flexat3{width: 31%}
.flexat4{width: 23.7%; margin-right: 1.6%;}
.flexat4:nth-child(4n+0){margin-right: 0%;}
.flexat5{width: 18%}
.flexat8{width: 11%}
.flexat23070:nth-child(1){width: 30%}
.flexat23070:nth-child(2){width: 70%}
.flexat27030:nth-child(1){width: 70%}
.flexat27030:nth-child(2){width: 30%}
.flexat12:nth-child(1){width: 30%}
.flexat12:nth-child(2){width: 70%}
.fondonegro{background-color: black!important}
.fondonegro h1, .fondonegro h2, .fondonegro h3, .fondonegro p{color: white!important} 
.aaafondogris1{background-color: #dddbda;}
.fondogris1{background-color: #ccc9c8;}
.fondogris2{background-color: #aba5a3;}
.fondogris3{background-color: #7c706c;}
.fondogris4{background-color: #8d837f;}
.fondogris5{background-color: #9e9592;}
.ancho50{max-width: 70%}



@keyframes headanim0 { 0% { opacity: 0; top: -100px } 100% { opacity: 1; top: 0px } }
header{position: fixed; top: 0; left: 0; animation: headanim0 2s; padding: 20px; width: 100%; z-index: 1000; display: inline-flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}

.menumobil {cursor: pointer; padding: 0; transition: opacity 0.5s ease-in-out; transition: background 0.1s ease-in-out; background-color: white; border-radius: 400px; padding: 10px 7px 9px 7px; height: 34px; width: 34px}
.menumobil > .bar1, .menumobil > .bar2, .menumobil > .bar3 {position: relative; width: 20px;height: 2px;background-color: #000;transition: 0.4s;}
.bar2, .bar3{margin-top: 4px;}
.change.bar1 {-webkit-transform: rotate(-45deg) translate(-4px, 5px);transform: rotate(-45deg) translate(-4px, 5px);}
.change.bar2 {-webkit-transform: rotate(45deg) translate(1px, 0px);transform: rotate(45deg) translate(1px, 0px);}
.change.bar3 {display: none!important}

.qtranxs-lang-menu > a{display: none!important}
.qtranxs-lang-menu .sub-menu li{display: inline-block; background-color: white; width: 34px; height: 34px; margin-left: 10px; border-radius: 400px; padding: 10px 0px 10px 0px; text-align: center; line-height: 15px;}
.qtranxs-lang-menu .sub-menu li:nth-child(1){margin-left: 0px}
.qtranxs-lang-menu .sub-menu li a{font-size: 14px; font-family: "JetBrains Mono", monospace; color: black; line-height: 0}
.qtranxs-lang-menu .sub-menu li.current-menu-item{display: none!important}

header > div:nth-child(1){margin-right: 80px;}
header > div:nth-child(2){width: calc(100% - 470px); }
header > div:nth-child(3){width: 240px; text-align: center}
header > div:nth-child(4){width: 100px; text-align: right}
.reserva{width: 240px;background: rgba(255,255,255,0); border: 1px solid white; border-radius: 9999px; padding: 8px 0px 8px 0px; text-align: center; display: inline-block}
.reserva:hover{background: rgba(255,255,255,0.2)}

@keyframes headanim1 { 0% { opacity: 0; } 100% { opacity: 1;} }
.mprincipal{width: 100%; animation: headanim1 2s; margin-top: 60px; padding-right: 140px; padding-left: 140px; height: calc(100vh - 60px); justify-content: flex-start; align-content: center;position: relative;z-index: 0;}
.mprincipal a{font-family: "zodiak"; font-size: 100px; margin-right: 10px}
.mprincipal a:hover, .mprincipal a.apretat{text-decoration: underline}
.mprincipal a:nth-child(6):hover{text-decoration: none!important; cursor: auto!important}
.mprincipal span{margin-top: 60px; display: block; text-align: left; font-size: 16px; color: white; font-family: "JetBrains Mono", monospace; width: 500px; line-height: 1.4em}
header h1{font-family: "zodiak"; font-size: 14px}
header h1 span{font-family: "zodiak2"; font-size: 14px}

.pagina{width: 100%; padding: 140px;}
.pagina .cap{width: 100%;padding: 150px 0px 300px 35px; display: inline-flex;justify-content: space-between; align-items: center; flex-wrap: wrap}
.pagina .cap > div:nth-child(1){width: 50%;text-align: left;}
.pagina .cap > div:nth-child(1) h2{color: white;font-size: 70px;font-family: "zodiak";}
.pagina.p2 > .cap > div > h2{font-size: 160px!important}
.pagina .cap > div:nth-child(2){width: 50%; text-align: center}
.pagina .cap > div:nth-child(2) img{height: 160px; width: auto}
.pagina .wp-block-group{background-color: white; padding: 40px; border-radius: 40px; max-width: 500px; margin-bottom: 40px; }
.pagina .wp-block-group h2 {color: black; font-size: 17px; font-family: "zodiak";}
.pagina .wp-block-group p {color: black; margin-bottom: 20px; font-size: 13px; line-height: 1.4em}
.XXXXpagina .wp-block-group .wp-block-group__inner-container:after{display: block; margin: 0 auto; margin-top: 40px; width: 35px; height: 40px; content: ''; background: url(img/down.svg) center center no-repeat; background-size: cover; cursor: pointer}
.XXXXpagina .wp-block-group:last-child .wp-block-group__inner-container:after{display: none!important}
.pagina .wp-block-group .wp-block-group__inner-container h6{font-family: "JetBrains Mono", monospace!important;font-size: 13px!important; line-height: 1.4em!important;}
.pagina .wp-block-group p a{text-decoration: underline; color: black; font-family: "JetBrains Mono", monospace;font-size: 13px;}
.pagina .has-small-font-size{font-size: 12px!important}
.pagina .wp-block-button{width: 100%!important}
.pagina .wp-block-button a{width: 100%!important; line-height: 1.2em; border: 1px solid black; background-color: rgba(255,255,255,1); font-size: 12px!important; color:black!important; }
.pagina .wp-block-button a:hover{background-color: rgba(0,0,0,0.1);}
.pagina .up, .pagina .down{cursor: pointer;}

.paginadeplatos{width: calc(100% - 280px); margin: 140px; background-color: white; padding: 40px; border-radius: 40px;}
.paginadeplatos .wp-block-columns{}
.paginadeplatos h1 {color: black; font-size: 17px; font-family: "zodiak"; margin-bottom: 40px}
.paginadeplatos h3 {color: black; font-size: 14px; font-family: "zodiak"; margin-bottom: 20px;}
.paginadeplatos p {color: black; font-size: 13px; line-height: 1.8em}
.paginadeplatos p strong{color: black; font-size: 13px; line-height: 1.8em}
.paginadeplatos .close{width: 30px; height: 30px; background: url(img/close.svg) center center no-repeat; background-size: contain; cursor: pointer;}

.instagram:before{content:''; display: inline-block; vertical-align: middle; width: 15px; height: 15px; margin-right: 10px; background: url(img/instagram.svg) center center no-repeat; background-size: contain;}

.videofondo{position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: -1; opacity: 1;}
.videofondo:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: rgba(0,0,0,0.25);z-index: 1;}
.videofondo video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover}

.menusecundari{display: none; position: fixed; top: 0; left: 0; padding: 120px 120px 0px 50px; height: 100vh; z-index: 1; background-color: black}
.menusecundari li{margin-bottom: 15px}
.menusecundari li a:hover{opacity: 0.6}
.menusecundari li:nth-child(6) a:hover, .menusecundari li:nth-child(8) a:hover{opacity: 1; cursor: inherit}
.menusecundari li:nth-child(8){margin-top: 40px!important;}
.menusecundari li:nth-child(1):before, .menusecundari li:nth-child(2):before, .menusecundari li:nth-child(3):before, .menusecundari li:nth-child(4):before, .menusecundari li:nth-child(5):before, .menusecundari li:nth-child(7):before{content: '>'; color: white; display: inline-block; margin-right: 5px}
.menusecundari li:nth-child(5):after{content: '___________'; color: white; display: block; margin-top: 20px; margin-bottom: 40px}

@media screen 
and (max-width : 1200px) 
and (min-width : 1024px)
{
    .mprincipal a{font-size: 72px}
}


@media screen 
and (max-width : 1023px) 
and (min-width : 782px)
{
    .mprincipal, .pagina{padding-right: 100px;padding-left: 100px;}
    .paginadeplatos{width: calc(100% - 200px); margin-left: 100px}
    .mprincipal a{font-size: 52px}
    header > div:nth-child(1) {margin-right: 0px;}
    .pagina .wp-block-group{max-width: 100%}
    .pagina .cap > div:nth-child(1) h2{font-size: 35px;}
    .pagina .cap > div:nth-child(2){text-align: right}
    .pagina .cap > div:nth-child(2) img {height: 85px;}
}

@media screen 
and (max-width : 781px) 
{
    .pagina .cap{padding: 150px 0px 300px 0px}
    .ocultomovil{display: none}
    .contenidocorto{width: 95%!important}
    .mprincipal, .pagina{padding-right: 40px;padding-left: 40px;}
    .paginadeplatos{width: calc(100% - 80px); margin-left: 40px;padding: 40px 25px 25px 25px; border-radius: 25px;}
    .mprincipal a{font-size: 38px;display: block;}
    header > div:nth-child(1) {margin-right: 0px; order: 1;}
    header > div:nth-child(2) {order: 2; width: 175px;}
    header > div:nth-child(3) {order: 4; width: 100%; margin-top: 20px}
    .reserva {width: 100%;}
    .pagina{padding-top: 280px}
    .pagina .cap{padding-bottom: 150px}
    .menusecundari{width: 100%;padding: 160px 120px 0px 22px;}
    header > div:nth-child(4) {order: 3;}
    .pagina .wp-block-group{max-width: 100%}
    .pagina .cap{padding-top: 20px;padding-bottom: 220px;}
    .pagina .cap > div:nth-child(1) h2{font-size: 35px;}
    .pagina .cap > div:nth-child(2){text-align: right}
    .pagina .cap > div:nth-child(2) img {height: 85px;}
    .mprincipal span{width: 100%}
    .pagina .wp-block-group {padding: 40px 25px 25px 25px; border-radius: 25px;}
    .pagina .cap > div:nth-child(1) {width: 100%;text-align: center; order: 2}
    .pagina .cap > div:nth-child(2) {width: 100%;text-align: center; order: 1; margin-bottom: 20px}
    .alineadoizquierdamovil .wp-block-image{float: left!important; }
    .alineadoizquierdamovil .wp-block-image figure{margin-left: 0!important}
    .pagina .wp-block-button a{line-height: 1.6em!important}
    .paginadeplatos .wp-block-columns{gap: 0!important; border-bottom: 1px solid rgba(230,230,230,1)}
    .paginadeplatos .wp-block-columns p{text-align: left}
    .paginadeplatos .cap > div:nth-child(1) {width: 100%;text-align: left; order: 2}
    .paginadeplatos .cap > div:nth-child(2) {text-align: right; order: 1; margin-bottom: 20px}
    .pagina.p2 > .cap > div > h2{font-size: 80px!important}
}