/*header,footer,main{border: 1px dotted #ff787844}
.container{border:1px dotted #8778ff44}
.row{border:1px dashed #77e28f44}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto
{border:1px dashed #77778f44}*/

/* OBECNE */
img,svg{max-width:100%;height:auto}

input[type="date"]
{
    display:block;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    min-height: 1.2em;
	min-width:95%;
}

p:last-child,ul:last-child,ol:last-child,table:last-child,.form-group:last-child{margin-bottom:0}
.ende{font-style:italic}
label{font-weight: bold}
#otabore p{text-align:justify}

/* PÍSMA */
body{font-family:Comfortaa, sans-serif;font-size:16px;}

h1,h2,h3,h4,h5,h6,#header{font-family: Galindo,Impact, Charcoal, serif;}
h1{font-size:46px}
h2{font-size:36px}
h3{font-size:24px}
footer{font-size: 16px}

#fotky h3{font-size: 2em}

body{
/* původní Květákovo background-color: #fffdc8;  */
/* PŘIDAL FIDEL */
background-color: #F7F2D5;
/*background-repeat:no-repeat; background-image: url("../../foto/tabor_bg12.jpg");*/
/*background-attachment:fixed; */
background-size:100%;
background-position:center top;
/* KONEC PŘIDAL FIDEL */
}
body,#header a,#header a:hover{color: #462b20;text-decoration: none}

/* MEZERY */

article.clanek{margin-top:0px;margin-bottom:30px}
main{padding:15px 0px 30px 0px}
h2{padding: 0px 0px 15px 0px}
h3{padding: 15px 0px 15px 0px}


/* ODKAZY */
a,a:hover,p.prihlasit{color: #db291e;}
a{text-decoration: none;}
a:hover{text-decoration:underline;}
a.logo{position: absolute}
a.termin,a.termin:hover{text-decoration: none;color:#462b20;display:block}
a.termin:hover .textura1{background: url(../grafika/footer-text.png), linear-gradient(#fff2b1,#fff2b1);border-color:#fff2b2;}
a.termin:hover .textura2{background: url(../grafika/footer-text.png), linear-gradient(#fff2b1,#fff2b1);border-color:#fff2b2;}

a.termin:hover p.prihlasit{text-decoration:underline;}
#backtotop{position: fixed;bottom: 0px;right: 15px;font-size: 40px;display: none;}

.btn-mex{background-color:#462b20;color:#fffdc8}
.btn-mex:hover{background-color:#7d4d39}

.mapa svg .hranice{stroke: #db291e;}
.mapa:hover svg .hranice{stroke-opacity: 255;}


/* HLAVICKA */
h1{text-align: right;margin-top: 10px;z-index:105;position: relative;}
#main-navbar ul{font-size: 13px; margin-left:auto}
#main-navbar .nav-link i{font-size:25px;display:block;margin-bottom:5px}
header .container .row{position:relative}
header .active{color:#db291e!important;}


#main-navbar .nav-link{padding: 0px 5px}
.mapa svg, .mapa img{width:150px}
#kontakty .mapa svg, #kontakty .mapa img{width:310px}
#footer .mapa svg, #footer .mapa img{width:177px}
.logo svg, .logo img{width:200px;}
.logo{z-index:120;}
header{height: 230px;padding:15px 0px}
#header a:hover img.logo{animation:spinlogo 1s;}
@keyframes spinlogo { 60% { transform:rotate(-15deg); } 100% {transform:rotate(0deg);} }
#main-navbar a{text-align: center;padding:5px!important;border-radius: 5px;}
#main-navbar a:hover:not(.mapa){background-color: #ffee9b;background-image: url(../grafika/footer-text.png);}
#main-navbar a:hover i{animation: spinlogo 1s}

#animace .container{
	background-image: url('../grafika/noc.jpg?ver=1.2');
background-image: url('../grafika/den.jpg?ver=1.2');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin-top:-70px;
margin-bottom:0px;
height: 500px;
overflow:hidden;
}


#animace{margin-bottom:-50px}

/* PATICKA */

footer{padding:30px 0px 45px 0px;margin-top:30px}
.textura1{background: url(../grafika/footer-text.png), linear-gradient(#ffee9b,#ffee9b);border:1px solid #efe5b2}
.textura2{background: url(../grafika/footer-text.png), linear-gradient(#fed31e,#ffee9b);border:1px solid #efe5b2}
.flogo{width:230px}
ul.nolist{list-style-type: none;padding:0;}
ul.mapawebu{list-style-type: none;text-align:left;padding-left:0}
ul.mapawebu>li i{width:20px;text-align:center;margin-right:5px}
ul.mapawebu ul li{list-style-type: dot;margin-left: 20px}

article.faq{margin-bottom: 30px;}
article.faq p.q{font-size:1.2em;font-weight:bold}
.foto-tabor{margin-top:15px;margin-bottom:15px}
.mex-shadow{box-shadow: 1px 2px 4px rgba(0, 0, 0, .2);}
.picik_wrapper{background-color:#000}

.termin,img,.picik_wrapper,.picik_wrapper>a{border-radius:5px;}
#program td{vertical-align: middle}

a .hover{width:100%;height:100%;color:#fff;text-align: center;font-size:25px;opacity:0;border-radius:5px;}
a:hover .hover{background-color:#000000a0;color:#ffffff;text-decoration:none!important;opacity:1;}
#fotky a.blur .hover{background-color:#00000070;opacity:1}
#fotky a.blur:hover .hover{background-color:#000000a0;color:#ffffff;text-decoration:none}
#fotky a.blur:hover{text-decoration: none}

.kec{padding-top:30px;padding-bottom: 15px;border-bottom: 1px solid #f3e7ab;font-size:16px}

p.rekec a{font-size: 0.9em;margin-top:15px;}

p.hlavicka span{padding-right:5px;padding-top:15px}
.rekec{padding-left:50px;}
.hlavarna{color:#db291e}
.kec p:last-child, .kec p{margin-bottom:10px;}
p.hlavicka{font-size: 0.9em;margin-bottom:3px;border-radius:5px}
.oznameni time,.clanek time{padding-right:5px}
#oznameni .textura1{border-radius: 5px}

.row-flex {
  display: flex;
  flex-wrap: wrap;
}

.kestazeni i.fas{display:block;font-size:50px;margin-bottom:15px}

/* MOBILY */

@media (min-width: 992px) and (max-width: 1199.98px) {
#main-navbar a{font-size:0.8em!important}

}

@media (max-width: 991.98px) {
header nav{padding:0!important}
#main-navbar{background-color: #ffee9b;z-index:100;padding:30px 15px;border-radius: 5px}
h1{font-size:36px}
  .logo img,.logo svg{width:140px}
#animace .container{margin-top:-80px;height:360px}
#header{height:150px}
header nav{position: absolute!important;top: 0px}
#header nav ul{margin-top:45px}
div.odpocet{left:80px}
#main-navbar{box-shadow: 2px 3px 4px rgba(0, 0, 0, .5);}
}

@media (max-width: 767.98px) {
  .logo img,.logo svg{width:150px}
#animace .container{margin-top:-30px;margin-bottom:30px;height:330px;width: 100%;max-width: none;background-size:cover;}
div.odpocet{left:95px}
#header{height:150px}


}

@media (max-width: 575.98px) {
#main-navbar{border-radius: 0}
h1{font-size:30px}
.logo img,.logo svg{width:110px}
#animace .container{margin-top:-50px;height:270px;margin-bottom:50px}
div.odpocet{display:none !important}
#header{height:150px}
#header nav{top:-15px;}


}

div.centr {text-align:center; display:block;left:30%;}
span.counter {
border-radius: 8px; 
padding: 2px 5px 2px 5px;}
span#odpocitavani {color:#db291e}

.container2020 {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video2020 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}