/*
Theme Name: Bootscore
Theme URI: https://bootscore.me/
Author: Bootscore
Author URI: https://bootscore.me
Description: Flexible Bootstrap WordPress starter-theme for developers with full WooCommerce support. <a href="https://bootscore.me/category/documentation/" target="_blank">Documentation</a>
Version: 6.0.1
Requires at least: 5.0
Tested up to: 6.6
Requires PHP: 7.4
License: MIT License
License URI: https://github.com/bootscore/bootscore/blob/main/LICENSE
Text Domain: bootscore
Tags: featured-images, threaded-comments, translation-ready

Use this theme to make something cool, have fun, and share what you've learned with others.

Bootscore is based on Underscores https://underscores.me/, (C) 2012-2024 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*
All style editing is done via /assets/scss/_bootscore-custom.scss
*/

html{
   --orange: #FAC09B;
   --pink: #BE86D5;
   --dark-pink: #78229B;
   --blue: #00AFDB;
   --light-blue: #00A3D4;
   --dark-blue: #003077;
   --white-blue: #f0f3f4;
   --white-gray: #F1F4F5;
   --light-gray: #D1C8C8;
   --dark-gray: #505763;
   --main-bg-color: brown;
   overflow: hidden;
   max-width: 100vw;
   scroll-behavior: smooth;
}

body{
   font-family: "Montserrat", sans-serif;
   background-color: #fff
   color: var(--dark-gray);
   font-size: 18px;
}

h1,
h2,
h3,
h4,
h5,
h6{
   color: var(--dark-blue);
   font-family: "Roboto condensed", sans-serif;;
}
input,
textarea{
   background: #FFFFFF 0% 0% no-repeat padding-box;
   border: 1px solid #C1C1C1;
   border-radius: 9px;
   padding: 14px 20px;
}
a{
   color: var(--light-blue);
}
a:hover{
   color: var(--pink);
}
p{
   line-height: 1.375em;
}
li{
   line-height: 30px;
}
li::marker{
   color: var(--orange);
}

.roboto{
   font-family: "Roboto", sans-serif;
}
.roboto-condensed{
   font-family: "Roboto condensed", sans-serif;
}
.montserrat{
   font-family: "Montserrat", sans-serif;
}
.colorDarkGray{
   color: var(--dark-gray);
}
.colorDarkBlue{
   color: var(--dark-blue);
}

.width-m,
.width-lg,
.width-xl{
   margin-left: auto;
   margin-right: auto;
}
.width-m{
   max-width: 960px;
}
.width-m.background-box{
   max-width: 1060px;
}
.width-lg{
   max-width: 1020px;
}
.width-lg.background-box{
   max-width: 1120px;
}
.width-xl{
   max-width: 1160px;
}
.width-xl.background-box{
   max-width: 1260px;
}
.background-box{
   padding: 50px;
}
.full-width-row{
   width: 100vw;
 margin-left: calc(-1*(100vw - min(100vw, 960px)) / 2) !important;
 margin-right: calc(-1*(100vw - min(100vw, 960px)) / 2) !important;
}
@media (max-width: 1000px){
   .full-width-row{
      margin-left: -20px!important;
      margin-right: -20px!important;
      padding-left: 20px;
      padding-right: 20px;
   }
}
@media (max-width: 1020px){
   .width-m.content-with-padding{
      max-width: calc(100vw - 60px);
   }
}
@media (max-width: 1080px){
   .width-lg.content-with-padding{
      max-width: calc(100vw - 60px);
   }
}
@media (max-width: 1220px){
   .width-xl.content-with-padding{
      max-width: calc(100vw - 60px);
   }
}
@media (max-width: 1020px){
   .width-m.background-box{
     padding: 50px 30px;
   }
}
@media (max-width: 1080px){
   .width-lg.background-box{
     padding: 50px 30px;
   }
}
@media (max-width: 1160px){
   .width-xl.background-box{
     padding: 50px 30px;
   }
}
.site-content{
   z-index: 20;
}
.home .site-content{
   z-index: 40;
}
.homeMainText{
   max-width: 40vw;
}
@media (max-width: 1050px){
   .homeMainText{
      max-width: 55vw;
   }
}
@media (max-width: 700px){
   .homeMainText{
      max-width: 95vw;
   }
}

.bg-white-gray{
   background-color: var(--white-gray);
}


.btn,
body .wp-element-button{
   white-space: nowrap;
   display: inline-block;
   border-radius: 23px;
   font-size: 16px;
   line-height: 16px;
   font-weight: bold;
   padding: 14px 30px;
   text-decoration: none;
   transition: all 0.15s ease-in-out;
   border: 1px solid var(--blue);
   color: var(--blue);
}
body .wp-element-button{
   background-color: #fff;
}

.btn:hover,
body .wp-element-button:hover{
   background-color: var(--blue);
   color: #fff;
}
.btn.btn-big{
   border-radius: 26px;
   font-size: 18px;
   line-height: 19px;
   font-weight: bold;
   padding: 14px 30px;
}
.btn.btn-large{
   border-radius: 32px;
   font-size: 23px;
   line-height: 23px;
   font-weight: bold;
   padding: 16px 30px;
}
.btn.btn-dark-blue{
   border: 1px solid var(--blue);
   color: var(--blue);
}
.btn.btn-pink{
   border: 1px solid var(--pink);
   color: var(--pink);
}
.btn.btn-pink:hover{
   color: #fff;
   background-color: var(--dark-pink);
   border-color: var(--dark-pink)
}
.btn.btn-dark-blue:hover{
   color: var(--blue);
   background-color: #fff;
   border-color: #F1F4F5;
}

.btn-floating{
   color: #fff;
   background-color: var(--blue);
   height: 56px;
   line-height: 56px;
   width: 56px;
   border-radius: 50%;
   text-align: center;
   display: inline-block;
}
.btn-floating .fa{
   display: inline-block;
   font-size: 26px;
   line-height: 26px;
   vertical-align: middle;
}
.btn-floating:hover{
   background-color: var(--dark-blue);
}

.box{
   box-shadow: 0px 3px 47px #00000017;
   padding: 40px;
}
.box.box-white{
   background-color: #fff;
}
.box.box-dark-blue{
   background-color: var(--dark-blue);
   color: #fff;
}
.box.box-dark-blue *,
.box.box-light-blue *{
   color: #fff;
}
.box.box-light-blue{
   background-color: var(--blue);
   color: #fff;
}
.box.box-light-blue .btn{
   border: 1px solid white;
}
.box.box-light-blue .btn:hover{
   background-color: #fff;
}

#offcanvas-navbar{
   max-width: calc(100vw - 70px);
}
header .navbar-nav>li:last-child a{
  background-color: #e64f97;
   color: #fff;
}
header .navbar-nav>li:last-child a:hover{
   background-color: #ba236b
}
.navbar-brand{
   box-sizing: content-box;
   max-width: 260px;
   margin-top: 20px;
}
.navbar-brand img{
   max-height: 100%;
}
@media (max-width: 1199px){
   .navbar-brand{
      margin-left: 20px;
      max-height: 70px;
      margin: 15px 20px 15px;
   }
}
@media (max-width: 600px){
   .navbar-brand{
      margin-left: 20px;
      max-height: 50px;
      margin: 15px 10px 15px;
   }
}
.navbar-nav .dropdown-menu a{
   color: #fff;
}
.navbar-nav .dropdown-menu a:hover{
   background-color: #003077;
}

.navbar-nav{
   box-shadow: 0px 11px 23px #00000029;
   background-color: #fff;
   z-index: 100;
}
.navbar-nav ul{
   padding-left: 0;
}
.navbar-nav li a{
   font-size: 18px;
   padding: 20px 20px;
   color: var(--dark-blue);
   white-space: nowrap;
}
.navbar-nav>li:not(:last-child)>a{
   border-right: 1px solid var(--white-gray);
}
.navbar-nav>li:not(:last-child)>a:hover{
   border-right: 1px solid var(--blue);
}
.navbar-nav li a:hover{
   background-color: var(--blue);
   color: #fff;
}
@media (max-width: 1200px){
   .navbar-nav li{
      line-height: 50px;
   }
   .navbar-nav .dropdown-menu li{
      line-height: 30px;
   }
   .navbar-nav li a{
      padding: 4px 20px;
   }
}
.btn-mobile-menu{
   background-color: var(--pink);
   display: inline-block;
   width: 76px;
   height: 60px;
   border-radius: 30px 0 0 30px;
   z-index: 500;
   color: #fff;
   font-size: 30px;
   box-shadow: none;
   border: none;
}
.btn-mobile-menu:hover{
   background-color: var(--dark-pink);
}
.btn-mobile-menu-close{
   position: absolute;
   left: -50px;
   top: 0px;
}
.btn-mobile-menu-close:before{
   color: #fff;
   opacity: 1;
}
@media (max-width: 1199px){
   .navbar{
      background: #fff;
      width: 100vw;
      z-index: 9999;
      margin: 0;
      box-shadow: 0px 11px 23px #00000029;
   }
   .navbar-nav{
      box-shadow: none;
   }
}

.uvod-text-horni{
   margin-top: 30px;
   color: var(--dark-gray);
   margin-bottom: 45px;
}
@media (min-width: 1000px){
   .uvod-text-horni{
      max-width: 40vw;
   }
}
.nabidka-kurzu-btn-wrapper{
   margin-bottom: 70px;
}
.nabidka-title{
   font-size: 45px;
}
.nabidky-container{
   background-color: var(--white-gray);
   padding: 0 70px;
   margin: 110px -60px 0 -60px;
}
.nabidka-boxes-wrapper{
   display: flex;
   gap: 16px;
   position: relative;
   top: -60px;
   z-index: 100;
}
.nabidka-box{
   width: 229px;
   background: #FFFFFF;
   box-shadow: 0px 3px 24px #00000017;
   text-decoration: none!important;
   display: flex;
   flex-direction: column;
}
@media screen and (max-width: 1050px){
	.nabidka-boxes-wrapper{
		flex-wrap: wrap;
	}
}
@media screen and (max-width: 553px){
	.nabidka-box{
		width: 100%
	}
}
.nabidka-photo{
   height: 194px;
   background-size: cover;
   background-position: 50% 50%;
   min-height: 194px;
   display: block;
}
.nabidka-content{
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: calc(100% - 194px);
}
.nabidka-name{
   text-align: center;
   font: normal normal bold 20px/25px Montserrat;
   letter-spacing: 0px;
   color: #003077;
   text-transform: uppercase;
   margin-bottom: 30px;
}
.nabidka-more-link{
   display: flex;
   gap: 10px;
   justify-content: center;
   font: normal normal normal 16px/24px Montserrat;
   letter-spacing: 0px;
   color: var(--light-blue);
}
.nabidka-chevron{
   display: inline-block;
   width: 23px;
   height: 23px;
   font-size: 23px;
   line-height: 23px;
}

.uvod-text-spodni-container{
   margin-top: 40px;
   display: flex;
   gap: 45px;
   align-items: center;
}
@media screen and (max-width: 800px){
	.uvod-text-spodni-container{
		flex-wrap: wrap;
	}
}
.uvod-text-spodni-foto img{
   display: block;
   width: 290px;
   height: 290px;
   min-width: 290px;
   min-height: 290px;
}

.footer-top-content{
   background: var(--white-blue);
}

.footer-content-wrapper{
   position: relative;
   z-index: 20;
}

.footer-box-wrapper{
   background: linear-gradient(0deg, var(--white-blue) 0%, var(--white-blue) 25%, #fff 25%);
}

.footer-box-container{
   display: flex;
   max-width: min(1200px, 95vw);
   margin: auto;
   gap: 20px;
}
@media (max-width: 900px){
   .footer-box-container{
      flex-direction: column;
   }
}
.footer-box-container .box{
   flex: 1;
}

.footer-references{
   max-width: min(1200px, 95vw);
   margin: auto;
}

.footer-social-icons{
   display: flex;
   gap: 20px;
   justify-content: center;
   margin: 110px 0 140px;
}
.footer-illustrations{
   position: relative;
   max-width: calc((100vw - 1020px) / 2);
}
.footer-illustrations svg{
   position: absolute;
}
.footer-illustrations .crab{
   right: -110px;
   bottom: -90px;
   z-index: 10;
   max-width: 21vw;
 }
 .footer-dots{
   right: 20px;
   bottom: 110px;
   z-index: 10;
   max-width: 20vw;
 }
.footer-menu{
   max-width: 1000px;
   margin: auto;
}
.footer-menu .footer-menu-container{
   display: flex;
   gap: 20px;
   max-width: 960px;
   margin: auto;
}
.footer-menu .footer-menu-col{
   padding-left: 20px;
   border-left: 1px solid var(--light-gray);
   flex: 1;
}
.footer-menu .footer-menu-col .nav-link{
   font-size: 16px;
}
@media (max-width: 800px){
   .crab{
      display: none;
   }
   .footer-social-icons{
      margin: 50px 0;
   }
   .footer-menu .footer-menu-container{
      flex-direction: column;
      padding-left: 60px;
   }
   .footer-menu .footer-menu-col{
      border-left: none;
      border-top: 1px solid var(--light-gray);
      padding-top: 20px;
      padding-left: 0;
   }
   .footer-menu .footer-menu-container .nav{
      padding-bottom: 20px;
   }
}
.footer-menu-col{

}

.footer-menu h3{
   text-transform: uppercase;
   font-weight: 900;
}
.footer-menu .nav{
   flex-direction: column;
   padding-bottom: 50px;
}
.footer-menu .nav li a{
   color: var(--dark-gray);
   padding: 5px 0;
}
.footer-menu .nav li a:hover{
   color: var(--blue);
   font-weight: bold;
}
.foter-kontakt{
   color: var(--dark-gray);
   font-size: 16px;
   line-height: 1.8em;
}

.bootscore-footer{
   background-color: var(--dark-blue);
   color: #fff;
}
.bootscore-footer .btn-kontakt-bazeny{
   display: inline-block;
   border: 1px solid var(--blue);
   color: var(--blue);
   border-radius: 32px;
   font-size: 23px;
   line-height: 23px;
   font-weight: bold;
   padding: 16px 32px;
   text-decoration: none;
}

.bootscore-footer .btn-kontakt-bazeny:hover{
   color: var(--blue);
   background-color: #fff;
   border-color: #F1F4F5;
}

.home .top-button{
   bottom: calc(3vh + 60px); /* not to overlap with floating buttons on front page */
}
.top-button:hover{
   background-color: #fff!important;
   color: var(--blue)!important;
}

.heart-icon{
   width: 15px;
}
.orange-heart{
   fill: var(--orange);
}
.blue-heart{
   fill: var(--blue);
}
.dark-blue-heart{
   fill: var(--dark-blue);
}
.section-header{
   margin-top: 60px;
   margin-bottom: 30px;
   font-size: 45px;
   font-weight: 400;
}

.illustration-container{
   position: relative;
}

.illustration-container img,
.illustration-container svg{
   position: absolute;
   top: 0;
   display: block;
}
.illustration-container-back{
   z-index: 10;
}
.illustration-container-front{
   z-index: 30;
}
.illustration-container.illustration-container-front .illustration-right{
   right: -30px;
   top: -110px;
}

.illustration-container-front .illustration-right.illustration-right-desktop{
   max-width: 80vw;
}
.illustration-container-front .illustration-right-phone{
   width: 100%;
   left: 0;
}
@media (max-width: 1300px){
   .illustration-container-front .illustration-right.illustration-right-desktop{
      max-width: 70vw;
   }
}
@media (max-width: 1100px){
   .illustration-container-front .illustration-right.illustration-right-desktop{
      max-width: 65vw;
   }
}
@media (min-width: 701px){
   .illustration-right-phone{
      display: none!important;
   }
}
@media (max-width: 700px){
   .illustration-container-front{
      max-width: 100vw
   }
   .illustration-right-desktop{
      display: none!important;
   }
}

.illustration-container .illustration-left{
   left: 0;
}
.illustration-container .illustration-right{
   right: 0;
}
.other-page-top-illustration{
   max-width: 35vw;
}
.title-image{
   width: 100%;
   min-height: 400px;
   background-size: cover;
   background-position: 50% 50%;
}
.bazen-bg{
   position: absolute;
   z-index: 10;
   right: 0;
   top: 0;
   display: block;
}
.bazen-aktualne{
   background-color: var(--blue);
   color: #fff;
}
.aktualne-wrapper{
   padding-bottom: 61px;
}
.front-title{
   line-height: 1em;
   font-weight: 800;
   margin-top: 40px;
}
@media (min-width: 1150px){
   .front-title{
      margin-left: -27px;
   }
}
@media (max-width: 700px){
   .front-title{
      margin-top: -20vw !important;
      font-size: 8vw;
   }
   .heart-icon{
      width: 4vw;
   }
}
.front-claim{
   font-size: 26px;
   color: var(--dark-blue);
   margin-top: 41px;
   margin-bottom: 36px;
   line-height: 32px;
   max-width: 600px;
}
@media (max-width: 1800px){
   .front-claim{
      max-width: 32vw;
   }
}
@media (max-width: 1500px){
   .front-claim{
      max-width: 27vw;
   }
}
@media (max-width: 1300px){
   .front-claim{
      max-width: 400px;
   }
}
@media (max-width: 700px){
   .front-claim{
      margin-top: 29px;
      margin-bottom: 25px;
   }
}

.footer-spoluprace{
   max-width: min(1200px, 95vw);
   margin: auto;
   margin-top: 100px;
}
.spoluprace-chip{
box-shadow: 0px 3px 24px #00000029;
    display: inline-flex;
    z-index: 20;
    position: relative;
    background-color: #fff;
    gap: 20px;
    height: 100px;
    border-radius: 77px;
    margin: 0 20px 30px 0;
    min-width: calc(50% - 25px);
    overflow: hidden;
}
@media screen and (max-width: 900px) {
   .spoluprace-chip{
      min-width: 95%;
   }
}
.spoluprace-photo{
	width: 155px;
    height: 80px;
    min-width: 155px;
    background-size: contain;
    background-position: 50% 50%;
    border-radius: 20px;
    background-repeat: no-repeat;
    margin-top: 10px;
    margin-left: 20px;
}
.spoluprace-content{
   padding-top: 15px;
}
.spoluprace-name{
   font-size: 18px;
}
.spoluprace-popis{
   color: var(--dark-gray);
   font-size: 14px;
}
.spoluprace-about-link{
   color: var(--blue);
   transition: font-weight 0.15s ease-in-out;
}
.spoluprace-about-link:hover{
   font-weight: bold;
}

.floatingButtons{
    display: flex;
    gap: 40px;
    position: fixed;
    bottom: 3vh;
    justify-content: center;
    z-index: 90;
    left: calc(50vw - 245px);
    width: 490px;
    transition: opacity 0.4s;
}
@media (max-width: 500px){
   .floatingButtons{
      gap: 10px;
   }
}
.floatingButtons a{
   padding: 10px 20px;
    box-shadow: 0px 3px 8px #00000033, 0px 3px 14px #00000033, 0px 3px 25px #00000033;
    font-family: 'Roboto Condensed';
    border-radius: 25px;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
}
.floatingButtonWhite{
   background-color: #fff;
   color: var(--light-blue)!important;
}
.floatingButtonDarkBlue{
   background-color: var(--dark-blue);
   color: #fff!important;
}
.floatingButtonLightBlue{
   background-color: var(--light-blue);
   color: #fff!important;
}
.floatingButtonWhite:hover{
   color: #fff!important;
   background-color: var(--light-blue)!important;
}
.floatingButtonDarkBlue:hover,
.floatingButtonLightBlue:hover{
   color: var(--light-blue)!important;
   background-color: #fff;
}

.faq-box{
   background-color: var(--white-gray);
   padding: 20px 0;
   display: flex;
   align-items: baseline;
   gap: 20px;
   margin-bottom: 20px;
}
.faq-box-toggle{
   display: inline-block;
   min-width: 73px;
   height: 73px;
   line-height: 73px;
   text-align: center;
   font-size: 28px;
   cursor: pointer;
}
.faq-box .faq-box-question{
   font-size: 26px;
   font-family: "Roboto condensed", sans-serif;
   cursor: pointer;
}
.faq-box.faq-box-closed .faq-box-question{
   font-size: 26px;
   color: var(--blue);
}
.faq-box-toggle{
   border: 2px solid #FFFFFF;
}
.faq-box.faq-box-closed .faq-box-toggle{
   background-color: #fff;
   box-shadow: 0px 3px 6px #00000017;
}
.faq-box.faq-box-closed .fa-minus{
   display: none!important;
}
.faq-box.faq-box-open .fa-plus{
   display: none!important;
}
.faq-box-toggle .fa{
   color: var(--blue);
}
.faq-box-toggle:hover .fa{
   color: var(--dark-blue);
}
.faq-box-closed .faq-box-question{
   color: var(--blue);
}
.faq-box-closed .faq-box-question:hover{
   color: var(--dark-blue);
}
.faq-box-open .faq-box-question{
   color: var(--dark-blue);
}
.faq-box-open .faq-box-question:hover{
   color: var(--blue);
}
.faq-box .faq-box-content{
   padding: 20px 20px 20px 0;
}
.faq-box-closed .faq-box-answer{
   display: none!important;
}

.akce-kalendar-container{
   display: flex;
   gap: 40px;
   flex-wrap: wrap;
}
.akce-kalendar-box{
   display: flex;
   box-shadow: 0px 3px 24px #00000017;
   min-width: calc(33% - 25px);
   width: calc(33% - 25px);
   max-width: calc(33% - 25px);
   cursor: pointer;
   transition: box-shadow 0.2s ease-in-out;
   text-decoration: none!important;
}
@media screen and (max-width: 900px){
	.akce-kalendar-box{
    	width: 50%;
    	max-width: calc(50% - 20px);
	}
}
@media screen and (max-width: 650px){
	.akce-kalendar-box{
    	width: 100%;
    	max-width: 100%;
	}
}
.akce-kalendar-box:hover{
   box-shadow: 0px 7px 34px #00000030;
}
.akce-kalendar-datum{
   min-width: 80px;
   font-size: 30px;
   padding: 20px;
   background-color: var(--blue);
   color: #fff;
   white-space: nowrap;
}
.akce-kalendar-content{
   padding: 20px;
}
.akce-kalendar-nazev{
   color: var(--dark-blue);
   line-height: 1;
}
.akce-kalendar-termin,
.akce-kalendar-cas{
   font-size: 12px;
   color: var(--dark-gray);
}

.akce-container{
   display: flex;
   flex-direction: column;
   gap: 40px;
}
.akce-chip{
   display: flex;
   gap: 20px;
   box-shadow: 0px 3px 24px #00000017;
}
@media screen and (max-width: 700px){
	.akce-chip{
		flex-direction:column;
	}
	.akce-chip .akce-photo{
		order: 1;
		margin-left: auto;
		margin-right: auto;	
	}
}
.akce-photo{
   width: 300px;
   min-width: 300px;
   background-size: cover;
}
.akce-chip:nth-child(2n) .akce-photo{
   order: 1;
   margin-left: auto;
}
.akce-content{
   justify-content: center;
   padding: 40px;
}
.akce-termin{
}
.akce-popis{
}
.akce-detail{
   white-space: preserve;
}
.akce-lightbox{
   max-width: 1000px;
   background-color: #fff;
   margin-top: 70px;
   margin-bottom: 70px;
   padding: 3rem;
}

.plavacky-left-dots{
   max-width: 14vw;
   right: -15px;
   top: 130px!important;
   transform: rotate(20deg);
}
.plavacky-right-dots{
   right: 3vw;
   transform: rotate(-70deg);
   max-width: 17vw;
   top: -80px;
}
.plavacka-chip{
   box-shadow: 0px 3px 24px #00000029;
   display: inline-flex;
   z-index: 20;
   position: relative;
   background-color: #fff;
   gap: 20px;
   height: 154px;
   border-radius: 77px;
   margin: 0 20px 30px 0;
   min-width: 460px;
}
.plavacka-photo{
   width: 155px;
   height: 155px;
	min-height: 155px;
   min-width: 155px;
   background-size: cover;
   background-position: 50% 50%;
   border-radius: 50%;
}
.plavacka-content{
   padding-top: 23px;
}
.plavacka-name{
   font-size: 18px;
}
.plavacka-title{
   color: var(--dark-gray);
   font-size: 14px;
}
.plavacka-about-link{
   color: var(--blue);
   transition: font-weight 0.15s ease-in-out;
}
.plavacka-about-link:hover{
   font-weight: bold;
}
.plavacka-lightbox{
   max-width: 800px;
   background-color: #fff;
   margin-top: 70px;
   margin-bottom: 70px;
   padding: 3rem;
}
.plavacka-lightbox .d-flex{
   gap: 20px;
}
@media (max-width: 500px){
   .plavacka-chip{
       box-shadow: none;
	   height: unset;
	   flex-direction: column;
	   gap: 0;
	   justify-content: center;
       vertical-align: middle;
       align-items: center;	 
	   margin: 0px;
   }
	.plavacka-content{
		padding-top: 10px;
		text-align:center;
		padding-bottom: 30px;
	}
}
@media (max-width: 800px){
   .plavacka-lightbox{
      padding: 1.5rem;
   }
   .plavacka-lightbox .d-flex{
      flex-direction: column;
   }
}
.individuals .plavacka-chip{
    min-width: unset;
    width: 100%;
}
.individuals .plavacka-content{
   margin-top: 15px;
   max-height: 124px;
   overflow: auto;
   margin-right: 50px;
   width: 100%;
   padding-top: 0;
}
@media screen and (max-width: 500px){
	.individuals .plavacka-content{
		max-height: unset;
		margin-right: 0;
	}
}
.individuals .plavacka-content{
   margin-bottom: 5px;
}
.sluzba-chip{
   box-shadow: 0px 3px 24px #00000029;
   display: inline-flex;
   z-index: 20;
   position: relative;
   background-color: #fff;
   gap: 20px;
   height: 154px;
   border-radius: 77px;
   margin: 0 20px 30px 0;
   min-width: calc(50% - 25px);
}
@media (max-width: 800px){
   .sluzba-chip{
      min-width: 400px;
      width: 500px;
   }
}
.sluzba-photo{
   width: 155px;
   height: 155px;
   background-size: cover;
   background-position: 50% 50%;
   border-radius: 50%;
}
.sluzba-content{
   padding-top: 33px;
}
.sluzba-name{
   font-size: 18px;
}
.sluzba-more-link{
   color: var(--blue);
   transition: font-weight 0.15s ease-in-out;
}
.sluzba-more-link:hover{
   font-weight: bold;
}

.kontakt-box{
   background-color: #FFFFFF;
   display: flex;
   position: relative;
   z-index: 50;
   width: 100%;
}

.kontakt-box .kontakt-nazev-box{
   box-shadow: 0px 3px 24px #00000017;
   min-width: 350px;
   max-width: 350px;
}
.kontakt-box .kontakt-nazev{
   color: var(--dark-blue);
   font-weight: 900;
   font-size: 18px;
}
.kontakt-box .kontakt-podtitul{
   color: var(--dark-gray);
   font-size: 16px;
}
.kontakt-box .kontakt-email{
   color: var(--blue);
   font-size: 20px;
}
.kontakt-box .kontakt-telefon{
   font-size: 20px;
}
.kontakt-box .kontakt-nazev,
.kontakt-box .kontakt-email{
}
.adresyBazenu{
   gap: 30px;
}
.adresaBazenu{
  gap: 10px;
}
.adresaNazev{
   min-width: 390px;
   font-family: 'Roboto Condensed';`
   font-size: 26px;
   color: var(--dark-blue);
}

.btn-show-map{
   display: inline-block;
   width: 200px;
}
@media (max-width: 800px){
   .adresaBazenu{
      flex-direction: column;
   }
   .btn-show-map{
      margin-left: 0;
   }
}
.kontaktni-formular-box{
   display: flex;
}
@media (max-width: 800px){
   .kontaktni-formular-box{
      flex-direction: column;
   }
}
.kontaktni-formular-label{
   min-width: 300px;
   font-size: 26px;
   color: var(--dark-blue);
}
.kontaktni-formular-form{
   flex: 1;
}
.kontaktni-formular-form input,
.kontaktni-formular-form textarea{
   width: 100%;
}
.kontaktni-formular-form input[type="submit"]{
   width: auto;
}

.gallery{
   position: relative;
   top: 60px;
}

.kontakt-box > div{
   padding: 2rem 3rem!important;
}
@media (max-width: 900px){
   .kontakt-box > div{
      padding: 1rem 2rem!important;
   }
}
@media (max-width: 800px){
   .kontakt-box{
      flex-wrap: wrap
   }
   .kontakt-box .kontakt-nazev-box{
      min-width: 100%;
      flex: 1;
   }
}
@media (max-width: 700px){
   .o_pobytu_fotky_container{
      flex-direction: column;
   }
}
.o_pobytu_fotky_fotka{
   flex: 1;
   min-height: clamp(300px, 30vh, 400px);
   background-size: cover;
   background-position: 50% 50%;
}

.pobyt-aktuality{
   gap: 20px;
}
.pobyt-obrazek-aktuality{
   max-width: 400px;
   max-height: 400px;
}
.pobyt-obrazek-aktuality-img{
   width: 300px;
   height: 300px;
   border-radius: 50%;
   background-size: cover;
   background-position: 50%;
}
@media (max-width: 800px){
   .pobyt-aktuality{
      flex-direction: column;
   }
   .pobyt-obrazek-aktuality{
      margin: 0.5rem auto!important;

   }
}
.cenik-left-dots{
   max-width: 14vw;
   right: -15px;
   top: 30px!important;
   transform: rotate(15deg);
}
.cenik-container{
   display: flex;
   flex-wrap: wrap;
   gap: 15px;
   justify-content: center;
   margin: 30px 0;
}
.cenik-polozka{
   text-align: center;
   background: #FFFFFF 0% 0% no-repeat padding-box;
   box-shadow: 0px 3px 24px #00000017;
   margin-bottom: 15px;
   min-width: 220px;
}

.cenik-polozka-nazev{
   padding: 20px 5px;
   color: #fff;
   background-color: var(--dark-blue);
}
.cenik-polozka-color-orange{
   color: var(--dark-blue);
   background-color: var(--orange);
}
.cenik-polozka-color-pink{
   background-color: var(--pink);
}
.cenik-polozka-color-light_blue{
   background-color: var(--light-blue);
}

.cenik-polozka-color-dark_blue{
   background-color: var(--dark-blue);
}
.cenik-polozka-cena{
   padding: 15px 5px 0 5px;
   font-size: 35px;
   color: var(--dark-blue);
}
.cenik-polozka-poznamka{
   font-size: 16px;
   padding: 30px;
   color: var(--dark-gray);
}
.cenik-nazev-poznamka{
   color: var(--dark-gray);
}
.cenik-poznamka{
   color: var(--dark-gray);
   text-align: center;
}


/* splide modification */
html .splide__arrow {
   background: none;
   margin-top: 45px;
   padding-top: 25px;
   padding-bottom: 25px;
   width: 20px;
}
html .splide__arrow--prev{
   left: -40px;
}
html .splide__arrow--next{
   right: -40px;
}
html .splide__arrow--prev svg{
   transform: scaleX(1);
}
html .splide__arrow--next svg{
   transform: scaleX(-1);
}
html .splide__arrow{
   scale: 3;
}
html .splide__arrow:hover{
   background: var(--blue);
   opacity: 1;
}
html .splide__arrow--prev:hover{
   border-radius: 10px 0 0 10px;
}
html .splide__arrow--next:hover{
   border-radius: 0 10px 10px 0;
}
html .splide__arrow:hover path{
   stroke: #fff;
}
html .splide__slide{
   cursor: pointer;
}
@media (max-width: 1200px){
   html .splide__arrow--prev{
      left: 20px;
   }
   html .splide__arrow--next{
      right: 20px;
   }
   html .splide__arrow:hover{
      background: none;
      opacity: 1;
   }
   html .splide__arrow--prev:hover{
      border-radius: 0;
   }
   html .splide__arrow path{
      stroke: #fff;
      filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, .7));
   }
}

.slbArrow:before{
   text-indent: 0!important;
   font-size: 50px;
   color: var(--blue);
   border: none!important;
   margin: 0 0 0 -16px!important;
}
.slbContent{
   max-width: calc(100vw - 150px);
}
@media (max-width: 800px){
   .slbContent{
      max-width: calc(100vw - 40px);
   }
}

.prihlasovani-wrapper{
   padding-top: 60px;
   padding-bottom: 90px;
   display: flex;
   flex-direction: column;
   gap: 25px;
}
.prihlasovani-box{
   box-shadow: 0px 3px 47px #00000017;
   background-color: #fff;
}
.prihlasovani-box .prihlasovani-top{
   align-items: end;
   justify-content: space-between;
   gap: 40px;
}
.prihlasovani-box .prihlasovani-nazev{
   font-size: 25px;
}
.prihlasovani-box .prihlasovani-popis{
   color: var(--dark-gray);
   font-size: 16px;
}
.prihlasovani-box .prihlasovani-data > div{
   border-left: 1px solid #EBEBEB;
   padding: 0px 10px 20px 8px;
   margin-top: 20px;
}
.prihlasovani-box .prihlasovani-col-termin{
   flex: 3;
}
.prihlasovani-box .prihlasovani-col-vek{
   flex: 2.5;
}
.prihlasovani-box .prihlasovani-col-cas{
   flex: 3;
}
.prihlasovani-box .prihlasovani-col-cena{
   flex: 2;
}
.prihlasovani-box .prihlasovani-col-pocet_lekci{
   flex: 1;
}

.prihlasovani-box .prihlasovani-col-misto{
   flex: 3;
}
.prihlasovani-box .prihlasovani-col-dni{
   flex: 1;
}
.prihlasovani-box .prihlasovani-col-volno{
   flex: 1.5;
}


.prihlasovani-box .prihlasovani-label{
   white-space: nowrap;
}
@media (max-width: 800px){
   .prihlasovani-box{
      position: relative;
      padding-bottom: 80px !important;
   }
   .prihlasovani-box .prihlasovani-top{
      margin-bottom: 10px;
   }
   .prihlasovani-box .prihlasovani-top .btn{
      position: absolute;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
   }
   .prihlasovani-box .prihlasovani-data{
      flex-direction: column;
      gap: 3px;
   }
   .prihlasovani-box .prihlasovani-col{
      flex: 1;
      display: flex;
   }
   .prihlasovani-box .prihlasovani-label{
      min-width: 100px;
   }
   .prihlasovani-box .prihlasovani-data > div{
      border-left: none;
      padding: 0px;
      margin-top: 0px;
   }
}
.reference-container{
   display: flex;
   gap: 40px;
   flex-direction: column;
}
.reference-container .reference-polozka{
   background-color: #fff;
   border-radius: 30px;
   padding: 40px;
   box-shadow: 0px 3px 47px #00000017;
}
.reference-slider{
   background-color: #fff;
   padding: 50px 20px;
   border-radius: 30px;
}
.reference-polozka{
   padding: 0 60px;
}
@media (max-width: 900px){
   .reference-polozka{
      padding: 0 30px;
   }
}
.reference-foto{
   height: 150px;
   width: 150px;
   background-size: cover;
   border-radius: 50%;
   background-position: 50% 50%;
   margin: 0 auto 20px auto;
}
.reference-reference{
   text-align: center;
}
.reference-jmeno{
   margin-top: 20px;
   font-weight: bold;
   font-size: 20px;
   text-align: center;
   color: var(--dark-blue);
}
.reference-popisek{
   text-align: center;
   color: gray;
}

.aktuality-container{
   display: flex;
   flex-direction: column;
   gap: 60px;
}
.aktuality-polozka{
   gap: 40px;
}
@media (max-width: 600px){
   .aktuality-polozka{
      flex-direction: column;
      gap: 20px;
   }
}
.aktuality-content{
   margin-right: auto;
}
.aktuality-foto{
   background-size: cover;
   height: 200px;
   width: 200px;
   min-width: 200px;
   min-height: 200px;
   border-radius: 50%;
}
.aktuality-datum{
   color: grey;
   font-size: 12px;
}



.blog-container{
   display: flex;
   flex-direction: column;
   gap: 60px;
}
.blog-polozka{
   gap: 40px;
}
@media (max-width: 600px){
   .blog-polozka{
      flex-direction: column;
      gap: 20px;
   }
}
.blog-content{
   margin-right: auto;
}
.blog-foto{
   background-size: cover;
   height: 200px;
   width: 200px;
   min-width: 200px;
   min-height: 200px;
   border-radius: 50%;
   background-position: 50%;
}
.blog-datum{
   color: grey;
   font-size: 12px;
}
.pagination{
   display: flex;
   justify-content: center;
   gap: 10px;
}

.pagination .current{
   height: 40px;
   padding: 0 5px;
   line-height: 40px;
}
.pagination a.page-numbers{
   background-color: #f0f3f4;
   padding: 5px 15px;
   border-radius: 20px;
   min-width: 40px;
   display: inline-block;
   min-height: 40px;
   text-align: center;
   text-decoration: none;
   line-height: 30px;
}
.tagFilter .tagFilterForm{
   display: flex;
	flex-wrap: wrap;
   gap: 20px;
}
.tagFilter label{
   font-family: 'Roboto Condensed';
   box-shadow: 0px 3px 14px #00000029;
   display: inline-flex;
   z-index: 20;
   position: relative;
   background-color: #fff;
   height: 40px;
   border-radius: 15px;
   padding: 5px 20px;
   cursor: pointer;
   line-height: 33px;
}
.tagFilter label:hover{
   box-shadow: 0px 3px 24px #00000029;
}
.tagFilter label input{
   display: none;
}
.tagFilter label:has(input:checked){
   background-color: var(--dark-blue);
   color: #fff;
}

.pobyty-polozka{
   box-shadow: 0px 3px 24px #00000029;
   display: inline-flex;
   z-index: 20;
   position: relative;
   background-color: #fff;
   gap: 20px;
   height: 154px;
   border-radius: 77px;
   margin: 0 20px 30px 0;
   min-width: 460px;
   transition: box-shadow 0.2s;
}
.pobyty-polozka:hover{
   box-shadow: 0px 5px 30px #00000040;
}
@media (max-width: 735px){
   .pobyty-polozka{
      min-width: 400px;
   }
}
.pobyty-photo{
   width: 155px;
   height: 155px;
   background-size: cover;
   background-position: 50% 50%;
   border-radius: 50%;
}
.pobyty-content{
   padding-top: 33px;
   padding-right: 40px;
}
.pobyty-name{
   color: var(--dark-blue);
   font-size: 18px;
   max-width: 245px;
}
.pobyty-date{
   color: var(--dark-gray);
   min-height: 24px;
   font-size: 16px;
}
.pobyty-about-link{
   color: var(--blue);
   transition: font-weight 0.15s ease-in-out;
}
.pobyty-about-link:hover{
   font-weight: bold;
}
.terminy-pobytu-item{
   display: flex;
}
@media (max-width: 600px){
   .terminy-pobytu-item{
      flex-direction: column;
      gap: 0;
      margin-bottom: 20px;
   }
   .terminy-pobytu-termin{
      line-height: 1;
   }
}
.terminy-pobytu-termin{
   min-width: 150px;
   display: inline-block;
   color: var(--dark-blue);
   font-family: 'Roboto';
}
.terminy-pobytu-dots{
   right: -4vw;
   bottom: 110px;
   z-index: 10;
   max-width: 23vw;
}

.acf-map {
   width: 100%;
   /*height: 400px;*/
   height: min(540px, 90vh);
   border: #ccc solid 1px;
   margin: 20px 0;
}
.acf-map .mapMarkerDialog{
   min-width: 250px;
}

/* Fixes potential theme css conflict.*/
.acf-map img {
   max-width: inherit !important;
}

.plavacekCounter{
   margin-top: 80px;
   margin-bottom: 50px;
}
.plavacekCounterBox{
   display: flex;
   gap: 40px;
   justify-content: center;
   flex-wrap: wrap;
   max-width: 100vw;
   padding: 40px;
   background-color: var(--white-gray);
}
.plavacekCounter .counterItem{
   white-space: nowrap;
   display: flex;
   flex-direction: column;
   text-align: center;
   margin: 0 10px;
   flex: 1;
}
.plavacekCounter .counterTitle{
   font-size: 20px;
   color: var(--dark-gray);
}
.plavacekCounter .counterValue{
   font-size: 60px;
   font-family: 'Roboto';
}
.plavacekCounter-left-dots{
   max-width: 14vw;
   right: unset;
   left: -155px;
   top: 60px!important;
   transform: rotate(12deg);
}
.plavacekCounter-right-dots{
   right: -170px!important;
   max-width: 17vw;
   top: unset!important;
   bottom: -20px;
}
@media (max-width: 860px){
   .plavacekCounter{
      max-width: 500px;
      margin-left: auto;
      margin-right: auto;
   }
   .plavacekCounter-left-dots{
      left: -60px!important;
   }
   .plavacekCounter-right-dots{
      right: -50px!important;
   }
}

.dropdown-menu:hover{
   display: block!important;
}
.mobile-dropdown-toggle{
   float: right;
   position: absolute;
   top: 0px;
   right: 0px;
   color: var(--dark-blue);
   opacity: 0.8;
   cursor: pointer;
   width: 58px;
   height: 58px;
   line-height: 58px !important;
   text-align: center !important;
   transform: rotate(-90deg);
   transition: all 0.2s;
   font-size: 25px;
}
.mobile-dropdown-toggle.show{
   transform: rotate(0deg);
}
.mobile-dropdown-toggle:hover{
   opacity: 1;
}
.mobile-dropdown-toggle::after{
  display: none!important;
}
.site-header.hideNavbar{
   transform: translateY(-110px);
}
@media (max-width: 1199px){
   body{
      padding-top: 110px; /* for menu */
   }
   .site-header{
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 99999;
      transition: transform 0.2s;
   }
   #nav-main{
      padding: 0 0 0 1.5rem!important;
   }
   #nav-main .container{
      max-height: 110px;
      padding: 0;
   }
   #nav-main .desktop-dropdown-toggle::after{
     display: none!important;
   }
   #nav-main .dropdown-menu{
      margin-top: 0!important;
   }
   .desktop-dropdown-toggle{
      padding-right: 35px;
   }
}
@media (min-width: 1200px){
   #nav-main{
      padding: 0 1.5rem 1.5rem!important;
   }
   .mobile-dropdown-toggle{
      display: none!important;
   }
   .navbar-nav .dropdown-menu li a{
      padding: 4px 20px;
   }
}
@media (min-width: 1200px){
   .nav-link.desktop-dropdown-toggle:hover ~ .dropdown-menu{
      display: block!important;
   }
}
.depth_1 > li > a{
   padding-left: 50px!important;
}
@media (max-width: 1199px){
   .depth_0 > li > a{
      padding-left: 40px!important;
   }
   .depth_1 > li > a{
      padding-left: 60px!important;
   }
}
#nav-main .desktop-dropdown-toggle:has(+ .show) {
   background-color: var(--dark-blue);!important;
   color: #fff!important;
}
#nav-main .mobile-dropdown-toggle.show::before{
   color: #fff!important;
}

.backgroundVideoContainer{
   position: relative;
   overflow: hidden;
   background-size: cover !important;
   height: auto;
   padding-top: 30%;
   width: 100%;
   max-width: 100vw;
}
@media (max-width: 1050px){
   .backgroundVideoContainer{
      padding-top: 40%;
   }
}
@media (max-width: 800px){
   .backgroundVideoContainer{
      padding-top: 50%;
   }
}
@media (max-width: 600px){
   .backgroundVideoContainer{
      padding-top: 60%;
   }
}

.backgroundVideo{
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   overflow: hidden;
}
.backgroundOverlay{
   /* prevent clicks on video  */
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
}
.backgroundVideoIframe{
   position: absolute;
   top: 50%;
   left: 50%;
   width: 100%;
   height: 100%;
   margin-left: -50%;
   margin-top: -50%;
}


.navigation-chip{
   box-shadow: 0px 3px 10px #00000029;
   display: inline-flex;
   z-index: 20;
   position: relative;
   background-color: #fff;
   height: 30px;
   border-radius: 15px;
   margin: 0 10px 15px 0;
   align-items: center;
   padding: 7px 15px;
   font-size: 15px;
}
.navigation-chip a{
   text-decoration: none;
}

@media screen and (max-width: 1200px){
	.slbWrap{
		top: 100px;
	}
}


/*  WORDPRESS modifications */
body .wp-block-media-text{
   gap: 40px;
}

body .wp-block-media-text>.wp-block-media-text__content{
   padding: 0;
}

.tabulkaCenik td:last-child{
	white-space:nowrap;
}
@media screen and (max-width: 782px){
.reorderColumnsOnMobile{
	 flex-direction: column-reverse;
}	
}