:root {  
  --text-dark-str: #6f4c0b;  		/* hlavní barva textu – tmavá   */
  --green-blue-dark: #004c66;    /* pozadí headeru a patičky     */
  --gold-main: #957907; 			    /* barva - text v search        */
  --text-banner: #6f4c0b;			  /* barva - text banner          */
  
  /* Theme */
  --theme-link-main-color: #846a00;
  --theme-bg-body-image: url("../imgs/WCB_back_UNI_opt.png");
  --theme-bg-body-color: #f4f2e4;
  --theme-menu-top-active: #076990;
  --theme-menu-top-hover: #1e7e90;
  --theme-header-bottom-line-image:        url("../imgs/WCB_menu-linka_2x_ZS.png");
  --theme-mainimg-mask-image:              url("../imgs/WCB_maska-mainimg-01_ZS_opt.png");

  --theme-mainimg-mask-image-big:          url("../imgs/WCB_maska-mainimg-03b__BIG1-.png");

    --theme-banner-nahledrepre-mask-image: url("../imgs/WCB_maska-banner_ZS_opt.png");
  	--theme-banner-mainimg-mask-image:     url("../imgs/WCB_maska-banner-mainimg-mask.png");
  --theme-gallery-mask-image:              url("../imgs/WCB_maska-gallery-01_ZS_opt.png");
  --theme-nahled-mask-image:               url("../imgs/WCB_maska-nahled.png");
  --theme-nahled-box-mask-image:               url("../imgs/WCB_maska-nahled-box.png");  
  --theme-nahled-box-nazev-image:              url("../imgs/WCB_flek-polozky-vypis-boxy.png");  
  --theme-sectionmenu-bg-image:            url("../imgs/WCB_menu-akvarel-B2.png");
  --theme-sectionmenu-color: #846a00;
  --theme-sectionmenu-line-image:          url("../imgs/WCB_sectionmenu-linka_2x_ZS.png");
  --theme-sectionmenu-flek-image:          url("../imgs/WCB_menu-flek_UNI_opt.png");


  --theme-nahled-aktualita-mask-image:     url("../imgs/WCB_maska-nahled-aktualita.png");
  --theme-nahled-akce-mask-image:          url("../imgs/WCB_maska-nahled-akce.png");
  --theme-flek-polozky-filtry2:            url("../imgs/WCB_flek-polozky-filtry2.png");


  /* Proměnné, které nejsou použity v jednotlivých sekcích */
  --akce-part1-label-width: 7em;    
  --universal-menu-top-hover: #076990;


  /* korekce bootstrapu */


}






/*MS*/
.top-nav1 > a.button:nth-child(2):hover {
  background:#d66380!important;
  border-color:#d66380!important;
}

/*ZS*/
.top-nav1 > a.button:nth-child(3):hover {
  background:#957907!important;
  border-color:#957907!important;
}

/*LC*/
.top-nav1 > a.button:nth-child(4):hover {
  background:#1f8ea2!important;
  border-color:#1f8ea2!important;
}

/* obecné */
.top-nav2 > a.button:hover {
  background:var(--universal-menu-top-hover)!important;
  border-color:var(--universal-menu-top-hover)!important;
}


/* TESTOVACÍ styly - nemazat  */
span.middle-menu1:nth-child(1) > a:nth-child(1) {color: #900014;}
span.middle-menu1:nth-child(1) > a:nth-child(2) {color: var(--theme-sectionmenu-color);}
span.middle-menu1:nth-child(1) > a:nth-child(3) {color: #005c7d;}
.middle-menu1 {font-weight: 400;}

span.middle-menu1:nth-child(1) > a:nth-child(1) , 
span.middle-menu1:nth-child(1) > a:nth-child(2) ,
span.middle-menu1:nth-child(1) > a:nth-child(3) {color: var(--theme-sectionmenu-color);}


/* formát "poznámka" */
.poznamka {
  color: #d300ff;
  font-size: 1.3em;
}






/* GLOBAL */
body {
  /*  font-family: "Segoe UI", sans-serif;  */
  font-family: 'Roboto Condensed','Segoe UI', sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.2;
  
  color: var(--text-dark-str);
  background-color: var(--theme-bg-body-color);
  background-image: var(--theme-bg-body-image);
  
}


a {
color: var(--theme-link-main-color);
}

@media (max-width: 767.98px) {
.hidden-xs{
display:none!important;
}
}

#above-clanek {
  display:none;
}

.bf,.pod-head-bg,.zaahlavi-after-focus {
  display:none;
}

#zpet-stranka-link {
  display:none;
}

/* korekce pro listování */
#main ul.pagination li a, #main ul.pagination li  span {    
    font-weight: 400; 
}

/*  pro výpisy    */
.prilohy-ano {
  font-weight: 300;
  padding-top: 0em; 
  color: inherit;
}

/* datumovka */

.datumovka, .datum {
  font-weight: 300;
  margin-bottom: 0.5em;
  opacity: 0.8;
}

span.datum {
  text-transform: lowercase;
}

span.datum:first-letter {
  text-transform: uppercase;
}

/*------------------------------------------------------*/





/* TOP BAR */
.top-bar-container{
    justify-content: space-between;
}

.top-bar-bg {
  background: var(--green-blue-dark);
  height: 47px;
  padding-bottom: 10px;
}

.top-bar {
  position: sticky;  
  top: 0;
  z-index: 1100; /* above header & menus */
}


@media (max-width: 991.98px) {
  .top-bar-bg {
    padding-top: 10px;
  }
}

.top-bar a {
  color: #fff;
  margin-right: 0.7em;
  font-size: 0.8em;
  text-decoration: none;
}

.top-nav1,.top-nav2{
	align-self: baseline;
}

.top-nav > .button {
  padding: 0.5em 0.35em  0;
  border: 1px solid #ffffff4f;
  display:inline-flex;
  text-transform:uppercase;
}

.top-nav a.active /* , .top-nav a:hover */ {
  padding-bottom: 0.5em;
}

.top-nav > .button.active, .top-nav > .button:hover {
  background: var(--theme-menu-top-active);
  border:1px solid var(--theme-menu-top-active);
}

.top-nav > .button > a:hover {
  background: var(--theme-menu-top-hover);
  border:1px solid var(--theme-menu-top-hover);
}

.top-nav .top-bar-logo a:hover {
  background: none;
  border: none;
}

.top-nav3 {
  color: #fff;
  display: none;
} 


.top-nav > a.top-nav-schools{
  color:#fff;
  border:1px solid transparent;
  width: 6em;
  display:inline-block;
}

.top-bar-logo-box{
width: 9em;
display:inline-block;
}

/* TOP BAR LOGO */
.top-bar-logo {
/*  display: none;*/
  width: 1.5em;
  display:inline-block;
  opacity:0;
  border:0px solid transparent;
  padding:0;
}

.top-bar-logo img , .top-bar-schools-logo img {
  position: relative;
  height: 2em;
  margin-left: -0.1em;
}


/*@media (min-width: 992px) {
  .top-nav {
    margin-left: 1em;
  }
}*/

/* Desktop only */
@media (min-width: 992px) {
  body.scrolled-80 .top-bar-logo {
    display: inline-block;
	opacity:1;
  }
  body.scrolled-80 .top-nav > a.top-nav-schools {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .top-bar-logo {
    display: inline-block;
  }
  .top-bar-logo img{
    width:100px;
    margin-top:-14px;
    position:absolute;
  }
}

.top-bar-logo-mobile{
display:none;
/*width:360px;*/
}

.top-bar-logo-mobile img {
  position:absolute;
  width:360px;
  top:-50px;
  margin-left:-3em;
}


@media (max-width: 991.98px) {
  .top-bar-logo-mobile {  
    display: inline-block;
  }
}
@media (max-width: 420.98px) {
  .top-bar-logo-mobile img  {  
    width: 85%;
    top: -12vw;
    left: 30px;
  }  
}

/* HEADER */

.search-box{
min-width:250px;
}

.button-search-mobile {
  display:inline-block;
  height:30px;
  width:30px;
  z-index:200;
  position:relative;
  background: var(--green-blue-dark);
  padding: 0.2em;
}
@media screen and (max-width: 767.98px) {
  .button-search-mobile {  
    left: 10px;
  }
}

@media (min-width: 992px) {
  .button-search-mobile {
    display:none;
  }
}

.menu-search-box {
  /* margin-right:20px; */
}

.menu-root {
  overflow:hidden;
}

@media (max-width: 1199px) {

.search-box{
min-width:200px;
}

.menu-search-box{
flex-direction:column;
/*gap:1.5em;*/
align-items: end !important;
}
}

.main-header {
  /*background-image: var(--theme-header-bottom-line-image);
  background-size:85%;
  background-position:-30px bottom;
  background-repeat:no-repeat;*/
  padding: 1.4em 0 0 0;
}

.main-heder-bottom-line{
  height: 0.5em;
  background-image: var(--theme-header-bottom-line-image);
  background-position:110% bottom;
  background-repeat:no-repeat;
  margin-top: 0.5em;
}

@media (max-width: 1199px) {
  .main-heder-bottom-line {
    background-position:right bottom;
    margin-top:-2.8em;
  }
}

/*.brand {
  display: flex;
  gap: 1em;
  align-items: center;
}*/
.brand img {
  width:50%;
  height:auto;
  max-width: 550px;
  position:absolute;
  top: 47px;
  margin-left: -4em;
}
@media (min-width: 1400px) {
	.brand img {  
    max-width: 700px;
	}
}

/* MAIN NAV STRUCTURE */
.main-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* LINKS */
.main-nav a {
  color: #fff;
  text-decoration: none;
  padding: 0.5rem 0.2rem;
  display: block;
  white-space: nowrap;
}

/* SUBMENUS */
.submenu {
  position: absolute;
  background: #737373;
  min-width: 220px;
  display: none;
  padding: 0.5rem 0;
  z-index: 1000;
}

.submenu a {
  padding: 0.5rem 1rem;
}

/* SECOND LEVEL POSITIONING */
.has-submenu {
  position: relative;
}

/* DESKTOP HOVER */
@media (min-width: 992px) {
  .has-submenu:hover > .submenu {
    display: block;
  }

  .submenu .has-submenu > .submenu {
    top: 0;
    left: 100%;
  }
}

/* MAIN NAV1 STRUCTURE */

#mainNav1 {
  font-family: "Segoe UI", sans-serif;
  display: flex;
  gap: 0em;
  align-items: center;
  font-size:1.2em;

}


#mainNav1 a {
  color: var(--theme-sectionmenu-color);
  text-decoration: none;
  text-transform:uppercase;
  font-weight: 400;
  position: relative;
  padding: 0 0.4em;
}

#mainNav1 a:not(:last-child)::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
  height: 1em;
	background-color: var(--theme-sectionmenu-color);
}

.search-box > input {
  padding: 0 0.1em 0 0.3em;
}

.search-box {
  opacity: 0.5;
  margin: 0 0.3em;
}

@media (max-width: 1199px) {
  .search-box {  
    margin: 0 0.8em;
  }
}


.navbar-toggler {
  border: none;
  background-color: black;
    z-index: 900;
    padding: 0.3em;
	background: var(--green-blue-dark);
	margin-top:-0.3em;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255,255,255,0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");

}

.container-mainNav2{
background-color:#535353;
max-height:70vh;
overflow:auto;
}

#mainNav2 {  
  background-color: #535353;
  z-index: 999999999999;
  position: relative;
  margin: 0.3em 0.5em 1em;
  padding: 1em 0.5em ;
}

/*#mainNav2 ul{
max-height:90vh;
overflow:auto;
}*/


/* HERO */
.hero {
  position: relative;
  /*background: var(--sand);*/
}

.hero-text {
  min-height: 4em;
}

.hero-banner-link{
text-decoration:none;
}

.hero .quote {
  font-size: 1.2em;
  line-height: 1.3em;
  text-align: center;
  padding: 0 2em;
  margin: 1.5em 0 0.5em ;
  font-weight: 200;
  color: var(--text-banner);
  font-style: italic;  

  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
}
@media (max-width: 991.98px) {
	.hero .quote {     
    margin: 0.9em 0 0.5em;    
    font-size: 1.1em;
  }
}

.hero .quote-author {
  display:block;
  padding-left:50%;
  font-style: italic;
}

.hero-image img {
  height: 50%;
  width: 100%;

  /* Mask */
  -webkit-mask-image: var(--theme-banner-nahledrepre-mask-image);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;

  mask-image: var(--theme-banner-nahledrepre-mask-image);
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  mask-position: center;
}

/* mizení a objevování hero-image  */
#hero-image {
   opacity: 1;
   transition: opacity 0.5s ease-in-out;
   -moz-transition: opacity 0.5s ease-in-out;
   -webkit-transition: opacity 0.5s ease-in-out;
}
#hero-image.scrolled-hero {
  opacity:0;
}




/* SECTIONMENU */
.sectionmenu-box {
  width:calc(100% + 10em);
  margin-left:-5em;
  padding: 5em 5em 4em 8.5em;
  background-image: var(--theme-sectionmenu-bg-image);
  background-size:100% 100%;
  min-height: 18em;
}

.presectionmenu-box::before{
	content: "";
	position: absolute;
	/*transform: translateY(-25%);*/
	width: 220px;
  height: 700px;
  margin-left: -8em;
  margin-top: -8em;
	background-image: var(--theme-sectionmenu-flek-image);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:contain;
}

.sekce_0 .presectionmenu-box::before {
  /* width: 230px;
  height: 740px;
  margin-left: -8.3em;
  margin-top: -8em; */
  opacity: 0.63;
}


.sectionmenu-box {
	font-family: "Segoe UI", sans-serif;
}

.sectionmenu-box a {
  color: var(--theme-sectionmenu-color);
}

.sectionmenu-line {
  width:calc(100% + 10em);
  margin-left:-5em;
  background-image: var(--theme-sectionmenu-line-image);
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
  height:1em;
  opacity: 0.7;
}

@media (max-width: 767.98px) {
  .sectionmenu-line {
    /* display:none; */
  }
}

.sectionmenu-box .sub-nav{
	display: flex;
  flex-wrap: wrap;
  min-height: 1.5em;
}

/* CONTENT */
.content-section {
  position: relative;
  overflow:hidden;
	padding: 0em 0 0 0;
	/*top: -4em;   */
	transform: translateY(-4em);
}
.content-section h2 span{
font-weight:bold;
}
.content-section h2 {
  color: var(--theme-sectionmenu-color);
}




/* -------  MIDDLE MENU ----------  */

.middle-menu a {
  text-decoration:none;    
  display:inline-block;  
  margin: 0.2em 0.5em 0.2em 0em;
  padding-right: 0.5em;
  line-height: 1.1em;  
  position: relative;
}

.middle-menu a.active  {
  font-weight: 600; 
}


.middle-menu a:not(:last-child)::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	border-right: 1px solid;
	height: 1em;
	background-color: var(--theme-sectionmenu-color);
}

.middle-menu1, .middle-menu2 {
  text-transform:uppercase;
}

.middle-menu1 {
  font-size: 2em;  
  font-size: 1.8em;
}

.middle-menu1_a-root {
  display: grid;
  margin: 0 0 .5em;  
  font-weight: 400;
  line-height: 1.6;
  width: fit-content;
}

.middle-menu1_a-root a {  
  margin: 0.05em 0 0em;
  padding-right: 0;
}


.middle-menu1_a-root a::after {
  display: none;  /* skrytí "svislítka" za položkou */
}

.middle-menu1_a-root a::before {
	position: relative;
  font-weight: 300;
  padding-right: 0.3em;
  opacity: 0.6;
	/*transform: translateY(-25%);*/
  content: "\263c";    
  font-size: 0.6em;
  top: -0.3em;
  padding-right: 0.4em;
  opacity: 0.6;
  /**/
  /* content: "»"; */
  /* content: "\2756"; */
  /* font-size: 0.5em; */
  /* top: -0.4em;  */
}
.middle-menu1_a-root a:hover::before {	
  /* margin-right: 0.2em; */
}


.middle-menu1_b-stredisko a:nth-child(n+2) {	
  text-transform: initial;
  font-size: 0.8em;
} 

.middle-menu1_c-malasekce  {	
  text-transform: initial;  
} 

/* pro rozcestník středisek ve stránce v malé sekci */
.middle-menu0_rozcestnik {	  
    font-size: 1.2em;
    display: block;
    border-bottom: 1px dotted;
    margin-bottom: 0.1em;
    font-weight: 300;    
  }
  @media screen and (min-width: 992px) {
    .middle-menu0_rozcestnik {	  
      display: none; 
    }
} 
.middle-menu0_rozcestnik a:nth-child(1)::before {	  
  display: none;
} 
.middle-menu0_rozcestnik a {	  
  margin-right: 0.3em;
} 
  

/* -------------------- */

.middle-menu2 {
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1.6;
  margin: 0.4em 0em 0.2em;
  display: block;

  text-transform: initial;
  font-family: 'Roboto Condensed','Segoe UI', 'sans-serif';
  font-weight: 300;
}


.middle-menu2_a-root {
  text-transform: initial;
  font-family: 'Roboto Condensed','Segoe UI', sans-serif;
  font-weight: 300;
}
.middle-menu2_a-root a:nth-child(1) {
  font-size: 1.15em;
  font-weight: 400;
}
.middle-menu2_a-root a.active  {
  font-weight: 700; 
}


.middle-menu2_b-stredisko {
  display:block;   
  text-transform: uppercase;
  font-family: 'Segoe UI', 'sans-serif';    
}


.middle-menu2_b-stredisko_subnav {
  text-transform: inherit;
  line-height: 1.5;  
  font-size: 1.2em;
}

.middle-menu2_b-stredisko_newsline {
  font-size: 1.1em;
  margin-top: 0.5em;
  margin-bottom: 0.3em;
  width: fit-content;  
/*  border-bottom: 1px dotted;  */
}

.middle-menu2_b-stredisko_newsline_with-subnav {
  /*   */    
}


.middle-menu2_c-malasekce {
  display: block;  
}

/* -------------------- */


/* SUBNAV */

.sub-nav a {
  font-size: 1.2em;
  line-height: 1.4;
  margin-right: 0.4em;
  padding-right: 0.4em;
  text-decoration: none;  
  position: relative;  
  font-family: 'Roboto Condensed','Segoe UI';
}

.sub-nav a.active {
  font-weight: 500;
}
.sub-nav a:not(:last-child)::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	border-right: 1px solid;
	height: 1em;
	background-color: var(--theme-sectionmenu-color);
}

.sub-nav a.parent-middle-menu {		
	margin-right: 0.2em;  
  /* font-style: italic; */
  font-weight: 400;  
}

.sub-nav a.parent-middle-menu::after {
	content: " < ";
  position: relative;
  right: -0.1em;
  top: 0px;
  transform: translateY(0%);
  background-color: transparent;
  color: var(--theme-sectionmenu-color);
  font-style: normal;
  border: 0;
}

/* BANNER MAINIMG */

.multi-podclanek-tmpl_cont__banner_mainimg .mainimg-size-1 .focuspoint img {
min-width:auto;
max-height:10em;
top:0!important;
}
.multi-podclanek-tmpl_cont__banner_mainimg .mainimg-size-1 .focuspoint a{
display:contents;
}


.multi-podclanek-tmpl_cont__banner_mainimg .mainimg-position-5 .focuspoint img {
margin:0 auto;
}

img.mainimg-masked, .focuspoint-box-mainimg {
  height: auto;
  width: 100%;

  /* Mask */
  -webkit-mask-image: var(--theme-mainimg-mask-image);
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;

  mask-image: var(--theme-mainimg-mask-image);
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  mask-position: center;
}


  


.multi-podclanek-tmpl_cont__banner_mainimg img.mainimg-masked, .multi-podclanek-tmpl_cont__banner_mainimg .focuspoint-box-mainimg {
  -webkit-mask-image: var(--theme-banner-mainimg-mask-image);
  mask-image: var(--theme-banner-mainimg-mask-image);
}


.multi-podclanek-tmpl_cont__banner_mainimg .mainimg-focus{
margin-bottom:0px!important;
}

.mainimg-banner-prilohy-box {
  margin-bottom:1em;
  display:none;
}

.ismobile-yes .mainimg-size-1 img {    
    width: auto;
    min-width: auto;
    margin: 0 auto;
    -webkit-mask-image: var(--theme-mainimg-mask-image);
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: var(--theme-mainimg-mask-image);
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
    mask-position: center;	
	min-height: auto!important;

    max-height: 37vh!important;  /* !!! --- hodnotu upravit i v následujícím stylu --- */
} 

.ismobile-yes .multi-podclanek-tmpltype_banner_mainimg .mainimg-size-1 img {
mask-image:none;
}

.ismobile-yes .mainimg-size-0 .focuspoint-box-mainimg {
   max-height: 37vh!important;  /* !!! --- hodnotu upravit i v předchozím stylu --- */

   aspect-ratio: 4 / 3;
   min-height: auto!important;
}

.mainimg-ratio-1.mainimg-size-0 .focuspoint.focuspoint-box-mainimg,
.mainimg-ratio-2.mainimg-size-0 .focuspoint.focuspoint-box-mainimg,
.mainimg-ratio-3.mainimg-size-0 .focuspoint.focuspoint-box-mainimg,
.mainimg-ratio-4.mainimg-size-0 .focuspoint.focuspoint-box-mainimg,
.mainimg-ratio-5.mainimg-size-0 .focuspoint.focuspoint-box-mainimg{
min-height:1px!important;
}

.mainimg-ratio-1.mainimg-size-0 .focuspoint.focuspoint-box-mainimg{
aspect-ratio: 16 / 9;
}

.mainimg-ratio-2.mainimg-size-0 .focuspoint.focuspoint-box-mainimg{
aspect-ratio: 3 / 2;
}

.mainimg-ratio-3.mainimg-size-0 .focuspoint.focuspoint-box-mainimg{
aspect-ratio: 1 / 1;
}

.mainimg-ratio-4.mainimg-size-0 .focuspoint.focuspoint-box-mainimg{
aspect-ratio: 2 / 3;
}

.mainimg-ratio-5.mainimg-size-0 .focuspoint.focuspoint-box-mainimg{
aspect-ratio: 9 / 16;
}


/* Oprava pro vysoké obrázky start*/
@media screen and (min-width: 992px) {

	.mainimg-width-8 .focuspoint-box-mainimg,
	.mainimg-width-12 .focuspoint-box-mainimg {
		-webkit-mask-image: var(--theme-mainimg-mask-image-big);
		mask-image: var(--theme-mainimg-mask-image-big);
	}	

	.mainimg-size-1.mainimg-width-12 img{  
		min-height: auto!important;
		max-height: 47vh!important;  
		width: auto;
		min-width: auto;	
	    margin: 0 auto;		
		-webkit-mask-image: var(--theme-mainimg-mask-image-big);
		-webkit-mask-size: 100% 100%;
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-position: center;
		mask-image: var(--theme-mainimg-mask-image-big);
		mask-size: 100% 100%;
		mask-repeat: no-repeat;
		mask-position: center;				
	}
	.mainimg-size-0.mainimg-width-12 .focuspoint-box-mainimg {  
		max-height: 47vh!important;  
		/*aspect-ratio: 4 / 3;
		min-height: auto!important;*/
	}	
}
/* Oprava pro vysoké obrázky konec*/


/* FLOAT GRID IMAGE */
.float-grid {
  float: right;
  margin: 0 0 0.5em 0.5em;
}

/* Image styling */
.content-image-float {
  width: 100%;
  height: auto;
  border-radius: 6px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
}

/* Clearfix */
.content-text::after {
  content: "";
  display: table;
  clear: both;
}

/* MOBILE: disable float, keep grid width */
/*@media (max-width: 767.98px) {
  .float-grid {
    float: none;
    margin: 1em 0;
  }
}*/



/* FOOTER */

  .footer-clanek-obsah , .footer-text-final {
    opacity: 0.8;
  }

  .site-footer {  
    background-image: url("../imgs/WCB_back-paticka.png");
    color: #fff;
    padding: 1.8em 0em 0.7em;
    font-size: 0.9em;
  }

  .site-footer a {
    color:#fff;
  }

  .site-footer h5 {
    /* margin-bottom:1em; */
    margin: 0 0em 0.75em 0;
    font-size: 1.1em;
  }

  .site-footer .row.zalom-slova {
    margin-top: 0.3em;
    margin-bottom: 0em;
  }


  .footer-text-final {
    margin-top: 0.4em;
    font-size: 0.85em;
  }

  .footer-note {
    text-transform:lowercase;
  }

  .qrow{
  gap:2em;
  }

  @media screen and (min-width: 992px) {
    .footer-text-final {
      display:flex;
      gap:2em;
    
      margin-left: 3em;
      padding: 0.5em 1em 0.5em 0.5em;
      margin-top: 0em;
    }
    .footer-contacts {
      margin-left: 2em;
      border-bottom: 1px dotted;
      width: fit-content;
      padding: 0 1em;
    }
  }

  @media screen and (max-width: 991.98px) {
    .site-footer{
      text-align:center;
    }
    .footer-note {
      margin-bottom:0.75em;
    }
  }

  @media screen and (max-width: 576px) {
    .qrow {
      flex-direction: column;
      text-align:center;
      gap:0;
    }
    .footer-text-final {
      margin-top: 1em;
    }
  }


  @media screen and (min-width: 576px) and (max-width: 991.98px) {
      .qrow {
          flex-wrap: wrap;
      gap:0;
      }

      .qrow > div {
          flex: 0 0 50%;
      }

      .qrow > div:nth-child(1) { order: 1; }
      .qrow > div:nth-child(2) { order: 3; }
      .qrow > div:nth-child(3) { order: 2; }
      .qrow > div:nth-child(4) { order: 4; }
  }

  .footer-section-0,
  .footer-section-7,
  .footer-section-8,
  .footer-section-9{
  display:none;
  }

  body.editor_body .footer-section-0,
  body.editor_body .footer-section-7,
  body.editor_body .footer-section-8,
  body.editor_body .footer-section-9{
  display:flex;
  }

  .sekce_0 .footer-section-0{
  display:flex;
  }

  .sekce_7 .footer-section-7{
  display:flex;
  }

  .sekce_8 .footer-section-8{
  display:flex;
  }

  .sekce_9 .footer-section-9{
  display:flex;
  }

  .footer-facebook {
    background-image: url("../imgs/icons/icon_facebook-box-line_512x512_white.png");
    background-size:contain;
    background-position:left center;
    background-repeat:no-repeat;
    padding-left:2em;
    padding-top:0.15em;
    padding-bottom:0.15em;
    text-decoration:none;
  }

  @media screen and (min-width: 992px) {
  /*  .footer-contacts {
      max-width: 700px;
      margin:0 auto;
    }*/
  }

  #up.ukaz {
    color: #efefef;
    background: #7d7d7d82;
    bottom: 30px;
  }
  #up::before {  
      top: 0.4em;
  }





/* Oprava patičky stránky - start */
/*@media screen and (min-width: 576px) {*/

	html {
		height: 100%;
	}
	
	body {
		min-height: 100vh;
		display: grid;
		grid-template-rows: auto auto auto auto auto 1fr auto;
	}
	
	footer {
		align-self: end;
	}  

/*}*/
/* Oprava patičky stránky - konec */  
  




/* MOBILE TWEAKS */
@media (max-width: 767.98px) {
  .hero-image img {
    margin-top: 0.5em;
  }
  #main-nav {
    display: none;
  }

  #up {
    font-size: 0.7em;
  }

}

@media (max-width: 991.98px) {
	.hero {	  
    padding: 2.5em 0 1em 0;
	}
	.top-nav{
	  display:none;
	}
  /*	.top-bar-container{
		justify-content: flex-end;
	} */
}

@media (max-width: 380.98px) { 
  .hero {
    padding-top: 1em;
  }
}


@media (min-width: 992px) {
	#mainNav2{
  	display:none!important;
	}
}


@media (max-width: 991.98px) {

   .main-header{
   display:none;
   }

  .nav-list {
    flex-direction: column;
    align-items: flex-start;
  }

  .submenu {
    position: static;
    width: 100%;
    display: none;
    padding-left: 1rem;
  }

  .has-submenu.open > .submenu {
    display: block;
  }
  
  .has-submenu.open > .submenu .has-submenu.open > .submenu {
  padding-left:2em;
  }

  .has-submenu > a::after {
    content: "+";
	padding-left:1em;
  }
}


/*----------- ADDED AFTER HTML FINISHED ------------*/


/* korekce pro zvětšení šíře mainimg S MASKOU pro šíři mobilu, kdy je mainimg roztažen na celou šíři */

@media screen and (min-width: 576px) and (max-width: 991.98px) {
    /*.mainimg-position-0 > .col-lg-6, .mainimg-position-4 > .col-lg-6 {*/
	.mainimg-position-0 > .col-12, .mainimg-position-4 > .col-12 {
	  width: calc(100% + 6em);
      left:  3em;
      position: relative;
    }
	.mainimg-position-1 > .col-12, .mainimg-position-3 > .col-12, .mainimg-position-5 > .col-12 {
	  width: calc(100% + 6em);
      left: -3em;
      position: relative;
    }
    .mainimg-position-2{
	  width: calc(100% + 6em);
      left: calc(var(--bs-gutter-x) * .5 - 3em);
      position: relative;
    }  
}

/* Oprava inpage banneru na stránce */
@media screen and (min-width: 576px) and (max-width: 991.98px) {
    /*.mainimg-position-0 > .col-lg-6, .mainimg-position-4 > .col-lg-6 {*/
	.multi-podclanek-tmpl_cont__banner_mainimg .mainimg-position-0 > .col-12, 
  .multi-podclanek-tmpl_cont__banner_mainimg .mainimg-position-4 > .col-12 {
	  width: 100%;
      left: unset;
      position: relative;
    }
	.multi-podclanek-tmpl_cont__banner_mainimg .mainimg-position-1 > .col-12, 
  .multi-podclanek-tmpl_cont__banner_mainimg .mainimg-position-3 > .col-12, 
  .multi-podclanek-tmpl_cont__banner_mainimg .mainimg-position-5 > .col-12 {
	  width: 100%;
      left: unset;
      position: relative;
    } 
}



/* mainimg - posun mírně nahoru kvůli masce, // v situacích, kde horní hrana obrázku lícuje s textem .. aby s textem (positově) lícoval   */

@media (min-width: 992px) {
  .mainimg-position-0 .mainimg-focus , 
  .mainimg-position-1 .mainimg-focus , 
  .mainimg-position-2 .mainimg-focus , 
  .mainimg-position-3 .mainimg-focus , 
  .mainimg-position-4 .mainimg-focus {
    position: relative;
    /* top: 5px; */
  }
}

/* mainimg - korekce pro mainimg bannery   */
.multi-podclanek-tmpl_cont__banner_mainimg .mainimg-position-3 .mainimg-focus {  
  position: relative; 
  top: 0px;
}





#main{
transform: translateY(-4em);
}

.fotogalerie a.foto{
  height: auto;
  width: 100%;

  /* Mask */
  -webkit-mask-image: var(--theme-gallery-mask-image);
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;

  mask-image: var(--theme-gallery-mask-image);
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  mask-position: center;
}


.newsNahled img, 
.vakce-nahled img, 
.multi-podclanek-tmpl_cont__vypis_nahledu__home img.nahled {
  height: auto;
  width: 100%;
  
      /* korekce kvůli masce */
       width: calc(100% + 20px);
       position: relative;
       right: 10px;       

  /* Mask */
  -webkit-mask-image: var(--theme-nahled-mask-image);
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;

  mask-image: var(--theme-nahled-mask-image);
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  mask-position: center;

  margin-bottom: .5em;
}
  /*
  @media (max-width: 767.98px) {
    .newsNahled img,     
    .multi-podclanek-tmpl_cont__vypis_nahledu__home img.nahled {
      width: 50%;  
    }
}
  */

.multi-podclanek-tmpl_cont__vypis_nahledu__home .news .row {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}


/****************************************************/



p {  
  font-weight: 300;
  line-height: 1.4em;
  margin-bottom: 0.5em;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {  
  font-weight: 300;
  font-family: "Segoe UI", sans-serif;
  padding-bottom: 0em;
  margin-top: 0.7em;
  margin-bottom: 0.3em;
}

.box_preview_h {  
  /* font-weight: 400;*/
}


/*--------- Styl H2 nahrazující H1 v podřízených článcích složeného článku h2.h2-sc{ ----------*/
  
h2[data-hsc="h1"] {       
      font-size: calc(1.2rem + 1.5vw);
    } 
  @media (min-width: 1400px) { 
      h2[data-hsc="h1"] { 
        font-size: 2.3rem;  
    } 
}




/*---- hamburger korekce od QRS ------*/

.hamburger-menu {
    box-shadow:none;
}

.hamburger-menu li.more .submenu-hamburger-open  {
background:none;
width:auto;
}

.hamburger-menu ul {
background:none;
}

.hamburger-menu ul li {
    display: block;
    padding:0;
	position: relative;
}

.hamburger-menu > ul > li {
background:none;
}

.hamburger-menu > ul > li > a  {
    color: #fff;
    text-decoration: none;
    padding: 0.5rem 0.2rem;
    display: block;
    white-space: nowrap;
}

.submenu-hamburger ul li a {
    padding: 0.75rem 1rem;
    color: #fff;
    text-decoration: none;
    display: block;
    white-space: wrap;	
	font-size: 1.2rem;
}

.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: #fff;
}


/*----- search ------*/
.common-list-search a{
color:var(--theme-link-main-color);
text-decoration:none;
}

.common-search-small-img{
width:100%;
}

.common-list-search  .box_preview_h{
font-weight:bold;
}

.common-list-search  .pagination li{
background:#fff;
}

.pagination .disabled a, .pagination .disabled a:focus, .pagination .disabled a:hover, .pagination .disabled span, .pagination .disabled span:focus, .pagination .disabled span:hover {
background:#eee;
}




.search-result {
  font-size: 1.2em; 
}
.search-result span {
  font-weight: 400; 
}


.search-box-inpage {
  opacity: 0.5;
  flex-grow: 1;
  margin-left: 1.5em; 
}


/* FILTER */

.filter-section, 
.filter-template {
  display:flex;
  gap:0.5em;
  /* margin-bottom:1em;*/
}

.filter-section-link, 
.filter-template-link, 
.filter-section-active, 
.filter-template-active {  
    display:inline-block;
    text-decoration:none;
    
    background-position: top center;
    background-repeat: no-repeat;    
    background-image: var(--theme-flek-polozky-filtry2);
    background-size: 100% 100%;

	  padding: 0.4em 0.3em;
    align-self: baseline;
}

.filter-section-active, 
.filter-template-active {
  font-weight: 500;
}

.filter-template-link-all.filter-template-active{
min-width:3.5em;
}

.filter-section-active::before, 
.filter-template-active::before {
  content: '\2713';  
  font-size: 1.3em;
}

@media (max-width: 575.98px) {
.filter-template {
    display:flow;
}
}

.filter-template-link.filter-template-active{
padding-left:2em;
}
.filter-template-active::before {
    content: '\2713';
    font-size: 1.3em;
	position:absolute;
	margin-left:-1em;
	margin-top:-0.2em;
}


.search-h {
  font-size: 1.05em;
  font-weight: 400;
  margin-bottom: 0.2em;
}

.common-list-search p {  
  margin-bottom: 0.3em;
  line-height: 1.2em;
}

.search-section-heading{
font-size: 0.8em;
font-weight: 300;
color: var(--text-dark-str);
margin-bottom: 0.5em; 
}

.search-found-item{
background: #ffffff50; 
margin: 0.7em 0; 
padding: 0.7em 0; 
padding: 0.3em 0;
}

@media (max-width: 991.98px) {
.search-found-item{
	  font-size: 0.9em;
}
}

@media (max-width: 767.98px) {
.newslist .newsBox .search-found-item .newsNahled {
text-align:left;
}
}

.search-box-inpage-container {
	margin-top: 1em;
	margin-bottom: 1em;	
}

.search-notstared .search-box-inpage {
margin-left:0;
}


@media (max-width: 575.98px) {
.search-box-inpage {
width:100%;
margin-top:0.5em;
margin-left:0;
}
}


.search-notstared .filter-template-col a,
.search-notstared .filter-section-col{
display:none;
}


.select2-container--bootstrap4 .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
background-color:var(--theme-menu-top-hover)!important;
}

.select2-container--bootstrap4 .select2-results>.select2-results__options {
font-size:0.85em;
}

/*.bigdrop {
    max-width: 130%!important;
	min-width: 130%!important;
	margin-left:-30%!important;
}*/

/*.select2-results__option {

  white-space: nowrap;

}

.select2.select2-container {

  width: 100% !important;

}*/




/*---- vypis aktualit -----*/

.newsItem {  
  padding: 0em;
}


.first-hidden-uvod-aktitem {
    padding: 1em 2em 2em;
}
@media (max-width: 767.98px) {
  .first-hidden-uvod-aktitem {
    padding: 2em 2em 2em;
  }
}

.first-hidden-uvod-aktitem-link {
    display: inline-block;
    background-position: top center;
    background-repeat: no-repeat;
    background-image: var(--theme-flek-polozky-filtry2);
    background-size: 100% 100%;
    padding: 1em 1.5em;
    align-self: baseline;
}


.newsItem > div {
  margin: 0.3em;
  padding: 0.2em 0.7em 0.7em;
}
.newsItem > div * {
    margin-bottom: .4em;
}

.newsItem > div {
  background: #ffffff50;
}

.newsHomeMargin {
    margin-bottom: 0 !important;
}

.newsBox > .row {
  border: 0;
  padding: 0.5em 0;
  margin: 0.5em;
  background: #ffffff50;
}

/* náhledy na home */ 
.news-blok-link {
  text-decoration-line: none;
  color: var(--text-dark-str);
}


/* AKCE */

.dnes-events, .past-events, .next-events {
  margin-top: 0.7em;
  margin-bottom: 0.5em;
  color: var(--text-dark-str);
  font-size: 1em;
}
.next-events {
  margin-top: 1.7em;
}

.dnes-events::before, .past-events::before, .next-events::before {
  padding-left: 0.7em;  
}

.dnes-events a, .past-events a, .next-events a {
  color:inherit;
  text-decoration:none;
  text-transform: uppercase;
}

.akce-modes{
margin-top:1em;
display:flex;
gap:1em;
}

.akce-modes a{
text-decoration:none;
}

.akce-container.akce-mode-list{
display:flex;
gap:1em;
}

.akce-container.akce-mode-list .akce-nahled{
width:30%;
}

.akce-container.akce-mode-list .akce-text-data{
width:70%;
}

@media (max-width: 767.98px) {
  .akce-container.akce-mode-list{
    flex-direction:column;
  }
  .akce-container.akce-mode-list .akce-nahled{
    width:100%;
  }

  .akce-container.akce-mode-list .akce-text-data{
    width:100%;
  }

}

/*---- vypis akce (částečně i aktuality)-----*/

.vakce-container {
    background: #ffffff50;
    margin: 0.3em;
    padding: 0.3em;  
  }
  @media (max-width: 420.98px) {
    .vakce-container {
      font-size: 0.93em; 
    }
}  

.vypis-akce-month-header{
margin-top:1em;
margin-bottom:0.5em;
font-weight:bold;
color: var(--text-dark-str);
font-size:1.3em;
border-bottom: 1px solid #7777;
text-transform: capitalize;
}

.akce-modes {
margin-top: 0em;
display: flex;
gap: 0.5em;
}

@media (min-width: 768px) {
.akce-modes {
justify-content: end;
}
}


.akce-modes a{
    display:inline-block;
    text-decoration:none;
    
    background-position: top center;
    background-repeat: no-repeat;
    padding: 0.5em;
    background-image: var(--theme-flek-polozky-filtry2);
    background-size: 100% 100%;
}
/*.akce-modes a:hover, */

.akce-modes a.stranka-mode {
    border: 0px solid #ccc;
	  padding: 0.4em 0.3em;
    align-self: baseline;
	  background-color:transparent;
}
.akce-modes a.stranka-mode-act{
  font-weight: 500;
}
.stranka-mode.stranka-mode-act::before {
  content: '\2713';  
  font-size: 1.3em;
}

.vakce-nahled {
  margin-bottom: 0.2em;
}

.vakce-details-data {
  line-height: 1.3;
  margin-bottom: 0.5em;
  font-size: 0.9em;
}
.vakce-details-data .cas {    
  font-weight: 400;
  margin-bottom: 0.15em;
}

.vakce-text-data .nazev {
  margin-bottom: 0.3em;
}
.vakce-text-data .akce-info {
  font-size: 0.9em;
  line-height: 1.3;
}

.akce-single-more{
margin-top:1em;
margin-bottom:2em;
}

.akce-single-more a {
  font-size: 1em;
  border-left: 1px solid var(--text-dark-str);
  border-right: 1px solid var(--text-dark-str);
  border-radius: 0.3em;
  margin: 0.6em;
  padding: 0.1em 0.3em;
  text-decoration: none;
  color: var(--text-dark-str);
}


.akce-spacer {
  height: 1px;
  border-bottom: 1px dotted;
  margin: 0.5em 0;
  width: 40%;
}

/*---- skryt mapu pro vypis Akce ----*/
.vypis-akce-nosny-clanek .mainmap {
  display:none;
}



/* proběhlé akce - roletka s rokem */
#yearSelect {
  opacity: 0.5;
  width:100px;
}

/* ----- AKCE DETAIL ---- */


.akce-detail-nahled img{
  max-width:100%;
  max-height:45vh;
  margin-bottom: .5em;

  /* Mask */
  /*-webkit-mask-image: var(--theme-nahled-akce-mask-image);
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;

  mask-image: var(--theme-nahled-akce-mask-image);
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  mask-position: center;*/
}

@media screen and (min-width: 768px) {
  .akce-detail-nahled-small{
  	display:none;
  }
}

@media screen and (max-width: 767.98px) {
  .akce-detail-nahled-full{
  	display:none;
  }
}


@media (min-width: 992px) {
  .akce-detail-nahled-box {
    text-align:right;
  }
  .akce-detail-nahled img {
    max-height:15em;
	min-height:11em;
	max-width:100%;
  }
}


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


.akce-data-part1 , .akce-data-part2, .akce-data-part3 {   
  padding: 0 0 1em;
  font-size: 1.1em;
  }

  @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-top:    1px solid #c9c9c9; 
  /* border-bottom: 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;
}

@media screen and (min-width: 768px) and (max-width: 991.98px) {
.datum_akce_od .akce-parametr_text , .datum_akce_do  .akce-parametr_text  {     
  font-size: 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;    
}

@media screen and (max-width: 767.98px) {
.akce-data-part1 .datum_akce_od.vicedenni .akce-parametr_text,
.akce-data-part1 .datum_akce_do .akce-parametr_text{
flex-direction:column;
}
}

.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 {  
  width: var(--akce-part1-label-width);
}

.datum_zacatek_text .akce-parametr_text , .datum_konec_text .akce-parametr_text {  
  
}


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

/* AKTUALITA */

.aktualita-detail-nahled img {
  max-width:100%;
  max-height:45vh;

  /* Mask */
  -webkit-mask-image: var(--theme-nahled-aktualita-mask-image);
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;

  mask-image: var(--theme-nahled-aktualita-mask-image);
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  mask-position: center;
}

@media (max-width: 767.98px) {
  .aktualita-detail-nahled img {
    margin-bottom:0.5em;
  }
}



/*---------------- Sunday fix ------------------*/

.vypis a .inner::after {
display:none;
}

.vypis a .inner::after {
display:none;
}

.vypis:not(.vypis_form) a {
background:transparent;
box-shadow: none;
}


.vypis a span.inner .nahled {
  /* background:transparent;       toto způsobuje, že se obr nepřizpůsobuje a je zobrazen ve velikosti 100% */
  
  /* MASK */
  -webkit-mask-image: var(--theme-nahled-box-mask-image);
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;

  mask-image: var(--theme-nahled-box-mask-image);
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  mask-position: center;
}

.vypis:not(.vypis_form) a {
  margin-bottom: 1.3em;
}

.vypis:not(.vypis_form) a span.nazev {
	color: var(--theme-link-main-color);
  background-image: var(--theme-nahled-box-nazev-image);
  display: inline-block;
  background-size: 100% 100%;

  font-size: 1.4em;
  padding: 0.7em 0.5em;  
  font-weight: 300;
}

.vypis:not(.vypis_form) a span.notnahled span.nazev {
  padding: 0.7em 0.5em;
}


/*
.container-vypis-boxes {
  padding: 0em 1.5em;
}
*/

.multi-podclanek-tmpltype_vypis_nahledu__home > .container ,
.vypis-akce-nosny-clanek ,
.past-events ,
.multi-podclanek-tmpl_cont__vypis_clanku_list .container {
  border-top: var(--bs-border-width) dotted;
  padding-top: 0.7em;
  margin-top: 0.7em;
}




/*------- korekce menu pro mobil -----------------*/

@media (max-width: 991.98px) {

  .middle-menu1 {
    font-size: 1.9em;         
  }

  .middle-menu1_b-stredisko a:nth-child(n+2)  {
    font-size: 0.73em;
    padding: 0;
    margin: 0.2em 0; 
  }
  .middle-menu1_b-stredisko a.active:nth-child(n+2)  {
    /* font-size: 0.73em; */
  }

  .middle-menu0_rozcestnik {
    font-size: 1.2em;
  }


  .sub-nav a {
    line-height: 1.6;
  }

  .content-section {
    /* top: -1em ; */
  }

  .sectionmenu-box {
    padding: 5em 5em 2em 7.5em;
  }
  .presectionmenu-box::before {
    width: 220px;
    margin-left: -9em;
  }

}


@media (max-width: 767.98px) {

  .middle-menu1 a {     /* větší rozestupy menu středisek na home webu (kvůli prostoru tlačítek) */
    margin-top: 0.2em;    
  }
  .middle-menu1_b-stredisko a:nth-child(n+2)  {
    /* font-size: inherit; */
  }    


  .sectionmenu-box {    
    font-size: 0.9em;
  }

}


/* MOBILE: disable float, keep grid width */
@media (max-width: 420.98px) {

  .middle-menu1 a {    
    margin-top: 0.4em;
  }
  .middle-menu1_a-root {  
    font-size: 2em;
    margin: 0em 0 0.5em -0.5em;
  }
  .middle-menu1_a-root a {      
    margin: 0em 0 0.1em;
  }

  .middle-menu1_b-stredisko a.active:nth-child(2) {
    font-size: 0.61em;    
  }
  .middle-menu1_b-stredisko a:nth-child(n+2)  {
    font-size: 0.61em;    
  }

  .middle-menu0_rozcestnik {
    font-size: 1.2em;
    margin: 0em 0em 0.5em 0em;
  }
  .middle-menu0_rozcestnik a {    
    margin-right: 0.2em;
  }
}



/* vybrané položky ve střední a spodní části středního menu  */
.middle-menu a:hover, .sub-nav a:hover {
  text-decoration: underline;
}
.middle-menu a::before {
  display:inline-block;
}

.middle-menu2 a.active , .sub-nav a.active {
  text-decoration: underline;
}




/* přílohy ve VÝPISECH - v náhledech !!!   "prilohy-ano" */
.prilohy-ano {  
  margin-top: 0.5em;
}


/*--- KOREKCE stylů pro Formáty (Frontend i Admin) .. nastavené na text  v ADMIN / WYSIWYGu ------------*/

.darkbox {
  padding: 0.7em 1em;
  background: #a2957321;
  color: var(--text-dark-str);
  margin: 0.5em 0;
}

.lightbox {
  padding: 0.7em 1em;
  background: #ffffff87;
  margin: 0.5em 0;
}




/* ------- skrytí defaultních obr, když by byl jen defaultní -------- */

  /* PLOŠNÉ .. nefunguje jen na náhledy v boxových výpisech, .. což úplně nevadí  */
  img[src*="/imgs-defaults/"] { display: none; }  

  /* cíleně pak */      /*
    .akce-detail-nahled-box img[src*="/imgs-defaults/"] {  display: none; }
    .akceRad img[src*="/imgs-defaults/"] { display: none; }  /* výpis Akcí  
    .newslist img[src*="/imgs-defaults/"] { display: none; }  /* výpis Akcí 
*/ 

/* korekce PLOŠNÉHO skrytí -  pro detail aktuality, protože obr je v bootstrap kontejneru vlevo = default-obr tedy musíme ukazovat, jinak by bylo vlevo divné prázdno  */
.aktualita-detail-nahled img[src*="/imgs-defaults/"] , 
.vakce-nahled .nahled { 
  display: inherit; 
}
/* vhodnější varianta skrytí, akorát bychom museli doplnit rozlišující třídu cca .nahrada-defaultnim-obrazkem - tu ale (zatím) negenerujeme   */    
  /* 
  .nahrada-defaultnim-obrazkem .col-12.aktualita-detail-nahled-box {
    display: none; 
  }
*/ 


/* korekce QRS */
.qrs-big-text { font-size: 1.25em; }
.qrs-small-text { font-size: 0.8em; }

.newslist .prilohy {
  padding: 0.1em;
}

/* podbarvení rozbalovací nabídky (otázky a odpovědi) */
#main dl.togglebox.togglebox-open, body.editor_body dl.togglebox {
  background-color: #b3af922e;
}



/* posunu menu a fleku nahoru (obrázek claimu tedy částečně překrývá menu)  */
  .sectionmenu-box , #main , #content-section , .pre-content-section {
    position: relative; 
    top: -30px; 
  }
  #content-section {
    top: 10px; 
  }

  @media (max-width: 991.98px) {
    .sectionmenu-box , #main , #content-section , .pre-content-section {  
      top: 0px; 
    }
}



 /* Pro main img na druhé pozici na mobilu */

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

	.wysiwyg{
			display: flex;
			flex-direction: column;
	}
	.wysiwyg > *{
		order:2;
	}

	.wysiwyg > .focuspoint-row.mainimg-position-0 + *,
	.wysiwyg > .focuspoint-row.mainimg-position-1 + *,

	.wysiwyg > .focuspoint-row.mainimg-position-0 + h1 + *,
	.wysiwyg > .focuspoint-row.mainimg-position-0 + h2 + *,
	.wysiwyg > .focuspoint-row.mainimg-position-0 + h3 + *,
	.wysiwyg > .focuspoint-row.mainimg-position-0 + h4 + *,
	.wysiwyg > .focuspoint-row.mainimg-position-0 + h5 + *,
	.wysiwyg > .focuspoint-row.mainimg-position-0 + h6 + *,	

	.wysiwyg > .focuspoint-row.mainimg-position-1 + h1 + *,
	.wysiwyg > .focuspoint-row.mainimg-position-1 + h2 + *,
	.wysiwyg > .focuspoint-row.mainimg-position-1 + h3 + *,
	.wysiwyg > .focuspoint-row.mainimg-position-1 + h4 + *,
	.wysiwyg > .focuspoint-row.mainimg-position-1 + h5 + *,
	.wysiwyg > .focuspoint-row.mainimg-position-1 + h6 + * 
	{
		order: 1;
	}
}


.col-12.akce_data3{
  display:none;
}

@media screen and (max-width: 767.98px) {
  .akce-data-part-wysiwyg{
    display:flex;
    flex-direction: column;
  }

  .col-12.akce_data3{
    display:inline-flex;
  }

  .akce-data-part-wysiwyg > *{
    order:1;
  }

  .akce-data-part-wysiwyg > .galerie-obtekani-right,
  .akce-data-part-wysiwyg > .galerie-obtekani-left{
    order:2;
  }

}




.hero-text {
  opacity: 0;
  animation: fadeIn 1s ease-in-out forwards;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}







body.predstranka {
	display:flex;
	align-items: anchor-center;
	/*flex-direction:column;*/
	gap:1em;
} 

@media screen and (max-width: 575.98px) {
	body.predstranka {
		display:grid; 
	}
}


body.predstranka #main {
  transform: unset;
	margin-top:3em;
	padding-top:2em;
}


#predstranka-above {
	background: var(--green-blue-dark);
	height: 3em;
	width:100%;
	position:absolute;
	top:0;
}



/* mizení a objevování hero-image  */
#hero-image {
   opacity: 1;
   transition: opacity 0.5s ease-in-out;
   -moz-transition: opacity 0.5s ease-in-out;
   -webkit-transition: opacity 0.5s ease-in-out;
}
#hero-image.scrolled-hero {
  opacity:0;
}




/*---- mainimg vlevo a vpravo mimogalerie a bez obtekani -----*/

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

    .wysiwyg:has(.mainimg-position-1.mainimg-float-1) {
        display: grid;
        grid-template-columns: 200px 1fr;
        gap: 0px;
    }

    .wysiwyg:has(.mainimg-position-1.mainimg-float-1):has(.col-lg-3) {
        grid-template-columns: 25% 1fr;
    }

    .wysiwyg:has(.mainimg-position-1.mainimg-float-1):has(.col-lg-4) {
        grid-template-columns: 33.333333% 1fr;
    }

    .wysiwyg:has(.mainimg-position-1.mainimg-float-1):has(.col-lg-5) {
        grid-template-columns: 41.6666% 1fr;
    }

    .wysiwyg:has(.mainimg-position-1.mainimg-float-1):has(.col-lg-6) {
        grid-template-columns: 50% 1fr;
    }

    .wysiwyg:has(.mainimg-position-1.mainimg-float-1):has(.col-lg-8) {
        grid-template-columns: 66.6666% 1fr;
    }

    .wysiwyg:has(.mainimg-position-1.mainimg-float-1):has(.col-lg-12) {
        grid-template-columns: 100% 1fr;
    }



    .wysiwyg:has(.mainimg-position-0.mainimg-float-1) {
        display: grid;
        grid-template-columns: 1fr 200px;
        gap: 0px;
    }

    .wysiwyg:has(.mainimg-position-0.mainimg-float-1):has(.col-lg-3) {
        grid-template-columns: 1fr 25% ;
    }

    .wysiwyg:has(.mainimg-position-0.mainimg-float-1):has(.col-lg-4) {
        grid-template-columns: 1fr 33.333333% ;
    }

    .wysiwyg:has(.mainimg-position-0.mainimg-float-1):has(.col-lg-5) {
        grid-template-columns: 1fr 41.6666% ;
    }

    .wysiwyg:has(.mainimg-position-0.mainimg-float-1):has(.col-lg-6) {
        grid-template-columns: 1fr 50% ;
    }

    .wysiwyg:has(.mainimg-position-0.mainimg-float-1):has(.col-lg-8) {
        grid-template-columns: 1fr 66.6666% ;
    }

    .wysiwyg:has(.mainimg-position-0.mainimg-float-1):has(.col-lg-12) {
        grid-template-columns: 1fr 100%;
    }


    .wysiwyg:has(.mainimg-position-1.mainimg-float-1) .col-lg-3,	.wysiwyg:has(.mainimg-position-0.mainimg-float-1) .col-lg-3,	
    .wysiwyg:has(.mainimg-position-1.mainimg-float-1) .col-lg-4,	.wysiwyg:has(.mainimg-position-0.mainimg-float-1) .col-lg-4,	
    .wysiwyg:has(.mainimg-position-1.mainimg-float-1) .col-lg-5,	.wysiwyg:has(.mainimg-position-0.mainimg-float-1) .col-lg-5,	
    .wysiwyg:has(.mainimg-position-1.mainimg-float-1) .col-lg-6,	.wysiwyg:has(.mainimg-position-0.mainimg-float-1) .col-lg-6,	
    .wysiwyg:has(.mainimg-position-1.mainimg-float-1) .col-lg-7,	.wysiwyg:has(.mainimg-position-0.mainimg-float-1) .col-lg-7,
    .wysiwyg:has(.mainimg-position-1.mainimg-float-1) .col-lg-8,	.wysiwyg:has(.mainimg-position-0.mainimg-float-1) .col-lg-8,
    .wysiwyg:has(.mainimg-position-1.mainimg-float-1) .col-lg-12,   .wysiwyg:has(.mainimg-position-0.mainimg-float-1) .col-lg-12	 {
    width:100%;
    }


    .wysiwyg:has(.mainimg-position-1.mainimg-float-1) .mainimg-position-1{
        grid-column: 1;
        grid-row: 1 / span 100;
    }

    .wysiwyg:has(.mainimg-position-0.mainimg-float-1) .mainimg-position-0 {
        grid-column: 2;
        grid-row: 1 / span 100;
    }

    .wysiwyg:has(.mainimg-position-1.mainimg-float-1) > :not(.mainimg-position-1) {
        grid-column: 2;
    }


    .wysiwyg:has(.mainimg-position-0.mainimg-float-1) > :not(.mainimg-position-0) {
        grid-column: 1;
    }


    .wysiwyg:has(.mainimg-position-1.mainimg-float-1) .mainimg-position-1.col-lg-4,
    .wysiwyg:has(.mainimg-position-0.mainimg-float-1) .mainimg-position-0.col-lg-4 {
    width:100%;
    }

    .prvni-wysiwyg:has(.mainimg-position-0) :nth-child(2),
    .prvni-wysiwyg:has(.mainimg-position-1) :nth-child(2) {
    margin-top: 0px !important;
    padding-top: 0px !important;
    }

    .prvni-wysiwyg:not(:has(.mainimg-position-0):has(.mainimg-position-1)) :nth-child(1){
    margin-top: 0px !important;
    padding-top: 0px !important;
    }

}


/* korekce pro stránku tiráž */

        .sekce_tiraz .sectionmenu-box , 
        .sekce_tiraz .hero-banner-link , 
        .sekce_tiraz .presectionmenu-box , 
        .sekce_tiraz .buttons-mobile ,
        .sekce_tiraz .site-footer .container
            {
            display: none ; 
        }
        .sekce_tiraz #main {
            top: 80px;
        }
        .sekce_tiraz .pre-content-section {
            visibility: hidden;
        }

    @media screen and (min-width: 992px) {        
        .sekce_tiraz .top-bar-container {
            display: none !important; 
        }
        .sekce_tiraz #main {  
            margin-top: 100px;
        }
        .sekce_tiraz .brand img {
            top: 20px;        
        }
        .sekce_tiraz .top-bar-bg {
            height: 20px;
        }
        .sekce_tiraz .menu-search-box {
            opacity: 0;
        }
    }
/* korekce pro stránku tiráž END */




/* Otvírák start */

.otvirak > div > div.obsah > div.row{
    align-items: stretch;
}

.otvirak > div > .obsah > .row > .fotogalerie-vlevo {
	display: flex;
    align-items: stretch;
    flex-direction: column;
}

/* limitace výšky mainimg pro článek typu otvírák */
.otvirak > div > .obsah > .row > .fotogalerie-vlevo > div,
.otvirak > div > .obsah > .row > .fotogalerie-vlevo > div .mainimg-focus,
.otvirak > div > .obsah > .row > .fotogalerie-vlevo > div .mainimg-focus .focuspoint-box-mainimg,
.otvirak > div > .obsah > .row > .fotogalerie-vpravo > div,
.otvirak > div > .obsah > .row > .fotogalerie-vpravo > div .mainimg-focus,
.otvirak > div > .obsah > .row > .fotogalerie-vpravo > div .mainimg-focus .focuspoint-box-mainimg {
	height: 100%;
	max-height:77vh;
}

.ismobile-no .otvirak > div > .obsah > .row > .fotogalerie-vlevo .mainimg-position-2,
.ismobile-no .otvirak > div > .obsah > .row > .fotogalerie-vpravo .mainimg-position-2{
margin-bottom:0.2em;
}


/* opatření pro zrušení margin-top na začátku textu u otríráku (aby byl text zároveň s obr */
.ismobile-no .otvirak .wysiwyg *:nth-child(1) {
    margin-top: 0;
}
/* kompenzace předchozího opatření  */
.ismobile-no .multi-podclanek-tmpl_cont__intro:not(.prvni-wysiwyg) {
    margin-top: 1em;
}
/* opatření  */
.ismobile-no .multi-podclanek-tmpl_cont__intro {
    margin-bottom: 1em;
}


.ismobile-yes .otvirak > div > .obsah > .row > div{
order:2;
}

.ismobile-yes .otvirak > div > .obsah > .row > .fotogalerie-vlevo,
.ismobile-yes .otvirak > div > .obsah > .row > .fotogalerie-vpravo{
order:1;
}

/* Prebijeni pro projekt */
.ismobile-yes .otvirak > div > .obsah > .row > div{
order:1;
}

.ismobile-yes .otvirak > div > .obsah > .row > .fotogalerie-vlevo,
.ismobile-yes .otvirak > div > .obsah > .row > .fotogalerie-vpravo{
order:2;
}


/* Otvírák konec */

@media screen and (max-width: 991.98px) {
.mainimg-position-6 .mainimg-focus{margin: 0 0em 0.5em 0; }
.mainimg-position-8 .mainimg-focus{margin: 0 0 0.5em 0; }

.mainimg-position-11 .mainimg-focus{margin: 0 0 0.5em 0; }
.mainimg-position-12 .mainimg-focus{margin: 0 0 0.5em 0; }

.mainimg-position-1 .mainimg-focus, .mainimg-position-3 .mainimg-focus { margin: 0 0 1em 0; }
.mainimg-position-0 .mainimg-focus, .mainimg-position-4 .mainimg-focus { margin: 0 0 1em 0; }
}


/* Korekce pro bootstrap rozestupy mezy sloupci */
@media screen and (min-width: 992px) {
.row.otvirak,
.row.otvirak .row,
.simple-article > .container > .row:has(.mainimg-position-0),
.simple-article > .container > .row:has(.mainimg-position-1),
.simple-article > .container > .row:has(.mainimg-position-3),
.simple-article > .container > .row:has(.mainimg-position-4),
.row.mainimg-position-parent-6,
.row.mainimg-position-parent-8,
.row.mainimg-position-parent-11,
.row.mainimg-position-parent-12,
.simple-article > .container > .row:has(.fotogalerie-vlevo), .simple-article > .container > .row:has(.fotogalerie-vlevo) .row,
.simple-article > .container > .row:has(.fotogalerie-vpravo), .simple-article > .container > .row:has(.fotogalerie-vpravo) .row{
    --bs-gutter-x: 2.5rem;
}

.mainimg-position-8 .mainimg-focus, 
.mainimg-position-12 .mainimg-focus, 
.mainimg-position-0 .mainimg-focus, 
.mainimg-position-4 .mainimg-focus {
    margin-left: var(--bs-gutter-x);
}
.mainimg-position-6 .mainimg-focus, 
.mainimg-position-11 .mainimg-focus, 
.mainimg-position-1 .mainimg-focus, 
.mainimg-position-3 .mainimg-focus {
    margin-right: var(--bs-gutter-x);
}
}


@media screen and (min-width: 992px) {
    .mainimg-position-6 > .col-lg-6, 
    .mainimg-position-11 > .col-lg-6, 
    .mainimg-position-8 > .col-lg-6, 
    .mainimg-position-12 > .col-lg-6, 	

    .mainimg-position-0 > .col-lg-6, 
    .mainimg-position-1 > .col-lg-6, 

    .mainimg-position-3 > .col-lg-6, 
    .mainimg-position-4 > .col-lg-6 {        
        width: calc(50% + ( var(--bs-gutter-x) * 0.5) );
    }
}