:root {

  --akce-part1-label-width: 4em;

}



/*----- css.css START ------*/
/*----- css.css START ------*/
/*----- css.css START ------*/


.obsah p {
  font-size: 1.2em;
  margin-bottom: 0.5em;
}










* { box-sizing: border-box; }
* html,body {margin:0;padding:0;min-height:100%;}
html {
  overflow-y: scroll;
  
}
body {
  font-family:"Titillium Web",sans-serif;
  min-height: 100%;
  margin-bottom: -2.5rem; 
display: flex;
flex-direction: column;  
  background:#f6f6f6;
}





.grid {
  background: #fff;
  margin-top: 0px; /* 130px */
  z-index: 1;
}

.grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid-item,
.grid-sizer {
  width: 20%;
}

.grid-item:after,
.grid-sizer:after {
  content: '';
  display: block;
}

.grid-item:after {
    padding-bottom:100%;
}


.grid-item {
  position:relative;
  float: left;
  color:#fff;
}
/*.grid-item--width2 { width: 40%; }
.grid-item--width2 .fp > span {font-size:1.4em}
.grid-item--width2 .fz {font-size:1.7em}*/
.grid-item--width2 { width: 33%; }
.grid-item--width2 .fp > span {font-size:1.1em}
/*.grid-item--width2 .fz {font-size:1.5em}
.grid-item--width3 .fz {font-size:1.4em}*/
.grid-item--width3 { width: 40%;}
.grid-item--width3:after {padding-bottom:50%}
.grid-item--width4 { width: 20%;}
.grid-item--width4:after {padding-bottom:200%}

.f {
position: absolute;
bottom: 0;
right: 0;
padding:0 5px;
line-height:1.1em;
-webkit-perspective: 1000;
perspective: 1000px;
z-index:3;
padding:0;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition:background-position 0.5s;
transition:background-position 0.5s;
}
body,td,th {
color: #333;
}
body.template_14 {
background-color: #fff;
}
.template_14 body, .template_14 td, .template_14 th {
color: #CCC;
}

.f.hover,.f:hover {z-index:4;}

.f[ontouchstart]:hover .fp, .f.hover .fp {
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);transform: rotateY(180deg);
z-index:10;
}
.f[ontouchstart]:hover .fz, .f.hover .fz {
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);transform: rotateY(0deg);
z-index:11;
}

/*POZOR, zmeneno kvuli rychlosti nacitani gridu*/
.f img {width:100%;opacity:1 !important}
#detail img {opacity:0}
#bigimg,#bigimgcover {position:fixed;object-fit:cover;height:100%;width:100%;top:0;left:0}
#bigimgcover {background:rgba(0,0,0,.3);content:"";display:block;}
#detail {text-align:center;padding-top:2em;font-size:1em;padding-bottom:2em;}
#detail .popis {font-size:1.2em;}
#detail::before {background-position:center 0;background-size:50px auto;background-repeat:no-repeat;padding-top:40px;padding-bottom:5px;display:block;position:absolute;top:0;left:50%;margin-left:-50px;width:70px;content:attr(data-typ);z-index:2;}
#detailbox {background:rgba(0,0,0,.4);position:relative;z-index:0;width:80vw;max-width:600px;margin:0em auto;padding:5em 0.5em 1em;}
#detailimg {width:100%;}
#detail h1 {padding:0em .5em;font-size:2.5em;line-height:1.2em;}
.nojs .f img,.nojs #detail img {opacity:1}
.nojs #bigimg {opacity:.5;}
#detail .datum {border-bottom:1px rgba(255,255,255,.1) solid;margin:0em 0 1em;padding:.0em 0 1em;}
#detail .datum .time {font-weight:normal;font-size:1em;}  
#detail .datum .text {font-weight:normal;font-size:0.8em;}  
#detail .misto {border-top:1px rgba(255,255,255,.1) solid;margin:1em 0;padding:1em 1em 0;}
#detail .misto div {font-size:1.4em;font-weight:bold;}  
#detail .popis {border-top:1px rgba(255,255,255,.1) solid;margin:1em 0;padding:1em 1em 0;}  
.btns {border-top:1px rgba(200,200,200,.1) solid;margin:1em 0 0;padding:1em 0;}
.btns div {background:transparent url(../imgs/kalendarium/ikona.png) center 33% no-repeat;width:25%;display:inline-block;position:relative;}
.btns div span {position:absolute;bottom:5px;width:100%;text-align:center;display:block;left:0;}
.btns div::after {display:block;padding-bottom:100%;content:"";}
.tagy {clear:left;border-top:1px rgba(255,255,255,.1) solid;margin:0em 0;padding:1em 1em 0;}
.tagy a {color:rgba(255,255,255,.5);text-decoration:none;display:inline-block;margin:0 .5em;font-size:.8em;}


.f, .fp, .fz {
width:100%;height:100%;
}

.fp, .fz {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
text-align:left;
line-height:1.4em;
overflow:hidden;
}

.fp {
z-index: 2;
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
background:transparent center center no-repeat;
background-size:contain;
font-size:1.2em;
}

.fp > span {
  bottom:1em;
  left:0;
  position:absolute;
  padding: 0 0.5em 0 0.3em;
}
.minibox .fp > span {
  padding: .8em;
  display: block;
  top: 0;
  left: 0;
  line-height: 1.25em;
  font-weight: bold;
  color: #fff;
}
/*.fp > span:before {position:absolute;content:"";display:block;width:2.95em;height:2.95em;bottom:0em;left:0;background:rgba(0,0,0,.85) none center center no-repeat;background-size:contain}*/
.fp > span > span,.fp span strong {clear:left;float:left;line-height:1.3em}
.fp > span > span {font-size:.9em;}
.fp span span {background:rgba(0,0,0,.6);padding:0em 0 0em .25em;box-shadow:.25em 0 0 rgba(0,0,0,.6 );box-decoration-break: clone;}
.fz > .fz-data {
position: absolute;
top: 0.3em;
width: 100%;
padding: 0 0 0 1em;
box-decoration-break: clone;
}
.fz-data hr{
margin: 0 0.6em 0.4em 0;
border-bottom: 1px solid #dbdbdb;
}

.grid-item .fp, .grid-item .fz, .grid-item .fp > span::before {
background-color:#4c4c4c;
}
.grid-item.tradice .fp,.grid-item.tradice .fz,.grid-item.tradice .fp > span:before {background-color:#96c07e}
.grid-item.výstava .fp,.grid-item.výstava .fz,.grid-item.výstava .fp > span:before {background-color:#96c07e}
.grid-item.koncert .fp,.grid-item.koncert .fz,.grid-item.koncert .fp > span:before {background-color:#cac36f}
.grid-item.divadlo .fp,.grid-item.divadlo .fz,.grid-item.divadlo .fp > span:before {background-color:#d476b0}
.grid-item.kino .fp,.grid-item.kino .fz,.grid-item.kino .fp > span:before {background-color:#d476b0}
.grid-item.tanec .fp,.grid-item.tanec .fz,.grid-item.tanec .fp > span:before {background-color:#b86fca}
.grid-item.akce .fp,.grid-item.akce .fz,.grid-item.akce .fp > span:before {background-color:#6fabca}
.grid-item.jiná .fp,.grid-item.jiná .fz,.grid-item.jiná .fp > span:before {background-color:#6fabca}
.grid-item.vernisáž .fp,.grid-item.vernisáž .fz,.grid-item.vernisáž .fp > span:before {background-color:#c7597b}
.grid-item.pro.děti .fp,.grid-item.pro.děti .fz,.grid-item.pro.děti .fp > span:before {background-color:#8784cc}
.grid-item.přednáška .fp,.grid-item.přednáška .fz,.grid-item.přednáška .fp > span:before {background-color:#6fcab4}
.grid-item.literární .fp,.grid-item.literární .fz,.grid-item.literární .fp > span:before {background-color:#d4a372}
.grid-item.beseda .fp,.grid-item.beseda .fz,.grid-item.beseda .fp > span:before {background-color:#8c9cd7}
.grid-item.festival .fp,.grid-item.festival .fz,.grid-item.festival .fp > span:before {background-color:#d7cc8c}
.grid-item.sport .fp,.grid-item.sport .fz,.grid-item.sport .fp > span:before {background-color:#EDA34E;}
.grid-item.turistika .fp,.grid-item.turistika .fz,.grid-item.turistika .fp > span:before {background-color:#ED694E;} 
.grid-item.film .fp,.grid-item.turistika .fz,.grid-item.turistika .fp > span:before {background-color:#3fabca}
.grid-item.pouť .fp,.grid-item.turistika .fz,.grid-item.turistika .fp > span:before {background-color:#0fabca}

#detail {min-height:95.9vh;color:#fff;}

#typyakce {
position: absolute;
top: 0;
right: -4em;
z-index: 2;
max-width: 150px;
color: #808080;
border-left: 1px solid #ccc;
padding-left: 15px;
overflow: hidden;
padding-bottom: 30px;
}

.akce-detail #detail {
min-height: auto;
width: 70px;
margin-bottom: 5px;
margin-right: 5px;
padding: 0;
float: left;
}


.grid img.typakce {
max-width: 2em;
max-height: 2em;
display: block;
position: absolute;
}
.grid .fp img.typakce {
left: 0;
}
.grid .fz img.typakce {
top: 0;
right: 1em;
left:auto;
}


.container {
position: relative;
}

.typakce {

}

.akce-detail .typakce {
max-width: 70px;
margin-bottom: 5px;
}

.akce-detail #detail::before {position:static; margin-left: 0;}
#detail.výstava,#detail.výstava::before,#detail.výstava .btns div:hover {background-color:#96c07e}
#detail.koncert,#detail.koncert::before,#detail.koncert .btns div:hover {background-color:#cac36f}
#detail.divadlo,#detail.divadlo::before,#detail.divadlo .btns div:hover {background-color:#d476b0}
#detail.kino,#detail.kino::before,#detail.kino .btns div:hover {background-color:#d476b0}
#detail.tanec,#detail.tanec::before,#detail.tanec .btns div:hover {background-color:#b86fca}
#detail.akce,#detail.akce::before,#detail.akce .btns div:hover {background-color:#6fabca}
#detail.jiná,#detail.jiná::before,#detail.jiná .btns div:hover {background-color:#6fabca}
#detail.vernisáž,#detail.vernisáž::before,#detail.vernisáž .btns div:hover {background-color:#c7597b}
#detail.pro.děti,#detail.pro.děti::before,#detail.pro.děti .btns div:hover {background-color:#8784cc}
#detail.přednáška,#detail.přednáška::before,#detail.přednáška .btns div:hover {background-color:#6fcab4}
#detail.literární,#detail.literární::before,#detail.literární .btns div:hover {background-color:#d4a372}
#detail.beseda,#detail.beseda::before,#detail.beseda .btns div:hover {background-color:#8c9cd7}
#detail.festival,#detail.festival::before,#detail.festival .btns div:hover {background-color:#d7cc8c}
#detail.sport,#detail.sport::before,#detail.sport .btns div:hover {background-color:#EDA34E;}
#detail.turistika,#detail.turistika::before,#detail.turistika .btns div:hover {background-color:#ED694E;}
#detail.tradice,#detail.tradice::before,#detail.tradice .btns div:hover {background-color:#96c07e;} 
#detail.film,#detail.film::before,#detail.film .btns div:hover {background-color:#3fabca}
#detail.pouť,#detail.pouť::before,#detail.pouť .btns div:hover {background-color:#0fabca}


#detail.výstava a {color:#96c07e}
#detail.koncert a {color:#cac36f}
#detail.divadlo a {color:#d476b0}
#detail.kino a {color:#d476b0}
#detail.tanec a {color:#b86fca}
#detail.akce a {color:#6fabca}
#detail.jiná a {color:#6fabca}
#detail.vernisáž a {color:#6fabca}
#detail.pro.děti a {color:#6fabca}
#detail.přednáška a {color:#6fabca}
#detail.literární a {color:#6fabca}
#detail.beseda a {color:#6fabca}
#detail.festival a {color:#6fabca}
#detail.sport a {color: #EDA34E;}
#detail.turistika a {color: #ED694E;}
#detail.tradice a {color: #96c07e;}   
#detail.film a {color:#3fabca}
#detail.pouť a {color:#0fabca}

.grid-item.výstava .fp > span:before {background-image:url(../imgs/kalendarium/ikona.png)}
.grid-item.koncert .fp > span:before {background-image:url(../imgs/kalendarium/ikona.png)}
.grid-item.divadlo .fp > span:before {background-image:url(../imgs/kalendarium/ikona.png)}
.grid-item.kino .fp > span:before {background-image:url(../imgs/kalendarium/ikona.png)}
.grid-item.tanec .fp > span:before {background-image:url(../imgs/kalendarium/ikona.png)}
.grid-item.akce .fp > span:before {background-image:url(../imgs/kalendarium/ikona.png)}
.grid-item.jiná .fp > span:before {background-image:url(../imgs/kalendarium/ikona.png)}
.grid-item.vernisáž .fp > span:before {background-image:url(../imgs/kalendarium/ikona.png)}
.grid-item.pro.děti .fp > span:before {background-image:url(../imgs/kalendarium/ikona.png)}
.grid-item.přednáška .fp > span:before {background-image:url(../imgs/kalendarium/ikona.png)}
.grid-item.literární .fp > span:before {background-image:url(../imgs/kalendarium/ikona.png)}
.grid-item.beseda .fp > span:before {background-image:url(../imgs/kalendarium/ikona.png)}
.grid-item.festival .fp > span:before {background-image:url(../imgs/kalendarium/ikona.png)}
.grid-item.sport .fp > span:before {background-image:url(../imgs/kalendarium/ikona.png)}
.grid-item.turistika .fp > span:before {background-image:url(../imgs/kalendarium/ikona.png)}
.grid-item.tradice .fp > span:before {background-image:url(../imgs/kalendarium/ikona.png)}
.grid-item.film .fp > span:before {background-image:url(../imgs/kalendarium/ikona.png)}
.grid-item.pouť .fp > span:before {background-image:url(../imgs/kalendarium/ikona.png)}

#detail.výstava:before {background-image:url(../imgs/kalendarium/ikona.png)}
#detail.koncert:before {background-image:url(../imgs/kalendarium/ikona.png)}
#detail.divadlo:before {background-image:url(../imgs/kalendarium/ikona.png)}
#detail.kino:before {background-image:url(../imgs/kalendarium/ikona.png)}
#detail.tanec:before {background-image:url(../imgs/kalendarium/ikona.png)}
#detail.akce:before {background-image:url(../imgs/kalendarium/ikona.png)}
#detail.jiná:before {background-image:url(../imgs/kalendarium/ikona.png)}
#detail.vernisáž:before {background-image:url(../imgs/kalendarium/ikona.png)}
#detail.pro.děti:before {background-image:url(../imgs/kalendarium/ikona.png)}
#detail.přednáška:before {background-image:url(../imgs/kalendarium/ikona.png)}
#detail.literární:before {background-image:url(../imgs/kalendarium/ikona.png)}
#detail.beseda:before {background-image:url(../imgs/kalendarium/ikona.png)}
#detail.festival:before {background-image:url(../imgs/kalendarium/ikona.png)}
#detail.sport:before {background-image:url(../imgs/kalendarium/ikona.png)}
#detail.turistika:before {background-image:url(../imgs/kalendarium/ikona.png)}
#detail.tradice:before {background-image:url(../imgs/kalendarium/ikona.png)}
#detail.film:before {background-image:url(../imgs/kalendarium/ikona.png)}
#detail.pouť:before {background-image:url(../imgs/kalendarium/ikona.png)}

/*
.grid-item:nth-child(15n+1) .fp {background-color:#96c07e}
.grid-item:nth-child(15n+2) .fp {background-color:#6fbb6f}
.grid-item:nth-child(15n+3) .fp {background-color:#cac36f}
.grid-item:nth-child(15n+4) .fp {background-color:#c79759}
.grid-item:nth-child(15n+5) .fp {background-color:#c7597b}
.grid-item:nth-child(15n+6) .fp {background-color:#c7597b}
.grid-item:nth-child(15n+7) .fp {background-color:#ca6fa9}
.grid-item:nth-child(15n+8) .fp {background-color:#b86fca}
.grid-item:nth-child(15n+9) .fp {background-color:#956fca}
.grid-item:nth-child(15n+10) .fp {background-color:#7e6fca}
.grid-item:nth-child(15n+11) .fp {background-color:#6f8dca}
.grid-item:nth-child(15n+12) .fp {background-color:#6fabca}
.grid-item:nth-child(15n+13) .fp {background-color:#6fc5ca}
.grid-item:nth-child(15n+14) .fp {background-color:#6fcab3}
.grid-item:nth-child(15n+15) .fp {background-color:#6fca8b}
*/
.grid > div > a {color:#fff}
.fz {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
transform: rotateY(-180deg);  
text-align:left;
font-size:1.2em;

}
.fz::before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.05)}
.fz > .p {display:block;margin:.5em;}
.fz .fz-data .p {display:block; margin:0; font-size: 0.8em; line-height: 1.3em; padding: 0 1em 0 0;}
.fz .nazev {/* margin: .5em .5em 0; */; font-weight:700;font-size:1em;padding:.2em 0;display:block;}
.fz .nazev_doplnek {/* margin: .5em .5em 0; */; font-weight:700;font-size:1em;padding:.2em 0;display:block; }
.fz.noperex .nazev {padding-top:30%;text-align:center;font-size:1.6em;}
.fz .nazev::after {text-align:right;content:attr(data-more);padding:1.5em .4em .2em;font-size:.75em;position:absolute;bottom:0;left:0;width:100%;color:#ccc;margin-top:2em;display:block;font-weight:300;} 
.fz .cas,.fz .misto {/* padding: 0 0.75em 0 */ ;position: relative;font-size: 0.85em;}
.fz .cas {top: 0.3em; max-width: 70%; display: block;}
.fz .fz-imgakce {filter: blur(10px) brightness(30%);}
.fz .misto {top:-.2em;}
.grid-item.výstava .fz > .nazev::after {background:linear-gradient(to bottom,rgba(150,192,126,0) 0%, #96c07e 70%)}
.grid-item.koncert .fz > .nazev::after {background:linear-gradient(to bottom,rgba(202,195,111,0) 0%, #cac36f 70%)}
.grid-item.divadlo .fz > .nazev::after {background:linear-gradient(to bottom,rgba(199,89,123,0) 0%, #c7597b 70%)}
.grid-item.kino .fz > .nazev::after {background:linear-gradient(to bottom,rgba(199,89,123,0) 0%, #c7597b 70%)}
.grid-item.tanec .fz > .nazev::after {background:linear-gradient(to bottom,rgba(184,111,202,0) 0%, #b86fca 70%)}
.grid-item.akce .fz > .nazev::after {background:linear-gradient(to bottom,rgba(111,171,202,0) 0%, #6fabca 70%)}
.grid-item.pouť .fz > .nazev::after {background:linear-gradient(to bottom,rgba(11,171,202,0) 0%, #0fabca 70%)}
.grid-item.film .fz > .nazev::after {background:linear-gradient(to bottom,rgba(51,171,202,0) 0%, #3fabca 70%)}

.grid-item.vernisáž .fz > .nazev::after {background:linear-gradient(to bottom,rgba(199,89,123,0) 0%, #c7597b 70%)}
.grid-item.pro.děti .fz > .nazev::after {background:linear-gradient(to bottom,rgba(135,132,204,0) 0%, #8784cc 70%)}
.grid-item.přednáška .fz > .nazev::after {background:linear-gradient(to bottom,rgba(111,202,180,0) 0%, #6fcab4 70%)}
.grid-item.literární .fz > .nazev::after {background:linear-gradient(to bottom,rgba(212,163,114,0) 0%, #d4a372 70%)}
.grid-item.beseda .fz > .nazev::after {background:linear-gradient(to bottom,rgba(140,156,215,0) 0%, #8c9cd7 70%)}
.grid-item.festival .fz > .nazev::after {background:linear-gradient(to bottom,rgba(215,204,140,0) 0%, #d7cc8c 70%)}
.grid-item.sport .fz > .nazev::after {background:linear-gradient(to bottom,rgba(230,160,70,0) 0%, #EDA34E 70%)}
.grid-item.turistika .fz > .nazev::after {background:linear-gradient(to bottom,rgba(230,100,70,0) 0%, #ED694E 70%)}
.grid-item.tradice .fz > .nazev::after {background:linear-gradient(to bottom,rgba(150,200,110) 0%, #96c07e 70%)}
.grid-item.film .fz > .nazev::film {background:linear-gradient(to bottom,rgba(51,171,202,0) 0%, #3fabca 70%)}
.grid-item.pouť .fz > .nazev::pouť {background:linear-gradient(to bottom,rgba(11,171,202,0) 0%, #0fabca 70%)}

#headerdetail {display:none;position:fixed;color:#fff;background:none;font-size:.6em;z-index:4}
#form {padding:1em;}
h1 {/*padding:1em 1em 0;margin:0;font-size:2em;*/}
.panel {width:40%;float:left;text-align:center;display:inline-block;}
#eventsFilterModal .btn {cursor:pointer;background:#cbcbcb;display:inline-block;padding:.5em 1em;color: #333333;text-decoration: none;}
.btn-primary {background-color: transparent;}
.btn.výstava:hover {background:#96c07e}
.btn.koncert:hover {background:#cac36f}
.btn.akce:hover {background:#6fabca}
.btn:hover {color:#c8c8c8;background:#000}
.clear {clear:both;}

input[type="text"] {
  border: 1px #5a5656 solid;
  border-radius: 0.2em !important;
  padding: 0 0.3em;
  background: #fff;
  font-size: 1.2em;  
  color: #0070b6;  
}


.home-panel-left .list {display:block;margin-top: 0px; /* 130px */ width: 100%;}


.list img {
  width:70px;
}

.list > div {display: flex; border-bottom:1px solid #ccc;}
.list > div {color:#000;background:#fff}
.list > div a {color:#000;text-decoration:none}
/*.list > div:nth-child(2n) {color:#000;background:#efefef}
.list > div:nth-child(2n) a {color:#000;text-decoration:none}
.list > div:nth-child(2n+1) {color:#fff;background:#505050}
.list > div:nth-child(2n+1) a {color:#fff;text-decoration:none}
.list > div > div {display:table-cell;vertical-align:middle;}
.list > div > div:nth-child(1) {width:1em;text-align:left}*/

.list .list-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size:1.1em;
  font-weight:700;
}

.list .misto {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  margin: 0 0 0.2em;
  opacity:.5;
  position:relative;
}


.list .list-data{
display:grid;
}
.list .p {padding:.5em 1em .5em 1em; position: relative;}
@media screen and (max-width: 767.98px) {
.list .list-info{
display:none;
}
}
.list .p img.typakce {
  position: absolute;
  max-width: 5vw;
  top: 0;
  right: 3em;
}

.list .p.datum {
  padding: .2em 0 0;
  font-size: 1em;
}

.list .p.kal-first-col {padding:.5em 3em .5em 3em;}



.info {
margin-top: 0px; /* 130px */
color: #000;
background: #f8f8f8;
}
.info > div {
background: #f8f8f8;
padding-left: 2em;
border-bottom: 1px solid #a6a6a66b;
padding: 0.5em 2em;
width: 95%;
margin: 0 auto;
}

.info .nazev a {
  /* font-size: 1.5em; */
  color: #000;
}

.info .misto {
font-size: 1em;
margin-top: .25em;
font-weight: normal;
color: #6d6d6d;
}

.info .poradatel-name, .info .url-indefinite, .info .url-indefinite a{
  color: #6d6d6d;
}

.info .info-spacer{
height:1px!important;
}

.misto .poradatel-link.out {
  color: #6d6d6d;
}

.infolink {
display: inline-block;
padding-left: 10px;
padding-right: 10px;
text-decoration: underline;
}

.datum div {
font-weight: 400;
font-size: 1.5em;
color: #333;
}
.datum div.text {
font-size: 1.0em;
}
.datum div .orient_date_note {
font-size: 0.8em;
font-style: italic;
text-transform: lowercase;
}


div.misto {
font-weight: bold;
font-size: 1.5em;
color: #333;
}

div.misto #show-on-map {
padding-left: 5px;
font-weight: normal;
font-size: 0.8em;
color: #337ab7;
cursor: pointer;
text-decoration: underline;
}
.show-on-map-space {
padding-left: 5px;
font-weight: normal;
}

/*div.misto #show-on-map:hover,  div.misto #show-on-map:focus {

}*/


div.poradatel {
font-size: 1.5em;
color: #333;  
}

div.poradatel, div.web-akce, a.vstupenky-url {
margin-bottom: 0.7em;
}

.info div.misto {
margin-bottom: 0px;
}


div.akce-data {
margin-top: 2em;
}

a.externi-link::after {
content: url(data:image/gif;base64,R0lGODlhCgAIAIABACQlI////yH5BAEAAAEALAAAAAAKAAgAAAIRhG8RoL3K3EuSUWcRerJFfRQAOw==);
position: relative;
top: -6px;
left: 2px;
}
div.poradatel-web {
margin-bottom: 10px;
}
div.poradatel-web a {
color: #0069b4;
text-decoration: underline;
font-size: 1.5em;
}
a.vstupenky-url {
display: block;
margin-top: 0.5em;
}
a.vstupenky-url, div.web-akce a {
font-size: 1.2em;
}
.link {display:block;font-weight:700;font-size:1.2em;}




.list div.výstava strong,.list div.výstava .link {color:#96c07e}
.list div.koncert strong,.list div.koncert .link {color:#cac36f}
.list div.kino strong,.list div.kino .link {color:#c7597b}
.list div.tanec strong,.list div.tanec .link {color:#b86fca}
.list div.akce strong,.list div.akce .link {color:#6fabca}



/*Prilohy*/

@media screen and (min-width: 768px) {
  .prilohy {
    margin-right: 2em;
  }
}

/* starý kód z původního kalendária  */ 
/*
.file-attachment {
margin-top: 1.5em;
margin-bottom: 0.5em;
}

.row-attach {
margin-bottom: 0.75em;
}

.file-attachment .attach-icon {
text-align: right;
}

.file-attachment .attach-descr {
word-wrap: break-word;
}
.file-attachment .attach-descr a {
margin-left: 0.5em;
}

.file-attachment .attach-descr span.attach-ext {
font-size: 1.1em;
position: relative;
left: 7px;
color: #333;
}

.file-attachment img {
width: auto;
height: 3em;
}



@media screen and (max-width:600px) {
.file-attachment a span {
padding-left: 7px;

}  
} 


@media screen and (max-width:480px) {
.file-attachment img {
 height: 2.5em;
}
}

@media screen and (min-width:992px) {
.file-attachment .attach-icon a {
position: relative;

}
}


@media screen and (max-width:767.98px) {
.file-attachment .attach-icon {
text-align: left;
}

.file-attachment .attach-icon a {
position: relative;
}

.row-attach {
margin-bottom: 1em;
}
}


*/




#events-sel {
padding: 0;
height: 18em;
}
#events-sel option {
padding-left: 1em;
}
.modal-header .close {
font-size: 2.5em;
}




@media screen and (max-width:1300px) {
.akce-detail #main h1.nadpis {
left: 100px;
}

#typyakce {
  right: 0 !important;
}

.foto-vpravo.foto-vetsi .fotogalerie div.foto,.foto-vlevo.foto-vetsi .fotogalerie div.foto,
.foto-vpravo.foto-vetsi .fotogalerie div.rect-foto,.foto-vlevo.foto-vetsi .fotogalerie div.rect-foto {
    width:16vw !important;
}
}

@media screen and (max-width:1370px) {
.akce-detail #main h1.nadpis {
left: 70px;
}
}
/*@media screen and (max-width:1000px) {*/
@media screen and (max-width:1200px) {
.list div strong {font-size:1.8em;}
.grid {/*font-size:.8em;*/ background: #fff; margin-top: 0px; /* 130px */}
.grid-item,.grid-sizer {width:25%;}
.grid-item--width2 {width: 50%;}
.grid-item--width3 {width: 50%;}
.grid-item--width4 {width: 25%;}
}


@media screen and (max-width:767.98px) {
.panel {width:50%;}
.grid-item,.grid-sizer {width:33.333%;}
.grid-item--width2 {width: 66.666%;}
.grid-item--width3 {width: 66.666%;}
.grid-item--width4 {width: 33.333%;}
}
@media screen and (max-width:600px) {
.fotogalerie div.foto {width:32%; /*width: 32.8%*/}
.panel {width:100%;margin:.5em 0}
.grid {font-size:1em}
.grid-item,.grid-sizer {width: 50%;}
.grid-item--width2 {width: 100%;}
.fp > span,.fz { /*font-size:3vw;*/ }
.minibox .fp > span, .minibox .fz > span {font-size:0.8em;}
.grid-item--width2 .fp > span,.grid-item--width2 .fz { /*font-size:3vw;*/ }
.grid-item--width3 {width: 100%;}
.grid-item--width3 .fp > span,.grid-item--width3 .fz { /*font-size:3vw;*/ }
.grid-item--width4 {width: 50%;}
.list div strong {font-size:1.4em;}
#detail {font-size:1em;}
.btns div {width:49%}

.akce-detail #typyakce {
position: static !important;
border-left: 0 !important;
padding-left: 0 !important;
}
}


@media screen and (max-width:480px) {
.grid-item {width:100%;}
.fotogalerie div.foto {width:45%; /*width:49%;*/}
.foto-vlevo .fotogalerie div.foto,.foto-vpravo .fotogalerie div.foto {width:100%}
}

.back-container
{
background: rgba(0,0,0,.4);
position: relative;
width: 80vw;
max-width: 600px;
margin: 0.5em auto 0em auto;
padding: 1em 0.5em 1em;
transition: background .3s;
}            

.back-container:hover{
background: rgba(0,0,0,.6);
transition: background .3s;
}

.back{
 text-decoration: none !important;
 font-size: 1.3em;
}
.back:hover, .back:focus {
text-decoration: underline !important;
}

.poradatel-link{
text-decoration: underline !important;
}

.poradatel-link:hover{
text-decoration: none !important;
}


.template_14 .kalendarium-logo-box {
  margin-left:2.5em;
}

.kalendarium-text{
opacity:0.8;
}


footer{
width: 100%;
background: #333;
color: #aaa;
padding-top: 10px;
clear:both;
margin-top: auto;
}

.footer-right, .footer-left{
position: relative;
margin-top: 0.3rem;
}

.footer-right{
float: right;
margin-right: 1rem;
        
}

.footer-left{
float: left;
margin-left: 1rem;
}

footer a {color: #aaa;}
footer a:visited {color:#aaa;}
footer a:hover {color:white;}

#cookies-nastaveni{
margin-left:10px;
}

#przv {
  background:#e1e1e1;
  text-align:center;
  padding:0% 3%;
  color:#333;
  font-size:18px;
  line-height:1.4em;
  position:relative;
  margin-top: 15px;
}
#przv::before {
display:block;
height:4px;
content:"";
position:absolute;
top:0;left:0;width:100%;
background: linear-gradient(to right, rgba(219,0,0,1) 0%,rgba(247,230,0,1) 19%,rgba(0,229,0,1) 38%,rgba(0,193,252,1) 60%,rgba(33,0,252,1) 81%,rgba(233,0,255,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#przv img,#przv p {margin:3% 0;display:inline-block;vertical-align:middle;}
#przv img {margin-right:3%;}

#przv p {display:block;margin-top:0%;padding-left:1%;margin-bottom:1%;}
#przv {text-align:left;}
#przv img,#przv p {margin-top:15px;margin-bottom:15px}
#przv p {display:inline-block;}

@media screen and (max-width: 767.98px) {
#przv {
text-align:center;
font-size:1em;
}
#przv img {
    margin-top: 5px;
    margin-bottom: 0px;
}
#przv p {
    margin-top: 0px;
    margin-bottom: 5px;
}

}
  
.kalendarium-text{
margin-top: -5px;
}

.header-cart, .filter-header-cart {
position: absolute;
top: 4px;
height: 76px;
width: 76px;
text-align: center;
color:  white !important;
border-top: 2px solid #616161;
transition: color 0.3s 0.3s, background 0.3s, border-top 0.3s;
}
.header-cart {
background: #8a8a8a;    
}
.filter-header-cart {
background: #8B8B8B;
}
.filter-header-cart:hover {
background: #c2c2c2;
}

.header-cart-container {
  width: 76px;
  top: 15px;
  right: 50px;
  text-align: center;
  position: fixed;      
  z-index:1000;
}

.header-cart:hover {
  border-top:#c6c6c6 3px solid;
  background:  #e2e2e2;
  color: #3e3e3e !important;
  transition: color 0.3s 0.3s, background 0.3s, border-top 0.3s;
}

.header-active {
  border-top: white 3px solid;
  background: #c1c1c1;
}

.header-cart img, .filter-header-cart img{
width: 62px;
margin: 7px;
}

.header-filter {
right: 160px;
}

.header-grid{
right: 77px;
}

.header-list{
   right: 0px;
}

@media screen and (max-width:600px) {

  .header-cart-container{
  right: 10px;
  }

  .header-cart img, .filter-header-cart img {
  width: 46px;
  margin: 7px;
  }

  .header-grid {
    right: 61px;
  }

  .header-filter {
  right: 122px;
  }


  .header-cart, .filter-header-cart {
  height: 60px;
  width: 60px;
  font-size: 0.8rem;
  }

  .home-above #head h1 > a::before {
    height: 50px !important;
    width: 50px !important;
  }

  .grid, .list{
  margin-top:  0px; /*100px;*/
  z-index: 1;
  }

}

/* MODALNI OKNO FILTR AKCI --- START */

.modal-content {background-color: #d9d9d9;} 

.form-control::placeholder {font-style: italic;} 

#eventsFilterModal .col-sm-1 {
width: 6%;
font-size: 1.3em;
position: relative;
top: 2px;
padding-right: 5px;
}

#eventsFilterModal .col-sm-5 {
width: 44%;    
}
.datepicker table tr td, .datepicker table tr th, #eventsFilterModal {
color: #333;
}

.input-group.date input[type="text"] , .input-group-addon:last-child {
  /* border: 1px solid #ccc ; */
 
}

.input-group-addon {
color: #224529;
}

.modal-header { padding: 15px 15px 3px 15px; }
.modal-footer .btn {
border: 0;
}
#eventsFilterModal .modal-footer .btn.btn-success {
background-color: #62886a;
color: #fff;
padding-left: 4em;
padding-right: 4em;

}
.modal-footer .btn.btn-default {
background-color: #808080;
border: 0; 
color: #fff;
}

#eventsFilterModal .modal-footer{
display:block;
}

#events-filter-link{
float:right;
}

#events-filter-close{
float:left;
}


.input-group.date .input-group-addon {
cursor: default !important;
}

/* MODALNI OKNO FILTR AKCI --- END */



#events-sel {
padding: 0;
}
#events-sel option {
padding-left: 1em;
}

.modal-header .close {
font-size: 2.5em;
position: relative;
top: -10px;
}





.kontrolni-hlaska {
  color: #ff0000;
  /* 
  font-weight: bold; 
  margin-top: 15px;
  position: relative;
  top: 8px;
  */
  font-size: 15px;
}

@media screen and (max-width: 650px)
{
.footer-left, .footer-right {
    float: none;
    text-align: center;
    margin: 0;
}
}

.subtitle{
padding{ 0px;}
}




/*FOTOGALERIE*/
/*Upraveny sirky na line 673 a 676*/


.row-custom-padding {
    padding-left: 5px!important;
    padding-right: 5px!important;
}


.fotogalerie {padding:0.5em 0 0;border-top:1px #e6e6e61a solid;}
.fotogalerie + .prilohy {margin-top:1em;}
.fotogalerie div.foto, .fotogalerie div.rect-foto {margin: 0 5px 5px 0;display:inline-block;text-align:center;}
.foto-vpravo .fotogalerie div.foto, .foto-vlevo .fotogalerie div.rect-foto,
.foto-vlevo .fotogalerie div.foto, .foto-vpravo .fotogalerie div.rect-foto {
margin: 0 0 5px 0;display:block;text-align:left;
}

.fotogalerie div.foto {width:16.2%;position:relative;}
.foto-vetsi .fotogalerie div.foto {width:24.5%;position:relative;}
.fotogalerie div.rect-foto {width:16.08%;position:relative;}
.foto-vetsi .fotogalerie div.rect-foto {width:24.4%;position:relative;}

.fotogalerie div.foto img, .fotogalerie div.rect-foto img {width:100%}
.fotogalerie div.foto div {display:none}
.foto-vpravo .fotogalerie div.foto,.foto-vlevo .fotogalerie div.foto, 
.foto-vpravo .fotogalerie div.rect-foto, .foto-vlevo .fotogalerie div.rect-foto {width:50%}

.foto-vpravo.foto-vetsi .fotogalerie div.foto,.foto-vlevo.foto-vetsi .fotogalerie div.foto,
.foto-vpravo.foto-vetsi .fotogalerie div.rect-foto,.foto-vlevo.foto-vetsi .fotogalerie div.rect-foto {width:70%}

.foto-vlevo:not(.foto-vetsi).foto-vice .fotogalerie div.foto,.foto-vpravo:not(.foto-vetsi).foto-vice .fotogalerie div.foto {width:98%;display:inline-block}
.foto-vpravo .fotogalerie,.foto-vlevo .fotogalerie {padding:0;margin-top:15px;border-top:none;display:flex;} 
.foto-vpravo .fotogalerie div.foto img,.foto-vlevo .fotogalerie div.foto img {width:100%;}

@media screen and (max-width:850px) {
.fotogalerie {/*justify-content:start*/}
.fotogalerie div.foto {/*height:120px;width:24%;margin-bottom:2px;position:relative;overflow:hidden;*/}
.foto-vlevo .fotogalerie div.foto,.foto-vpravo .fotogalerie div.foto {height:100%;width:100%;overflow:visible}
/*  .fotogalerie .foto img {left: 0;min-height: 100%;min-width: 100%;position: absolute;top: 0;}*/
.foto-vlevo .fotogalerie div.foto img,.foto-vpravo .fotogalerie div.foto img {position:static}
}


@media screen and (max-width:1200px) {
  .fotogalerie div.foto {
  width: 16%;
  }

  .foto-vetsi .fotogalerie div.foto {
  width: 24.4%;
  }
  .foto-vpravo.foto-vetsi .fotogalerie div.foto,.foto-vlevo.foto-vetsi .fotogalerie div.foto,
  .foto-vpravo.foto-vetsi .fotogalerie div.rect-foto,.foto-vlevo.foto-vetsi .fotogalerie div.rect-foto {
    width:13vw !important;
  }

  .datumovka, .datum {
      /* font-size: 1em !important; */
  }
  .obsah p {
      font-size: 1.2em !important;
  }
  /*.foto-vpravo.foto-vetsi .fotogalerie div.foto, .foto-vlevo.foto-vetsi .fotogalerie div.foto,
  .foto-vpravo.foto-vetsi .fotogalerie div.rect-foto, .foto-vlevo.foto-vetsi .fotogalerie div.rect-foto {
  width: 50%;
  }*/
}


@media screen and (max-width: 991px) {
.fotogalerie div.foto {
width: 19.2%;
}

.foto-vetsi .fotogalerie div.foto, .foto-vetsi .fotogalerie div.rect-foto {
width: 24.2%;
}

.foto-vpravo .fotogalerie div.foto, .foto-vlevo .fotogalerie div.foto {
width: 31%;
}
.fotogalerie div.rect-foto {
width: 15.7%;
}
.foto-vpravo .fotogalerie div.rect-foto, .foto-vlevo .fotogalerie div.rect-foto {
width: 48%;
}
#typyakce {
  right: -4em !important; 
}
}

@media screen and (max-width: 890px) {
#typyakce {
    right: -1.5em !important; 
    padding-left: 10px !important;
}
}
@media screen and (max-width: 800px) {
#typyakce {
    right: -0.5em !important; 
}
}





@media screen and (max-width: 767.98px) {
  .fotogalerie div.foto, .foto-vetsi .fotogalerie div.foto, .foto-vetsi .fotogalerie div.rect-foto {
  width: 24%;
  }

  .foto-vpravo .fotogalerie div.rect-foto, .foto-vlevo .fotogalerie div.rect-foto {
  width: 32%;
  }
  .datumovka, .datum {
    /* font-size: 0.9em !important; */
  }
  .foto-vpravo.foto-vetsi .fotogalerie div.foto, .foto-vlevo.foto-vetsi .fotogalerie div.foto, .foto-vpravo.foto-vetsi .fotogalerie div.rect-foto, .foto-vlevo.foto-vetsi .fotogalerie div.rect-foto {
  width: 50vw !important;
  }
  .foto-vpravo .fotogalerie div.foto, .foto-vlevo .fotogalerie div.foto, .foto-vpravo .fotogalerie div.rect-foto, .foto-vlevo .fotogalerie div.rect-foto {
  width: 30vw !important;
  }
  #typyakce {
  right: 1.5em !important;
  }

  #eventsFilterModal .col-sm-1 {
      padding-bottom: 5px;
      padding-top: 10px;
  }    
  #eventsFilterModal .col-xs-12 {
    width: 100%;
  }

  .no-results h3 {
    font-size: 16px !important;
  }
}



@media screen and (max-width: 480px) {
.fotogalerie div.foto {
width: 31%;
}

.foto-vetsi .fotogalerie div.foto {
width: 22%;
}

.foto-vetsi .fotogalerie div.rect-foto {
width: 22.8%;
}

.fotogalerie div.rect-foto {
width: 30%;
}

.foto-vpravo .fotogalerie div.rect-foto, .foto-vlevo .fotogalerie div.rect-foto {
width: 48%;
}
}

@media screen and (max-width: 321px) {
.fotogalerie div.foto, .foto-vpravo .fotogalerie div.foto, .foto-vlevo .fotogalerie div.foto {
width: 30%;
}

.foto-vpravo.foto-vetsi .fotogalerie div.foto, .foto-vlevo.foto-vetsi .fotogalerie div.foto {
width: 100%;
}

.foto-vetsi .fotogalerie div.rect-foto {
width: 100%;
}

.foto-vpravo .fotogalerie div.rect-foto, .foto-vlevo .fotogalerie div.rect-foto,
.foto-vpravo.foto-vetsi .fotogalerie div.rect-foto, .foto-vlevo.foto-vetsi .fotogalerie div.rect-foto {
width: 100%;
}

}




/*---- filter ------*/

#allfilters .row {
  background-color: #f7f7f7 ;
}

#allfilters .typy-lokality--filters > .row {
  background-color: #efefef;
}

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

  #allfilters .row , #allfilters .typy-lokality--filters > .row {
    background-color: white;
  }

}



.filter-detail {
  margin: 0 0.5em 0 0;
  font-size: 1.2em;
}

.filter-reset {
  background-color: #454545;
  padding: 0px 7px 3px;
  margin:0 0.5em 4px 0;
}

.filter-default .filter-reset {
  display:none;
}

.filter-vybrane{
display:block;
}

.filter-vybrane-label {
  font-weight: bold;
  color: #777;
  font-size: 1.1em;
  line-height: 1em;
  padding-right: 0.7em;
}

.filter-typ {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width:100%;
display:block;
}

.filter-lokalita {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width:100%;
  display:block; 	
}

/*.home-box-plus{
padding-top:1em;
}*/

/*.home-box .fast-filters{
position:fixed;
top:130px;
z-index:100;
}*/



/*---- gridlist ------*/

@media screen and (min-width: 1200px) {
.gridlist .list a img{
display:none;
}

}

/*
.gridlist .info > div > div{
display:none;
}

.gridlist .info > div > div.cas, .gridlist .info > div > div.nazev{
display:block;
}

.gridlist .info .nazev a{
font-size:1em;
}

.gridlist .info > div{
padding:0.5em;
}
*/

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

    .gridlist .list{
    display:block;
    }

    .gridlist .list .kal-first-col, .gridlist .list p, .gridlist .list .link, .gridlist .list .misto{
    display:none;
    }

    .gridlist .list img{
    display:none;
    }

    .gridlist .list > div{
    display:block;
    padding:0.5em 1em 0 1em;
    }

    .gridlist .list > div > div {
    display:block;
    }

    .gridlist .list > div {
      color: #fff;
      background: #2c2c2c;
    }

    .gridlist .list > div.singleday {
    background: #1e1e1e;
    }

    .gridlist .list > div.multyday{
    /*background: #000;*/
    }

    /*.gridlist .list > div.akce-thisdate{
    border-left:2px solid #FFCC00;
    }*/

    .gridlist .list > div a {
    color:#d4d4d4;
    }

    .gridlist .list div strong {
    font-size: 1.15em;
    line-height: 1em;
    }

    .gridlist .list div .datum {
    font-size: 1em;
    line-height: 1em;
    color:#C5C5C5;
    padding:0 0 0.5em 0;
    }

    .gridlist .list > div > .p {
      padding: 0.3em 0 0.7em 0;
      border-bottom:1px solid #8888884f;
    }

    .wysiwyg {
      margin-right: 2em;
    }

}


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

  .gridlist .grid{
    display:none;
  } 

  .btn-list{
    display:none;
  }

  .btn-gridlist{
    display:none;
  }

  .gridlist .col-xs-12{
    padding-left:0px;
    padding-right:0px;
  }

  .list .p.kal-first-col {
    padding: 0 0 0 1em;
    width: 0;
    margin: 0;
  }

  .list .p img.typakce {
    right: 1em;
  }

  .list .p {
    padding: 0em 0 0 0.5em;
  }

  #main {
    margin-top: 1em !important;
  }


  

}


@media screen and (max-width: 468px) {
  .gridlist .list .datumovka, .datum {
    width: auto!important;
  }  
}


@media screen and (max-width: 991px) {

  .filter-detail, .filter-reset {
  display:block;
  }

}

/*----- css.css KONEC ------*/
/*----- css.css KONEC ------*/
/*----- css.css KONEC ------*/


/*----- logo-css.css START ------*/
/*----- logo-css.css START ------*/
/*----- logo-css.css START ------*/

/* první styl */
    

#above {
pointer-events:none;
width:100%;
background: #eeeaea;
position:relative;
z-index:50;top:0;
}
.sekce_akce #above {
    /*background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.8) 85%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;*/
  padding-bottom: 0.5em;
}

@media screen and (min-width:600px) {
/*.sekce_akce #above.above-plus{
	height: 10em;
}*/
}

#head {pointer-events:auto;color:#333/*hlavickatext*/;background:transparent/*hlavicka*/;text-align:left;
width:auto;
}

#active-filter {
  pointer-events: auto;
  position: relative;
  left: 32vw;
  display: table;
  width: 45vw;
  padding: 30px 0px 20px 15px;
}

#active-filter.turnoff {z-index: 999;}
#active-filter.turnoff #active-filter-info > div > span {
    color: #D0D0D0;
    font-size: 1.65em;
}
#active-filter-img, #active-filter-info {display: table-cell; }
#active-filter-img{width:2.2em;}
#active-filter-img img {width: 3.5em;}
#active-filter-info {vertical-align: top;padding-left: 0.3em;}
#active-filter-info > span {color: #d0d0d0; margin-bottom: .25em; font-size: 1em; position: relative; }
#active-filter-info > span > a {color: #d0d0d0; text-decoration: none; width: fit-content;}
#active-filter-info > div > span {color: #8b8b8b;}
#active-filter span {display: block;}

#active-filter .active-filter-btn {
	display: block;
	background-image: url('../imgs/kalendarium/button-filtr.png');
	background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
	width: 3.5em;
	height: 3.5em;
    /*text-indent: 9999px;*/
    float: right;
  color: #d0d0d0;
  text-decoration: underline;
  padding-top: 3.2em;
  text-align: center;
  font-size: 1.1em;

  position: relative;
  top: -8px;
}

#active-filter .active-filter-btn:hover {
    background-image: url('../imgs/kalendarium/button-filtr-over-active.png');
    background-repeat: no-repeat;
	background-size: contain;
    background-position: 0 0;
    width: 3.5em;
	height: 3.5em;
}

.no-results {
    background: none !important;
    position: relative;
    min-height: 5em;
    display: block !important;
    color: #ccc !important;
    text-align: center;
}
.no-results h3 {font-weight: normal; font-size: 22px;}

.grid {
    min-height: 5em !important;
}

.sekce_ #head {position:relative;top:0px;transition:top .3s;}
.sekce_ #head.showhead {top:0px;}
h1,h2,h3 {font-family:'Titillium Web'/*nadpisyfont*/;font-weight:700;}




hr {border-style:dotted none none;border-color:#ccc;margin:2em 0}

.big {font-size:1.15em;}
.small {font-size:0.9em;}
#head h1 {transition:padding .2s,font-size .2s,height 0.2s;padding:10px 12px 0 0;font-family:'Titillium Web'/*logofont*/;font-size:2em;font-weight: 700;
position:relative;
top:0px;}

.template_14 #head h1{
margin:0.2em;
/*left:-10px;*/
}

.akce-detail #head h1 {
    left: 30px;
}
#head h1 > a {
color:#224529;
text-shadow:unset;
display:inline-block}

.home-above #head h1 > a::before {content:"";display:inline-block;width:60px;height:60px;margin-right:.1em;float:left;background:url("../imgs/kalendarium/logo_2025_kalendarium.webp") no-repeat top left;background-size:contain; margin-top: 4px;}
.akce-detail #head h1 > a {margin-left: .5em;}
.template_14 .home-above #head h1 > a::before {width:76px;height:76px;}
/*#head h1 > a::after {content:"";display:block;top:-210px;height: 200px;border-radius:50%;box-shadow: 0 60px 180px -20px rgba(60, 60, 60, 0.8);position: absolute;width: 100%;z-index: -1}
*/#head h1 > a span {display:inline-block;padding-top:0px}
#head h1 > a span.kalendarium-text {padding-top: 15px;}
#head h1 > a span.subtitle {padding-top:0px; font-style: italic; font-weight: lighter; }
#head.withLangs h1 {padding-top:7px}
#head a {color:#39c/*logo*/;text-decoration:none;}
#head h1 span.subtitle {display:block;font-size:0.6em;}
h1#logo {background:url('../imgs/logo.png') center center no-repeat;background-size:contain;display:inline-block;overflow:hidden;text-indent:-100em;max-width:100%;width:300px/*logowidth*/;height:200px/*logoheight*/}
#start {display:none;min-height:1px;padding:0px;background:transparent;color:#333/*hlavickatext*/;text-align:right;font-size:0.75em;}
#submenu,#menu {pointer-events:auto;background:transparent/*menupozadi*/;color:#fff/*menutext*/;text-align:center;}
.sekce_ #banner + #menu {font-size:1.25em;}
#submenu ul {border-top:1px rgba(255,255,255,0.2) solid}
#submenu ul:first-child {border-top:none}
#menu ul,#submenu ul {margin:0;padding:0}
#menu nav {position:fixed;top:1em;right:0em;}
#menu ul li,#submenu ul li {position:relative;list-style-type:none}
#menu ul li {display:block}
#menu nav > ul > li {height:100px;width:100px;vertical-align:top;}
#menu ul li a,#submenu ul li a {padding:0.4em .8em;font-size:.9em;}
#menu ul li a {display:block}
#menu nav > ul > li  {display:table-cell;vertical-align:middle;}
#menu nav > ul > li > a {font-weight:700;padding:0.2em .8em 0.2em;font-size:.8em;display:table-cell;height:100px;width:100px;vertical-align:middle;}
#menu ul li a,#submenu ul li a {color:#fff/*menutext*/;text-decoration:none;font-weight:normal}
#menu ul ul {display:none}

#menu nav ul > li.curparent > a,#menu nav ul > li.current > a {}
#menu nav > ul > li.curparent > a,#menu nav > ul > li.current > a {background:none}
nav > ul > li:hover > a::before,nav > ul > li:hover > a::before {display: block;position: absolute;bottom: 100px;left: 0;width: 100%;height: 5px;background: #fff;content: "";opacity:.25}
nav > ul > li.current > a::before,nav > ul > li.curparent > a::before {display: block;position: absolute;bottom: 100px;left: 0;width: 100%;height: 5px;background: #fff;content: "";opacity:.65 !important}

#menu nav ul ul > li.current > a {color:#0069b4/*odkaz*/;background:rgba(0,100,200,.05)}
#menu li:hover > ul,#menu li.hover > ul {display:block;position:absolute;background:#fff;border:1px #fff solid;z-index:999;min-width:200px;max-height:75vh;overflow-y:auto;}
#menu li:last-child:hover > ul, #menu li.hover:last-child > ul {right: 0;left: auto;}
#menu nav > ul li:hover > ul,#menu nav > ul li.hover > ul {border-left:1px #fff solid;top:-1px;box-shadow:0 0 10px rgba(0,0,0,0.1)}
#menu nav > ul > li:empty {display:none !important}
#submenu ul > li.current a,#submenu ul > li.curparent a {background:rgba(255,255,255,0.15)}
#menu nav ul > li.more::after {content:"\203a";font-weight:100;font-size:1em;display:inline-block;position:absolute;top:0em;right:8px;color:rgba(0,0,0,.35);}

#menu nav > ul > li.more::after {display:none}
#menu nav > ul > li:hover > ul,#menu nav > ul > li.hover > ul {margin-left:-100px;left:50%;top:100%;}
#menu nav > ul li.more:hover::before,#menu nav > ul li.more.hover::before {border:1px #f0f0f0 solid;border-width:0 0 1px 1px;content:"";width:10px;height:10px;background:#fff;position:absolute;left:-7px;top:5px;border-radius:0 100% 0 0;transform:rotate(45deg);z-index:1000}
#menu nav > ul > li.more:hover::before,#menu nav > ul > li.more.hover::before {border-width:0;border-radius:0 0 100% 0;top:95px;left:50%;margin-left:-5px;}

#menu li:hover > ul ul,#menu li.hover > ul ul {left:100%;top:0;}
#menu li:hover ul a,#menu li.hover ul a {color:#333;display:block;padding:0.2em;}
#menu li:hover ul li:hover > a,#menu li:hover ul li.hover > a {color:#0069b4/*odkaz*/;background:rgba(0,100,200,0.05)}

#submenu > div {background:rgba(255,255,255,.25);}
#submenu ul li {padding-top:4px;}
#submenu ul li > a {padding-top:4px;}
#submenu ul li,#submenu ul li a {display:inline-block;font-weight:300;}
#submenu ul li a {margin:0 1px 0 0}
#submenu li.more > a {padding-right:1.1em;}
#submenu li.more::after,#menu nav > ul > li.more::after {content:"\2ef";font-weight:100;font-size:1.4em;display:none;position:absolute;top:-0.5em;right:.2em;color:rgba(255,255,255,.35);}
#submenu li.more::after {top:-0.4em}
#submenu li.more:hover::after,#menu nav > ul > li.more:hover::after,#submenu li.more.hover::after,#menu nav > ul > li.more.hover::after {color:#fff}
#menu nav > ul > li.more:hover::after,#menu nav > ul > li.more.hover::after {display:none !important}

.logo-fp .mapa {position:absolute;font-size:.7em;font-weight:700;color:#fff;top:.4em;right:.4em;background:url(../imgs/markerh.png) no-repeat center center;background-size:contain;width:39px;height:55px;text-align:center;padding-top:1px}

.nahled {background-size:contain;background-position:top right;background-repeat:no-repeat}
img.nahled {width:100%;margin-top:0.5em}
.newsBox div.nahled {background-color:rgba(0,0,0,0.05);height: 100px;margin-bottom: 1em;}

/* starý kód z původního kalendária  */
/* 
.prilohy {padding:.5em 0; font-size: 1em;}
.prilohy::before {
    content:"";
    border-top: 1px solid #ddd;
    display: block;
    width: 60%;
}
.prilohy h4 {color: #333; font-weight: bold;}
*/


#banner {background:transparent/*menupozadi*/;transition:height .2s;}
#banner .item {transition:height .2s,opacity .5s;}
#mapawrap + script + #main,#mapawrap + script + style + #main {margin-top:64.9vh;box-shadow:0 0 100px rgba(0,0,0,.7);}
#bgfotowrap {background:#f6f6f6 url(../imgs/ubrus1.gif) center center repeat;z-index:1;}
#bgfoto {}
@-webkit-keyframes fade {
0% {opacity:0}
100% {opacity:1}
}
@keyframes fade {
0% {opacity:0}
100% {opacity:1}
}
#bgfotowrap + #main {margin-top:40vh;box-shadow:0 0 100px rgba(0,0,0,.7);}
#bgfotowrap.male + #main {margin-top:11.9em}
#above.scroll-to-fixed-fixed {margin-top:0vh;background:#fff/**/}
#above.scroll-to-fixed-fixed #banner,#above.scroll-to-fixed-fixed #banner .item {height:0px}
#above.scroll-to-fixed-fixed #banner .carousel-control {display:none}

body.sekce_ #home {height:50vh;overflow:hidden;background:#e6e6e6 url(../imgs/ubrus.gif) repeat center 25px fixed;position:relative;}
body.sekce_ #home div {width:100%;position:absolute;top:-10vh;left:0;text-align:center;font-size:2.8em;}
body.sekce_ #home div > span {display:inline-block;position:relative;width:70vh;max-width:1200px;height:70vh;background:url(../imgs/talir.png) no-repeat center center / contain;}

.more.button::after {display:inline-block;color: #ccc;content: ">";position: absolute;right: 0.3em;}
.more.button {padding-right: 1em;position:relative}
.more.button:hover::after {color:#333/*odkazAktivni*/}
.round {border-radius:50%;}
#above.scroll-to-fixed-fixed h1 {font-size:1em;padding:10px;font-weight:300}
#above.scroll-to-fixed-fixed #menu li a {font-size:.9em;}

#up::before {

}


#up {
  color: #fff;
  background: #224529d4;  
  right: 20px;
  }
  #up.ukaz {
    bottom: 160px;
  }

  @media screen and (max-width: 767.98px) {
    #up {
      background: #2245298a;   
      font-size: 0.7em;      
    }
    #up.ukaz {
      bottom: 30px;
    }
}



#main {
  margin-top: 2em;
  padding-top:1em;
  padding-bottom:2em;
  position:relative;
  z-index:2;
}

#above.scroll-to-fixed-fixed ~ .fixer {background:#fff/*hlavicka*/;}
.fixer:nth-of-type(n+1) {display:none !important}
table {width:100%}
table td {padding:0.2em .4em;}
ul {list-style-type:square}
/*.fotogalerie div.foto {margin-bottom:1em;display:inline-block;text-align:center;}*/
.fotogalerie a.foto[data-title]:hover::before {
    opacity: 0;
}
.fotogalerie a.foto[data-title]::before {
    pointer-events:none;
    transition: opacity 0.2s;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    display: block;
    background: rgba(255,255,255,.83);
    overflow:hidden;
    content: attr(data-title);
    text-align: center;
    color: #333;
    padding: 1em;
}
/*.fotogalerie a.foto {
    display: block;
    position: relative;
}*/

.obsah {margin-bottom:1em;}
.obsah.bezfotek {width:50%;}
.data tr {border-bottom:1px rgba(0,0,0,0.15) solid;}
.data td {padding:0.1em .2em;}
.carousel-caption {left:0;right:auto;top:44%;transform:translate(0,-50%);color:#fff;font-size:1.6em;font-weight:300;text-align:center;width:100%}
.carousel-caption h2 {font-weight:400;font-size:2.6em;color:#fff}
.carousel-caption p {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.carousel,.carousel .item {height:300px;}
.sekce_ .carousel,.sekce_ .carousel .item {height:450px;}
.sekce_ .carousel .carousel-caption {top:50%;}
.carousel .item {background-size:cover;}
.carousel .item > div:first-child {background:rgba(100,100,100,.2);position:absolute;top:0;left:0;width:100%;height:100%;}
.carousel .item h2 {margin-top:0}
.carousel a.button {border:1px #fff solid; display:inline-block;font-size:.6em;margin-top:2em;text-decoration:none;color:#fff;padding:0.3em .8em;}
.carousel a.button:hover,.carousel a.button:focus {color:#333;background:#fff;text-shadow:none;}
.carousel a.full {height: 100%;left: 0;position: absolute;transition:background-color .2s;top: 0;width: 100%;z-index: 10;}
.carousel-control .icon {position:relative;top:90px;}
.sekce_ .carousel-control .icon {top:150px;}
.left.carousel-control,.right.carousel-control {text-decoration:none;background:none}
.carousel-control.right:hover,.carousel-control.left:hover {background:none}
.left.carousel-control .icon::before,.right.carousel-control .icon::before {opacity:.3;font-weight:100;font-size:5em;display:block;}
.left.carousel-control .icon::before {content:"\2039"}
.right.carousel-control .icon::before {content:"\203a"}
.left.carousel-control:hover .icon::before,.right.carousel-control:hover .icon::before {opacity:1}
.carousel-control {z-index:12 !important}

.option img {margin:4px;width:80px}

#mapawrap,#bgfotowrap {position:fixed;width:100%;height:40vh;top:0;left:0;opacity:1}
#bgfotowrap.male {height:12em;}
#mapawrap::after {position:absolute;top:45%;left:0%;content:attr(data-moment);color:#666;width:100%;text-align:center;}
#mapa,#bgfoto {height:40vh;}
#bgfoto {background-size:cover;/*background-position:50% 65%;*/}
#mapa > div:first-child > div:first-child {filter:brightness(85%) grayscale(100%) sepia(30%) hue-rotate(10deg);-webkit-filter:brightness(85%) grayscale(100%) sepia(30%) hue-rotate(10deg);}
#mapa img {color:transparent}
#mapa div[title].hover a {color:#000 !important}
#mapa div[title].hover::after {animation:slide .2s;-webkit-animation:slide .2s;overflow:hidden;display:inline;content:attr(data-title);white-space:nowrap;background:#fff;color:#000;position:absolute;z-index:4;border-radius:6px;font-weight:300;font-family:'Titillium Web'/*textfont*/;font-size:14px;padding:0.2em 0.4em;}
@keyframes slide {
0% {width:0;}
100% {width:100%;}
}
@-webkit-keyframes slide {
0% {width:0;}
100% {width:100%;}
}


#main {z-index:1; }
#main a {
  color: #0047b0; 
  text-decoration: underline;
}

.datumovka, .datum {
  font-size: 1.1em;
  font-style: normal;
  margin-bottom: 5px;
}


.obsah h1:first-child,.obsah h2:first-child,.obsah h3:first-child {margin-top:0}
#main h1.nadpis {color: #000;font-size: 2em; margin-top: 0;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); width:70%}
#main h1.nadpis > span {/*position:absolute;bottom:0;margin-right:100px;*/}
#main h1.nadpis:not(.withmap) > span {pointer-events: none} 
#main h1.nadpis.withmap > span {padding-right:100px}
#news {background:#eee;position:relative;top:2em;}
/*.fotogalerie {padding:2em 0 0;margin-top:2em;border-top:1px #e6e6e6 solid;display:flex;flex-flow:wrap;justify-content:space-between}
.fotogalerie div.foto {margin:0 1px 1em 0}
.fotogalerie div.foto img {}
.foto-vlevo:not(.foto-vetsi).foto-vice .fotogalerie div.foto,.foto-vpravo:not(.foto-vetsi).foto-vice .fotogalerie div.foto {width:50%;display:inline-block}
.foto-vpravo .fotogalerie,.foto-vlevo .fotogalerie {padding:0;margin-top:0;border-top:none;display:block;} 
.foto-vpravo .fotogalerie div.foto,.foto-vlevo .fotogalerie div.foto {margin:0 0 0 0;}
.foto-vpravo .fotogalerie div.foto img,.foto-vlevo .fotogalerie div.foto img {width:100%;}*/
.news h3 {margin-top:.2em;}
.newsBox > .row {border-bottom:1px rgba(0,0,0,0.06) solid;margin-bottom:1em;}
.newsBox > div.row:last-of-type {border-bottom:none}
.sekce_ .news h3 {margin-top:.2em;color:#39c/*nadpisy2*/}
.vypis_form h4 {margin-bottom:.2em;}
.h-card {margin-bottom:1em;}
h5 {font-size:1em;margin:0 0 0.4em;color: #6d6d6d;}
.vypis {margin-top:1em;}
.vypis:not(.vypis_form) a {overflow:hidden;position:relative;display:block;padding:.5em;padding-top:0;height:265px;margin-bottom:2em;text-decoration:none}
.vypis a span.nahled {display:block;background:none;height:170px;background-repeat:no-repeat;background-position: center bottom;background-size: contain;}
.vypis a span.inner {display:block;transition:transform .3s;}
.vypis a:hover span.inner,.vypis a:focus span.inner {transform:translate(0,-60px)}
.vypis:not(.vypis_form) a span.nazev {font-size:1.2em;display:block;margin:.4em 0 .1em;}
.vypis a span.perex {font-size:.85em;color: #333/*text*/}
.vypis:not(.vypis_form) a::after {content:"";position:absolute;bottom:0;left:0;width:100%;height:1.5em;
background:linear-gradient(to top,/*:*/rgba(246,246,246/*obsahpozadirgba*/,1) 0%,/*:*/rgba(246,246,246/*obsahpozadirgba*/,0) 100%);}
.vypis a .inner::after {content:attr(data-more) " \203a";color:#0069b4/*odkaz*/;font-size:.85em;padding:0.3em;text-align:right;display:block;position:relative;top:45px;}

.bezmezery {margin-bottom:.4em !important}
h1.bezmezery {margin-bottom:.2em !important}
.borderbox {border: 1px dotted #ccc;margin-bottom: 1.6em;padding: 1.2em 1.6em 0.2em;}
.borderbox h3:first-child,.borderbox h4:first-child {margin-top:0}
.lightbox {padding:0.6em 1em;background:rgba(255,255,255,0.85);}
.darkbox {padding:0.6em 1em;background:rgba(0,0,0,0.15);}
.cara {padding-bottom:1em;margin-bottom:1em;border-bottom:1px rgba(0,0,0,0.06) solid;}
.dal {display:block;position:absolute;bottom:40px;left:50%;margin-left:-20px;width:40px;height:40px;line-height:40px;border-radius:50%;background:rgba(255,255,255,.8);transition:height .2s, width .2s,bottom .2s,margin-left .2s, line-height .2s;text-align:center;animation:pulse 1s alternate infinite;-webkit-animation:pulse 1s alternate infinite;box-shadow:-1px -1px 2px rgba(0,0,0,.1);cursor:pointer;overflow:hidden;}
.dal:hover {animation:none;-webkit-animation:none;width:60px;height:60px;margin-left:-30px;bottom:30px;line-height:60px;}
.dal.noanim {animation:none;-webkit-animation:none;width:0;height:0;margin-left:0;bottom:60px;color:transparent;}

.box{
  display:inline-block;
	position: relative;
	width: 33.333333%;
  float:left;
  color:#fff;
}
.mini.box {
  width:60px;
  margin-right:.5em;
}
.mini.box .logo-fp {background-color:#0069B4 !important}
.mini.box .logo-fp::after {content:"";color:#fff;opacity:.5;width:100%;position: absolute;height: 100%;padding:0;background: url(sipka2r.svg) 12px center no-repeat;background-size: 30px;font-weight:300;top:0;right:auto;bottom:auto;font-size:2em;left:0;text-align:center;}
.text-right .mini.box {
  float:right;margin-left:.5em;
}
.text-right .mini.box .logo-fp::after {content:"";background: url(sipka2.svg) 17px center no-repeat;background-size: 30px;width: 100%;position: absolute;height: 100%;}
div.withmap {
    position: absolute;
    left: 15px;
    top: -110px;
}


.minibox {
    display:inline-block;
    transition:transform .2s;
    cursor:pointer;
    position: absolute;
    width: 76px;
    color:#fff;
    font-size:14px;
    text-shadow:none;
    z-index: 2;

    /*margin-left:12px;
    margin-top:-4px;
    top:0;right:0;*/
  }

.minibox .fp {
  background: #224529;
  text-align: center;
  font-size: 1.25em;
  line-height: 1em;
}


.f[ontouchstart]:hover .fz, .f.hover .fz {

    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 11;

}
.minibox .fz {
    background: #6baa21;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    text-align: center;
    font-size: 1.25em;
    line-height: 1em;
    background-position: center center;
    background-size: cover;
    color: #fff;
    
}
.minibox .fz > span {
    /* padding-top: 1.4em; */
    background: #6baa21;
    font-weight: bold;
    padding: .8em;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 1.25em;
}
/* h1.minibox .fz {
  padding: 0.8em;
  line-height: 1.25em;
}

h1.withmap .minibox .fz > span {
  padding-top: 0;
}
h1.withmap .fp > span {
  padding-left: 0;
}
h1.withmap .fp > span::before {
  background: none;

}*/
a.minibox:hover,a.minibox:focus {transform:scale(1.1);color:#fff}

.box:before,.minibox:before{
	content: "";
	display: none;
	padding-top: 100%;
}


.logo-f {
	position: absolute;
	bottom: 0;
	right: 0;
  padding:0 5px;
  line-height:1.1em;
}
.logo-f {
	-webkit-perspective: 1000;
	perspective: 1000px;
  z-index:3;
  /* padding:0; */
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition:background-position 0.5s;
  transition:background-position 0.5s;
}

.logo-f.hover,.logo-f:hover {z-index:4;}

.logo-f[ontouchstart]:hover .logo-fp, .logo-f.hover .logo-fp {
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);transform: rotateY(180deg);
  z-index:10;
}
.logo-f[ontouchstart]:hover .logo-fz, .logo-f.hover .logo-fz {
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);transform: rotateY(0deg);
  z-index:11;
}
.logo-f img {width:100%}

.logo-f, .logo-fp, .logo-fz {
  width:100%;
  height:100%;   
  /* 3 řádky změny*/   
  width:  76px;
  height: 76px;
  top:     4px;
  right: -10px;
}

.logo-fp, .logo-fz {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
  text-align:left;
  line-height:1.4em;
  overflow:hidden;
}

.logo-fp {
	z-index: 2;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);    
  background:transparent center center no-repeat;
  background-size:contain;
  font-size:1.4em;
}
.logo-fp::after {content:attr(data-title);display:inline-block;background:#fff;padding:0.4em 1em .4em .5em;left:.5em;bottom:0;position:absolute;max-width:100%;color:#333;font-weight:700;font-size:1.2em;}

.schovat {opacity:0}

.box:nth-child(15n+1) .logo-fp,nav > ul > li:nth-child(15n+1) {background-color:#96c07e}
.box:nth-child(15n+2) .logo-fp,nav > ul > li:nth-child(15n+2) {background-color:#6fbb6f}
.box:nth-child(15n+3) .logo-fp,nav > ul > li:nth-child(15n+3) {background-color:#cac36f}
.box:nth-child(15n+4) .logo-fp,nav > ul > li:nth-child(15n+4) {background-color:#c79759}
.box:nth-child(15n+5) .logo-fp,nav > ul > li:nth-child(15n+5) {background-color:#c75959}
.box:nth-child(15n+6) .logo-fp,nav > ul > li:nth-child(15n+6) {background-color:#c7597b}
.box:nth-child(15n+7) .logo-fp,nav > ul > li:nth-child(15n+7) {background-color:#ca6fa9}
.box:nth-child(15n+8) .logo-fp,nav > ul > li:nth-child(15n+8) {background-color:#b86fca}
.box:nth-child(15n+9) .logo-fp,nav > ul > li:nth-child(15n+9) {background-color:#956fca}
.box:nth-child(15n+10) .logo-fp,nav > ul > li:nth-child(15n+10) {background-color:#7e6fca}
.box:nth-child(15n+11) .logo-fp,nav > ul > li:nth-child(15n+11) {background-color:#6f8dca}
.box:nth-child(15n+12) .logo-fp,nav > ul > li:nth-child(15n+12) {background-color:#6fabca}
.box:nth-child(15n+13) .logo-fp,nav > ul > li:nth-child(15n+13) {background-color:#6fc5ca}
.box:nth-child(15n+14) .logo-fp,nav > ul > li:nth-child(15n+14) {background-color:#6fcab3}
.box:nth-child(15n+15) .logo-fp,nav > ul > li:nth-child(15n+15) {background-color:#6fca8b}

#menu nav > ul > li:nth-child(15n+1):hover li:hover > a,#menu nav > ul > li:nth-child(15n+1):hover li.current > a {color:#96c07e;background-color:rgba(150,192,126,.1)}
#menu nav > ul > li:nth-child(15n+2):hover li:hover > a,#menu nav > ul > li:nth-child(15n+2):hover li.current > a {color:#6fbb6f;background-color:rgba(111,187,111,.1)}
#menu nav > ul > li:nth-child(15n+3):hover li:hover > a,#menu nav > ul > li:nth-child(15n+3):hover li.current > a {color:#cac36f;background-color:rgba(202,195,111,.1)}
#menu nav > ul > li:nth-child(15n+4):hover li:hover > a,#menu nav > ul > li:nth-child(15n+4):hover li.current > a {color:#c79759;background-color:rgba(199,151,89,.1)}
#menu nav > ul > li:nth-child(15n+5):hover li:hover > a,#menu nav > ul > li:nth-child(15n+5):hover li.current > a {color:#c75959;background-color:rgba(199,89,89,.1)}
#menu nav > ul > li:nth-child(15n+6):hover li:hover > a,#menu nav > ul > li:nth-child(15n+6):hover li.current > a {color:#c7597b;background-color:rgba(199,89,123,.1)}
#menu nav > ul > li:nth-child(15n+7):hover li:hover > a,#menu nav > ul > li:nth-child(15n+7):hover li.current > a {color:#ca6fa9;background-color:rgba(202,111,169,.1)}
#menu nav > ul > li:nth-child(15n+8):hover li:hover > a,#menu nav > ul > li:nth-child(15n+8):hover li.current > a {color:#b86fca;background-color:rgba(184,111,202,.1)}
#menu nav > ul > li:nth-child(15n+9):hover li:hover > a,#menu nav > ul > li:nth-child(15n+9):hover li.current > a {color:#956fca;background-color:rgba(149,111,202,.1)}
#menu nav > ul > li:nth-child(15n+10):hover li:hover > a,#menu nav > ul > li:nth-child(15n+10):hover li.current > a {color:#7e6fca;background-color:rgba(126,111,202,.1)}
#menu nav > ul > li:nth-child(15n+11):hover li:hover > a,#menu nav > ul > li:nth-child(15n+11):hover li.current > a {color:#6f8dca;background-color:rgba(111,141,202,.1)}
#menu nav > ul > li:nth-child(15n+12):hover li:hover > a,#menu nav > ul > li:nth-child(15n+12):hover li.current > a {color:#6fabca;background-color:rgba(111,171,202,.1)}
#menu nav > ul > li:nth-child(15n+13):hover li:hover > a,#menu nav > ul > li:nth-child(15n+13):hover li.current > a {color:#6fc5ca;background-color:rgba(111,197,202,.1)}
#menu nav > ul > li:nth-child(15n+14):hover li:hover > a,#menu nav > ul > li:nth-child(15n+14):hover li.current > a {color:#6fcab3;background-color:rgba(111,202,179,.1)}
#menu nav > ul > li:nth-child(15n+15):hover li:hover > a,#menu nav > ul > li:nth-child(15n+15):hover li.current > a {color:#6fca8b;background-color:rgba(111,202,139,.1)}

.logo-fz {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);  
  color:#333;
  background:#fff;
  text-align:left;
  font-size:1.2em;  
}
.logo-fz > span {background:rgba(255,255,255,1) linear-gradient(to bottom,rgba(235,235,235,1) 0%, rgba(255,255,255,1) 60%); padding:.8em;display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
/*.minibox .logo-fp {background:#0069b4;text-align:center; font-size: 1.25em;line-height: 1em;}
.minibox .logo-fp::after {display:none}
.minibox .logo-fz {background:#ce2549;text-align:center;font-size: 1.25em;line-height: 1em;background-position:center center;background-size:cover;color:#fff;}
.minibox .logo-fp > span {padding-top:1.2em;display:block}
.minibox .logo-fz > span {padding-top:1.2em;background:#ce2549;}*/


.logo-fz img {position:absolute;top:0;left:0;width:100%;height:100%;}
.logo-fz .nazev {font-weight:700;color:#0069B4;font-size:1.2em;padding:.2em 0;display:block;}
.logo-fz.noperex .nazev {padding-top:30%;text-align:center;font-size:1.6em;}
.logo-fz .nazev::after {text-align:right;content:attr(data-more) " >";padding:1.5em .4em .2em;font-size:.75em;position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%);color:#ccc;margin-top:2em;display:block;font-weight:300;} 

@-webkit-keyframes pulse {
  0% {width:40px;height:40px;margin-left:-20px;bottom:40px;line-height:40px;}
  100% {width:40px;height:40px;margin-left:-20px;bottom:30px;line-height:40px;}
}
@keyframes pulse {
  0% {width:40px;height:40px;margin-left:-20px;bottom:40px;line-height:40px;}
  100% {width:40px;height:40px;margin-left:-20px;bottom:30px;line-height:40px;}
}

@media screen and (max-width:850px) {
  .obsah.bezfotek {width:80%;}
   body.sekce_ #above h1 > a {/*width:100%;height:100vh;*/background-size:600px auto;}
  /*.fotogalerie {justify-content:flex-start}
  .fotogalerie div.foto {height:120px;width:24%;margin-bottom:2px;position:relative;overflow:hidden;}
  .foto-vlevo .fotogalerie div.foto,.foto-vpravo .fotogalerie div.foto {height:100%;width:100%;overflow:visible}
  .fotogalerie .foto img {left: 0;min-height: 100%;min-width: 100%;position: absolute;top: 0;}
  .foto-vlevo .fotogalerie div.foto img,.foto-vpravo .fotogalerie div.foto img {position:static}*/
  .box{width:50%;}
}
@media screen and (max-width:767.98px) {
 
  .nojs #switchMenu {display:none}
  #switchMenu {cursor:pointer;position:absolute;top:1em;right:0;text-align:center;width:50px;height:50px;color:#333;background:#fff;;display:inline-block;z-index:3;}
  #switchMenu::before {content:"☰";display:inline;font-size: 1.4em;line-height: 50px;z-index:4;position:absolute;left:0;width:50px;}
  #switchMenu.active {}
  #switchMenu + nav::before {opacity:0;height:0;background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;content: "";display: block;left: 0;position: fixed;top: 0;width: 100%;transition:opacity .5s;}
  #switchMenu.active + nav::before {opacity:1;height: 100%;}
  #switchMenu:hover,#switchMenu.active {}
  #switchMenu:hover::before,#switchMenu.active::before {}
  #switchMenu.active::before {content:"✕"}
  nav {text-align:left;right:-100%;padding-top:50px}
  nav > ul {display:inline-block}
  #menu {padding-top:0.7em}
  #menu nav {padding-bottom:0.7em;text-align:right;}
  #menu nav > ul > li.current,#menu nav > ul > li.curparent {}
  #menu nav > ul > li.current > a,#menu nav > ul > li.curparent > a {/*color:#333;background:#fff;*/}
  nav > ul > li.current > a::before, nav > ul > li.curparent > a::before, nav > ul > li:hover > a::before {right: 100px;top: 0;height: 100%;width: 5px;}
  #menu nav ul > li.more::after {display:none}
  #menu nav > ul > li.more::after {display:none}
  #menu nav ul li {display:block;text-align:center;}
  #menu ul ul {padding-left:1em;display:none;}
  #submenu {display:none !important}
  #menu li:hover ul,#menu li.hover ul {position:static;background:none;}
  #menu ul li:hover a,#menu ul li.hover a {background:none;border:none;color:inherit} 
  #menu nav > ul li:hover::before,#menu nav > ul li.hover::before {display:none}
  #menu li:hover > ul,#menu li.hover > ul {display:block;position:absolute;top:0;left:0;right:100px;background:#fff;border:none;min-width:0}
  #menu nav > ul > li:hover > ul,#menu nav > ul > li.hover > ul {margin-left:0;left:-70vw;top:0;position:absolute;width:70vw;z-index:5;padding-left:0}
  #menu nav > ul li:hover > ul,#menu nav > ul li.hover > ul {border:2px #fff solid;border-width:2px 0;top:0px;box-shadow:none}
  #menu li:last-child:hover > ul, #menu li.hover:last-child > ul {right: 100px;}
#menu li:hover ul a,#menu li.hover ul a {padding:0.4em .8em;color:#333}
  #menu nav ul > li.curparent > a {background:none}
}
@media screen and (max-width:600px) {
  .box{width:80%;margin-left:10%;}
   .template_14 #head h1 { /*left:5px; */ }
   #above h1 > a {font-size:.8em;}
   #minibox_www {font-size:.77em;margin-left:0}
   
  #above.scroll-to-fixed-fixed #banner .carousel-control {display:block}
  /*.fotogalerie div.foto {display:block;}
  .fotogalerie div.foto {width:33%;}
  .foto-vlevo .fotogalerie div.foto,.foto-vpravo .fotogalerie div.foto {width:100%}
  .foto-vpravo .fotogalerie div.foto img,.foto-vlevo .fotogalerie div.foto img {width:100%;}*/
  #above.scroll-to-fixed-fixed {position:static !important}
  #above.scroll-to-fixed-fixed ~ .fixer {display:none !important}
  #above.scroll-to-fixed-fixed #head h1 {font-size:36px;padding:15px;font-weight:400}
  #above.scroll-to-fixed-fixed h1#logo {height:100px/*minilogoheight*/}
  #above.scroll-to-fixed-fixed #head.withLangs h1 {padding-top:7px}
  #head h1 > a {color:#224529;
text-shadow:unset;}
}
@media screen and (max-width:480px) {
  .box{width:100%;margin-left:0}
  /*.fotogalerie div.foto {width:49%;}
  .foto-vlevo .fotogalerie div.foto,.foto-vpravo .fotogalerie div.foto {width:100%}*/
}
/*@media screen and (max-width:360px) {
   #above h1 > a span {display:none}
}*/

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

@media print {
  *,*:before,*:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,a[href^="javascript:"]:after {
    content: "";
  }
  pre,blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }

  tr,img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }
  p,h2,h3 {
    orphans: 3;
    widows: 3;
  }

  h2,h3 {
    page-break-after: avoid;
  }
}

#piseckem {background:#2f2f2f/*pozadi*/;color:#606060;padding: 1em 0 .2em;}
@media screen and (max-width:767.98px) {
  #piseckem {padding-bottom:.7em;}
}
#piseckem .box {margin-left: 6px;width: 10%;font-size: 0.5em;float: none;margin-bottom:6px;}
#piseckem .logo-fp::after {display:none}
#piseckem .col-sm-8,#sub .col-sm-8 {text-align:right}

#piseckem .title {display:block;position:relative;top:0px;font-weight:700;font-size:2.2em;line-height:1.1em;}
#piseckem .title a,footer .title a {color:#606060;text-decoration:none;transition:color .2s;}
#piseckem .title a:hover,#piseckem .title a:focus,footer .title a:hover,footer .title a:focus {color:#fff}
#piseckem .title + div {position:relative;top:-2px;margin-bottom:.5em;}

#piseckem .logo-f[ontouchstart] .logo-fz::before {content:"";background:url(sipka2.svg) 35% 20%  no-repeat;background-size:55%;position:absolute;top:0;left:-66%;-webkit-transition:left 0.7s;transition:left 0.7s;width:100%;height:100%;text-align:center;}
#piseckem .logo-f[ontouchstart] .logo-fz::before {background-position:center center;} 
#piseckem .logo-f[ontouchstart] .logo-fz .fi {left:0;top:0;width:100%;height:100%;-webkit-transition:left 0.8s;transition:left 0.8s;position:absolute;}
#piseckem .logo-f[ontouchstart]:hover .logo-fz .fi,.logo-f.hover[ontouchstart] .logo-fz .fi {left:0%;}
#piseckem .logo-f[ontouchstart]:hover .logo-fz::before,.logo-f.hover[ontouchstart] .logo-fz::before {left:0;}

#sub {background:#282828/*pozadi*/;padding:1em 0;}
#sub .title {font-weight:700;font-size:1.6em;line-height:.6em;}
#sub .title .subtitle {display:block;font-size:.7em;display:block;}
#sub ul {list-style-type:none;padding-left:0}
#sub ul li {display:inline-block;margin:0em 0 0 1.2em}
#sub ul li::before {content:"â–¡";display:inline;line-height:.5em;position:relative;top:0px;left:-6px;font-size:1.4em;}
#sub ul li a {color:#606060/*footertext*/}
#sub ul li a:focus,#sub ul li a:hover {color:#fff}
#sub ul li:focus::before, #sub ul li:hover::before {color:#fff}
#copy a {color:#505050}
#copy a:hover,#copy a:focus {color:#fff}
@media screen and (max-width:767.98px) {
  #sub ul {margin-top:.5em;}
  #sub ul li {margin:.2em 0;display:block}
  #piseckem .title + div {margin-bottom:.8em;}
  #sub .title {display:block;padding-bottom:.3em;line-height:1em;border-bottom:1px #363636 solid;margin-bottom:.3em;}
  #copy {margin-top:1em;padding-top:.3em;border-top:1px #363636 solid;}
}

#minibox_kontakt .shine {-webkit-animation-delay:2.6s;animation-delay:2.6s;}  
#minibox_tiraz .shine {-webkit-animation-delay:2.7s;animation-delay:2.7s;}  
#minibox_otkt .shine {-webkit-animation-delay:0.5s;animation-delay:0.5s;}  
#minibox_kjc .shine {-webkit-animation-delay:0.5s;animation-delay:0.5s;}  
#minibox_fb .shine {-webkit-animation-delay:0.6s;animation-delay:0.6s;}  
#minibox_yt .shine {-webkit-animation-delay:0.7s;animation-delay:0.7s;}  
#minibox_ig .shine {-webkit-animation-delay:0.8s;animation-delay:0.8s;}  
#minibox_pisek .shine {-webkit-animation-delay:0.9s;animation-delay:0.9s;}  
#minibox_www {width:2em;transition:margin .4s;}
#minibox_www:hover {margin-right:16px;}
#minibox_www a {position:absolute;top:0;left:0;width:100%;height:100%;}
#minibox_www .logo-fp::after {display:none}
.akce-detail #minibox_www .logo-fp {background-color:#224529;background-image:url(../imgs/kalendarium/ico-kalendarium.png)}
.akce-detail #minibox_www .logo-fz {background:#224529 url(../imgs/kalendarium/sipka2r.svg) 14px center no-repeat;background-size:.9em auto;}

#minibox_www .logo-fp {background-color: transparent;background-image:url(../imgs/kalendarium/logo_2025_pisecko.webp)}
#minibox_www .logo-fz {background:#1d71b8 url(../imgs/kalendarium/sipka2r.svg) 14px center no-repeat;background-size:.9em auto;}
#minibox_otkt .logo-fp {background-color:#284a94;background-image:url(../imgs/otkt.gif)}
#minibox_otkt .logo-fz {background-color:#284a94;}
#minibox_kjc .logo-fp {background-color:#c20077;background-image:url(../imgs/kjc.gif)}
#minibox_kjc .logo-fz {background-color:#c20077;}
#minibox_pisek .logo-fp {background-color:#083050;background-image:url(../imgs/pisek.png)}
#minibox_pisek .logo-fz {background-color:#083050;}
#minibox_fb .logo-fp {background-color:#265a9c;background-image:url(../imgs/fb.png)}
#minibox_yt .logo-fp {background-color:#cd201f;background-image:url(../imgs/yt.png)}
#minibox_ig .logo-fp {
background-color: #f09433;
background-image:url(../imgs/instagram.png); 
background-image:url(../imgs/instagram.png), -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background-image:url(../imgs/instagram.png), -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background-image:url(../imgs/instagram.png), linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}

#minibox_fb .logo-fz {background-color:#265a9c;}
#minibox_yt .logo-fz {background-color:#cd201f;}
#minibox_ig .logo-fz {
background-color: #f09433;
background-image:-moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background-image:-webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background-image:linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}


.home-box .datum {
height:auto;
margin-bottom:0px!important;
}


@media screen and (max-width: 600px) {
  .logo-f, .logo-fp, .logo-fz, #head h1 > a::before{
        width:  50px;
        height: 50px;

    }
    div.withmap {
        top: -90px;
    }
    div.withmap .minibox {
        width: 60px !important;
    }

    .template_14 #head h1 {
         /* margin-left: 15px; */
         left: -10px;
    }


    .fotogalerie div.foto {
      width: 23.2%;
    }
    .foto-vetsi .fotogalerie div.foto, .foto-vetsi .fotogalerie div.rect-foto {
      width: 23.5%;
    }

    .fotogalerie div.rect-foto {
      width: 15.5%;
    }

    .datumovka, .datum {
      /*  font-size: 0.7em !important; */
    }


    /*#above {
        height: 28.5em !important;
    }*/

    
    /*    #active-filter {
            left: 270px;
        width:auto;
        }*/

    /*    #active-filter-info {
          display: none;
        }*/
    /*    #active-filter .active-filter-btn {
          float: none;
          text-indent: 9999px;
        }

        #active-filter-info > div{
        display:none;
        }*/

    .list .p.kal-first-col {
      padding: 0 0 0 1em;
      width: 0;
      margin: 0;
    }
    #active-filter {      
      padding-left: 0px !important;
    }
}


@media screen and (min-width : 600px) and (max-width : 991px) {
    /* Styles */

/*
    #active-filter {
      left: 350px;
	  width:auto;
    }


    #active-filter .active-filter-btn {
      float: none;
    }

	  #active-filter-info > div{
	  display:none;
	  }*/
}

@media screen and (max-width: 468px) {
  .datumovka, .datum {
      width: 60vw;
  }

  #eventsFilterModal .druh-line .checkbox-inline {
    display: block;
    width: 100%;
    padding-left: 20px;
  }
  .checkbox-inline + .checkbox-inline {margin-left: 0;}

  #eventsFilterModal .btn {
      display: block;
      margin-bottom: .5em;
      margin-left: 0;
      width: 100%;
  }

  .kalendarium-text{
      /* display: none !important; */
  }

/*  #active-filter {
      left: 125px;
  }
  
  #active-filter-info > div{
  display:none;
  }*/
  
  
}


/*----- logo-css.css KONEC ------*/
/*----- logo-css.css KONEC ------*/
/*----- logo-css.css KONEC ------*/




.modal-open .ui-datepicker {
  z-index: 2000!important
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
  background: #aaa;
}


.fast-filters a {
  color: #777;
  text-decoration: none;  
  display: inline-block;  
  background-color:#eee;  
  border-radius: 0.3em;
  border: 1px solid #777;
  padding: 0.3em 0.35em;
  margin: 0 0.2em 0.4em 0;
}

  @media (min-width: 768px) {
    .fast-filters a {
      padding: 0.1em 0.3em;
    }
}


.fast-filters a.fast-filter-selected {
  background-color: #0074bd;
  color:#FFFFFF;
}

.form-group .fast-filters a.fast-filter-selected:not(:last-child) {
  background-color: #e1e1e1;
}

#eventsFilterModal .fast-filters a {
  color: #000;
  border: 1px solid #a1a1a1;
  border-radius: 0.3em;
  padding: 0em 0.5em;
  margin: 0.1em 0.2em 0.6em 0;
}

#eventsFilterModal .fast-filters a.fast-filter-selected:not(:last-child){
color:#000;
font-weight:bold;
}

.fast-filters a:last-child, #eventsFilterModal .fast-filters a:last-child {
  /* border: none; */
}


.kalendar-detail-nahled {
/*  min-height: 130px;*/
  background-position:center;
  background-size:cover;
  padding-bottom:100%;
  width:100%;
/*  filter: blur(60px);*/
}

.kalendar-detail-nahled-v-galerie {
  background-position:center;
  background-size:cover;
  padding-bottom:100%;
  width:100%;
  display:none;
  margin-bottom:1em;
}

@media (min-width: 768px) {
  .kalendar-detail-nahled {
    display:none;
  }
  .kalendar-detail-nahled-v-galerie {
    display:block;
  }
}


#menu{
display:none;
}

/*---- modal ----*/

@media (min-width: 991px) {
    #eventsFilterModal  .modal-dialog {
        width: 800px;
        margin: 30px auto;
    }
}


#eventsFilterModal .modal-header{
flex-direction: row-reverse;
padding:0 15px;
}

#eventsFilterModal .modal-title {
line-height:normal;
font-size:1.3em!important;
}

#eventsFilterModal .modal-header .close {
font-size: 2em!important;
border:0px solid #fff;
background:none;
top: -5px;
font-weight:bold;
color:#aaa;
}

#eventsFilterModal .modal-body{
padding:15px;
}

#eventsFilterModal .form-group {
    margin-bottom: 15px;
}

#eventsFilterModal .form-group > label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}



#eventsFilterModal .checkbox-inline, .radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: top;
    cursor: pointer;
	padding-left:40px;	
}

#eventsFilterModal .checkbox-inline input, .radio-inline input {
margin-right:0.5em;
position: absolute;
margin-left:-20px;
margin-top:5px;
}

#eventsFilterModal .modal-footer .btn {
font-size:1em;
}


/*---- infostranka korekce -----*/
.template_31 #main::after, .template_30 #main::after {
    background: none;
}

/*----- above template_14 ------*/

.template_14 #above  {
background:rgba(40, 40, 40, 0) linear-gradient(to bottom, rgba(40, 40, 40) 0%,rgba(40, 40, 40) 85%, rgba(40, 40, 40, 0) 100%) repeat scroll 0 0;
position:sticky;
}

.template_14 #above #head {
width:80%;
}

.template_14 #head h1{
position:absolute;
}

.template_14 #head h1 > a {
color:#fff;
text-shadow:0 0 2px #000,0 0 10px rgba(0,0,0,0.5);
}


@media screen and (max-width: 991px) {

  #active-filter {
    left: 0px;
    width: 100%;
  }

  .template_14 #head h1 {
    position:relative;

  }

  #active-filter {
    padding: 10px 25px 30px;
  }

}

/*------ detail template_5 -----*/


.head-akce-types{
text-align:right;
margin-top:1em;
}

.head-akce-types img{
width:60px;
margin:0px 0px 0.5em 0.5em;
}

@media (max-width: 575.98px) {
	.head-akce-types{
	text-align:left;
	}
	.head-akce-types img{
	margin:0px .5em 0.5em 0;
	width:40px;
	}
}


@media (max-width: 767.98px) {
	.col-sm-12 .head-akce-types{
	text-align:left;
	}
	.col-sm-12 .head-akce-types img{
	margin:0px .5em 0.5em 0;
	width:40px;
	}
}

@media (max-width: 991.98px) {
	.col-md-12 .head-akce-types{
	text-align:left;
	}
	.col-md-12 .head-akce-types img{
	margin:0px .5em 0.5em 0;
	width:40px;
	}
}

@media (max-width: 1199.98px) {
	.col-lg-12 .head-akce-types{
	text-align:left;
	}
	.col-lg-12 .head-akce-types img{
	margin:0px .5em 0.5em 0;
	width:40px;
	}
}

@media (max-width: 1399.98px) {
	.col-xl-12 .head-akce-types{
	text-align:left;
	}
	.col-xl-12 .head-akce-types img{
	margin:0px .5em 0.5em 0;
	width:40px;
	}
}


/* ----------------------- */
/* ----- stránka AKCE ---- */


.nazev_doplnek {
  font-size: 1.5em;
  font-style: italic;
}


.akce-data-part1 , .akce-data-part2, .akce-data-part3 {
  color: #717171;  
  padding: 1.3em 0; 
  font-size: 1.2em;
}

  @media screen and (max-width: 767.98px) {
  .akce-data-part1 , .akce-data-part2, .akce-data-part3 {
    padding: 1em 0;
    font-size: 1.1em;
  }
  
}




.akce-data-part-wysiwyg { 
  border-bottom: 1px solid #c9c9c9; 
  border-top:    1px solid #c9c9c9; 
  padding: 1.3em 0 1em 0;
}

.akce-data-part1 > div , .akce-data-part2 > div , .akce-data-part3 > div {   
  margin: .5em 0 0 0;
}


.akce-data-part1 .label , .akce-data-part2 .label , .akce-data-part3 .label { 
  font-weight: bolder; 
  width:  var(--akce-part1-label-width);   
}

.datum_akce_od .akce-parametr_text , .datum_akce_do  .akce-parametr_text  {     
  font-size: 1.2em;
}



.akce-data-part1 .label , .akce-data-part1 .akce-parametr_text ,
.akce-data-part2 .label , .akce-data-part2 .akce-parametr_text ,
.akce-data-part3 .label , .akce-data-part3 .akce-parametr_text   { 
  display: inline-flex;    
}

.akce-data-part1 .misto_konani .akce-parametr_text{
display: inline-table;
}

.akce-day { 
  width: 3.5em;
}



.akce-parametr_text { 
  width: calc(95% - var(--akce-part1-label-width)) ;
  line-height: 1.2em;
}


.misto_konani_mapa_kotva {
  cursor:pointer;
  text-decoration:underline;
  display:inline-block;
	font-weight: bolder;
	padding: 0 0 0 0.3em;  
}




@media screen and (min-width: 768px) {
  .akce_data3 { display: none; }
  .akce-data-part2 .misto_konani { display: none; }
  .misto_konani_mapa_kotva{ display: none; }
}


.datum_zacatek_text , .datum_konec_text {
  font-style: italic;
  margin: 0 0 0.8em !important;
}

.datum_zacatek_text .label , .datum_konec_text .label {  
  display: none;
}

.datum_zacatek_text .akce-parametr_text , .datum_konec_text .akce-parametr_text {  
  width: calc(95% - 1.6em) ;
  font-size: 1.1em;
}


.akce-data-part2 .url_web {
  margin: 1em 0;
}


.akce-data-part2 .url_web .label {
  display: none;
}

.akce-data-part2 .url_web a {  
  text-decoration: none !important;
  padding: 0.5em 0.7em;
  border-radius: 5px;
  margin: 0 0.2em 0.4em 0;
  background: #eee7e0;
  color: #224529 !important;
  left: -0.7em;
  position: relative;
}

.akce-data-part2 .url_web a:hover {  
  font-weight: bold;
}

/* zavírací den */
.day_closed { 
  color: #dd1010; 
  font-size: .95em; 
  margin: 0.7em 0.5em 1em 1em !important;
  position: relative;
}
.day_closed .label { 
  font-weight: normal;
  display: inline;  
}
.day_closed .akce-parametr_text { 
  font-weight: bold; 
  width: fit-content;  
}







/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* prozatím přeneseno z   css-front__klient.css   */

html {
  font-size: 10px;
}

body {
  font-size: 14px;
}

.fp::after {
  display: none;
}

.fz {
  color:#fff;
}

.fz .nazev {
  color:#fff;
}


.fz .nazev::after {
  background: none;
}


/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */


/*---------- Pagination / strnkovani --------------*/

.kalendarium-pagination {
  text-align:center;
  padding: 0.8em;
}

.kalendarium-pagination a {
  display: inline-block;
  padding: 0.4em 2em;
  margin: 0.2em;
  background-color: #009fe0;
  color: #fff !important;
  text-decoration: none;
  min-width: 100px;
  font-size: 1.5em;
  font-weight: 500;
}

.kalendarium-pagination a:hover {
  background-color: #08739f;
}

.kalendraium-list-pagination-box{
background: #333!important;
}

.home-panel-left .pager.top-pager{
background-color:#eee;
}

.pager.top-pager .kalendarium-pagination {
padding:0px;
}

.home-panel-right .pager.top-pager{
background-color:#eee;
}

@media screen and (max-width: 767.98px) {
.home-panel-right .pager.top-pager{
display:none;
}
}


/*------------------- grid-item korekce start pro Verze 2025 ----------------*/



.home-kalendarium-logo{
color:#1f4226;
text-decoration:none;
font-size:20px;
}


.home-piseckem-logo img{
width:60px;
}

.home-kalendarium-logo img{
width:60px;
margin:0px 0px 0px 3px;
}

.home-kalendarium-hamburger{
float:right;
}

.home-kalendarium-hamburger img{
width:60px;
margin:0px 5px 0px 5px;
}

.home-kalendarium-social-box{
float: right;
display: flex;    
flex-direction: column;
}

.home-kalendarium-social img{
width:30px;
}

@media screen and (max-width: 340px) {
.home-kalendarium-logo span{
display:none;
}
}

@media screen and (max-width: 365px) {

.home-kalendarium-logo{
font-size:0.7em;
}

}

@media screen and (max-width: 767.98px) {
.home-kalendarium-social img {
    width: 45px;
	
}

.home-kalendarium-social-box{
flex-direction: row;
height: 100%;
align-items: center;
}

}



.home-box{
background-color:#fff;
}

#homepanels{
flex-direction: column;
display: flex;
}

.home-panel-left{
width:100%;
padding-top:0px;
}

.home-panel-right{
width:100%;
}

.grid-item,
.grid-sizer {
  width: 50%;
  border-right:3px solid #fff;
  border-bottom:3px solid #fff;
}

#kalendarium-head{
padding-top: 80px;
}

#kalendarium-logos{
position:fixed;
padding-top:10px;
background-color:#FFFFFF;
border-bottom:1px solid #eee;
/* padding-bottom:5px; */
display:block;
width:100%;
z-index:100;
margin-top:-80px;
}

#allfilters{
padding-bottom:calc(var(--bs-gutter-x)* .5);
}

#events-filter-link{
display:none;
}

.datum-box{
display:flex;gap:0.3em;
}

.reset-date , .reset-location-types , .set-vyhledat {
  text-align: center;
  /* border: 1px solid #bbb; */
  border-radius: 3px;
  align-self: stretch;
}

.set-vyhledat  {  
  background-image: url('data:image/svg+xml,<svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path></svg>');
  background-repeat: no-repeat;
  background-position: center;
/*  border: none;    
  right: 2.3em;
  position: relative;*/
  background-color:#FFFFFF;
  min-width:3em;
  cursor:pointer;
  border:1px solid #9e9e9e;
  background-size: 1.4em;
  margin-left: -0.5em;
  border-radius:0 0.2em 0.2em 0;
  border-left:1px solid #ddd;
}  

.reset-location-types {
  margin-left: 0.5em;  
}

.reset-date a , .reset-location-types a  {
  text-decoration: none;
  color: #747474;
  height: 100%;
  display: block;
  font-size: 1.4em;
  padding: 0em 0.4em;
}



/*.set-vyhledat a {  
  padding: 0em 0.5em;
  margin-top: -0.4em;
}*/

.datum-box-separator {
  width: 1.5em;
  text-align: right;
  align-self: center; 
}

.datum-box-separator2 {
  width: 0.5em;  
}

.druh-line .checkbox-inline {
width: 100%;
padding-right: 5px;
}

.search-type-location-box{
display:flex;
gap: 0.3em;
}

.search-type-location-box button {
  background-color:#eee;
  border: 1px solid #777;
  border-radius: 0.3em;
  font-weight:bold;
  color: #777;
}

.search-type-location-box button.open-group-box{
background-color:#777;
color:#fff;
}


.selected-filters-texts{
display:flex;
gap:0.3em;
}

.selected-filters-texts-obsah {
  flex-grow: 1;
  color: #0070b6;
}

.selected-filters-texts-obsah span:nth-child(2){
margin-top:0.2em;
}

.left-panel-banner-box {
  padding-bottom:calc(var(--bs-gutter-x)* .5);
}

.left-panel-banner img {
  width:100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
}

.left-panel-switch-box > div {
  display:flex;
  gap:calc(var(--bs-gutter-x)* .5);
  padding-bottom:calc(var(--bs-gutter-x)* .5);
}

.left-panel-switch {
  opacity: 0.5;
  border: 1px solid transparent;
}
.left-panel-switch:hover {  
  border: 1px solid black;
}
.left-panel-switch.left-panel-switch-active {
  opacity:1;
  border: 1px solid transparent;
  pointer-events: none;
}
.left-panel-switch.left-panel-switch-active:hover {
  border: 1px solid transparent;
}

.left-panel-switch-box img {
  width:60px;
}

.home-panel-right .list{
padding-left:calc(var(--bs-gutter-x)* .5);
zoom:110%;
}

.home-panel-right .list img {
  width: 110px;
}

.home-panel-right p.list-info {
  margin-bottom: 0.3em;
}


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

  .info{
    display:none;
  }

  .left-panel-banner-box, .left-panel-switch-box{
    display:none;
  }

  .hideme-mobile{
    display:none!important;
  }

  #allfilters{
    padding-left:0px;
    padding-right:0px;
    padding-bottom:20px;
  }

  .fast-filters {    
    letter-spacing: -0.05em;   
  } 

  #kalendarium-logos{
    margin-left: calc(-.5* var(--bs-gutter-x));
  }

  .fast-filters a.kalendarium_filter_datum__next_weekend{
    display:none;
  }

  .selected-filters-texts-box-fixed{
    position: fixed;
    z-index: 100;
    top: 75px;
    width: 100%;
  }
    
  .home-panel-right .list{
  display:none;
  }

}

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

  .hideme-dektop {
    display:none!important;
  }
  
  .home-kalendarium-hamburger{
    display:none;
  }

  .selected-filters-texts-box{
    display:none;
  }

  #homepanels{
    flex-direction: row;
    display: flex;
  }

  .home-panel-left {
    width:320px!important;
    padding-top:0px;
    border-right: 1px solid #c8c8c8;
  }

  .home-panel-right{
    width:calc(100% - 320px);
  }

  .home-panel-left .list{
    display:none;
  }

  #allfilters{
    margin-top:0px;
  }

  #kalendarium-head{
    padding-top:0px;
  }

  #kalendarium-head.kalendarium-head-sticky{
    position:sticky;
    top:0px;
  }

  #kalendarium-logos{
    position:relative;
    padding-top:10px;
    margin-top:0px;
  }

  .search-type-location-box button{
    display:none;
  }

}


@media screen and (min-width: 992px) {
	.grid-item,
	.grid-sizer {
		width: 33%;
		font-size:1em;
	}
}

@media screen and (min-width: 1200px) {
	.grid-item,
	.grid-sizer {
		width: 33%;
		font-size:1em;
	}
}

@media screen and (min-width: 1400px) {
	.grid-item,
	.grid-sizer {
		width: 25%;
		font-size:1em;
	}
}

@media screen and (min-width: 1600px) {
	.grid-item,
	.grid-sizer {
		width: 20%;
		font-size:1em;
	}
}





/*------------------- grid-item korekce konec pro Verze 2025 ----------------*/


/*------------------- custom checkbox start -----------------*/

/*:root {
  --form-control-color: rebeccapurple;
  --form-control-disabled: #959495;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

body {
  margin: 0;
}

form {
  display: grid;
  place-content: center;
  min-height: 100vh;
}

.form-control {
  font-family: system-ui, sans-serif;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.1;
  display: grid;
  grid-template-columns: 1em auto;
  gap: 0.5em;
}

.form-control + .form-control {
  margin-top: 1em;
}

.form-control--disabled {
  color: var(--form-control-disabled);
  cursor: not-allowed;
}

*/

#allfilters .checkbox-inline {
  font-weight: bold;
  display: grid;
  grid-template-columns: 0 auto;
  gap: 1.5em;
  line-height: 1;
  padding-bottom: 0.3em;
  font-size: 1.3em;
}

#allfilters .form-group-lokality .checkbox-inline {
text-transform:uppercase;
}

#allfilters .form-group-druhy .checkbox-inline {
 /* font-size: 1.3em; */
}

/*#allfilters .druh-line{
display:inline-block;
}*/


#allfilters .druh-line + .druh-line {
  margin-top: 0.4em;
}

#allfilters input[type="checkbox"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: #fff;
  /* Not removed via appearance */
  margin: 0;

  font: inherit;
  color: #0074bd;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid #969696;
  border-radius: 0.15em;
  transform: translateY(-0.075em);

  display: grid;
  place-content: center;
}

#allfilters input[type="checkbox"]::before {
  content: "";
  width: 1em;
  height: 1em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #0074bd;
  background-color: CanvasText;
}

#allfilters input[type="checkbox"]:checked::before {
  transform: scale(1);
}

/*input[type="checkbox"]:focus {
  outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em);
}*/

#allfilters input[type="checkbox"]:disabled {
  color: #aaa;
  cursor: not-allowed;
}

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

  #allfilters .druh-line{
    display:inline-block;
  }


  #allfilters .checkbox-inline {
    grid-template-columns:unset;
    padding-bottom: 0em;
    font-size: 1.2em;
  }

  #allfilters input[type="checkbox"],#allfilters input[type="checkbox"]::before {
    display:none;
  }

  #allfilters input[type="checkbox"] + span{
    display: inline-block;
    width: auto;    
    cursor: pointer;

    background-color: #dedede;
    border: 1px solid #9e9e9e;
    border-radius: 3px;

    font-size: 0.9em;
    font-weight: normal;
    padding: 0.2em 0.3em;
  }

  #allfilters input[type="checkbox"] + span:hover{
    background-color:#ddd;
  }

  #allfilters input[type="checkbox"]:checked + span {
    background-color:#0074bd;
    color:#fff;
  }

  .form-group-lokality{
    /* margin-top:1.5rem; */
  }

  #allfilters .form-group-lokality input[type="checkbox"] + span {
    background-color: transparent;
    padding: 0.3em 0.3em;
  }

  #allfilters .form-group-lokality input[type="checkbox"]:checked + span {
    background-color:#085788;
  }

}

@media screen and (max-width: 767.98px) {
  .form-group.form-group-druhy , .form-group.form-group-lokality {
    padding:10px;
    border:1px solid #777;
    border-top: 0;
    display:none;
  }
}


#search {
  border-color: #9e9e9e;
}

  @media screen and (max-width: 767.98px) {
    #search {    
      padding-left:25px;
      background-image: url('data:image/svg+xml,<svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path></svg>');
    
      background-position:3px center;
      background-size: 20px 20px;
      background-repeat:no-repeat;
    }
}


#search::placeholder {
  font-style: normal;
  color: #7FB0EF;
  font-size: 0.9em;
}







/*------------------- custom checkbox konec -----------------*/