/*!
 * Start Bootstrap - Heroic Features (https://startbootstrap.com/template-overviews/heroic-features)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-heroic-features/blob/master/LICENSE)
 */

/* všude */
body {padding-top: 56px;}
p {margin: 0px;}
h1, h2, h3, h4, h5, h6 {
	font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
	color: #235761;
	font-weight: bold;
	padding: 0px;
	text-align: center;
	line-height: 1.1; }
h1, .h1 {font-size: 2rem; }
h2, .h2 {font-size: 1.5rem; }
h3, .h3 {font-size: 1.4rem; }
h4, .h4 {font-size: 1.25rem; }	
h5, .h5 {font-size: 1.1rem; }
h6, .h6 {font-size: 1rem; }	
a {color: #235761; font-weight: bold; }
a:hover,a:active {color: #E96B10; font-weight: bold; text-decoration: underline; }
a.btn:hover {font-weight: normal; }
/* -- všude */
 
/* article */ 
.obrazek {
	text-align: center;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;}
.obrazek img{
	max-width: 100%;
	height: auto;
	margin-top: 7px;
	margin-bottom: 7px;
	border-radius: 6px;
	border: 2px solid #333;}
.obrazek p{
	text-align: center;}
.embed-responsive {
	margin-top: 20px; margin-bottom: 20px; /* automatické odsazení od textu*/
	border-radius: 6px;
	overflow: hidden;}
/* -- article */



.neaktivni img, .neaktivni H4, .neaktivni H6, .neaktivni p {
  opacity: 0.5;
}
.neaktivni .card:hover {box-shadow:0 0 2rem rgba(0,0,0,0.1);transform:scale(1.0)}


/* karty+filtrace */
    .filter-container {
        margin-bottom: 20px;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }
    .filter-input, .filter-select {
        padding: 10px;
        width: 100%;
        max-width: 220px;
        border: 1px solid #ddd;
        border-radius: 5px;
        font-size: 16px;
    }
    .cards-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;  /* Vycentrování karet */
        gap: 10px;  /* Mezera mezi kartami */
    }
    .card {
        width: 220px;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 10px;
        box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
        background: #fff;
    }
    .card img {
        width: 100%;
        border-radius: 5px;
    }
    .card h2 {
        font-size: 1.25rem;
        margin: 10px 0;
    }
    .card a {
        text-decoration: none;
        color: #2C8294;
        font-weight: bold;
    }
	.small-text {
    font-size: 90%;
}