/*
@font-face { font-family:'bahamas'; font-weight:900; font-style:normal; src:url('./font/bahamahn-webfont.woff2') format('woff2'), url('./font/bahamahn-webfont.woff') format('woff'); }
@font-face { font-family:'bahamas'; font-weight:100; font-style:normal; src:url('./font/bahamal0-webfont.woff2') format('woff2'), url('./font/bahamal0-webfont.woff') format('woff'); }
@font-face { font-family:'bahamas'; font-weight:400; font-style:normal; src:url('./font/bahamas0-webfont.woff2') format('woff2'), url('./font/bahamas0-webfont.woff') format('woff'); }
@font-face { font-family:'bahamas'; font-weight:700; font-style:normal; src:url('./font/bahamasb-webfont.woff2') format('woff2'), url('./font/bahamasb-webfont.woff') format('woff'); }


@font-face { font-weight:100; font-style:normal; font-family: 'exo2'; src: url('./font/exo2-extralight-webfont.woff2') format('woff2'), url('./font/exo2-extralight-webfont.woff') format('woff');}
@font-face { font-weight:200; font-style:normal; font-family: 'exo2'; src: url('./font/exo2-light-webfont.woff2') format('woff2'), url('./font/exo2-light-webfont.woff') format('woff');}
@font-face { font-weight:300; font-style:normal; font-family: 'exo2'; src: url('./font/exo2-thin-webfont.woff2') format('woff2'), url('./font/exo2-thin-webfont.woff') format('woff');}
@font-face { font-weight:400; font-style:normal; font-family: 'exo2'; src: url('./font/exo2-regular-webfont.woff2') format('woff2'), url('./font/exo2-regular-webfont.woff') format('woff');}
@font-face { font-weight:500; font-style:normal; font-family: 'exo2'; src: url('./font/exo2-medium-webfont.woff2') format('woff2'), url('./font/exo2-medium-webfont.woff') format('woff');}

@font-face { font-weight:100; font-style:normal; font-family: 'avant_garde'; src: url('./font/avantgargotitctot-extlig-webfont.woff2') format('woff2'), url('./font/avantgargotitctot-extlig-webfont.woff') format('woff');}
@font-face { font-weight:400; font-style:normal; font-family: 'avant_garde'; src: url('./font/avantgargotitclot-boo-webfont.woff2') format('woff2'), url('./font/avantgargotitclot-boo-webfont.woff') format('woff');}
*/

:root {

	--back:		#f4e4c4;
	--back2:	#e1c38b;
	--text:		#871309;
	--color:	#b60000;

	
}

:root {
  font-family: Garamond, Times, serif;
  line-height: 1.5;
  font-weight: 400;

  color-scheme: light;
  color:var(--text);
  background-color:var(--back);

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



* 			{ margin:0px; padding:0px; border:0px; outline-style: none; vertical-align:top; }
*:focus 	{ outline:none; }

html		{ scroll-behavior: smooth; font-family: Garamond, Times, serif; font-size:1.5vw; line-height:1.2em; font-weight:400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background:var(--back); color:var(--text); }
html		{ min-height:100vh; overflow:hidden; overflow-x:hidden; overflow-y:auto; width:100vw; }
html.jump	{ scroll-behavior:auto; }
body { padding-bottom:3rem; }
strong { font-weight:700; }

tac { text-align:center; }
tar { text-align:right; }


h1 { margin:0 0 1.0em 0; font-size:3.75rem; font-weight:100; line-height:1.5em; color:var(--color); text-transform:uppercase; }
h2 { margin:0 0 1.0em 0; font-size:2.50rem; font-weight:300; line-height:1.5em; color:var(--color); }
h3 { margin:0 0 0.5em 0; font-size:1.75rem; font-weight:300; line-height:1.5em; color:var(--color); }
p  { margin:0 0 1.0em 0; }
br { clear:both; }
hr { display:block; margin:2rem auto; max-width:75vw; width:434.5px; height:9px; background:url('../img/hr.png') 50% 50% no-repeat; background-size:100% auto; }
a[href] { color:inherit; text-decoration:underline; }
a[href]:hover { text-decoration-style:wavy; }
p strong { color:var(--color); }

*::selection {
  color:#fff;
  background-color:var(--color);
}


#uvod_wrapper { position:relative; z-index:20; width:100vw; height:calc(100vh - 3rem - 2px); max-height:100vw; background:var(--back2) url('../img/382-privoz-vysehrad_1280.jpg') 66% 50% no-repeat; background-size:cover; text-align:center; }
#uvod_wrapper > div { position:absolute; left:0; bottom:0; right:0; width:100%; text-align:center; background:rgba(0,0,0,0.5); backdrop-filter:blur(3px);}
#uvod_wrapper h1 { display:block; font-size:3rem; line-height:1.2em; color:#fff; margin-bottom:0; padding-top:2rem; }
#uvod_wrapper h2 { font-size:2rem; color:#fff; }
#uvod_wrapper h2 br { display:none; }


header { position:sticky; z-index:30; top:0; left:0; right:0; height:3rem; box-sizing:border-box; background:var(--back2); border-top:1px solid var(--text); border-bottom:1px solid var(--text); color:var(--text); box-shadow:0 0.2rem 0.5rem var(--dark_shadow); }
header > nav { line-height:1.1rem; padding:0 1.5rem; text-align:center; }
header > nav > a[href] { display:inline-block; position:relative; height:1rem; padding:1rem 0.5rem; line-height:1rem; text-decoration:none; text-transform:uppercase; font-weight:700; color:inherit; transition:color 0.3s; transition:color 0.3s; }
/* header > nav > a[href]:first-child { display:block; float:left; } */
header > nav > a[href]:hover,
header > nav > a[href].selected { color:var(--color); }

footer { position:fixed; z-index:10; bottom:0; left:0; right:0; height:3rem; background:#000; color:var(--back) }
footer > p { line-height:1rem; padding:1rem 2rem; float:left; }
footer > p > a[href] { display:inline-block; position:relative; height:1rem; text-decoration:none;  color:inherit; }
footer > p > a[href]:hover { text-decoration:underline; }
footer > p + p { float:right; }
footer > p + p > a + a { margin-left:1.5rem; }


section { text-align:center; }
section > a[name] { display:block; height:5rem; }

.wrapper { padding:0 2rem 2rem; }
.text_wrapper { max-width:36rem; margin-left:auto; margin-right:auto; }

main > section > img { display:block; max-height:calc(100vh - 10rem); max-width:100%; }

main > #privoz_wrapper > a.fr { margin-left:2rem; float:right; max-width:50%; }
main > #privoz_wrapper > a.fr > img { display:block; width:100%; }
main > #privoz_wrapper > a.fr + div { display:block; text-align:left; float:left; width:calc(70vh - 7rem); max-width:calc(50% - 2rem); }
main > #privoz_wrapper > a.fr + div > ul { padding-left:2rem; margin-bottom:2rem; }

main > #jizdni_rady_wrapper > img { display:block; margin:0 auto 2rem; }

main > #cenik_wrapper > h3 { margin-bottom:-0.5rem; }

main > #kontakt_wrapper p + h3 { margin-top:-1rem; }

#fotogalerie_wrapper { padding:0; width:100vw; text-align:center; }
#fotogalerie_wrapper a:not(:empty) { display:inline-block; width:24vw; height:18vw; margin:0.4vw; }
#fotogalerie_wrapper a:not(:empty) > img { display:block; width:100%; height:100%; background:var(--back2); }

#zastity_wrapper { padding:0; width:100vw; text-align:center; background:url('../img/footer.png') 50% 100% no-repeat; background-size:100% auto; padding-bottom:35vw; }
#zastity_wrapper a:not(:empty) { display:inline-block; width:24vw; height:33.9429vw; margin:0.4vw; }
#zastity_wrapper a:not(:empty) > img { display:block; width:100%; height:100%; background:var(--back2); }


#tiskove_zpravy_wrapper { text-align:center; }

#body #colorbox,
#body #cboxWrapper { overflow:visible; }
#body #cboxPrevious, 
#body #cboxNext, 
#body #cboxSlideshow, 
#body #cboxClose { background:none !important; font-family:'icomoon' !important; text-indent:0; width:2rem; height:2rem; line-height:2rem; overflow:hidden; padding:0; }
#body #cboxPrevious:before, 
#body #cboxNext:before, 
#body #cboxSlideshow:before, 
#body #cboxClose:before { content:''; display:block; height:2rem; width:2rem; text-align:center; font-size:2rem; color:var(--black); text-shadow:0 0 0.1rem var(--white); }
#body #cboxPrevious:before { content:'<'; }
#body #cboxNext:before { content:'>'; }
#body #cboxClose:before { content:'><'; letter-spacing:-0.4em; text-indent:-0.8rem; }
#body #cboxNext { right:-2.5rem; left:auto; top:50%; }
#body #cboxPrevious { left:-2.5rem; right:auto; top:50%; }
#body #cboxClose { right:1rem; top:-2.5rem; }



@media (min-aspect-ratio:1.75/1){ 
/*	#uvod_wrapper h2 { position:absolute; left:0; right:0; top:59%; font-size:4.15vh; } */
}



@media (max-width: 930px){
	html { font-size:2.25vw; }
/*	body { padding-bottom:6rem; }

	#fotogalerie_wrapper a:not(:empty) { width:48vw; height:32vw; margin:0.666vw; }

	#uvod_wrapper h1 { font-size:2.6rem; padding-top:0.8rem; }
	#uvod_wrapper h1 > strong { font-size:3.666rem; }
	#uvod_wrapper h3 { font-size:1.3rem; margin-bottom:0.333rem; }
	#uvod_wrapper h2 { font-size:1.06rem; }
*/
	.text_wrapper { max-width:90vw; }

	footer { height:5rem; }
	footer p,
	footer p + p { float:none; margin:0 0 -1rem 0; text-align:center; }
}

@media (max-aspect-ratio:1/1.1){ 
/*	#uvod_wrapper { height:100vw; max-height:none; background:var(--back2) url('../img/Vajickobrani_ctverec.jpg') 50% 50% no-repeat; background-size:100% auto;}
	#uvod_wrapper h1 { font-size:3.2rem; padding-top:6.2rem; }
	#uvod_wrapper h1 > strong { font-size:5rem; }
	#uvod_wrapper h3 { font-size:2.33rem; line-height:1em; width:27rem; padding-top:2.5rem; margin:0 auto; }
	#uvod_wrapper h2 { padding-top:2.5rem; font-size: 1.6rem; width: 60vw; margin: 0 auto; line-height: 1.3em; text-align:center;  }
	#uvod_wrapper h2 br { display:block; }
	*/
}