:root {
	--cerna:#000; --svseda:#f5f1ef; --bila:#fff; --head:#231f1e;
	--modra:#0d4175; --svmodra:#1d85ed; --cervena:#f02153; --vinova:#4a0e0e; --svvinova:#6d1b1b; --tmvinova:#3b0b0b; --zelena:#063;
	--kapucino:#dbc4a1; --late:#efe5d8; --svetle_cervena:#e9c6bf; --zlata:#966f14;
}

:target { scroll-margin-top:150px; }


a, b.vice, b.mene	{ color:var(--zlata); transition:300ms; text-decoration:underline; }
a:hover, b.vice:hover, b.mene:hover	{ color:var(--cerna); text-decoration:none; }
.off { color:var(--cerna); text-decoration:none; cursor:default; }

a.ext  { background:url("../images/ext-link-grey.png") no-repeat center right; padding-right:15px; }
a.extW { background:url("../images/ext-link-white.png") no-repeat center right; padding-right:17px; color:#eac42f; }

b.vice:hover, b.mene:hover {cursor:pointer;}

.rozbalit, b.mene {display: none;}


body { font-family: 'Playfair Display', serif; font-size:1.15rem; margin-top:105px; }

.h1, h1 { font-weight:700; }


.bg-dark { background-color:var(--head) !important; }
.navbar  { padding: 1.25rem 5rem; }
@media (max-width: 1349.98px) {.navbar  { padding: 1.25rem 1rem; } }
.navbar-dark .navbar-nav .nav-link { font-size:.95em; text-transform:uppercase; white-space:nowrap; }
.navbar-expand-xl .navbar-nav .nav-link { padding-right:.5rem; padding-left:.5rem; text-decoration:none; }
@media (min-width: 1550px) {.navbar-expand-xl .navbar-nav .nav-link { padding-right:1rem; padding-left:1rem; } }
.navbar-dark .navbar-nav .nav-link.on { color: rgba(255,255,255,1); }



.btn-warning, .btn-danger, .bg-danger, .btn-outline-danger {
	font-size:1em; text-transform:uppercase;
	padding:.75rem 1.5rem;
	background-color:var(--vinova) !important; border-color:var(--vinova);
}
.btn-warning:hover, .btn-danger:hover, .bg-danger:hover { background-color:var(--svvinova) !important; }
.border-danger { border-color:var(--vinova) !important; }

.btn-outline-danger { background-color:transparent !important; color:var(--vinova); }
.btn-outline-danger:hover { background-color:var(--svvinova) !important; color:var(--bila); }

.logo {
	position:relative; overflow:hidden;
	background-image:url("../images/hermina-logo.svg");
	background-repeat:no-repeat;
	background-size:105px 65px;
	width:105px; height:65px; cursor:pointer;
}

input.form-check-input-posun {margin-top:0.50rem;}


.carousel { margin-top: 105px; }
.carousel-indicators li:hover { cursor:pointer; }
.carousel-caption { top:10% !important; }
.carousel-caption .banner {
	width:40%; padding:25px 40px; border-radius:20px;
	background-color:rgba(255,255,255,.7); color:var(--vinova);
}
.carousel-caption .banner h5 { font-size:2.5rem; font-weight:700; }

.img-fluid-carousel { max-width:100%; height:auto; }
.carousel-item { text-align:center; }

.orezany-obrazek {
	width:100%;	height:300px;
	object-fit:cover; object-position:top;
}
.orezany-obrazek.park { object-position:0 -190px; }
.orezany-obrazek.region { object-position:0 -90px; }
.orezany-obrazek.radosov { object-position:0 -130px; }
.orezany-obrazek.kostel { object-position:0 -150px; }



@media (max-width: 1439.98px) { body,.carousel { margin-top:100px; } }
@media (max-width: 1389.98px) { .logo { width:100px; height:60px; background-size: contain; } }
@media (max-width: 1399.98px) {	.carousel-caption { top:0% !important; } }
@media (max-width: 1199.98px) {
	.carousel-caption .banner { width:60%; }
	.carousel-caption .banner h5 { font-size:1.75rem; } 
	.btn-warning, .btn-danger, .btn-outline-danger { font-size:1em; }
}
@media (max-width: 991.98px) {
	.img-fluid-carousel { max-width:none; height:550px; text-align: center; }
	.orezany-obrazek.park, .orezany-obrazek.region, .orezany-obrazek.radosov, .orezany-obrazek.kostel { object-position:center top; }
}
@media (max-width: 767.98px) { .carousel-caption .banner { width:100%; } }



.bogo p { position:absolute; top:10px; right:50px; z-index:999; color:#fff; text-align:right; background-color: rgba(0,0,0,0.5); padding:10px 30px; }
.bogo p em { font-size:1rem; }
@media (max-width: 767.98px) {
	.bogo p { display:none; }
}







.statistiky { position:relative; z-index:1; margin-top:-65px; border-radius:20px; background-color:var(--svvinova); padding-top:15px; opacity:.95; }
.statistiky div { font-weight:700; color:var(--vinova); text-align:center; }
.statistiky p { display:inline-block; padding:.5rem 3rem; font-size:2.5rem; line-height:2.1rem; border-radius:15px; background-color:var(--bila); }
.statistiky span { font-size:1.2rem; display:block; font-weight:400; color:var(--cerna); }

@media (max-width: 1199.98px) {
	.statistiky p { font-size:2rem; line-height:2rem; }
	.statistiky span { font-size:1.2rem; line-height:1.3rem; }
}
@media (max-width: 575.98px) {
	.statistiky { margin-left:2rem; margin-right:2rem; }
	.statistiky { margin-top:-180px; background-color:var(--svvinova); opacity:.8; }
}




ul.nabizime { padding:0; }
ul.nabizime li { display:inline-block; background-color:var(--svseda); color:var(--svvinova); border-radius:10px; width:49%; padding:1rem 2rem; margin-bottom:5px; }
ul.nabizime li span { color:var(--cerna); }



.list-group .list-group-item { color:var(--zlata); display:inline !important; }

.card-footer { background-color:transparent; padding:0; }



.okoli .card-body h5 { font-weight:700; }
.okoli .card-body p { margin:2rem 0; }

.vybaveni .card ul { padding:1rem; margin-bottom:0; }
.vybaveni .card ul li {
	font-size:1rem; list-style-type:none; color:var(--svvinova);
	display:inline-block; padding:5px 17px; margin-bottom:5px;
	background-color:var(--late); border-radius:50px;
}
.vybaveni .col { margin-bottom:2rem; }



.cenik .card { min-height:400px; }
.cenik .card .card-body { transition:300ms; }
.cenik .card:hover .card-body {
	-webkit-box-shadow: 0 0 20px 0 #666;
	box-shadow: 0 0 20px 0 #666;
}


form.rezervacni { font-family:serif; }
/* div#predbezna_cena div.pokoje:nth-child(odd) { background-color:var(--late); } */
div#predbezna_cena div.pokoje { border:1px solid rgba(13,65,117,.25); }
div#predbezna_cena div.pokoje label { font-size:1rem;  width:100%; padding:5px 30px; cursor:pointer; }
div#predbezna_cena div.pokoje label:hover { background-color:var(--svseda); }



.galerie img { padding:2px; }

.karticka {
	font-size:1.2rem; text-align:left; min-height:410px;
	padding:20px; background-color:var(--bila);
	-webkit-box-shadow: 2px 2px 5px 1px #666;
	box-shadow: 2px 2px 5px 1px #666;
}
.karticka h4 {
	font-size:1.3rem; color:#231f1e; padding:10px 0; border-bottom:1px solid var(--kapucino);

}



.efekt_gal img { transition: all 0.2s linear; }
.efekt_gal .skryty_text {
	opacity: 0;
	background-color: rgba(219,127,8, 0.7);
	transition: all 0.4s ease-in-out;
}
.efekt_gal:hover img { transform:scale(1.1,1.1); }
.efekt_gal:hover .skryty_text { opacity:1; }

.view { float:left; overflow:hidden; position:relative; text-align:center; cursor:pointer; }
.view .skryty_text { width:100%; height:100%; position:absolute; overflow:hidden; top:0; left:0; }
.view img { display:block; position:relative; }
.view h4 { text-transform:uppercase; color:#fff; text-align:center; padding-top:50px; }



.tmavy_podklad { background-color: rgba(0,0,0,0.5); padding:15px 0 25px 0; }

.cyklotipy { margin-top:35px; }
.cyklotipy ul li { list-style-type:none; padding-bottom:30px; }






.mapycz {
	display:block; width:auto; height:420px; margin-top:150px;
	background-image:url("../images/mapycz.webp");
	background-position:center;
}
@media (max-width: 767.98px) {
	.mapycz { background-image:url("../images/mapycz_768.webp"); }
}


footer { line-height:2.2rem; }
footer .lh-lg { line-height:3rem !important; }


footer .row:first-of-type { background-color:var(--vinova); color:rgba(255,255,255,.7); padding:3rem 0 1.5rem 0; }
footer .row:nth-of-type(2) { background-color:var(--tmvinova); color:rgba(255,255,255,.7); padding:1rem; }

footer .row:first-of-type div:last-of-type { opacity:.7; }
footer .row:nth-of-type(2) div { opacity:.5; }

footer a { color:rgba(255,255,255,.7); text-transform:uppercase; text-decoration:none; }
footer a.on { color:var(--zlata); }
footer a:hover { color:var(--bila); text-decoration:underline; }
footer a.mapy { text-transform:none; text-decoration:underline; }

footer h4 { text-transform:uppercase; }
@media (max-width: 767.98px) { footer { text-align:center; } }








/* prohozeni poradi boxu (pc-mobil) */
.prvni-posledni { -webkit-box-ordinal-group:0; -ms-flex-order:-1; order:-1; }
.posledni-prvni { -webkit-box-ordinal-group:14; -ms-flex-order:13; order:13; }






/* kontaktni formular */
   form.kontakt input, form.kontakt textarea, form.kontakt select  {
		background:var(--late); color:var(--cerna);
   }
   form.kontakt .input-group-text { background:var(--kapucino); color:#fff; border:0; }
   form.kontakt label  { color:var(--zlata); font-weight:600; }
   form.kontakt button { color:#fff; background:var(--zlata); border:0; font-weight:600; }
   form.kontakt button:hover { background:#e0a800; }
   form.kontakt input:hover, form.kontakt textarea:hover, form.kontakt select:hover  { background:var(--kapucino); }
   form.kontakt input:focus, form.kontakt textarea:focus, form.kontakt select:focus { background:#eef6f9; }
	  
   .pocet_dospelychOK, .pocet_detihOK, .startOK, .endOK { border:1px solid var(--modra); }
   .jmenoOK, .prijmeniOK, .telefonOK, .rezervace_odOK, .rezervace_doOK, .emailOK, .zpravaOK, .kontrolaOK, .nemovitostOK { border:1px solid var(--kapucino); }
   .jmenoKO, .prijmeniKO, .telefonKO, .rezervace_odKO, .rezervace_doKO, .pocet_dospelychKO, .emailKO, .zpravaKO, .kontrolaKO, .nemovitostKO { border:2px solid var(--cervena); }
	  
   .form_neodeslan, .form_odeslan {
		color:#155724; background:#d4edda; border:1px solid #c3e6cb; padding:15px 0; 
		text-align:center; font-size:2em; 
		-webkit-box-shadow: 0 0 10px 0px #c3e6cb; box-shadow: 0 0 10px 0px #c3e6cb;
   }
   .form_neodeslan { color:#721c24; background-color: #f8d7da;	border-color: #f5c6cb; }
	  
   .prazdna div[style] { border:1px solid var(--cervena); }
   .prazdna div[style]:after { color:#900; content:"Potvrďte prosím, že nejste robot."; }

   ::-webkit-input-placeholder { color:#dbc4a1; font-size:.8rem; font-style:italic; }
   ::-moz-placeholder          { color:#dbc4a1; font-size:.8rem; font-style:italic; }
   ::placeholder               { color:#dbc4a1; font-size:.8rem; font-style:italic; }
   :-ms-input-placeholder      { color:#dbc4a1; font-size:.8rem; font-style:italic; }
   input:-moz-placeholder      { color:#dbc4a1; font-size:.8rem; font-style:italic; }

   /* start: tympanus.net - codrop */
	.input {
		position: relative; z-index: 1; padding-bottom: 1.9rem;
		vertical-align: top;
	}
	.input input, .input textarea {
		position: relative; display: block;
	}
	.input input:focus, .input textarea:focus { outline: none; }

	.input input:focus + .label, .input textarea:focus + .label,
	.pole_vyplneno .label {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.input input:focus + .label span, .input textarea:focus + .label span,
	.pole_vyplneno .label span {
		-webkit-transform: translate3d(0, 145%, 0);
		transform: translate3d(0, 145%, 0);
	}
	.input input:focus + .input input, .input textarea:focus + .input textarea,
	.pole_vyplneno .input input {
		background-color: transparent;
	}

	.label {
		position: absolute; bottom: 100%; overflow: hidden; display: inline-block;
		width:40%; padding-left:20px; pointer-events: none;
		font-size: 80%; text-align: left;
		-webkit-transform: translate3d(0, 3em, 0); transform: translate3d(0, 3em, 0);
		-webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s;
		-webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
		-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
		-webkit-touch-callout: none;
	}
	.label span {
		position: relative; display: block; width: 100%;
		color: #666; font-weight:normal; font-style:italic;
		padding: 0.4em 0;
		-webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s;
		-webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
	}
	.label span::after {
		position: absolute; bottom: 92%; left: -10px;
		width: 100%; height: 100%; padding: 0;
		color: #000; font-style: italic; font-size:12px;
		content: attr(data-content);
	}
	/* end: tympanus.net - codrop */

	.form-control { font-size: 1.4rem; color:var(--vinova); font-weight:700; }
	.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
		opacity: 0.4;
	}
	.form-floating > label { left:7px; padding:0.6rem .75rem; }

/* kontaktni formular */




/* start: sipka back to top */
#zpet_nahoru {
	position:fixed; bottom:40px; right:40px; z-index:9999;
	width:64px; height:64px; border:0; border-radius:2px;
	color:#fff; text-align:center; line-height:30px; text-decoration:none;
	background:var(--tmvinova) url("../images/to_top.svg") no-repeat 50%; cursor:pointer;
	transition:opacity 0.2s ease-out; opacity:0;
}
#zpet_nahoru:hover { background:var(--vinova) url("../images/to_top.svg") no-repeat 50%; }
#zpet_nahoru.show  { opacity:1; }
/* end: sipka back to top */








.center { text-align:center; }
.doprava { text-align:right; }
.doleva { text-align:left; }
.dobloku { text-align:justify; }

.leva { float:left; }
.prava { float:right; }

.tucne, .bold { font-weight:bold; }
.kurziva { font-style:italic; }

.tt-none { text-transform:none; }

.cleaner, .cleanerXSL {
 clear:both; font-size:1px; height:1px; line-height:0;
 border:none; background:transparent; width:100%;
}
.hidden { display:none; }

.bila, .white { color:var(--bila); }
.cervena { color:var(--vinova); }
.pozadi_kapucino { background-color:var(--kapucino); }
.pozadi_late { background-color:var(--late); }
.pozadi_svetle_cervena { background-color:var(--svetle_cervena); }

a[href^="tel:"] { text-decoration:none; cursor:auto; }

img { border:0px; }
hr  { border-color:var(--kapucino); }
.obal { position:relative; top:0; left:0; }
.obal2 { position:absolute; }

.nomargin, table tr td.nomargin, table tr th.nomargin    { margin:0 !important; }
.nopadding, table tr td.nopadding, table tr th.nopadding { padding:0 !important; }
.noborder, table tr td.noborder, table tr th.noborder    { border:0 !important; text-decoration:none; }

ul.bez li, ol.bez li { list-style-type:none; }

.screenreader, .SkipToContentMenu { /* skrite navigacni nadpisy pro nevidome - viz. menu.php */
 position:absolute; top:auto; left:-1000px;
 overflow:hidden; width:1px; height:1px;
}





/* start: pop-up */
#hover {
	position:fixed; z-index:998;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.6)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#99000000',GradientType=0 );
	width:100%; height:100%;
}
  
#popup {
	position:absolute; top:15%; left:50%; z-index:999;
	width:500px; padding:30px 0 50px 0;
	margin-left:-260px; /* width/2 + padding-left */
	background:#f0f; border-radius:5px; box-shadow:0 0 10px 0 var(--cerna);
	text-align:center;
}
  
#close {
	position:absolute; top:-15px; right:-15px;
	background:#606;
	-webkit-box-shadow: 0 0 10px 0 var(--cerna);
	box-shadow: 0 0 10px 0 var(--cerna);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width:30px; height:30px;
	color:white; text-align:center; line-height:30px;
	font-size:8px; font-weight:bold; font-family:'Arial Black', Arial, sans-serif;
	cursor:pointer;
}
  
#popup h3 {font-size:36px; color: #606; text-shadow: 0px 0px 10px #fff; }
/* end: pop-up */

/*  */
@media (min-width: 1200px) { 

}
@media (max-width: 1199.98px) {
	.h2, h2 { font-size:2rem; }
	.p-5 { padding: 2rem !important; }
}


/*  */
@media (min-width: 992px) { 

}
@media (max-width: 991.98px) { 
	.h2, h2 { font-size:2rem; }
	.p-5 { padding: 1rem !important; }
}

@media (min-width: 992px) and (max-width: 1199.98px) { 

}


/*  */
@media (min-width: 768px) { 

}
@media (max-width: 767.98px) {
 /* prohozeni poradi boxu (mobil-pc) */
 .prvni-posledni { -webkit-box-ordinal-group:14; -ms-flex-order:13; order:13; }
 .posledni-prvni { -webkit-box-ordinal-group:0; -ms-flex-order:-1; order:-1; }
 .obal2.center.small.bila.p-5 { position:static; color:var(--cerna); font-size:100%; text-align:center; }
}

@media (min-width: 768px) and (max-width: 991.98px) { 

}


/*  */
@media (min-width: 576px) { 

}
@media (max-width: 575.98px) { 

}

@media (min-width: 576px) and (max-width: 767.98px) { 

}



/* dalsi */
@media only screen and (min-width:640px) {
}
@media only screen and (max-width:480px) {
}
@media only screen and (max-width:320px) {
}

/* opravy pro chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 
}


.grecaptcha-badge { visibility:hidden; }
.reCaptcha, .reCaptcha a { color:#666; text-transform:lowercase; }

iframe { border:0; }

div.ratio { background-color:var(--head) !important; border-radius:3rem !important; }