:root {
	/*1. Make background black*/
	--body-bg: #fff;
	/*2. Make Text White*/
	--body-color: #000;
	/*3. Adjust Cassiopeia Color Scheme*/
	--cassiopeia-color-primary: #ddd;
	--cassiopeia-color-link: #666;
	--cassiopeia-color-hover: #666;
}


/* Import font from Google - Go to fonts.google.com, select a font and look for the import command */
/*
@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Libre+Franklin:ital,wght@0,100;0,200;0,300;0,400;0,500;1,100&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
/* Use the imported font on the page: On Google you can also find the CSS instruction for using the font. If you put this in the body element then the font will be used on the whole website. */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


body {
font-family: 'Open Sans', sans-serif;
/*letter-spacing: 0.1em;*/
}
.metismenu.mod-menu .metismenu-item {
	font-size:.9rem; 
	padding: 0.5em 1.4em;
	
}

.metismenu.mod-menu .metismenu-item>a, .metismenu.mod-menu .metismenu-item>button, .metismenu.mod-menu .metismenu-item>span {
	text-transform:uppercase; 
	letter-spacing: 0.1em;
}

.metismenu.mod-menu .metismenu-item .level-2 { padding: 1.2em 1.4em; }

.container-header .mod-menu>li>a, .container-header .mod-menu>li>span, .metismenu.mod-menu .mm-toggler {
	 color:#666;
}


.logo { height:70px; }

.container-header {
/*background-color: var(--cassiopeia-color-primary);
    background-image: -o-linear-gradient(315deg,var(--cassiopeia-color-primary) 0,var(--cassiopeia-color-hover) 100%);
    background-image: linear-gradient(0deg,#000 0,#000 100%);
    -webkit-box-shadow: inset 0 5px 5px rgba(0,0,0,.03);
    box-shadow: inset 20px -15px 5px rgba(0,0,0,.03);
*/

	
	
	}
.border-right {
    border-right: #ddd solid 1px;	
}

.container-header nav {
    margin-top: 1.4em;
	}
 .container-header .container-search {
	 margin-top: 1.3em;
	 }	
	
	.btn-search {
	color: #000;
	background-color:#fff;	
	}
	
	.umc {
		text-decoration:none; 
		text-transform:uppercase; 
		font-size:.7rem; 
		}
	
	.social a { padding-right:16px; }
	
	.container-banner .banner-overlay {
    
    height: 55vh;

	}
	.container-banner .banner-overlay .overlay {
		background-color:transparent; 
	}
	
	.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Lora', serif;
	font-weight:100;
}

.page-header h1,.com-content-category-blog h1 {
	text-align: center;
    padding: 50px 0;
	}

.social a { color: #fff; }


h3.heading {
	border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
	padding-top:30px;
    margin-bottom: 20px;
    margin-right: 20px;
	font-size:1.7rem;
	letter-spacing: .0em;
}

h3 {
	font-size: 1.5625rem;
	color: #d9b569;
	
	}
	

.pruh {
  background-color:black;
}

@media (min-width: 1200px) {

  .pruh {
height:15vh;
}

  
.itemid-208 .article-block figure  
  {
        max-width: 30%;
	    padding-right: 20px;
  }

.img-box {
	height:220px;
	width:100%;
	text-align:center;
	vertical-align:middle;
	background-color:#000;
	overflow:hidden; 


}

.h1, h1 {
    font-size: 3.5rem;
}

.h2, h2 {
    font-size: 2.5rem;
}

.block,.item-content {
    padding: 15px;

    margin-bottom: 35px;
	margin-top: 15px;
}

#mod-custom123 {
	padding: 0px 0 150px 0;

}

hr.footerHr {
	margin: 90px 0;

}

.article-block {
	padding: 0 20px;
}

.article-img { max-height:350px; }

}





	
.btn-lg {
	    border-radius: 0;
    background-color: transparent;
    border: 2px #fff solid;
	font-size:.9rem;
	padding:10px 40px;
}

.btn-lg-black {
	border-radius: 0;
    background-color: transparent;
    border: 2px #000 solid;
	font-size:.9rem;
	padding:10px 30px;
	color:#000;
}


.btn-lg:focus, .btn-lg:hover {
	background-color:#fff;
	color: #000; 
	border-color:#fff;

}

.btn-lg-black:focus, .btn-lg-black:hover {
	background-color:#000;
	color: #fff; 
	border-color:#000;

}


.tlacitka {
	
	width: 100%;
    margin: 30px 20px 0 0;
    padding: 30px;
	text-transform:uppercase;
	}
.tlacitka a {
	text-decoration:none;
	}
.tlacitka a:hover,.tlacitka:hover,.tlacitka:focus {
	color: #fff;
	}	


#mod-custom135 {
width: 100%;
    margin: 0 0 10px 0;
    padding: 30px;
    text-transform: uppercase;
    border-radius: 0;
    background-color: transparent;
    border: 2px #ffec00 solid;
    /* font-size: .9rem; */
    padding: 10px 0;
    color: #ffec00;
    text-align: center;
	
	}
#mod-custom135 a {
	text-decoration:none;
	color: #ffec00;
	}
#mod-custom135 a:hover,#mod-custom135:hover,#mod-custom135:focus {
	color: #fff;
	}	

#mod-custom135 p {margin:0;}	
	
	
a.slogan {
	  color: #ffec00;
	  	text-decoration:none;
		text-align:center

	  
	}

.block,.item-content {
	padding:15px;
	

}

hr.hr {
		padding:0; 
		margin:0;
		opacity:1;
		color:#ddd; 
		
}

.block p,.item-content p {
	color:#888;
	letter-spacing: .05em;
	line-height:1.8em;
	}
	
	
	h4.newsflash-title a, h4 a{
	
	color:#000;
	text-decoration:none;
	}
	
	.cat {
	text-transform: uppercase;
    margin: 12px 0;
    font-size: .8rem;
    letter-spacing: .0em;
    color: #666;
	}
	
.footer {
	background-color:#FFF;
	background-image:none;
	color:#000; 
}	


.fields-container {
	list-style:none;

}

.field-label { font-weight:bold; }

.field-entry {
	padding-bottom:20px;
}

li.perex .field-label { display:none;}



.perex .field-value {
    color: #888;
    letter-spacing: .05em;
    font-size: .9rem;
    line-height: .5rem;

}


@media (max-width: 700px) {

.metismenu.mod-menu .metismenu-item {
	font-size:1rem; 
	
}
}


	

.titulek {
	text-align: center;
    padding: 25px 0 15px 0;
    font-weight: bold;
    /* color: #ffec00; */
    border-bottom: 2px solid #ffec00;
    margin-bottom: 25px;
}

.logo-partner {
    min-height: 200px;
    padding: 35px;
    /* vertical-align: middle; */
    display: flex;
    align-items: center;
    justify-content: center;


}


@media (max-width: 1400px) {

.container-header .navbar-toggler {
/*	color:#000;*/
}

.mobile-hidden {
	display:none; 
}

.container-header .container-search, .container-header .container-nav {
	margin:0;
	padding:0;
}

.container-header .container-nav .container-search, .container-header .container-nav nav {
	margin-top:.4em

}

.border-right { border:0; }


.navbar-brand {
  transform: translateX(-50%);
  left: 50%;
  position: absolute;
}

.input-group , .social{

justify-content: flex-end;
}

.metismenu.mod-menu .metismenu-item {
	/*font-size:.7rem; */
	
}

.umc {
	font-size:.6rem; 
}


#mod-custom135 a {
    font-size: .8rem;
}

.logo-partner {
	padding: 3px;
	}

.container-banner .banner-overlay {
    
    height: 40vh;

	}

}


.container-banner .banner-overlay {

	background-attachment: inherit !important;
    background-position: 50%,top;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}



@media (min-width: 1400px) {
	.container-header {	
	/*	position: absolute;*/
		width: 100%;
	/*	background: rgb(0 0 0 / 70%);*/
	background: transparent;
	}

	.mod-custom .container-banner .banner-overlay {
		height: 75vh;
		background-position:top;
	    
	}

}

.top .banner-overlay {
	
	background-position:top !important; 
}

.top30 .banner-overlay {
	
	background-position-y: 30%;
}

.left.item-image img {
	max-width:100% !important;
}

@media screen and (max-height: 700px and max-width:1400px) {

.container-banner .banner-overlay {
    
    height: 100vh;

	}
}

@media screen and (max-height: 700px) {


.metismenu.mod-menu .metismenu-item {
    font-size: .9rem;
    padding: 0.5em 0.8em;
}
  
  #navbar109 { padding-top:22px}

}

.program {
	width:100%;
	
}

.program td {
	
	border:1px solid #666;
	
}


td.den {
	text-align:right;
	width:40px;
}


td.datum {
	text-align:center;
	font-weight:bold;
	width:70px;
}

td.cas {
	text-align:center;
	width:70px;

}

td.predstaveni {
	text-align:left;

}

td.zanr {
	text-align:left;
	width:100px;
	
}


td.vstupenky {
	text-align:right;
	width:100px;
	
}

.text-right {
	text-align:right;
}

.text-center {
	text-align:center;
}


.slogan {

	color: #000000;
    font-family: 'Open Sans', Arial;
    font-style: italic;
    font-weight: 500;
    vertical-align: baseline;
    padding: 45px 0;
    border-top: 3px #ddd solid;
    margin: 25px 0;
    border-bottom: 3px #ddd solid;
    font-size: 18pt;
    text-align: center;

}