/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;

}
html,body {
  margin:0;
  padding:0;
  font-family: 'Playfair Display';
  font-weight:400;
  font-size:20px;
  line-height:30px;
  background-color:#F5F0EA;
  color:#000000;
  -webkit-text-size-adjust:100%;
  width:100vw;
  height: 100%;
}


html 		{ overflow-x:hidden;  }



h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a           { color:#000; text-decoration: none;}
a:focus		{ outline: none; }
a:hover     { border-bottom:1px solid #fff }
.clearboth  { clear: both; }
.floatleft  { float: left; }
.uppercase  { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
.black		{ color:black }
img         { border: none; }
p           { clear:both; }
ul          { margin:0; }
b           { font-weight:700 }
strong      { font-weight:700 }
hr          { height:1px; border:0; background-color: black; }
.tisic      { margin-left: 0.3em;	}
.nonselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; 
				 -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.nopadding  { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input,textarea { border:none; outline:none; resize:none; padding:10px 2% 10px 2%; margin-top:5px;  font-family: 'Playfair Display';
				font-size:20px; border:solid 1px #404040; -webkit-appearance: none; -webkit-border-radius:0px;  }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
   -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
.border5   { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.border10  { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;  }
.border35  { -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px;  }
.borderRounded { -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; }

.table-cell	{ display: table-cell; vertical-align: middle;  }

li 			{ list-style-position:outside; margin-left:22px; }
hr 			{ padding:0; margin:0; background-color:#404040; }

.textalignleft	{ text-align:left; }

main        { position: relative; display:block; width:100%; height:100%;  }
nav         { position: relative; width:100%; padding-top:60px; } 
.content    { display:block; width:calc(100% - 80px); max-width:1320px; margin:auto; }
.content a:hover			{ border-bottom:1px solid #000  }



.content-header    { max-width:1920px; width:calc(100% - 160px); }


.content-header2    { position:relative; max-width:1920px; width:calc(100% - 160px);  }

.font19		{ font-size:19px; line-height: 1.34em }
.font20		{ font-size:20px; line-height: 1.34em }
.font24		{ font-size:24px; line-height: 1.34em }
.font34		{ font-size:34px; line-height: 1.34em }
.font40		{ font-size:40px; line-height: 1.34em }
.font46		{ font-size:46px; line-height: 1.34em }

.text-block		{ float:left; width:100%; text-align:center; padding:0 105px; margin-top:18vh }
.text-block2	{ float:left; width:100%; text-align:center; padding:0 105px; margin-top:18vh }


.mdb-lightbox-ui	{ position:relative; z-index:100000;}

figure			{ width:100%; margin:0; box-sizing:content-box  }
.content figure a:hover,
figure a:hover	{ border:0 }
figure img		{ float:left; width:100%; object-fit:cover; }



.mdb-lightbox-three	{ display: grid; grid-template-columns:repeat(3, 1fr); gap:40px; margin-top:18vh }

.mdb-lightbox-aspect-ratio img	{ aspect-ratio:3/4 }

figure.figure-big { grid-column: span 2; }


.pswp__button	{ font-family: 'Playfair Display'; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; 
				 -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

	
.section		{ position:relative; }			 
				 
.section0		{ width:100%; height:100vh; background:url(../images/hp.webp) center; background-size:cover; color:#fff; }	

.logo			{ float:left; width:240px; } 
.logo img		{ float:left; width:100%;} 

.menu				{ float:right; width:calc(100% - 240px); text-align: right; text-transform: uppercase;} 
.menu-item			{ display:inline-block; margin-left:20px; width:105px; text-align:center;} 
.menu-item a		{ color:#fff;} 
.menu-item a:hover,
.menu-item a.active	{ font-weight:700; border:0 }
.menu-lang 			{ display:inline-block; margin-left:40px; } 
.menu-lang span		{ display:inline-block; width:40px; text-align:center;} 
.menu-lang a		{ color:#fff;} 
.menu-lang a:hover,
.menu-lang a.active	{ font-weight:700; border:0 }


.hamburger					{ position:absolute; display:none; right:10px; top:40px; width:30px; height:20px; cursor:pointer; outline: none; 
							  -webkit-tap-highlight-color: transparent; z-index:100 }
.hamburger span				{ position:absolute; display:block; width:100%; height:2px; background-color:#fff; border-radius: 2px }
.hamburger span:nth-child(1){ top:0; }
.hamburger span:nth-child(2){ top:9px }
.hamburger span:nth-child(3){ bottom:0; }



.section0-text		{ position:absolute; bottom:70px }	
.section0-text a	{ color:#fff }	


.sign			{ float:left; text-align:center; width:100%; margin:auto; margin-top:50px} 
.sign img		{ width:100%; max-width:320px;} 

.button-center  { text-align:center; margin-top:9vh; text-transform:uppercase; }
.button a		{ padding:40px 45px; border:solid 1px #000; display:inline-block; }


.mdb-lightbox-one				{ width:100%; margin-top:18vh; text-align:center;}
.mdb-lightbox-one figure img	{ float:none;  max-width:750px; }






/* O nás */

.page-o-nas .section0				{ width:100%; height:550px; background:url(../images/about-us.webp?rand=1) top; background-size:cover; background-repeat:no-repeat; }	


.mdb-lightbox-one-big					{ width:100%; margin-top:18vh; text-align:center;}
.mdb-lightbox-one-big figure img		{ float:none; max-width:1320px; }


.mdb-lightbox-one-chef				{ margin-top:9vh;}
.chef								{ margin-top:30px;  margin-bottom:30px; text-align:center; }

.voucher							{ float:none; max-width:850px; margin:auto; margin-top:150px }

/* Kontakt */

.page-kontakt .section0		{ width:100%; height:550px; background:url(../images/contact.webp?rand=1) top; background-size:cover; background-repeat:no-repeat; }	

.contact			{ float:left; width:400px; margin-right:60px; margin-top:18vh }


.map				{ float:left; width:calc(100% - 460px); margin-top:18vh }
#map_canvas			{ aspect-ratio:16/9.6 }




/* Menu  */

.page-stale-menu .section0			{ width:100%; height:550px; background:url(../images/menu.webp) top; background-size:cover; background-repeat:no-repeat; }	
.page-poledni-menu .section0		{ width:100%; height:550px; background:url(../images/lunch.webp) top; background-size:cover; background-repeat:no-repeat; }	
.page-sezonni-menu .section0		{ width:100%; height:550px; background:url(../images/seasonal.webp) top; background-size:cover; background-repeat:no-repeat; }	
.page-napojovy-listek .section0		{ width:100%; height:550px; background:url(../images/drink.webp) top; background-size:cover; background-repeat:no-repeat; }	
.page-vinny-listek .section0		{ width:100%; height:550px; background:url(../images/wine.webp) top; background-size:cover; background-repeat:no-repeat; }	
.page-dezerty .section0				{ width:100%; height:550px; background:url(../images/desserts.webp) top; background-size:cover; background-repeat:no-repeat; }	



.submenu			{ position:absolute; width:100%; text-align:center; margin-top:-170px }
.submenu a			{ display:inline-block; color:#fff; border:solid 1px #fff; padding:24px 42px; text-transform:uppercase; margin-right:15px; text-align:center; }
.submenu a:hover	{ border-bottom:1px solid #fff  }
.submenu a.active	{ font-weight:700;  }


.dishes				{ float:left; width:100%; margin-top:18vh }
.dishes-name		{ float:left; width:calc(100% - 160px) }
.dishes-price		{ float:right; }
.dishes-info		{ float:left; width:calc(100% - 160px); margin-top:20px; margin-bottom:64px }
.dishes-info-left	{ float:left; width:calc(50% - 50px) }
.dishes-info-left:first-child	{ margin-right:100px }

.dishes-drink .dishes-info		{ width:100%; }


.dishes table		{ width:100%!important; height:auto!important; border-collapse: collapse; border:0}
.dishes table td 	{ width:calc(100% - 120px)!important }
.dishes table td:nth-child(2) { width:120px!important; text-align:right; }

footer				{ background:#000; color:#fff; padding:80px 0; margin-top:18vh }
footer a			{ color:#fff; }
.footer-logo		{ float:left; width:200px; height:150px; display:table; margin-right:8% }
.footer-logo img	{ float:left; width:100%; }
.footer-text		{ float:left;  width:calc(100% - 8% - 200px);  }
.footer1			{ float:left; width:420px; margin-right:8%  }
.footer2			{ float:left; width:420px;  }


.page- footer		{ margin-top:9vh }