* {font-family: "Roboto Condensed", sans-serif; font-optical-sizing: auto;}
body {font-family: "Roboto Condensed", sans-serif; font-optical-sizing: auto; font-weight: 400; font-size: 18px; background: #f8fafc; color: #182439; margin:0; padding:0; -webkit-font-smoothing: antialiased; position: relative;}

a {color: #6E292A; text-decoration: none;}
a:hover {color: #6E292A; text-decoration: underline;}

.colorLight, .colorLight:hover {color: #fef2da;}
.colorDark, .colorDark:hover {color: #6E292A;}

.swiper-container{z-index: 100; width:100%; height: 780px; margin-top: 0px; z-index: 100 !important; position: relative;}  
.gradient {z-index: 1; width: 100%; position: absolute; bottom: 0;  background: rgb(255,255,255);background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%);background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%);background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1); } 
.gradient100 {height: 100px;} 
.gradient200 {height: 200px;} 
.gradient300 {height: 300px;} 
.gradient400 {height: 400px;} 
.gradient500 {height: 500px;} 


.swiper-container .swiper-slide {z-index: 100 !important; left: 0; top: 0; width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; }
.swiper-container .swiper-slide .swiperTexts {margin-top: 320px; z-index: 1000; position: relative; text-align: center;}
.swiper-container .swiper-slide .swiperTexts .swiperText1, .swiper-container .swiper-slide .swiperTexts .swiperText1 h1, .swiper-container .swiper-slide .swiperTexts .swiperText1 h2 {color: #f59e0b; font-size: 70px; text-align: center;}
.swiper-container .swiper-slide .swiperTexts .swiperText2 {color: #ffffff; text-align: center; font-size: 25px;}

.swiper-pagination {text-align: center; margin-top: -182px;  position: relative;  z-index: 1000;}
.swiper-pagination-bullet {width: 10px;height: 10px;display: inline-block;border-radius: 100%;background: #C0B5A7;opacity: 1;margin-left: 15px;margin-top: 3px; margin-bottom: 3px;}
.swiper-pagination-bullet-active {opacity: 1;background: #fff;width: 16px;height: 16px;border: 2px solid #C0B5A7;margin-top: 0; margin-bottom: 0;}


.navbar-collapse {position: relative;}
.langPanel {color: #FEF2DA; position: absolute; top: 8px; right: 0;}
.mobileLang, .langPanel .langMenu, .langPanel .lang-all, .mobileLang i {display: none;}  
/*.mobileLang, .langPanel .langMenu, .langPanel .lang-all, .mobileLang i {display: none !important;}  */
.langPanel i {font-size: 12px; color: #FEF2DA; text-decoration: none;}
.langPanel .langMenu .lang-selected {display: none;} 
.langPanel span {}
.langPanel .langItem {color: #FEF2DA;}
.langPanel .lang-selected {color: white; text-decoration: none;}
.langPanel .langMenu .lang-all {display: block;}
.mobileLang {margin-top: 5px; margin-bottom: 15px; text-align: center;}
.mobileLang .langItem {display: inline-block;color: #FEF2DA; text-decoration: none; font-size: 19px; margin-right: 25px;}
.mobileLang .langItem:last-child {margin-right: 0px;}
.mobileLang .lang-selected {color: #E8D3BE; text-decoration: underline;}

.navbar-nav {padding-right: 45px;}
.headerTop {color: white; -webkit-transition: background-color 500ms linear; -ms-transition: background-color 500ms linear; transition: background-color 500ms linear;}  
.headerTop .nav-link, .headerTop .nav-link2 {color: #ffffff; font-size: 19px; padding-left: 12px !important; padding-right: 12px !important;} 
.headerTop .nav-link:hover, .headerTop .nav-link2:hover {color: #f59e0b; text-decoration: none;}
.headerTop .logo {height: 50px; transition: height 0.2s linear;} 
.nav-link2 {display: block;padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size: var(--bs-nav-link-font-size);font-weight: var(--bs-nav-link-font-weight);color: var(--bs-nav-link-color);text-decoration: none;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;}

.small-logo {height: 40px !important;}

.headerTopBG,.headerTopBG2 {background-color:rgba(20, 30, 51, 0.7);}

.content {max-width: 880px; padding-top: 100px; background: #f8fafc;} 
.content h1, .content h2 {font-size: 50px;} 
.content h3 {font-size: 35px;} 
.content p {font-size: 21px;} 

.mealIco {height: 20px;}

.cenik {font-size: 18px;}
.colorRed {color: #6e292a;}
.oteviraciDoba {font-size: 24px !important;}

.boxyUvod {margin-top: -145px; z-index: 1000; position: relative;}
.boxyUvodItem {background: #1c2940; color: white; padding: 25px; height: 100%;}
.boxyUvodItem i {font-size: 65px; margin-bottom: 25px; color: #f59e0b;}

.accordion-button {font-size: 21px;}
.accordion-body {font-size: 19px;}

.napoje, .napoje2, .jidla {display: none;}

.navbar-toggler {border: none;}
.navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");} 
.navbar-toggler:focus {box-shadow: none;}

.heroHolder {position: relative;}
.hero {padding: 150px 0 150px 0; color: #fef2da; z-index: 1000; position: relative;}
.hero .boxyUvodItem h2 {font-size: 30px;}
.hero .boxyUvodItem p {margin-bottom: 0;}
.hero2 {z-index: 1000; position: relative;}
.hero h2 {font-size: 60px; color: white;}
.hero p {font-size: 21px; margin-bottom: 60px; color: white;}

.pokoje {color: #182439; padding-top: 100px; padding-bottom: 100px; font-size: 20px;}
.pokoje h2 {font-size: 50px;}
.pokoje h3 {font-size: 35px;}

.oteviraciDoba a {color: #182439; text-decoration: none;} 
.oteviraciDoba a:hover {text-decoration: underline; color: #f59e0b;} 
.imgGalery {width: 100%; height: 100%; max-height: 350px;}

.poledni-menu {background: #FEF2DA; padding-top: 150px; padding-bottom: 150px;}
.poledni-menu h2 {font-size: 50px;}
.poledni-menu h2 span {display: block; font-size: 30px;}
.poledni-menu h3 {font-size: 35px;}
.poledni-menu h4 {font-size: 35px; margin-top: 100px;}
.poledni-menu h4 span {display: block; font-size: 30px; margin-top: 40px;}

.tabulkaJidla {color: #6e292a; font-size: 18px;}
.tabulkaJidla .b1 {width: 80px;}
.tabulkaJidla .b2 {min-width: 88%; width: 88%;}
.tabulkaJidla .b2 span, .tabulkaJidla span {font-size: 17px; display: block;}

.prihlaseni {padding: 200px 0 150px 0; min-height: 80vh;}
.prihlaseni h1 {font-size: 3.1rem;}
.prihlaseni h3 {font-size: 1.9rem;}
.prihlaseni h4 {font-size: 2.1rem;}
.inputPDF {font-size: 20px; border-radius: 0; border: none; outline: none; background: #DABFAD; color: #6e292a;}
.inputPDF:focus {color: #6e292a; background-color: #fff;  border-color: none; outline: 0; box-shadow: none;}
.tabulkaPDF {font-size: 18px;}

.dalsiDny {background: #ECDFD6;}
.dalsiDny h2 {font-size: 34px;}
.dalsiDnyItem {font-size: 24px;} 
.dalsiDnyItem i {font-size: 38px;} 

.tlacitko {display: inline-block; font-size: 24px; color: #ffffff; border: 3px solid #ffffff; text-decoration: none; padding: 10px 45px 10px 45px; -webkit-transition: background-color 400ms linear; -moz-transition: background-color 400ms linear; -o-transition: background-color 400ms linear; -ms-transition: background-color 400ms linear; transition: background-color 400ms linear;}
.tlacitko:hover {border: 3px solid #f59e0b; color: #f59e0b; text-decoration: none;}

.tlacitko2 {font-size: 24px; color: #1c2940; border: 3px solid #1c2940; text-decoration: none; padding: 10px 0 10px 0; width: 250px; display: inline-block; -webkit-transition: background-color 400ms linear; -moz-transition: background-color 400ms linear; -o-transition: background-color 400ms linear; -ms-transition: background-color 400ms linear; transition: background-color 400ms linear;}
.tlacitko2:hover {color: #f59e0b; text-decoration: none; border: 3px solid #f59e0b;}

.form-select {padding: 19px 36px 17px 30px !important; box-shadow: none; outline: none; font-size: 20px; border-radius: 0; background-color: #EDDFD6; color: #6e292a; font-family: "New York Extra Large", Verdana, sans-serif; border: none; text-align: center;}
.form-select:focus {border-color: none; outline: 0; box-shadow: none;}
#contactForm .form-floating input, #contactForm .form-floating textarea, #loginForm .form-floating input {box-shadow: none; outline: none; font-size: 20px; border-radius: 0; background: #eaeff7; color: #182439; font-family: "New York Extra Large", Verdana, sans-serif; border: none; text-align: center;}
#contactForm .form-floating label, #contactForm .form-floating textarea, #loginForm .form-floating label {color: #182439; font-size: 18px; font-family: "New York Extra Large", Verdana, sans-serif; border: none; text-align: center; width: 100%;}
.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {opacity: .65; transform: scale(.85) translateY(-.5rem) translateX(73px);}
.form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {height: calc(3.9rem + 2px);line-height: 1.25;}
.form-check .form-check-input {float: none;}
.redButton {background: #182439; color: white; font-size: 20px; border: none; outline: none; border-radius: 0; padding: 13px 60px 13px 60px;}
.redButton2 {width: 100%;}
.redButton:hover, .redButton:active:focus, .redButton:active, .redButton:focus {box-shadow: none; background: #182439; color: #f59e0b;border: none; outline: none; border-radius: 0; text-decoration: none;}

.txshadow {text-shadow: 0 0 20px #FEF2DA;}

.g-recaptcha div {margin: 15px auto 0 auto;}

.footer {background: #19253b; text-align: center; color: white;}
.footer .footerMenu a {color: white; text-decoration: none; font-size: 18px; padding: 0 8px 0 8px;}
.footer .footerMenu a:hover {color: #f59e0b;}
.footer .copyright {color: white; font-size: 14px;}
.footer .social .fa-circle {color: #DABFAD;}
.footer .social .fa-brands {color: #9C6F64;}

#mapContainer {width: 100%; margin: 0; height: 650px;  position: relative;}
#mapContainer iframe {z-index: 1000; url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(99%); -webkit-backface-visibility: hidden; pointer-events: none;}
#mapContainer iframe.clicked {pointer-events: auto;}
#mapContainer #mapCover2 {z-index: 80; background-image: url("/design/base/img/map-arrow.svg"), url("/design/base/images/map-overlay.png"); background-position: center; background-repeat: no-repeat, repeat; top: 0; left: 0; height: 100%; position: absolute; width: 100%;}
#mapContainer #mapCover {position: relative; height: 650px; padding-top: 40px; margin-top: -655px; z-index: 1000; position: relative;}
#mapContainer #mapCover h2 {font-size: 50px; text-align: center;}
#mapContainer #mapCover .gps{font-size: 24px; text-align: center; margin-top: 470px;}


.mw600 {max-width: 600px;}
.mauto {margin: 0 auto;}

.gradient {z-index: 1; width: 100%; position: absolute; bottom: 0;  background: rgb(255,255,255);background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%);background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%);background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1); } 
.gradient100 {height: 100px;} 
.gradient200 {height: 200px;} 
.gradient300 {height: 300px;} 
.gradient400 {height: 400px;} 
.gradient500 {height: 500px;} 

.overlayMapa:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(166,185,217,0.3);}


.dark90:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(0,0,0,0.9);}
.dark80:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(0,0,0,0.8);}
.dark70:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(0,0,0,0.7);}
.dark60:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(0,0,0,0.6);}
.dark50:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(0,0,0,0.5);}
.dark40:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(0,0,0,0.4);}
.dark30:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(0,0,0,0.3);}
.dark20:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(0,0,0,0.2);}
.dark10:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(0,0,0,0.1);}
.dark5:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(0,0,0,0.05);}

.dark50color:after {z-index: 10; content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0;background:rgba(20, 30, 51,0.5); mix-blend-mode: multiply;}

/* ---------- RESPONZIVNI BREAKPOINTY ----------------- */

/* Small devices (landscape phones, less than 768px) */ 
@media (max-width: 767.98px)  {
.headerTop .logo {height: 54px;}
.headerTop .nav-link, .headerTop .nav-link2 {text-align: center;} 
.content h1, .pokoje h2, .hero h2, .poledni-menu h2, .content h2, #mapContainer #mapCover h2 {font-size: 50px;} 
.content p, .hero p {font-size: 18px;} 
.hero {padding: 200px 0 200px 0;}
.pokoje h3 {font-size: 30px;}
.imgGalery {max-height: none;}
.tabulkaJidla .b2 {min-width: 76%;}
.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {opacity: .65;transform: scale(.85) translateY(-.5rem) translateX(38px);}
.swiper-container .swiper-slide .swiperTexts .swiperText1, .swiper-container .swiper-slide .swiperTexts .swiperText1 h1, .swiper-container .swiper-slide .swiperTexts .swiperText1 h2 {font-size: 50px;}
.swiper-container .swiper-slide .swiperTexts .swiperText2 {font-size: 19px;}
.boxyUvod a {font-size: 24px;}
.oteviraciDoba {font-size: 20px !important;}
.hero {padding: 200px 40px 200px 40px;}
#contactForm {padding: 0 12px 0 12px;}
.navbar-nav {padding-right: 0px;}
}

/* Medium devices (tablets, less than 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
.content h1, .pokoje h2, .hero h2, .poledni-menu h2, .content h2, #mapContainer #mapCover h2 {font-size: 50px;} 
.content p, .hero p {font-size: 18px;} 
.hero {padding: 200px 0 200px 0;}
.pokoje h3 {font-size: 30px;}
.imgGalery {max-height: none;}
.tabulkaJidla .b2 {min-width: 82%;}
.boxyUvod {margin-top: -80px;}
.navbar-nav {padding-right: 0px;}
.headerTop .nav-link, .headerTop .nav-link2 {text-align: center;} 
} 

/* Large devices (desktops, less than 1200px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
.tabulkaJidla .b2 {min-width: 87%;}
}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
.tabulkaJidla .b2 {min-width: 68%;}

}