@charset "UTF-8";

/*
	Theme Name: Chalupa Horský Potok
	Author: Michal Hančil
	Author URI: https://michalhancil.cz/
	Description: Toto je šablona navržená na míru pro vaše potřeby. Pro úpravy či asistenci se obraťte na Michala Hančila, autora šablony.
	Version: 1.75
	Requires PHP: 8
*/

 :root {
     --bs-font-sans-serif: "Outfit", sans-serif;
     --bs-link-color: var(--potok-dark);
     --bs-navbar-color:var(--potok-dark);
     --bs-link-color-rgb: 13, 110, 253;
     --bs-link-decoration: underline;
     --bs-link-hover-color: white;
     --bs-nav-link-hover-color:white;
     --bs-nav-link-font-size: 1.2rem;
     --bs-nav-link-font-weight: 500;
     --bs-navbar-nav-link-padding-x:1rem;
     --bs-link-hover-color-rgb: white;
     --bs-navbar-toggler-border-color: transparent;
     --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
     --bs-dropdown-min-width:auto;
     --bs-spinner-width:3rem;
     --bs-spinner-height:3rem;
     --spinner-border-color:var(--potok-accent);
     --potok-background: #F5F7F6;
     --potok-accent: #91B1B3;
     --potok-dark: #2D2D2D;
	 --zimni-aktivita:#0d6efd;
	 --letni-aktivita:#dc3545;
	 --celorocni-aktivita:#fd7e14;
	 --horalove-pink:#ec008c;
	 --horalove-blue:#9fd3f2;
}
 .logo h1 {
     position: absolute;
     width: 1px;
     height: 1px;
     overflow: hidden;
     clip: rect(1px, 1px, 1px, 1px);
     white-space: nowrap;
}
 a:focus, a:active, button, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner, button, button:focus, button:active, .btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus, button:focus-visible {
     outline: none !important;
     outline: 0 !important;
}
 .wpcf7-form-control:focus-visible, .wpcf7-form-control-wrap:focus {
     outline: none !important;
     outline: 0 !important;
     box-shadow: none !important;
}
 #rank-math-analytics-stats-wrapper, .fancybox-caption-wrap{
     display:none!important;
}
 .cmplz-cookiebanner-container{
     height:0;
}
 #cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode, #cmplz-document p, .editor-styles-wrapper .cmplz-unlinked-mode p, #cmplz-document li, .editor-styles-wrapper .cmplz-unlinked-mode li, #cmplz-document td, .editor-styles-wrapper .cmplz-unlinked-mode td{
     max-width:unset!important;
     font-size:unset!important;
}
 #cmplz-document a, .editor-styles-wrapper .cmplz-unlinked-mode a{
     text-decoration:none!important;
     color:inherit!important;
	 border:none!important;
}
 body{
     overflow-x:hidden;
	 background:var(--potok-background);
}
 .loader-animation {
     position: fixed;
     top:0;
     left:0;
     display:flex;
     justify-content:center;
     align-items:center;
     width:100%;
     height:100%;
     background:white;
     z-index:9999;
     animation: hide .5s ease-out 1s forwards;
}
 .loader-animation .animation-hide{
     animation: hide .5s ease-out .5s forwards;
}
 .loader-animation .spinner-border{
     border-color:var(--spinner-border-color);
     border-right-color:transparent;
}
 .navbar-toggler{
     background:var(--potok-accent);
     margin-right:15px;
	 border-radius:0!important;
}
 .logo{
     transition: opacity .3s ease-in-out;
     display:flex;
     justify-content:flex-start;
     align-items:center;
}
 .logo .image{
	 transition: all .3s ease-in-out;
     background: url('img/logo.svg') center center no-repeat;
     background-size:contain;
     height:80px;
     width:200px;
	 position:relative;
	 left:0;
}
 .logo:hover{
     opacity:.7;
}
.logo:hover .image{
	left:15px;
}
 .navbar{
     transition: all .3s ease-in-out;
     height:100px;
     padding:0 15px;
     align-items:center;
}
 .navbar-nav{
     align-items:center;
}
 .navbar-floating{
     height:80px;
	 background:rgba(var(--bs-light-rgb),1)!important;
	 border-bottom:2px solid var(--potok-accent)!important;
}
 .navbar-nav .nav-link{
     border-bottom:2px solid transparent;
}
.navbar-nav .menu-item:first-child .nav-link{
	padding:12px 0;
}
 .navbar-nav .nav-link .home{
     background: url('img/domek.svg') center center no-repeat;
     background-position:0 0;
     height:20px;
     width:20px;
}
 .navbar-nav .nav-link:hover, .current-menu-item:not(.menu-item-type-custom) a{
     border-bottom-color:var(--potok-accent);
     color:var(--potok-accent);
}
.navbar-nav .nav-link:hover .home, .current-menu-item:not(.menu-item-type-custom) a .home, body.home .menu-item .home{
	background-position:0 -40px;
}
 .navbar-nav li.menu-item{
     margin:0 5px;
}
 div.page{
     padding:80px 0 0 0;
}
 .page .content{
     padding:25px 0 125px 0;
}
.page .header-background{
	padding:40px 0 40px;
	font-size:2.1rem;
	background:var(--potok-accent);
}
 .page .header-background .col{
     padding:0;
}
 .page .header-background h2{
     color:white;
	 margin:0;
}
.page .content p{
	font-size:1.15rem;
}
.page .navbar{
	background:rgba(var(--bs-light-rgb),1)!important;
	border-bottom:2px solid var(--potok-accent)!important;
}
 .language{
     color:var(--potok-dark);
}
 .language a{
     text-decoration:none;
     color:var(--potok-dark);
     border-bottom:2px solid transparent;
}
 .language a:hover{
     border-color:inherit;
}
 .language a:not([href]) {
     color:var(--potok-accent);
     border-color:inherit;
     font-weight:600;
}
 .btn-kontakt{
     background:var(--potok-accent);
     border:2px solid var(--potok-accent);
	 border-radius:0;
     padding:0;
     margin-left:15px;
     color:white;
     font-size:var(--bs-nav-link-font-size);
     text-transform:uppercase;
     font-weight:500;
}
 .btn-kontakt a{
     padding:10px 20px;
     text-decoration:none!important;
     color:inherit;
     display:block;
}
 .btn-kontakt:hover, .btn-kontakt:active, .btn-kontakt:focus-visible{
     border:2px solid var(--potok-accent)!important;
     color:var(--potok-accent)!important;
}
 header{
     position:relative;
}
header .light-bg{
	border-bottom:2px solid transparent;
	background:rgba(var(--bs-light-rgb),.9);
}
 header .social{
     position: absolute;
     bottom: 0;
     left: 0;
     width:100%;
     padding:0 25px 25px 25px;
     display:flex;
     justify-content:space-between;
     align-items:flex-end;
}
 header .social div:first-child{
     display:flex;
     justify-content:center;
     align-items:center;
     gap:15px;
}
 header .social div:last-child{
     display:flex;
     justify-content:center;
     align-items:flex-end;
     gap:20px;
}
 header .social div > a div{
     transition: all .3s ease-in-out;
     width:45px;
     height:45px;
}
 header .social div > a div:hover{
     opacity:.7;
}
 header .social .booking{
     background:url('img/ikonky/booking.svg') center center no-repeat;
     background-size:contain;
}
 header .social .facebook{
     background:url('img/ikonky/facebook.svg') center center no-repeat;
     background-size:43px;
}
 header .social .instagram{
     background:url('img/ikonky/instagram.svg') center center no-repeat;
     background-size:43px;
}
 .slider .n2_clear{
     animation: nacist 1s 1.5s forwards;
     filter:brightness(40%);
}
 .slider{
	 width:100%;
	 height:900px;
	 background:black;
     position:relative;
}
.slider .image{
	background:url('/wp-content/uploads/2025/09/slider.jpg') center center no-repeat;
    background-size:cover;
	width:100%;
	height:100%;
	animation: nacist 1s 1.5s forwards;
     filter:brightness(40%);
}
 .inside-slider{
     text-align:center;
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     display:grid;
     align-items:center;
     align-content: center;
     justify-content:center;
	 justify-items: center;
	 gap:30px;
     overflow:hidden;
}
 .inside-slider h2{
     color:white;
     transition:all .3s ease-in-out;
     padding:0 15px;
     margin:0;
     font-weight:500;
     text-transform:uppercase;
     position:relative;
     top:500px;
     opacity:0;
     animation: posunout 1.5s 1.25s forwards;
}
.inside-slider .button-place{
	display:flex;
	justify-content:center;
	gap:15px;
}
.inside-slider button{
	background:var(--potok-accent);
     border:2px solid var(--potok-accent);
	 border-radius:0;
     padding:0;
     color:white;
     font-size:1.4rem;
     text-transform:uppercase;
     font-weight:500;
	 position:relative;
	 top:500px;
     opacity:0;
     animation: posunout 1.5s 1.25s forwards;
	 transition: all .3s ease-in-out;
}
.inside-slider button a{
	padding:13px 30px;
	text-decoration:none!important;
     color:inherit;
     display:block;
}
.inside-slider button:hover, .inside-slider button:active, .inside-slider button:focus-visible{
	background:transparent;
     border:2px solid var(--potok-accent);
     color:var(--potok-accent);
}
.inside-slider .button-place button:last-child{
	background:var(--potok-dark);
    border:2px solid var(--potok-dark);
}
.inside-slider .button-place button:last-child:hover, .inside-slider .button-place button:last-child:active, .inside-slider .button-place button:last-child:focus-visible{
	background:transparent;
	color:white;
    border:2px solid white;
}
 .blok{
     padding: 125px 0;
     position: relative;
}
 .blok h2{
     font-size: 2.7rem;
     text-transform:uppercase;
}
 .ubytovani .flex{
     display:flex;
     justify-content:center;
     align-items:center;
}
 .ubytovani .flex .textarea{
     padding:0 0 0 45px;
}
 .ubytovani .flex h2{
     text-align:left;
     margin-bottom:15px;
}
 .ubytovani .flex p{
     font-size:1.35rem;
     line-height:1.6;
     font-weight:300;
}
 .ubytovani .flex p strong {
     font-weight:500;
}
 .ubytovani .img{
	 background-image:url(/wp-content/uploads/2025/06/IMG_1187.jpeg);
     background-size:cover;
     background-position:center;
     height:550px;
     width:450px;
     min-width:450px;
	 overflow:hidden;
     transition: all .3s ease-in-out;
}
 .ubytovani .img a{
     display:block;
     width:100%;
     height:100%;
}
 .ubytovani .img:hover{
     transform:translateY(-2em);
}
 .ubytovani button{
     border:2px solid var(--potok-accent);
     background:var(--potok-accent);
     color:white;
     padding:0;
     margin:30px 0 0 0;
     font-weight:500;
     display:block;
     transition: all .3s ease-in-out;
     text-transform:uppercase;
}
 .ubytovani button a{
     text-decoration:none;
     color:inherit;
     padding:10px 20px;
     font-size:20px;
     display:block;
}
 .ubytovani button:hover{
     background:transparent;
     color:var(--potok-accent);
}
.vyhody{
     display:flex;
     justify-content:center;
     align-items:flex-start;
     flex-wrap:wrap;
     padding-top:75px;
	gap:10px;
}
.vyhody .item{
     width:100%;
     max-width:300px;
     min-width:250px;
     padding:15px;
     transition:transform .3s ease-in-out;
}
.vyhody .item:hover{
    transform:translateY(-1em); 
	opacity:.7;
}
.vyhody .item .icon{
     width:50px;
     height:50px;
     margin:0 auto 10px;
}
.vyhody .item h3{
     margin:0;
     font-size:1.2rem;
	 text-transform:uppercase;
     text-align:center;
}
.vyhody .item1 .icon{
     background: url('img/ikonky/dum.svg') center center no-repeat;
     background-size:contain;
}
.vyhody .item2 .icon{
     background: url('img/ikonky/luzka.svg') center center no-repeat;
     background-size:contain 
}
.vyhody .item3 .icon{
     background: url('img/ikonky/parkovani.svg') center center no-repeat;
     background-size:contain;
}
.vyhody .item4 .icon{
     background: url('img/ikonky/sjezdovka.svg') center center no-repeat;
     background-size:contain;
}
.vyhody .item5 .icon{
     background: url('img/ikonky/wifi.svg') center center no-repeat;
     background-size:contain;
}
.vyhody .item6 .icon{
     background: url('img/ikonky/priroda.svg') center center no-repeat;
     background-size:contain;
}
.vyhody .item7 .icon{
     background: url('img/ikonky/turistika.svg') center center no-repeat;
     background-size:contain;
}
.vyhody .item8 .icon{
     background: url('img/ikonky/klid.svg') center center no-repeat;
     background-size:contain;
}
.vyhody .item9 .icon{
     background: url('img/ikonky/rodina.svg') center center no-repeat;
     background-size:contain;
}
.vyhody .item10 .icon{
     background: url('img/ikonky/tradice.svg') center center no-repeat;
     background-size:contain;
}
 .cerny-dul{
     background: black url('img/cerny-dul.jpg') center center no-repeat;
     background-size:cover;
     padding:175px 0;
}
 .cerny-dul h2{
     text-align:center;
     margin-bottom:50px;
     color:white;
}
 .cerny-dul .sloupce{
     columns: 2;
     column-gap: 30px;
}
 .cerny-dul .sloupce p{
     font-size:1.35rem;
     line-height:1.6;
     font-weight:300;
     margin:0;
     color:white;
     text-align:justify;
}
 .cerny-dul p strong {
     font-weight:500;
}
 .cerny-dul .flex{
     display:flex;
     justify-content:center;
     align-items:center;
     gap:30px;
     margin-top:50px;
}
 .cerny-dul button{
     border:2px solid white;
     background:white;
     color:var(--potok-dark);
     padding:0;
     display:block;
     font-weight:500;
     transition: all .3s ease-in-out;
     text-transform:uppercase;
}
 .cerny-dul button:first-child{
     border:2px solid var(--potok-accent);
	 color:white;
     background:var(--potok-accent);
}
 .cerny-dul button a{
     text-decoration:none;
     color:inherit;
     font-size:20px;
     padding:10px 20px;
     display:block;
}
 .cerny-dul button:hover{
     background:transparent;
	 border-color:white;
     color:white;
}
.cerny-dul button:first-child:hover{
	color:var(--potok-accent);
	border-color:var(--potok-accent);
}
 .galerie h2{
     text-align:center;
}
.galerie-flex{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	gap:15px;
	position: relative;
	overflow: hidden;
}
.galerie-flex .fotka{
	flex: 1 1 calc(33.333% - 15px);
	max-width: calc(33.333% - 15px);
	transition:all .15s ease-in-out;
}
.galerie-flex .fotka a{
	position:relative;
	display:block;
}
.galerie-flex .fotka a::after {
  content: "";
  background: url('img/ikonky/lupa.svg') no-repeat center/contain;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%; 
 left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity .3s ease-in-out;
  z-index: 2;
  pointer-events:none;
}
.galerie-flex .fotka a::before{
  content:"";
  position:absolute; 
  inset:0;
  background: rgba(0,0,0,.5);
  opacity:0;
  transition: opacity .3s ease-in-out;
  z-index:1;
  pointer-events:none;
}
.galerie-flex .fotka img{
	width: 100%;
	height: auto;
	display: block;
	transition: transform .3s ease-in-out;
}
.galerie-flex .fotka:hover a::after, .galerie-flex .fotka:hover a::before {
  opacity: 1;
}
.banner{
     background: var(--potok-accent);
     padding:60px 15px;
}
.banner .flex{
     display:flex;
     justify-content:space-evenly;
     align-items:center;
	 gap:30px;
}
.banner .flex > div{
	display:flex;
	align-items:center;
	gap:15px;
}
.banner .flex .icon{
	width:35px;
	height:35px;
}
.banner .flex .icon1{
	background: url('img/ikonky/telefon.svg') center center no-repeat;
    background-size:contain;
}
.banner .flex .icon2{
	background: url('img/ikonky/email.svg') center center no-repeat;
	background-size:contain;
}
.banner h3{
	color:white;
     margin:0;
     font-weight:400;
     font-size:1.5rem;
}
.banner h3 a{
	color:var(--potok-accent);
	text-decoration:none;
	border-bottom:2px solid transparent;
	transition: all .15s ease-in-out;
}
.banner h3 a:hover{
	border-bottom-color:var(--potok-accent);
}
.banner-fotka{
     background: black url('img/cerny-dul.jpg') bottom center no-repeat; 
     background-size:cover;
}
.banner-fotka h2{
	color:white;
	margin:0;
	font-weight:400;
}
.banner-skola .flex-skola{
	display:flex;
    justify-content:space-evenly;
    align-items:center;
	gap:40px;
}
.banner-skola{
	background: white;
	color:black;
	padding:75px 15px;
	border-top:5px solid var(--horalove-pink);
	border-bottom:5px solid var(--horalove-pink);
}
.banner-skola h2{
     color:var(--horalove-pink);
     font-weight:500;
     font-size:2.25rem;
	text-transform:uppercase;
}
.banner-skola p{
	margin-bottom:1rem;
	font-size:18px;
}
.banner-skola button{
	background:var(--horalove-pink);
	border:2px solid var(--horalove-pink);
	transition:all .15s ease-in-out;
	color:white;
}
.banner-skola button a{
	padding:10px 20px;
	display:block;
	color:inherit;
	font-weight:600;
	text-transform:uppercase;
	text-decoration:none;
}
.banner-skola button:hover{
	background:transparent;
	color:var(--horalove-pink);
	border-color:var(--horalove-pink);
}
.banner-skola .img{
	width: 200px;
    height: 200px;
	min-width:200px;
    background: url('img/horalove.png') center center no-repeat;
	background-size:contain;
	transition:transform .3s ease-in-out;
}
.banner-skola .img:hover{
	transform:translateY(-1em);
}
 .recenze{
     padding:125px 15px;
}
 .recenze .item{
     max-width: 1100px;
     margin: 25px auto 0;
     text-align: center;
     display: block !important;
}
 .recenze h2{
     text-align:center;
}
 .recenze .stars{
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 3px;
     margin: 0 auto 10px;
}
 .recenze .stars .star{
     width: 25px;
     height: 25px;
     background: url('img/ikonky/starf.svg') bottom center no-repeat;
	 background-size:contain;
}
 .recenze .stars .star:last-child{
     background: url('img/ikonky/star.svg') bottom center no-repeat;
	 background-size:contain;
}
 .recenze .item p{
     font-style: italic;
     font-size:1.2rem;
}
 .recenze .item h3{
     font-weight: 500;
     font-size: 1.375rem;
     margin:5px 0 0 0;
     opacity: .95;
}
 .recenze .item h4{
     font-weight: 400;
     font-size: 1.125rem;
     font-style:italic;
     margin-top: 5px;
     opacity:.8;
     color:var(--potok-accent);
}
 .slick-dots{
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 15px;
     list-style: none;
     padding-left: 0;
}
 .slick-dots li{
     outline: none !important;
}
 .slick-prev, .slick-next{
     position: absolute;
     top: calc(50% - 40px);
     height: 40px;
     width: 40px;
     border: none !important;
     border-radius: 0;
     z-index: 1;
     box-shadow: none;
     transition: all .3s ease-in-out;
}
 .slick-prev{
     background: url('img/ikonky/arrow.svg') center center no-repeat;
	 background-color: var(--potok-accent);
     background-size:22px;
     transform: rotate(180deg);
     left: -50px;
}
 .slick-prev:hover, .slick-next:hover{
     background-color:var(--potok-dark);
}
 .slick-next{
     background: url('img/ikonky/arrow.svg') center center no-repeat;
	 background-color: var(--potok-accent);
     background-size:22px;
     right: -50px;
}
 .slick-dots li button{
     outline: none !important;
     background-color: transparent;
     border: 2px solid var(--potok-accent);
     border-radius: 50%;
     cursor: pointer;
     display: inline-block;
     line-height: 0;
     padding: 3px;
     font-size: 0;
     color: transparent;
     margin-left: 2px;
     margin-right: 2px;
     text-indent: -999px;
     transition: all .3s ease-in-out;
}
 .slick-dots li button:hover{
     background-color: var(--potok-accent);
}
 .slick-dots li.slick-active button{
     background: var(--potok-accent);
	 border-color: var(--potok-accent);
}
.slick-slide{
	margin:0 10px;
}
 footer{
     position:relative;
     width: 100%;
     padding:75px 15px 50px 15px;
}
 footer .flex{
     display:flex;
     justify-content: space-between;
     align-items: flex-start;
     gap:30px;
}
 footer .flex > div{
     display:flex;
     justify-content:flex-start;
     flex-wrap:wrap;
     padding:0 15px;
     width:33%;
}
 footer h3{
     font-size: 1.8rem;
     color:var(--potok-dark);
     padding:0 0 5px 0;
	 text-transform:uppercase;
     margin:0;
     display:block;
     width:100%;
}
 footer .icon{
     width:24px;
     height:24px;
}
 footer .icon1{
     background: url('img/ikonky/telefon.svg') center center no-repeat;
     background-size:contain;
}
 footer .icon2{
     background: url('img/ikonky/email.svg') center center no-repeat;
     background-size:contain;
}
 footer .icon3{
     background: url('img/ikonky/lokace.svg') center center no-repeat;
     background-size:contain;
}
 footer ul{
     font-size: 1.2rem;
     color:var(--potok-dark);
     padding: 0;
     list-style:none;
}
 footer ul li{
     padding:3px 0;
     display:flex;
     gap:10px;
     align-items:center;
}
 footer ul li a{
     text-decoration: none;
     border-bottom:2px solid transparent;
     color:inherit;
	 transition: all .15s ease-in-out;
}
 footer ul li a:hover{
     border-bottom:2px solid var(--potok-accent);
     color:var(--potok-accent);
}
 footer .social{
     width:100%;
     padding:10px 0 0 0;
     display:flex;
     align-items:center;
     gap:14px;
}
 footer .social .item{
     width:38px;
     height:38px;
     transition: all .3s ease-in-out;
}
 footer .social .item:hover{
     opacity:.7;
}
 footer .social .booking{
     background: url('img/ikonky/bookinga.svg') center center no-repeat;
     background-size:contain;
}
 footer .social .facebook{
     background: url('img/ikonky/facebooka.svg') center center no-repeat;
     background-size:contain;
}
 footer .social .instagram{
     background: url('img/ikonky/instagrama.svg') center center no-repeat;
     background-size:contain;
}
 .underfooter {
     width: 100%;
     background: var(--potok-dark);
     color: white;
     text-align: center;
	 font-weight:300;
}
 .underfooter .flex{
     display:flex;
     justify-content:space-between;
     align-items:center;
     flex-wrap:wrap;
     padding:15px 0;
}
 .underfooter a {
     color: white;
     font-weight: 500;
     text-decoration: none;
     border-bottom: 2px solid transparent;
     transition: all .15s ease-in-out;
}
 .underfooter a:hover {
     color: var(--potok-accent);
     border-color: var(--potok-accent);
}
 .underfooter p{
     margin:0;
}
 .wpcf7-text, .wpcf7-quiz, .wpcf7-number, .wpcf7-select, .wpcf7-date{
     height: 50px;
}
 .wpcf7-text, .wpcf7-textarea, .wpcf7-quiz, .wpcf7-number, .wpcf7-select, .wpcf7-date{
     width: 100%;
     border: 2px solid transparent;
     border-bottom-color:var(--potok-accent);
     padding: 10px;
     background: white;
     border-radius:0;
     font-weight: 400;
	 margin-top:3px;
}
 .wpcf7-textarea{
     min-height: 250px;
     max-height: 250px;
     max-width: 100%;
     min-width: 100%;
	 margin-top:3px;
}
 .wpcf7-quiz-label{
     color: var(--potok-accent);
     font-size: 16px;
     font-weight:500;
     text-transform:none;
}
 .wpcf7-select::-ms-expand{
     display: none;
}
 .wpcf7-submit{
     display: block;
     margin:35px auto 0;
     padding: 15px 30px;
     color: white;
     transition: .3s all ease-in-out;
     font-weight: 500;
     font-size: 23px;
     text-transform:uppercase;
     background:var(--potok-accent);
     border: 3px solid var(--potok-accent);
}
 .wpcf7-submit:hover{
     background: transparent;
     color:var(--potok-accent);
}
 .wpcf7 .wpcf7-submit:disabled{
     opacity: .5;
}
 .wpcf7 label{
     width: 100%;
     display: block;
     margin:0;
	 font-size:1.1rem;
     font-weight: 400;
     text-transform:uppercase;
}
 .wpcf7-list-item{
     margin-left:0!important;
}
 .wpcf7-list-item label{
     margin-top: 15px;
	 font-size:1.1rem;
     font-weight:400;
     text-transform:none;
}
 .wpcf7-list-item-label a{
     text-decoration: none !important;
     font-weight:500;
     color:var(--potok-accent);
     border-bottom:2px solid var(--potok-accent);
}
 .wpcf7-list-item-label a:hover{
     border-bottom-color: transparent;
}
 .kontakt-block{
     width:100%;
     padding:50px 0;
}
.kontakt-block-poznamky{
	padding:50px 0 0 0;
}
.kontakt-block-check{
	padding:0 0 50px 0;
}
 .kontakt-bila{
     background:white;
}
 [data-name="jmeno"] .wpcf7-text, [data-name="prijmeni"] .wpcf7-text, [data-name="pocet_osob"] .wpcf7-number {
     background-image: url(img/ikonky/jmeno.svg);
}
 [data-name="email"] .wpcf7-text{
     background-image: url(img/ikonky/email.svg);
}
 [data-name="telefon"] .wpcf7-text{
     background-image: url(img/ikonky/telefon.svg);
}
 [data-name="kontrolni"] .wpcf7-quiz{
     background-image: url(img/ikonky/kontrolni.svg);
}
 [data-name="datum-od"] .wpcf7-date, [data-name="datum-do"] .wpcf7-date{
     background-image: url(img/ikonky/datum.svg);
}
 [data-name="pocet_deti"] .wpcf7-number{
     background-image: url(img/ikonky/deti.svg);
}
 [data-name="pocet_mazlicku"] .wpcf7-number{
     background-image: url(img/ikonky/mazlicci.svg);
}
 [data-name="typ_apartmanu"] .wpcf7-select, [data-name="pocet_pristylek"] .wpcf7-number{
     background-image: url(img/ikonky/pokoj.svg);
}
 [data-name="jmeno"] .wpcf7-text, [data-name="prijmeni"] .wpcf7-text, [data-name="email"] .wpcf7-text, [data-name="telefon"] .wpcf7-text, [data-name="kontrolni"] .wpcf7-quiz, [data-name="datum-od"] .wpcf7-date, [data-name="datum-do"] .wpcf7-date, [data-name="pocet_osob"] .wpcf7-number, [data-name="pocet_deti"] .wpcf7-number, [data-name="pocet_mazlicku"] .wpcf7-number, [data-name="typ_apartmanu"] .wpcf7-select, [data-name="pocet_pristylek"] .wpcf7-number{
     background-position: 8px center;
     background-repeat: no-repeat;
     background-size: 20px 20px;
     padding-left: 35px;
}
 .kontakt-bila .wpcf7-select, .kontakt-bila .wpcf7-date, .kontakt-bila .wpcf7-text, .kontakt-bila .wpcf7-number{
     background-color:var(--potok-background);
}
 .kontakt-flex{
     display:flex;
     justify-content:center;
     align-items:flex-start;
     flex-wrap:wrap;
     gap:30px;
}
 .kontakt-flex-bez{
     gap:10px;
}
 .kontakt-flex h3{
     margin:0;
     color:var(--potok-accent);
     text-transform:uppercase;
}
 .kontakt-flex p a{
     color:var(--potok-accent);
     text-decoration:none;
     border-bottom:2px solid var(--potok-accent);
     font-weight:bold;
}
 .kontakt-flex p a:hover{
     border-bottom-color:transparent;
}
 .kontakt-item{
     max-width:calc(50% - 30px);
     width:100%;
}
 .kontakt-item-full{
     max-width:calc(100% - 30px);
}
 .wpcf7-spinner{
     display:none!important;
}
 .wpcf7-not-valid-tip{
     transition: .3s all ease-in-out;
     font-size: 17px;
     color:var(--potok-accent);
     text-transform:none;
}
 .wpcf7-response-output{
     border-color: transparent!important;
     color: white;
     height: auto;
     display:block;
     text-align: center;
     font-weight: 500;
     width: 100%;
     background:var(--potok-accent);
     margin:25px auto 0!important;
     padding: 10px 20px!important;
     text-transform:uppercase;
}
 .wpcf7 form.sent .wpcf7-response-output{
     background:var(--potok-accent)!important;
}
 ::placeholder{
     color: #999;
     opacity: 1 
}
 :-ms-input-placeholder{
     color: #999 
}
 ::-ms-input-placeholder{
     color: #999 
}
 .privacy-policy .wp-block-heading{
     margin-top:40px;
}
 .black{
     color:var(--potok-dark)!important;
}
 .single h2{
     margin-bottom:30px;
}
.ubytovani-detail{
	padding:95px 0 95px;
}
.ubytovani-detail h2{
	font-size:2.7rem;
	text-transform:uppercase;
	color:var(--potok-accent);
}
.ubytovani-detail .flex{
     display:flex;
     justify-content:center;
     align-items:center;
}
.ubytovani-detail .flex .textarea{
     padding:0 0 0 45px;
}
.ubytovani-detail .flex p{
     font-size:1.35rem;
     line-height:1.6;
     font-weight:300;
}
.ubytovani-detail .flex p strong {
     font-weight:500;
}
.ubytovani-detail .img{
	 background-image:url(/wp-content/uploads/2025/06/IMG_1187.jpeg);
     background-size:cover;
     background-position:center;
     height:500px;
     width:416px;
     min-width:416px;
	 overflow:hidden;
     transition: all .3s ease-in-out;
}
.ubytovani-first .img{
	height:550px;
	width:450px;
	min-width:450px;
}
#horni-patro .img, #dolni-patro .img, #zahrada .img{
	height:450px;
}
.ubytovani-detail .img a{
     display:block;
     width:100%;
     height:100%;
}
.ubytovani-detail .img:hover{
     transform:translateY(-2em);
}
.ubytovani-detail button{
     border:2px solid var(--potok-accent);
     background:var(--potok-accent);
     color:white;
     padding:0;
     margin:30px 0 0 0;
     font-weight:500;
     display:block;
     transition: all .3s ease-in-out;
     text-transform:uppercase;
}
.ubytovani-detail button a{
     text-decoration:none;
     color:inherit;
     padding:10px 20px;
     font-size:20px;
     display:block;
}
.ubytovani-detail button:hover{
     background:transparent;
     color:var(--potok-accent);
}
.ubytovani-white{
	background:white;
}
.ubytovani-white .flex .textarea{
	padding:0 45px 0 0;
}
#horni-patro .img{
	 background-image:url(/wp-content/uploads/2025/09/IMG_1206.jpeg);
     background-size:cover;
     background-position:center;
}
#dolni-patro .img{
	 background-image:url(/wp-content/uploads/2025/09/IMG_1175.jpeg);
     background-size:cover;
     background-position:center;
}
#zahrada .img{
	background-image:url(/wp-content/uploads/2025/09/chalupa-u-potoka-3426-.jpeg);
    background-size:cover;
    background-position:center;
}
.ubytovani-detail .galerie-flex{
	justify-content:space-between;
	margin-top:25px;
}
 .taby .nav-tabs{
     border:none;
	 margin-top:15px;
}
 .taby .nav-tabs .nav-link{
     border:none;
	 color:var(--potok-dark);
	 background:white;
	 transition:all .15s ease-in-out;
     border-radius:0;
     font-size:1.05rem;
	 font-weight:500;
	 text-transform:uppercase;
     margin:0 5px;
}
 .taby .nav-tabs .nav-link.active{
	 background:var(--potok-accent);
	 color:white;
}
.taby .nav-tabs .nav-link:hover{
	background:var(--potok-dark);
	color:white;
}
 .taby .tab-pane{
     position:relative;
     transition:all .15s ease-in-out;
}
.aktivity-detail{
	padding:95px 0 95px;
}
.aktivity-detail h2{
	font-size:2.7rem;
	text-transform:uppercase;
	color:var(--potok-accent);
}
.aktivity-detail .flex{
     display:flex;
     justify-content:center;
     align-items:center;
}
.aktivity-detail .flex .textarea{
     padding:0 0 0 45px;
}
.aktivity-detail .flex p{
     font-size:1.35rem;
     line-height:1.6;
     font-weight:300;
}
.aktivity-detail .flex p strong {
     font-weight:500;
}
.aktivity-detail .img{
	 background-image:url(/wp-content/uploads/2025/09/cerny-dul.jpg);
     background-size:cover;
     background-position:center;
	 position:relative;
     height:500px;
     width:416px;
     min-width:416px;
	 overflow:hidden;
     transition: all .3s ease-in-out;
}
.aktivity-first .img{
	height:550px;
	width:450px;
	min-width:450px;
}
.aktivity-detail .img a{
     display:block;
     width:100%;
     height:100%;
}
.aktivity-detail .img:hover{
     transform:translateY(-2em);
}
.aktivity-white{
	background:white;
}
.aktivity-white .flex .textarea{
	padding:0 45px 0 0;
}
.zimni-aktivita h2{
	color:var(--zimni-aktivita);
}
.letni-aktivita h2{
	color:var(--letni-aktivita);
}
.celorocni-aktivita h2{
	color:var(--celorocni-aktivita);
}
.zimni-aktivita .aktivita, .letni-aktivita .aktivita, .celorocni-aktivita .aktivita{
	position:absolute;
	top:0;
	left:0;
	width:50px;
	height:50px;
}
.zimni-aktivita .aktivita{
	background: var(--zimni-aktivita) url('img/ikonky/zimni.svg') center center no-repeat;
    background-size:35px;
}
.letni-aktivita .aktivita{
	background: var(--letni-aktivita) url('img/ikonky/letni.svg') center center no-repeat;
    background-size:35px;
}
.celorocni-aktivita .aktivita{
	background: var(--celorocni-aktivita) url('img/ikonky/celorocni.svg') center center no-repeat;
    background-size:35px;
}
.zimni-aktivita .img, .letni-aktivita .img, .celorocni-aktivita .img{
	height:400px;
	width:400px;
	min-width:400px;
}
#aktivita1 .img{
	 background-image:url(/wp-content/uploads/2025/10/aktivita1.jpg);
     background-size:cover;
     background-position:center;
}
#aktivita2 .img{
	 background-image:url(/wp-content/uploads/2025/10/aktivita2.jpg);
     background-size:cover;
     background-position:center;
}
#aktivita3 .img{
	 background-image:url(/wp-content/uploads/2025/10/aktivita3.jpg);
     background-size:cover;
     background-position:center;
}
#aktivita4 .img{
	 background-image:url(/wp-content/uploads/2025/10/aktivita4.jpg);
     background-size:cover;
     background-position:center;
}
#aktivita5 .img{
	 background-image:url(/wp-content/uploads/2025/10/aktivita5.jpg);
     background-size:cover;
     background-position:center;
}
#aktivita6 .img{
	 background-image:url(/wp-content/uploads/2025/10/aktivita6.jpg);
     background-size:cover;
     background-position:center;
}
#aktivita7 .img{
	 background-image:url(/wp-content/uploads/2025/10/aktivita7.jpg);
     background-size:cover;
     background-position:center;
}
#aktivita8 .img{
	 background-image:url(/wp-content/uploads/2025/10/aktivita8.jpg);
     background-size:cover;
     background-position:center;
}
#aktivita9 .img{
	 background-image:url(/wp-content/uploads/2025/10/aktivita9.jpg);
     background-size:cover;
     background-position:center;
}
#aktivita10 .img{
	 background-image:url(/wp-content/uploads/2025/10/aktivita10.jpg);
     background-size:cover;
     background-position:center;
}
.kontakty-flex{
     display:flex;
     justify-content:center;
     align-items:center;
	padding:95px 0;
}
.kontakty-flex > div{
	width:50%;
}
.kontakty-flex .textarea{
     padding:0 0 0 45px;
}
.kontakty-flex .img{
	 background-image:url(/wp-content/uploads/2025/06/IMG_1187.jpeg);
     background-size:cover;
     background-position:center;
	 position:relative;
     height:650px;
     width:650px;
     min-width:650px;
	 overflow:hidden;
     transition: all .3s ease-in-out;
}
.kontakty-flex .img a{
     display:block;
     width:100%;
     height:100%;
}
.kontakty-flex .img:hover{
     transform:translateY(-2em);
}
.kontakty-flex h2{
	color:var(--potok-accent);
	text-transform:uppercase;
}
.kontakty-flex ul{
	font-size:1.3rem;
	list-style:none;
	margin:0 0 35px 0;
	padding:0;
}
.kontakty-flex ul li{
	display:flex;
	align-items:center;
	padding:3px 0;
}
.kontakty-flex ul li.bold{
	font-weight:600;
}
.kontakty-flex ul a{
	color:var(--potok-dark);
	text-decoration:none;
	border-bottom:2px solid transparent;
	transition:all .15s ease-in-out;
}
.kontakty-flex ul a:hover{
	color:var(--potok-accent);
	border-color:var(--potok-accent);
}
.kontakty-flex ul .icon{
	width:24px;
    height:24px;
    float:left;
    margin-right:10px;
}
.kontakty-flex ul .icon1{
	background: url('img/ikonky/telefon.svg') center center no-repeat;
	background-size:contain;
}
.kontakty-flex ul .icon2{
	background: url('img/ikonky/email.svg') center center no-repeat;
	background-size:contain;
}
.kontakty-flex ul .icon3{
	background: url('img/ikonky/lokace.svg') center center no-repeat;
	background-size:contain;
}
.kontakty-flex ul .icon4{
	background: url('img/ikonky/jmeno.svg') center center no-repeat;
	background-size:contain;
}
.kontakty-flex ul .icon5{
	background: url('img/ikonky/id.svg') center center no-repeat;
	background-size:contain;
}
.kontakty-flex button{
	background:var(--potok-accent);
    border:2px solid var(--potok-accent);
	border-radius:0;
    padding:0;
    color:white;
    font-size:1.2rem;
    text-transform:uppercase;
    font-weight:500;
	transition: all .3s ease-in-out;
}
.kontakty-flex button a{
	padding:10px 20px;
	text-decoration:none!important;
    color:inherit;
    display:block;
}
.kontakty-flex button:hover, .kontakty-flex button:active, .kontakty-flex button:focus-visible{
	background:transparent;
    border:2px solid var(--potok-accent);
    color:var(--potok-accent);
}
.page-template-kontakt .page{
	background:white;
}
 .page-template-kontakt .formular{
     background:var(--potok-background);
	 padding:75px 0;
}
.page-template-kontakt .formular h2{
	font-size:2.3rem;
	color:var(--potok-accent);
	text-transform:uppercase;
	text-align:center;
	margin:0;
}
 .page-template-kontakt .formular .inside{
     display:flex;
     justify-content:flex-start;
     align-items:flex-start;
     flex-wrap:wrap;
     gap:30px;
	 margin-top:50px;
}
 .page-template-kontakt .formular .inside .item{
     max-width:calc(50% - 15px);
     width:100%;
     color:var(--potok-dark);
}
 .page-template-kontakt .formular .inside .item:last-child{
     max-width:100%;
}
.cenik{
	padding:100px 0;
}
.cenik h2{
	font-size:2.7rem;
	text-align:center;
	text-transform:uppercase;
	margin-bottom:1rem;
}
.cenik h3{
	color:var(--potok-accent);
}
.cenik table{
	width: 100%;
	background:white;
	margin-bottom:75px;
	font-size:18px;
}
.cenik thead th{
	text-align: left;
	text-transform:uppercase;
	background: var(--potok-accent);
	color: white;
	padding: .75rem .9rem;
}
.cenik tbody td{
	padding: .7rem .9rem;
	vertical-align: top;
}
.cenik tbody tr{
	transition: all .3s ease-in-out;
}
.cenik tbody tr:nth-child(odd){
	background: #fafafa;
}
.cenik tbody tr:hover{
	background:rgba(145,177,179,.2);
}
.cenik .price, .cenik thead th{
	font-weight: 500;
}
.cenik ul{
	font-size:18px;
	padding:0 0 2rem 1rem;
	margin:0;
}
.cenik ul li{
	margin:2px 0;
}
.page-template-rezervace .page{
	padding:150px 0 0 0;
}
.page-template-rezervace .page h2{
	font-size:2.7rem;
	text-align:center;
	text-transform:uppercase;
}
.page-template-galerie .galerie{
	padding:95px 0 125px 0;
}
 @media (max-width:1399px) {
     .recenze .item{
         max-width:900px;
    }
}
 @media (min-width:992px) and (max-width:1500px) {
     .slick-next{
         right:0;
    }
     .slick-prev{
         left:0 
    }
}
 @media (min-width:992px) and (max-width:1399px) {
     .blok h2, .cenik h2, .ubytovani-detail h2, .aktivity-detail h2, .page-template-rezervace .page h2{
         font-size:2.4rem;
    }
	 .page-template-kontakt .formular h2{
		 font-size:2.2rem;
	 }
	 .kontakty-flex h2{
		 font-size:2rem;
	 }
	 .banner-fotka h2{
		 font-size:1.8rem;
	 }
	 footer h3{
		 font-size:1.7rem;
	 }
	 .inside-slider button, .wpcf7-submit{
		 font-size:1.3rem;
	 }
	 .vyhody .item{
		 min-width:200px;
	 }
	 .navbar-nav li.menu-item{
		 margin:0 3px;
	 }
}
 @media (min-width:768px) and (max-width:1199px) {
     .navbar-expand-lg .navbar-nav .nav-link{
         padding-left:12px;
         padding-right:12px;
    }
     .recenze .item{
         max-width:800px;
    }
	 .kontakty-flex .img{
		 height:600px;
		 width:400px;
		 min-width:400px;
	 }
}
 @media (max-width:1199px) {
     .ubytovani .flex, .ubytovani-detail .flex, .aktivity-detail .flex{
         flex-wrap:wrap;
    }
     .ubytovani .flex .textarea, .ubytovani-detail .flex .textarea, .aktivity-detail .flex .textarea{
         padding:0 0 45px 0;
    }
	 .aktivity-white .flex .textarea{
		 padding:45px 0 0 0;
	 }
     .ubytovani .img, .ubytovani-detail .img, .aktivity-detail .img{
         width:100%;
    }
	  .ubytovani .img:hover, .ubytovani-detail .img:hover, .aktivity-detail .img:hover, .kontakty-flex .img:hover{
         transform:translateY(-1em);
    }
     .ubytovani .flex, .ubytovani-detail .flex, .aktivity-detail .flex{
         flex-direction:column-reverse;
    }
	 #horni-patro .flex, #zahrada .flex{
		 flex-direction:column;
	 }
	 .ubytovani-detail .flex p{
		 margin:0;
	 }
     .cerny-dul .sloupce{
         columns:1;
         column-gap:0;
    }
     .cerny-dul h2{
         text-align:left;
         margin-bottom:25px;
    }
	 .banner .flex{
		display:grid;
		justify-items:center;
		justify-content:center;
	}
}
 @media (min-width:992px) and (max-width:1199px){
     li.menu-item{
         margin:0;
    }
	 .btn-kontakt{
		 margin-left:0;
	 }
	 .navbar{
		 padding:0 10px;
	 }
}
 @media (max-width:991px) {
     .menu .content{
         flex-wrap:wrap;
    }
     .navbar{
         padding:0;
         height:80px;
         align-items:flex-start;
    }
     .slider{
         margin-top:80px;
    }
     .navbar-floating{
         padding:0;
		 border-bottom-color:transparent!important;
    }
	 .navbar-collapse{
		 border-bottom:2px solid var(--potok-accent)!important;
	 }
	 header .light-bg, .navbar-collapse{
		 background:white!important;
	 }
     .navbar-nav li.menu-item{
         margin:5px 0;
    }
     .language{
         display:inline-block;
         margin:0 auto 35px;
         text-align:center;
         position:relative;
         left:50%;
         transform: translateX(-50%);
    }
     .btn-kontakt{
         margin-left:0;
    }
     .slick-prev{
         left:20px;
    }
     .slick-next{
         right:20px;
    }
     .slick-prev, .slick-next{
         top:-63px;
    }
	 .logo .image{
		 margin-left:15px;
	 }
	 .kontakty-flex{
		 flex-direction:column-reverse;
	 }
	 .kontakty-flex h2, footer h3{
		 text-align:center;
	 }
	 .kontakty-flex ul{
		 width:250px;
		 padding-left:0;
	 }
	 .kontakty-flex .img{
		 width:100%;
		 min-width:100%;
		 height:550px;
	 }
	 .kontakty-flex .textarea{
		 padding:0 0 45px 0;
	 }
	 .kontaktni-informace{
		 display:grid;
		 justify-content:center;
	 }
	 footer .flex{
		flex-wrap:wrap;
		justify-content:center;
	}
	footer .flex > div{
		justify-content: center;
		width:100%;
	}
	footer ul{
		width:225px;
	}
	footer .social{
		justify-content:center;
	}
	 .page-template-kontakt .formular .inside .item, .kontakt-item{
		 max-width:100%;
	 }
	.banner-skola .flex-skola{
		display:grid;
		justify-items:center;
		justify-content:center;
		text-align:center;
	}
}
@media (min-width:768px) and (max-width:991px){
	.blok h2, .cenik h2, .ubytovani-detail h2, .aktivity-detail h2, .page-template-rezervace .page h2{
         font-size:2.4rem;
    }
	 .page-template-kontakt .formular h2{
		 font-size:2.2rem;
	 }
	 .banner-skola h2{
		 font-size:2rem;
	 }
	 .banner-fotka h2, .kontakty-flex h2{
		 font-size:1.8rem;
	 }
	 footer h3{
		 font-size:1.7rem;
	 }
	 .inside-slider button, .wpcf7-submit{
		 font-size:1.3rem;
	 }
	.galerie-flex .fotka{
		flex:1 1 calc(50% - 15px);
		max-width:100%;
	}
	.galerie-flex .fotka:last-child{
		display:none;
	}
}
@media (min-width:500px) and (max-width:767px) {
	.galerie-flex .fotka{
		flex:1 1 calc(50% - 15px);
		max-width:100%;
	}
}
 @media (max-width:767px){
	 .blok h2, .cenik h2, .ubytovani-detail h2, .aktivity-detail h2, .page-template-rezervace .page h2, .page-template-kontakt .formular h2{
         font-size:2rem;
    }
	 .banner-fotka h2, .kontakty-flex h2, .banner-skola h2, .privacy-policy .wp-block-heading, .aktivity-detail h2{
		 font-size:1.7rem;
	 }
	 footer h3{
		 font-size:1.6rem;
	 }
	.kontakt-flex h3{
		font-size:1.5rem;
	}
	.ubytovani .flex p, .ubytovani-detail .flex p, .aktivity-detail .flex p, .cerny-dul .sloupce p{
		font-size:1.3rem;
	}
    .blok{
        padding:75px 0;
    }
     .kontakt-informace{
         padding:0;
    }
	 .ubytovani-detail .galerie-flex{
		margin-top:15px;
	}
	.ubytovani-detail, .aktivity-detail{
		padding:75px 0 75px;
	}
	.cenik, .kontakty-flex{
		padding:75px 0;
	}
	.page-template-galerie .galerie{
		padding:75px 0 100px;
	}
	.page-template-rezervace .page{
		padding:125px 0 0;
	}
     header .social{
         padding:0 15px 15px 15px;
    }
     header .social > div{
         gap:10px;
    }
     header .social div > a div{
         width:35px;
         height:35px;
         background-size:contain!important;
    }
     .recenze .item p{
         font-size:1.1rem;
    }
	 .inside-slider button{
		 font-size:1.3rem;
	 }
	 .inside-slider button a{
		 padding:10px 25px;
	 }
	 .cerny-dul .flex{
		 gap:15px;
	 }
	 .inside-slider .button-place{
		 flex-wrap:wrap;
	 }
	 .slider{
		 height:750px;
	 }
	 .banner-skola{
		 padding:50px 15px;
	 }
}
 @media (max-width:499px){
     .underfooter .flex{
         display:grid;
         justify-content:center;
    }
     header .social{
         padding:0 15px 15px 15px;
    }
     .cerny-dul .flex{
         flex-wrap:wrap;
    }
     .ubytovani .img, .ubytovani-first .img, #horni-patro .img, #dolni-patro .img, #zahrada .img, .aktivity-first .img, .zimni-aktivita .img, .letni-aktivita .img, .celorocni-aktivita .img{
         min-width:unset;
         height:350px;
    }
     .banner{
         text-align:center;
    }
	 .galerie-flex .fotka{
		flex:1 1 100%;
		max-width:100%;
	}
	 .logo .image{
		 height:80px;
		 width:170px;
	 }
	 .banner{
		 padding:60px 0;
	 }
	 .banner .flex{
		 justify-items:flex-start;
		 justify-content:flex-start;
	 }
	 .banner .flex .icon{
		 width:25px;
		 height:25px;
	 }
	 .banner h3{
		 font-size:1.35rem;
		 text-align:left;
	 }
	 .cenik ul{
		 padding:0 0 1.5rem 1rem;
	 }
	 .blok h2, .cenik h2, .ubytovani-detail h2, .aktivity-detail h2, .page-template-rezervace .page h2, .page-template-kontakt .formular h2{
		 font-size:1.9rem;
	 }
	 .banner-skola h2{
		 font-size:1.6rem;
	 }
	 footer h3{
		 font-size:1.5rem;
	 }
	 .ubytovani .flex p, .ubytovani-detail .flex p, .aktivity-detail .flex p, .cerny-dul .sloupce p{
		 font-size:1.25rem;
	 }
	 .ubytovani-detail, .aktivity-detail, .blok, .cenik, .kontakty-flex{
		 padding:50px 0;
	 }
	 .vyhody{
		 padding-top:50px;
	 }
	 footer{
		 padding:50px 15px 30px 15px;
	 }
	 .page-template-galerie .galerie{
		 padding:50px 0 75px;
	 }
}
 @media (min-width: 576px) and (max-width:767px){
     .container, .container-sm{
         max-width:100%;
         padding-left:20px;
         padding-right:20px;
    }
}
 @media (max-width: 575px){
     .container, .container-sm{
         padding-left:15px;
         padding-right:15px;
    }
}
 @keyframes posunout {
     from {
         top:500px;
         opacity:0;
    }
     to {
         top:0;
         opacity:1;
    }
}
 @keyframes hide {
     to {
         opacity: 0;
         visibility: hidden;
    }
}
 @keyframes nacist {
     to {
         filter:brightness(70%);
    }
}