/* Bootstrap Custom */
@import url('https://fonts.googleapis.com/css?family=Pragati+Narrow');

#header-bg {
	background-image: url('/css/bg.jpg');
	background-position: center top;
	height: 400px; /* 456 */
}
.form-group label {
	font-weight: bold;
}
.nahledimg {
	height: 150px;
	width: 150px;
	background-size: cover;
	float: left;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 20px;
}
.page-item.active .page-link {
	background-color: #dee2e6;
	border-top-color: #dee2e6;
	border-right-color: #dee2e6;
	border-bottom-color: #dee2e6;
	border-left-color: #dee2e6;
	color: #666;
}
.navbar-dark .navbar-nav .nav-link {
	color:rgba(255,255,255,.9);
}

/*fotogalerie*/
.gal {
	-ms-column-count: 2;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	}	
.gal .figure { width: 100%; padding: 0px 0;}
.gal .card { width: 100%; padding: 0px 0;}/**/
.bloknadpis {
	font-size: 1.5em;
	font-weight: normal;
	/*color: #333;*/
	text-align: left;
	display: block;
}
a.blokbanner {
	background-color: #004695;
	display: block;
	padding: 10px;
	width: 100%;
	height: auto;
	color: #FFF;
	text-decoration: none;
	background-attachment: scroll;
	background-image: url(banner_klik.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.faq-ot {
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
	margin-bottom: .5em;
}
.faq-odp {
	display: none;
	background-color: #EEE;
	padding: 1.5em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}
.titul {
	font-size: 350%;
	line-height: 1;
	font-weight: 500;
	text-shadow: 2px 2px 6px #000;
	display: block;
	/*background-color: rgba(0,0,0,0.3);*/
	padding-top: 0.5em;
	color: #FFF;
	text-decoration: none;
}
.titul2 {
	font-size: 70%;
	/*line-height: 0.7;*/
	font-weight: 500;
}
a:hover.titul {
	text-decoration: none;
	color:#FFF
}
footer ul, footer a {
	color: #CCC;
}
footer a:hover {
	color: #FFF;
}
.h1bg {
	background-color: #F5F5F5;
}
h1, h2, h3, h4, h5, .titul, .titul2 {
	font-family: 'Pragati Narrow', sans-serif;
}
.content a {
    color: #7F0000; /*#3c6143*/
    text-decoration-line: underline;
    /*text-decoration-style: dotted;*/
    /*text-decoration-color: green;*/
    /*text-decoration-thickness: 0.1em;*/
}
.content a.btn {
    color: #FFF;
    text-decoration-line: none;
}
.karusel-text {
	color: #FFF;
	text-decoration: none;
	display: inline-block;
	font-weight:normal;
	/*background-color:rgba(0, 0, 0, 0.8);*/
}
.karusel-text a, .karusel-text a:hover {
	text-decoration: none;
	color: #FFF;
}
.navtopmenu {
    background-color:#700000; /*4d7354 6a8b70*/
}
.topmenu.nav-item {
	transition: 300ms;
}
.topmenu.nav-item:hover {
	background-color:#901c1c; /*3c6143 901c1c*/
}
.topmenu .dropdown-menu {
	border-radius:0rem;
	background-color: transparent;
	border:none;
	margin-top: 0rem;
	background-attachment: scroll;
	background-image: url('/css/dropdownmenuarrow.png');
	background-repeat: no-repeat;
	background-position: left top;
}
.ddmenu-color {
	background-color: #891313; /*F8C301*/
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.dropdown-item {
    color: #ffffff;
}
.dropdown-item:hover {
    color: #ffffff;
    background-color: #a12e2e; /* FED547*/
}
#calendarminus, #calendarplus {
	cursor: pointer;
}
#calendar a {
	text-decoration: none;
}
.kontejner {    
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    position: relative;
    padding: 1rem;
    margin: 0;
    border: solid #dee2e6;
    border-width: 5px 5px 5px 5px;
}    
/* KARTY AKTUALIT */
a.card {
    font-size: 1rem;
    color: #666666;
    text-decoration: none;
    /*text-align: justify;*/
}
.card-body {
    background-color: rgb(255, 255, 255) !important;
}
.card-body.clanek {
    background-color: rgb(255, 255, 255) !important;
    /*border-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(255, 0, 0, 0)) 1;*/
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #e0e0e0;
}
.card-body.modlitby {
    background-color: rgb(255, 255, 255) !important;
    /*border-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(255, 0, 0, 0)) 1;*/
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #e0e0e0;
}
/*
.card-footer {
    background-color: rgb(255, 255, 255) !important;
    border-top-style: none;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-width: 1px 0px 1px 1px;
    border-color: #d0d0d0;
}
*/
h5.card-title {
    font-size: 1.5rem;
    font-family: 'Alumni Sans', sans-serif;
    color: inherit;
    /*text-transform: uppercase;*/
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /*
    white-space: pre-line;
    overflow: hidden;
    text-overflow: ellipsis;
    */
    height: 3.2rem;
}
.card-text {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
a.card:hover {
    /*color: #ff0000;
    text-decoration: underline;*/
}

.card-header {
    color: #ffffff; /*#dee2e6*/
    background-color: #700000; /*4d7354*/
}
.card2 li {
	border-left-width: 0.3rem;
	border-left-style: solid;
	border-left-color: #DDD; /* F8C301 2A478D*/
	/*
	border-right-width: 0.2rem;
	border-right-style: solid;
	border-right-color: #DDD;
	*/
	list-style-type: none;
	padding-left: 0.5rem;
	padding-right: 0.2rem;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	margin-bottom: 0.1rem;
	border-radius: 10px 0px 0px 10px;
	/*background-color: #F9F9F9;	list-style-position: outside;
	list-style-image: url(/css/listimg03.png);*/
}
.card2 li:hover {
	background-color: #F4F4F4;
	border-left-color: #2A478D;
}
.card2 li a:hover {
	text-decoration: none;
}
.card2 ul {
    padding-inline-start: 0px/*15px*/;
}
.btn-primary {
	background-color: #c70000; /*7f0000 4d7354*/
	border-color: #c70000; /*7f0000 4d7354*/
    border-radius: 0;
}
.btn-primary:hover, .btn-primary:active {
	background-color: #d10000 !important; /*5f0000 3c6143*/
	border-color: #d10000 !important; /*5f0000 3c6143*/
}
.btn-secondary {
	border-radius: 0;
}
.kal-aktivni-pole {
	background-color: #700000 !important;
}

.clanek-info {
	display: block;
}
.clanek-info-blok1 {
	display: inline-block;
}
.bg-custom-gray-100{
    background-color: #700000;
}

.justify {
    text-align: justify;
}
.text-orez-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* STITKY */
.stitek1 {
    color: #000000;
    background-color: rgba(192, 192, 192, 0.8);
    padding: 0.3em;
    /*border: 0.1em solid #999;*/
    line-height: 1rem;
}

/* EFEKTY */
.efekt-1 {
    overflow: hidden;
}
.efekt-1 img {
    transition: all .4s linear;
    transform: scale(1);
}
.efekt-1:hover img {
    transform: scale(1.1);
    filter: grayscale(100%);
}
.efekt-2 {
    overflow: hidden;
}
.efekt-2 img, .efekt-2 div {
    transition: all .6s linear;
}
.efekt-2:hover img, .efekt-2:hover div {
    transform: rotateY(360deg);
}
.efekt-3 {
    overflow: visible;
}
.efekt-3 div {
    transition: all .2s linear;
    transform: scale(1);
}
.efekt-3:hover div {
    transform: scale(1.2);
}


@media (min-width: 50em) and (max-width: 75em) {
  .titul {font-size: 7vw}
  .titul2 {font-size: 4vw;}
}
@media (max-width: 50em) {
  .titul {font-size: 200%}
  .titul2 {font-size: 85%;}
}
@media (max-width: 500px) {
.gal {
	-ms-column-count: 1;
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	}
}
