:root {

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

}

body {
    display: flex;
    flex-direction: column; 
	height:100%;
}

/*.bf {
    display:none; 
}*/

#fn {display: none;}

#main {margin-bottom:1.1em;}

footer{
	z-index:2;
}

/*#main ul li, body.editor_body ul li {
    padding-left: 1.4em;
    list-style-type: none;
    position: relative;
}*/

#main li, body.editor_body li {
    /*line-height: 1.3em;*/
    margin-bottom: .3em;
}

.text.simple-article {
    position: relative;
}

::-moz-selection {
    background: #000;
    text-shadow: none;
    color:#fff;
}


.wysiwyg-format_lightbox, .lightbox {
    margin: 0 0 1.3em; 
    padding: 0.7em 1em; 
    background: #ffffff73; 
    border: 1px #e0e0e0 solid; 
}

.wysiwyg-format_darkbox, .darkbox {
    margin: 0 0 1.3em; 
    padding: 0.7em 1em;
    background: #5f5f5feb;
    color: #f0f0f0;
}




@counter-style two-apples {
    system: cyclic;
    symbols: "–";
    suffix: " ";
}

.columns2{
    columns:  2 300px;
  margin-bottom:15px;
} 

.columns3{
    columns:  3 200px;
  margin-bottom:15px;
} 


/*------------- ABOVE -----------*/

#start {height:5px;padding:0px;color:#333/*text*/;text-align:right;font-size:1.1em;position:absolute;top:0;width:100%;z-index:1005;left:0}

#above {
    width:100%;
    position:absolute;
    z-index:3;
    top:0;
    left:0;
    background:#fff;    /* Jinak bude transparentní */
} 

/*#above::after {content: "";display: block;background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,#fff 100%);}
#above > div {background:linear-gradient(to bottom,#fff 0%,rgba(255,255,255,0) 20%)}*/

#banner {transition:height .2s;}
#banner .item {transition:height .2s,opacity .5s;}
.scrolled #above.scroll-to-fixed-fixed {box-shadow:0 0 30px 0 rgba(0,0,0,.1)}
#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}

#head {flex-shrink:unset;
color:#333/*hlavickatext*/;background:transparent/*hlavicka*/;text-align:left;width:33%;display:inline-block;padding:5px 15px 10px}

#web-logo {
    display:inline-block;
    text-align:center;
    line-height:.9em;
    position:relative;
    font-weight:400;
    font-size:2em; /*--- = weblogo_text__big_height v DB qrstab_config__klient	 ----*/
    margin:0 0 .3em;
    font-family:"Fira Sans Condensed", sans-serif/*logofont*/; 
    scroll-behavior: smooth;
    color:#333/*hlavickatext*/;
    text-decoration:none;
}

#web-logo img#logo-img {
    display:inline-block;
    overflow:hidden;
    margin-bottom: 5px;
}

#web-logo img#logo-img.logo-abs{
position:absolute;
}

@media screen and (max-width:768px) {
	#web-logo img#logo-img.logo-abs{
	position:relative;
	top:auto;	
	}
	#logo-img-transp{
	display:none;
	}
}



/* ------------------------------------------------ */
/* --------------- SEKCE MENU styly --------------- */
/* ------------------------------------------------ */


/* >> --------- SPOLECNA CAST ---------- */

#menu {    
    display: inline-block;
    position:relative;
    vertical-align:top; 
    text-align:right;   
    border-bottom: 1px solid #8c8c8c30; 
    font-family:"Fira Sans Condensed", sans-serif/*nadpisyfont*/;
    visibility:hidden; 
    width: 63%;
    font-size: 0.9em;    
}

#menu ul {margin:0;padding:0}
/* !IMPORTANT! bez toho, by absolutni pozicovani nefungovalo! */
#menu ul li {position:relative;list-style-type:none}
#menu ul ul li {display:block; }
#menu ul ul li a {display:block;}
/* šipka horní index mimo web - v menu, horni-idx-mimoweb */
#menu ul ul > li > a >span.horni-idx-mimoweb {position: relative;}
#menu ul ul > li > a >span.horni-idx-mimoweb::after {content:"\2197";font-size: .9em; font-weight:100;display:block;position:absolute;top:-0.3em;right:-.8em;color:rgba(0,0,0,.4);}
/*Odkazy na kotvu*/
#menu ul ul a.cl-kotva {font-style: italic; font-weight: 200;}
#above.menuopened {background:rgba(255,255,255,.92)}
/* << --------- SPOLECNA CAST ---------- */


/* --------- STANDARDNI NAVIGACE STYLY ---------- */

/*----- HLAVNI MENU -----*/
#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li  {display:inline-block;margin:0 0.2em 0;}

#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li > a , #langs > li {
    transition: padding-top .2s;
    font-weight: 400; 
    
    border-top: 4px transparent solid; /* kvůli stejné pozici přepínačů LANG .. i když "hover pruh" nepoužívaí  při hower */
    color: #333; /* menutext */
    text-decoration: none;   
}

#langs > li {   
    font-size: 1.3em; 
    display: inline-block;
    line-height: 0.9em;
    padding: 0.27em 0em 0.1em;
    margin: 0.1em 0.4em;     
}

#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li > a {

    transition:padding-top .2s;
    font-weight:400;

    border-top:4px transparent solid;
    color:#333/*menutext*/;
    text-decoration:none;

    padding: 0.3em 0.2em;
    margin: 0em 0.15em 0.7em;
    font-size:1em; 
    line-height: 1.2; 
    display:inline-block;
}

#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li.current:first-child {
    font-weight: lighter;  /* první položka hl. menu bude při výběru méně tučná  */
  }


[class^="ri-"], [class*=" ri-"] { /* ikony v menu. odstranit, pokud chcete používat ikony bez textu. */
    margin-right: 5px;
    float: inline-start;
	font-weight:100;
}


#langs > li { 
    margin-left: 0.1em; 
    margin-right: 0.1em; }

.lang-box #langs > li:first-child { margin-left: 0.3em; }
#langs > li > a { color:inherit; }


#menu.MenuMode_standard ul > li.current > a , 
#menu.MenuMode_standard ul > li.curparent > a {
    border-top:0.25em #858585 solid; font-weight:700; color:#858585;}

#menu.MenuMode_standard .submenu-cascade > ul > li.current > a, 
#menu.MenuMode_standard .submenu-cascade > ul > li.curparent > a {
    font-weight:700; color:#858585 !important; border-top: 0; }

#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li.curparent.more > a::after ,
#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li.current.more > a::after ,  
#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li.current.more > a::before , 
#menu nav.mainmenu-1st-level > ul > li.curparent.more > a::before {
    color:#858585; }

#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li:not(.current):not(.curparent):hover > a {
    border-top: 4px solid rgba(0,0,0,.2);    
}

#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li:hover > a {
    border-top: 4px solid rgba(0,0,0,.2);    
}

#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li.curparent > a , 
#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li.current > a {
    background:none;
    font-weight: bolder;
    border-top: 4px solid #ffffff5e    
}

/* SIPKA VZHURU (SMERUJICI Z 2. UROVNE DO HL. MENU)*/
#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li.more:hover::after {
    border:1px #e0e0e0 solid;
    box-shadow:-3px -3px 3px 0 rgba(0,0,0,0.06);
    border-width:0 0 1px 1px;
    content:"";
    width:10px;
    height:10px;
    background:#fff;
    position:absolute;
    border-radius:0 100% 0 0;
    transform:rotate(45deg);
    color:#07617d;

    border-width:0;
    border-radius:0 0 100% 0;
    bottom:-5px;
    left:50%;
    margin-left:-5px;
    z-index:9999999;        
    -webkit-animation: slide-down .5s ease-out;
    -moz-animation: slide-down .5s ease-out;
    animation: slide-down .5s ease-out;    
}

#menu.MenuMode_standard  ul > li.current > a,#menu.MenuMode_standard ul > li.curparent > a {border-top:0.25em #07617d solid; font-weight:700; color:#07617d;}
#menu.MenuMode_standard .submenu-cascade > ul > li.current > a, #menu.MenuMode_standard .submenu-cascade > ul > li.curparent > a {
    font-weight:700; color:#07617d !important; border-top: 0;
}
#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li.curparent.more > a::after,
#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li.current.more > a::after, #menu nav.mainmenu-1st-level > ul > li.curparent.more > a::before, 
#menu.MenuMode_standard nav.mainmenu-1st-level > ul > li.current.more > a::before {
    color:#07617d;
}




/* >> --------- HAMBURGER STYLY ---------- */
/*!!POZOR - styl je uplatnen na element nav!!*/
.hamburger-menu {
    font-size: 16px
}
.hamburger-menu > ul > li {
    border-top: 1px #0000000f  solid;
    margin: 0;
}
.hamburger-menu ul > li.curparent > a, .hamburger-menu ul > li.current > a {
    text-decoration: underline;
    background: none;
    border-top:0; 
    font-weight: bolder !important;
    color: #333;
}
.hamburger-menu > ul > li.more::after {display:block}
 
.hamburger-menu > ul > li.current,.hamburger-menu > ul > li.curparent {background:none}
.hamburger-menu ul li.more > a {width: 60% !important; }
.hamburger-menu ul li a {width: 100%; }
  
.hamburger-menu > ul > li > a {
    padding: 0.4em .8em;
}

.hamburger-menu > ul > li > a {transition:padding-top .2s;font-weight:400;padding:0.15em 0.2em;margin: 0em 0.15em 0.4em;font-size:1em; line-height: 0.9; display:inline-block;border-top:4px transparent solid;
    color:#333/*menutext*/;text-decoration:none;font-weight:100;
}
.submenu-hamburger  {
    display: none;
}
.hamburger-menu ul ul {background-color: #ffffff5e; border-bottom: 0; padding-bottom: 0 !important; margin-bottom: 0 !important; padding-left: 1em !important}
.hamburger-menu ul {background-color: #e6e6e6;}

.hamburger-menu ul li {display:block; padding: .25em 0;}


.hamburger-menu > ul li > ul,.hamburger-menu > ul li:hover > ul {padding:.4em .1em 1em}
.hamburger-menu ul > li.more::after {display:none}

.nojs #menu.MenuMode_hamburger #button-hamburger {display:none}
/* HAMBUURGER */

.hamburger-menu {position: relative;text-align:left; box-shadow: 0px 7px 9px 0px #0000005c;}
.submenu-hamburger ul li a {color:#333/*menutext*/;text-decoration:none;font-weight:100;
text-align: left; padding: 0.15em 0.2em;margin-left: .2em;}

.hamburger-menu li.more .submenu-hamburger-open.sign-open {
    font-size: 1.1em;
    padding: 0.3em 0.7em;
}
.hamburger-menu li.more .submenu-hamburger-open {
    position: absolute;
    background: #a6a6a6d9;
    color: white;
    cursor: pointer;
    top: 3px;
    right: 10px;
    display: block;
    text-align: right;
    padding-right: 10px;
    border-radius: 5px;
    font-size: 1.7em;
}

.hamburger-menu li.more .submenu-hamburger-open {
    width: 100px;
}

/* << --------- HAMBURGER STYLY ---------- */

/* -- tlačítko  hamburgeru -- */
#button-hamburger.activate {border:1px #07617d solid;color:#07617d/*odkaz*/; cursor:pointer;padding:.3em 1em;font-size:1.4em;position:relative;top:0;display:inline-block;margin: 0.7em auto;text-align:center;/*background:none*/}

#button-hamburger.activate:hover , 
#button-hamburger.activate.active {
    background:#07617d;
    color:#fff;
    border-color:transparent;   
}

#button-hamburger.activate::before {content:"☰";display:inline-block;margin-right:.4em;}
#button-hamburger.activate::after {content:"menu";text-transform:uppercase;display:inline-block;}

#button-hamburger.activate:hover::before , 
#button-hamburger.activate.active::before {color:#fff}
#button-hamburger.activate.active::before {content:"✕"}


/* START ------------ Nová hlavička -------------  */

#menu.MenuMode_standard {
    display:flex!important;
    justify-content: flex-end!important;
}


#menu.MenuMode_standard #langs {    
    border-left: 1px solid #00000057;
    padding-left: 0.2em;
    margin-left: 0.7em;	
    inline-size: max-content; /* kvůli tom, aby byly položky přepínačů mutace vedle sebe */
}

@media screen and (max-width:768px) {
    #menu.MenuMode_standard{display:block!important;}
}

#langs a.active {
    background: rgba(0, 0, 0, 0.1);    
}

#langs a {  /* korekce oproti MENU */
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 300;  
    padding-left: 0.4em; 
    padding-right: 0.4em;
}

.ismobile-yes  .lang-box {
    float:right;
    display:none;
}

#menu.MenuMode_hamburger .lang-box{
	display:none;
}

.lang-box-hamburger{
position:relative;
}

.ismobile-no .lang-box-hamburger{
	display:none;
}

#menu.MenuMode_hamburger #login{
	display:none;
}

#menu.MenuMode_hamburger > nav > ul{
    position: absolute;
    width: 100%;
    margin-top: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	padding:0 10px;
}

#menu.MenuMode_hamburger .hamburger-menu > ul > li > a {
	margin: 0em 0 0.4em;
}

#head.hamburger-mode {
	width:auto;
    padding-top: 0px; 
    margin: 0 1em;
    padding-top: 25px;
}

.head-align-left  #head.hamburger-mode {
padding-top: 0px;
}

#menu.MenuMode_hamburger {
    text-align:left;
}

@media screen and (max-width:991px) {
	#head.hamburger-mode {
	    width: 100%;
		margin: 0 0em;			
	}
	.head-align-left  #head.hamburger-mode {
		width:auto;
	}
	#menu.MenuMode_hamburger {
	text-align:center;
	}    
}

.head-align-center #head.hamburger-mode, .head-align-center #mininav {
	width:100%;
	text-align:center;
	padding: 1em 0 0.5em;	
}

.ismobile-no #mininav{ /*-BS5FIX-*/
display:none;
}

.head-align-center #menu.MenuMode_hamburger {
	width:100%;
	text-align:center;
	margin: 0;
}

.ismobile-yes .head-align-left > .container > .row {
    display: flex;
    flex-wrap: wrap;
}

.ismobile-yes .head-align-left #head {
	flex-grow: 1;
	text-align:center;
	align-self: center;
}

.ismobile-yes .head-align-left #mininav {
	flex-grow: 1;
	text-align:center;
	align-self: center;
	margin: 1em 2em 0.5em;	
	width:auto;
}

.ismobile-yes #langs {
    padding: 0;
  }

.ismobile-no #head {
	width:auto;
	float:left;
}


.ismobile-no #menu {
	/*width:auto;*/ /*-BS5FIX-*/
	display:block;
	margin: 0 0.5em; 
}

.ismobile-yes #menu {
	width:100%;
}

/* prozatímní korekce k dořešení */
.login-admin-2 {
    display:none;
}

.ismobile-no #head-sekce > .container > .row{
flex-wrap: nowrap;
}
    
@media screen and (max-width:768px) {    
    #head,#menu, .ismobile-no #head, .ismobile-no #menu  {width:100%}
    #head {text-align:center; padding-top: 15px;}
    #menu {margin-bottom:-4px;text-align:center;}	
    .news .datum:empty {display: none;}
}	

#head-sekce > .container > .row{
justify-content: space-between;
}

#above #menu{
flex-grow: 1;
}

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

    #above {
        position: relative !important;
    }

    #above #menu {
        top: -10px;
    }

	#menu.MenuMode_standard #langs {
	border-left:0px;
	margin:0px auto;
	}
}

#login{
	display:none;
}

.brightout {
    /* filter: brightness(0.65); */
}

#modal-admin .modal-header .close{
	font-size:18px;
	background-color:#CCCCCC;
	border:0px solid;
	top:0px;
	padding:0px 7px;
}

@media screen and (min-width:768px) { 
#modal-admin .modal-header {
	max-height:30px;
}
}

/* END ------------ Nová hlavička -------------  */


/*----- FOCUSPOINT BOX KOREKCE ------*/
.uvod-on-homepage .focuspoint-box , .focuspoint-box {
	top:-1px;
}


/*-------------- AKCE START---------------*/

.dnes-events, .past-events, .next-events{
/*background-color:#eee;*/
background-image: linear-gradient(to left, rgba(255,0,0,0), #eee);
padding:5px 1em;
margin-bottom:1em;
}

.dnes-events a, .past-events a, .next-events a{
color:#000000;
font-weight:bold;
}

.dnes-events a:hover, .past-events a:hover, .next-events a:hover{
color:#111;
}

.akce-container{
	display: flex;
    gap: 1em;
    justify-content: stretch;
}

.akce-container.akce-mode-boxes{
	flex-direction:column;
}

.akce-nahled img{
width:30vw;
margin-bottom:1em;
}

.akce-container.akce-mode-boxes .akce-nahled img{
max-width:100%;
}

.akce-container.akce-mode-boxes .akce-info{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}


.akce-container.akce-mode-home{
	flex-direction:column;
}

.akce-container.akce-mode-home .akce-nahled img{
max-width:100%;
}

.akce-container.akce-mode-home .akce-info{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.akce-container.akce-mode-home .akce-text-data{
    display: flex;
    gap: 1em;
	flex-wrap: wrap;
}

.akce-container.akce-mode-home .nazev{
margin:0 0 0 0;
}

.akce-container.akce-mode-home .akce-nahled,
.akce-container.akce-mode-home .nazev_doplnek,
.akce-container.akce-mode-home .misto,
.akce-container.akce-mode-home .url-indefinite,
.akce-container.akce-mode-home .poradatel-name,
.akce-container.akce-mode-home .akce-info{
display:none;
}



@media screen and (max-width: 991.98px) {
.akce-container{
flex-direction:column;
} 

.akce-single .akce-info{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

}

@media screen and (max-width: 768.98px) {
.akce-nahled img{
width:50vw;
margin-bottom:0em;
}
}

.akce-single-more a{
color:#fff;
display:block;
background-color:#eee;
color:#000000;
padding:0.2em 0.5em;
font-weight:400;
text-align:center;
margin-bottom:1em;
}

.akce-single-more a:hover{
color:#111;
}

.akce-single > div{
font-size:18px;
border-bottom:1px solid #aaa;
margin-bottom:1em;
}

.akce-single .cas{
color:#888;
}

.akce-single .nazev{
margin:0.5em 0;
}

.akce-single .nazev a{
color:#888;
font-weight:500;
}

.akce-single .nazev_doplnek{
margin-bottom:0.5em;
font-style:italic;
}

.akce-single .nazev_doplnek a{
color:#fff;
}

.akce-single .misto, .akce-single .poradatel-name, .akce-single .url-indefinite{
margin-top:0.4em;
color:#fff;
border-left:10px solid #555;
border-radius:5px  0px 0px 5px;
background-image: linear-gradient(to left, rgba(255,0,0,0), #555);
}

.akce-single .url-indefinite a{
color:#fff;
}

.akce-modes{
margin-bottom:2em;
}


.stranka-mode{
/*font-size:13px;*/
padding:2px 5px;
border-radius:5px;
border:1px solid #ccc;
text-decoration:none;
color:#fff;
background-color:#aaa;
}


.stranka-mode:hover, .stranka-mode-act{
background-color:#ccc;
text-decoration:none;color:#000;
}


/*--- akce detail ----*/

.akce-data-part0 {
  font-size: 1.5em;
  font-style: italic;
}



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

.akce-data-part1 a, .akce-data-part2 a, .akce-data-part3 a{
color:inherit;
}

@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.1em;
}



.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;  
}





/*-------------- AKCE KONEC--------------*/