@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");

/* CSS Document */



:root {
	--red: #d60000;
	--red-hover: #9E2124/*#a6494c*/; 
}
html,body {overflow-x: hidden;}
body {margin: 0; font-family: 'Source Sans Pro', sans-serif; color: #202020;}
#aktuality,#sbor,#jpo,#kontakt,#fotogalerie{scroll-margin-top:100px;}
.navbar.fixed-top {width: 100% !important;}
.navbar {width: 100%; max-width: 100%;}
.navbar {background-color: rgba(0,0,0,0.60) !important;}
.navbar .nav-item .nav-link {padding: 24px 12px 21px 12px; color: #fff; border-bottom: 3px solid transparent;}
.navbar .nav-item .nav-link:hover {border-bottom: 3px solid var(--red-hover);}
.navbar .navbar-brand img,
.navbar .navbar-brand span {vertical-align: middle; display: inline-block;}
.navbar .navbar-brand  {margin: 0;}
.navbar .navbar-toggler  {margin: 0;}
.navbar .navbar-brand span {color: #fff; line-height: 1.2rem; font-size: 1rem; padding: 1px 12px; font-weight: bold;}
.navbar-toggler {margin-left: auto !important;}
.navbar .dropdown-item:active {background-color: var(--red);}
.navbar .dropdown-menu {border-radius: 0;}
.brand-red {color: var(--red) !important;}
.navbar{background-color:rgba(0,0,0,.35);transition: background-color .3s ease, padding .3s ease; padding:15px 0;}
.navbar.scrolled{ background-color:rgba(0,0,0,.85) !important; backdrop-filter:blur(10px); box-shadow: 0 5px 20px rgba(0,0,0,.25); padding:6px 0;}

.navbar.admin-navbar .dropdown-menu.show {z-index: 9999;}

/* BTN CSS */
.btn-red {background-color: var(--red); color: #fff;}
.btn-red:hover {background-color: var(--red-hover); color: #e1e1e1;}
.read-more:hover {color: var(--red-hover);}

.btn-social{transition:all .3s ease;position:relative;overflow:hidden;z-index:1;}
.btn-social i{transition:transform .3s ease;}
.btn-social:hover{transform:translateY(-3px);color:#fff!important;}
.btn-social:hover i{transform:scale(1.2);}
.btn-social::before{content:"";position:absolute;inset:0;width:0;transition:width .35s ease;z-index:-1;}
.btn-social:hover::before{width:100%;}
.btn-facebook::before{background:#1877F2;}
.btn-facebook:hover{border-color:#1877F2;box-shadow:0 8px 25px rgba(24,119,242,.4);}
.btn-instagram::before{background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF,#515BD4);}
.btn-instagram:hover{border-color:#DD2A7B;box-shadow:0 8px 25px rgba(221,42,123,.4);}

/* HERO CSS */
.hero {position:relative; background:linear-gradient(90deg,rgba(0,0,0,.75) 0%,rgba(0,0,0,.45) 40%,rgba(0,0,0,.15) 100%),url("../img/hero-background_3.jpg"); background-size:cover; background-position:center;}
.hero-special {background:linear-gradient(90deg,rgba(0,0,0,.75) 0%,rgba(0,0,0,.45) 40%,rgba(0,0,0,.15) 100%),url("../img/hero-background-old.png") !important; background-position:50% center !important;}
.hero-content {min-height:850px;}
.hero-small .hero-content {min-height:350px;}
.hero-overlay {position:absolute; inset:0;}
.hero .container {position:relative; z-index:2;}
.hero h1 {color:#fff; font-size:clamp(4rem,7vw,6rem); font-weight:800; margin-bottom:20px;}
.hero p {color:#fff; font-size:1.4rem; max-width:650px; margin-bottom:35px;}
.hero-badge {display:inline-block; background: var(--red-hover); color:white; padding:10px 20px; border-radius:50px; margin-bottom:25px; font-weight:600;}
.stats-wrapper {margin-top:-110px; position:relative; z-index:10;}
.stat-card {background:white; border-radius:20px; padding:35px; text-align:center; box-shadow:0 15px 40px rgba(0,0,0,.12);}
.stat-icon {font-size:2.8rem; color:#d40000; display:block;}
.number {font-size:2.5rem; font-weight:700; line-height:1;}
.icon-box {width:70px; height:70px; border-radius:15px; background:#fff0f0; display:flex; align-items:center; justify-content:center;}
.icon-box i {font-size:2rem; color:#d40000;}
@media(max-width:992px){
.hero {height:650px;}
.hero h1 {font-size:3.5rem;}
.stats-wrapper {margin-top:-40px;}
}
.hero {
    position: relative;
}

.hero-back-btn {
    position: absolute;
    right: 1.5rem;
    bottom: 30px;
    z-index: 10;

    display: inline-flex;
    align-items: center;
    gap: 10px;

    padding: 14px 24px;
    background: rgba(255,255,255,.95);
    color: #d91f26;

    text-decoration: none;
    font-size: 15px;
    font-weight: 600;

    border-radius: 50px;
    box-shadow: 0 8px 25px rgba(0,0,0,.15);

    transition: all .25s ease;
}

.hero-back-btn:hover {
    color: #d91f26;
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(0,0,0,.2);
}

.hero-back-btn i {
    transition: transform .25s ease;
}

.hero-back-btn:hover i {
    transform: translateX(4px);
}

@media (max-width: 768px) {
    .hero-back-btn {
        right: 20px;
        bottom: 20px;
        padding: 12px 18px;
        font-size: 14px;
    }
}
/* --- --- */


/* NEWS CSS */
.news-title {position:relative; padding-left:18px; font-size:2rem; font-weight:800; letter-spacing:.5px;}
.news-title::before {content:''; position:absolute; left:0; top:4px; width:4px; height:34px; background:#d60000;}
.all-news-link {text-decoration:none; color:#d60000; font-weight:700; font-size:.95rem; transition:.2s;}
.all-news-link:hover {color:#b30000;}
.news-card {background:#fff; border-radius:10px; overflow:hidden; height:100%; border:1px solid #e8e8e8; transition:.25s;}
.news-card:hover {transform:translateY(-4px); box-shadow:0 15px 30px rgba(0,0,0,.08);}
.news-image {position:relative; height:220px; overflow:hidden;}
.news-image img {width:100%; height:100%; object-fit:cover; transition:.4s;}
.news-card:hover img {transform:scale(1.05);}
.news-date {position:absolute; left:12px; bottom:12px; background:#d60000; color:white; font-size:.8rem; font-weight:700; padding:7px 12px; border-radius:4px;}
.news-content {padding:24px;}
.news-content h3 {font-size:1.7rem; font-weight:700; line-height:1.25; margin-bottom:15px; color:#222;}
.news-content p {color:#666; line-height:1.6; margin-bottom:20px;}
.read-more {text-decoration:none; color:#d60000; font-weight:700; font-size:.95rem;}
.read-more i {margin-left:6px;}
/* --- --- */

/* NEWS DETAIL PAGE CSS*/
.news-hero {position:relative; border-radius:16px; overflow:hidden; margin-bottom:25px;}
.news-hero img {width:100%; height:500px; object-fit:cover; display:block;}
.news-hero-overlay {position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end; padding:50px; background:linear-gradient(transparent,rgba(0,0,0,.85));}
.news-category {display:inline-block; width:max-content; background:#d60000; color:#fff; padding:8px 16px; border-radius:30px; font-size:.9rem; font-weight:700; margin-bottom:20px;}
.news-hero h1 {color:#fff; font-size:3.2rem; font-weight:800; margin:0; max-width:800px;}
.news-meta {display:flex; gap:40px; align-items:center; background:#fff; padding:25px 35px; border-radius:12px; margin-bottom:30px; box-shadow:0 3px 12px rgba(0,0,0,.08);}
.news-meta span {font-weight:600; color:#555;}
.news-meta span:last-child {margin-left:auto;}
.news-meta i {color:#d60000; margin-right:8px;}
.news-body {background:#fff; padding:40px; border-radius:12px; box-shadow:0 3px 12px rgba(0,0,0,.08); line-height:1.9; font-size:1.1rem;}
.news-body img {max-width:100%; height:auto; border-radius:10px;}
.news-body p {margin-bottom:25px;}
.related-news {background:#fff; padding:30px; border-radius:12px; box-shadow:0 3px 12px rgba(0,0,0,.08);}
.related-news h3 {font-size:1.4rem; font-weight:800; margin-bottom:25px;}
.related-item {display:flex; gap:15px; margin-bottom:15px; align-items:center; text-decoration:none; color:inherit; padding:12px; border-radius:12px; border:1px solid #eee; transition:.25s;}
.related-item:hover {border-color:#d60000; box-shadow:0 5px 15px rgba(0,0,0,.08); transform:translateY(-2px); color:inherit;}
.related-item:hover h5 {color:#d60000;}
.related-item img {width:90px; height:70px; object-fit:cover; border-radius:8px; flex-shrink:0;}
.related-item h5 {font-size:1rem; font-weight:700; margin-bottom:5px; transition:.25s;}
.related-item span {font-size:.9rem; color:#666;}

@media(max-width:992px){
.news-hero img {height:350px;}
.news-hero-overlay {padding:25px;}
.news-hero h1 {font-size:2rem;}
.news-meta {flex-direction:column; align-items:flex-start; gap:10px;}
.news-meta span:last-child {margin-left:0;}
.news-body {padding:25px;}
.related-news {margin-top:20px;}
}

/* ALL NEWS CSS */
.all-news{background:#f7f7f7;}.page-title{font-size:3rem;font-weight:800;position:relative;padding-left:20px;}.page-title:before{content:'';position:absolute;left:0;top:8px;width:5px;height:50px;background:#d60000;}.news-card{display:block;background:#fff;border-radius:12px;overflow:hidden;text-decoration:none;color:#202020;height:100%;transition:.25s;border:1px solid #ececec;}.news-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.12);color:#202020;}.news-image{position:relative;height:240px;overflow:hidden;}.news-image img{width:100%;height:100%;object-fit:cover;transition:.4s;}.news-card:hover .news-image img{transform:scale(1.05);}.news-date{position:absolute;left:15px;bottom:15px;background:#d60000;color:#fff;padding:8px 14px;border-radius:5px;font-weight:700;font-size:.85rem;}.news-content{padding:24px;}.news-content h2{font-size:1.4rem;font-weight:700;margin-bottom:12px;line-height:1.3;}.news-content p{color:#666;line-height:1.6;margin-bottom:15px;}.read-more{color:#d60000;font-weight:700;}.pagination .page-link{color:#202020;border-radius:0;border:1px solid #ddd;}.pagination .page-item.active .page-link{background:#d60000;border-color:#d60000;color:#fff;}.pagination .page-link:hover{background:#d60000;color:#fff;border-color:#d60000;}


/* --- --- */

/* SBOR CSS */
.about-box {border-radius:12px; overflow:hidden; box-shadow:0 3px 12px rgba(0,0,0,.08);}
.about-content {background:#f5f5f5; height:100%; padding:60px; display:flex; flex-direction:column; justify-content:center;}
.section-label {position:relative; display:inline-block; padding-left:22px; margin-bottom:15px; font-size:.85rem; font-weight:700; letter-spacing:1px;}
.section-label::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:14px; height:3px; background:#d60000;}
.about-content h2 {font-size:3rem; font-weight:800; margin-bottom:25px; color:#111;}
.about-content p {color:#555; font-size:1.15rem; line-height:1.8; margin-bottom:35px;}
.btn-about {align-self:flex-start; padding:14px 28px; font-weight:700; border-radius:6px;}
.about-image {height:100%;}
.about-image img {width:100%; height:100%; min-height:450px; object-fit:cover; display:block;}

@media (max-width:991px){
.about-content {padding:40px 30px;}
.about-content h2 {font-size:2.2rem;}
.about-image img {min-height:300px;}
}
/* --- --- */

/* SBOR ROZCESTNÍK STRÁNKAMI CSS */
.about-hub{background:#f7f7f7;}
.hub-title{font-size:3rem;font-weight:800;color:#202020;margin-bottom:10px;}
.hub-subtitle{font-size:1.15rem;color:#666;}
.hub-card{display:block;height:100%;background:#fff;border-radius:16px;padding:35px;text-decoration:none;color:#202020;box-shadow:0 5px 20px rgba(0,0,0,.06);transition:.25s;position:relative;overflow:hidden;}
.hub-card:before{content:'';position:absolute;left:0;top:0;width:5px;height:0;background:var(--red);transition:.3s;}
.hub-card:hover:before{height:100%;}
.hub-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px rgba(0,0,0,.12);color:#202020;}
.hub-card.disabled{background-color: #C9C9C9 !important; cursor: not-allowed;}
.hub-card.disabled:hover{transform:translateY(0px);box-shadow:0 15px 35px rgba(0,0,0,.12);color:#202020;}
.hub-icon{width:80px;height:80px;border-radius:18px;background:#fff1f1;display:flex;align-items:center;justify-content:center;margin-bottom:25px;}
.hub-icon i{font-size:2.2rem;color:var(--red);}.hub-card h2{font-size:1.8rem;font-weight:700;margin-bottom:15px;}
.hub-card p{color:#666;line-height:1.7;margin-bottom:25px;}
.hub-card span{color:var(--red);font-weight:700;}
.hub-card span i{margin-left:5px;transition:.25s;}
.hub-card:hover span i{transform:translateX(5px);}
/* --- --- */

/* GALERIE CSS */
.gallery-title {position:relative; padding-left:18px; font-size:2rem; font-weight:800;}
.gallery-title::before {content:''; position:absolute; left:0; top:4px; width:4px; height:34px; background:#d60000;}
.gallery-link {text-decoration:none; color:#d60000; font-weight:700; font-size:.95rem; transition:.2s;}
.gallery-link:hover {color:#b30000;}
.gallery-item {position:relative; display:block; overflow:hidden; border-radius:6px; aspect-ratio:16/7;}
.gallery-item img {width:100%; height:100%; object-fit:cover; transition:.4s;}
.gallery-item:hover img {transform:scale(1.08);}
.gallery-overlay {position:absolute; left:0; right:0; bottom:0; padding:12px; background:linear-gradient(transparent,rgba(0,0,0,.85));}
.gallery-name {color:white; font-weight:700; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
/* --- --- */



/* AKTUALITY CSS*/
.activity-card {background:white; padding:40px 30px; border-radius:16px; text-align:center; height:100%; box-shadow:0 5px 20px rgba(0,0,0,.08);}
.activity-card i {font-size:3rem; color: var(--red); margin-bottom:20px;}
.activity-card h3 {font-size:1.5rem; font-weight:700; margin-bottom:15px;}
.activity-card p {color:#666; line-height:1.7; margin:0;}
/* --- --- */

/* JPO CSS */
.section-title {position:relative; padding-left:18px; font-size:2rem; font-weight:800;}
.section-title::before {content:''; position:absolute; left:0; top:5px; width:4px; height:34px; background:#d60000;}
.jpo-badge {background:#d60000; color:white; padding:10px 20px; border-radius:50px; font-weight:700;}
.overview-card {background:#fff; border-radius:16px; padding:35px 25px; text-align:center; height:100%; box-shadow:0 5px 20px rgba(0,0,0,.08); transition:.25s;}
.overview-card:hover {transform:translateY(-6px); box-shadow:0 15px 35px rgba(0,0,0,.12);}
.overview-icon {width:70px; height:70px; margin:0 auto 20px; border-radius:16px; background:#fff1f1; display:flex; align-items:center; justify-content:center; color:#d60000; font-size:1.8rem;}
.overview-number {font-size:2rem; font-weight:800; color:#222;}
.overview-label {color:#666; margin-top:5px;}
/* --- --- */

/* GALLERY LIST */
.gallery-label {display:inline-block; color:#d60000; font-size:.9rem; font-weight:700; margin-bottom:15px;}

.gallery-header h1 {font-size:4rem; font-weight:800; margin-bottom:20px;}

.gallery-header p {max-width:700px; color:#666; font-size:1.15rem; line-height:1.8;}

.gallery-card {position:relative; display:block; overflow:hidden; border-radius:16px; aspect-ratio:4/3; text-decoration:none;}

.gallery-card img {width:100%; height:100%; object-fit:cover; transition:.5s;}

.gallery-card-overlay {position:absolute; inset:0; padding:25px; display:flex; flex-direction:column; justify-content:flex-end; background:linear-gradient(transparent,rgba(0,0,0,.92));}

.gallery-card h3 {font-size:2rem; font-weight:800; color:#fff; margin-bottom:10px;}

.gallery-card p {color:rgba(255,255,255,.85); margin-bottom:25px; line-height:1.6;}

.gallery-card-footer {display:flex; justify-content:space-between; align-items:center; color:#fff;}

.gallery-arrow {width:42px; height:42px; border-radius:50%; background:#d60000; display:flex; align-items:center; justify-content:center; transition:.3s;}

.gallery-card:hover img {transform:scale(1.08);}

.gallery-card:hover .gallery-arrow {transform:translateX(5px);}

@media(max-width:992px){

.gallery-header h1 {font-size:3rem;}

}

@media(max-width:768px){

.gallery-header h1 {font-size:2.3rem;}

}
/* --- ---*/

/* TIMELINE CSS*/
.timeline {position:relative; display:flex; justify-content:space-between; align-items:center; margin:120px 0 60px; overflow:visible;}
.timeline::before {content:''; position:absolute; left:0; right:0; top:10px; height:4px; background:#d60000;}
.timeline-item {position:relative; text-align:center;}
.timeline-dot {width:24px; height:24px; border-radius:50%; background:white; border:4px solid #d60000; position:relative; z-index:10; cursor:pointer; transition:.3s; margin:0 auto;}
.timeline-dot:hover {transform:scale(1.25);}
.timeline-dot.active {background:#d60000;}
.timeline-year {margin-top:15px; font-weight:700; text-align:center;}
.timeline-popup {position:absolute; bottom:60px; left:50%; transform:translateX(-50%) translateY(15px); width:360px; background:white; border-radius:12px; overflow:hidden; box-shadow:0 15px 40px rgba(0,0,0,.15); opacity:0; visibility:hidden; transition:.3s; z-index:9999;}
.timeline-popup img {width:100%; height:220px; object-fit:cover; display:block;}
.timeline-popup h5 {font-weight:700; margin-bottom:8px;}
.timeline-popup p {margin:0; color:#666; line-height:1.6;}
.timeline-item:hover .timeline-popup {opacity:1; visibility:visible; transform:translateX(-50%) translateY(0);}
.timeline-item.first .timeline-popup {left:0; transform:translateY(15px);}
.timeline-item.first:hover .timeline-popup {transform:translateY(0);}
.timeline-item.last .timeline-popup {left:auto; right:0; transform:translateY(15px);}
.timeline-item.last:hover .timeline-popup {transform:translateY(0);}

@media (max-width:992px){
.timeline-popup {width:300px;}
}
@media (max-width:768px){
.timeline {flex-direction:column; align-items:center; gap:40px; margin:40px 0;}
.timeline::before {left:50%; transform:translateX(-50%); right:auto; top:0; bottom:0; width:4px; height:auto;}
.timeline-item {width:100%; text-align:center; padding-left:0; min-height:60px;}
.timeline-dot {position:relative; left:auto; margin:0 auto;}
.timeline-year {position:absolute; left:calc(50% + 25px); top:-2px; margin:0; text-align:left; white-space:nowrap; font-size:1rem; font-weight:700;}
.timeline-popup {left:50% !important; right:auto !important; width:min(350px, calc(100vw - 40px)); transform:translateX(-50%) translateY(15px);}
.timeline-item:hover .timeline-popup {transform:translateX(-50%) translateY(0);}
.timeline-item.first .timeline-popup,.timeline-item.last .timeline-popup {left:50% !important; right:auto !important; transform:translateX(-50%) translateY(15px);}
.timeline-item.first:hover .timeline-popup,.timeline-item.last:hover .timeline-popup {transform:translateX(-50%) translateY(0);}
}
/* --- --- */

/* FOOTER CSS*/
.footer {width:100%; background:linear-gradient(135deg,#111,#1b1b1b); color:#fff; padding-top:70px;}
.footer-title {font-size:1rem; font-weight:700; text-transform:uppercase; margin-bottom:25px; position:relative; padding-left:15px;}
.footer-title::before {content:''; position:absolute; left:0; top:5px; width:4px; height:18px; background:#d60000;}
.footer-list {list-style:none; padding:0; margin:0;}
.footer-list li {margin-bottom:15px; color:#d0d0d0;}
.footer-list i {width:22px; color:#d60000;}
.social-link-fb,.social-link-ig {display:inline-flex; align-items:center; gap:12px; color:white; text-decoration:none; margin-bottom:8px;}
.social-link-fb:hover,.social-link-ig:hover {color:#e1e1e1;}
.social-link-fb:hover i,.social-link-ig:hover i {color:#e1e1e1; text-decoration:none;}
.social-link-fb i {width:42px; height:42px; border-radius:50%; background:#1877f2; display:flex; align-items:center; justify-content:center;}
.social-link-ig i {width:42px; height:42px; border-radius:50%; background:#d62976; display:flex; align-items:center; justify-content:center;}
.footer-map {border-radius:10px; overflow:hidden;}
.footer-map iframe {width:100%; height:150px; border:0;}
.footer-brand {display:flex; align-items:center; gap:20px;}
.footer-brand img {width:90px;}
.footer-brand h4 {margin:0; font-weight:800;}
.footer-brand p {margin-top:8px; color:#ccc;}
.footer-bottom {margin-top:50px; padding:20px 0; border-top:1px solid rgba(255,255,255,.1); color:#aaa; font-size:.9rem;}
/* --- --- */

/* GALLERY BREADCRUMB CSS */
.breadcrumb{background:#fff!important;border-radius:16px;padding:14px 24px;margin-top:30px;box-shadow:0 5px 20px rgba(0,0,0,.05);border:1px solid #f1f1f1}
.breadcrumb-item{font-size:14px;font-weight:500}
.breadcrumb-item a{color:#666;text-decoration:none;transition:color .2s ease}
.breadcrumb-item a:hover{color:#d91f26}
.breadcrumb-item.active{color:#d91f26;font-weight:700}
.breadcrumb-item+.breadcrumb-item::before{color:#d91f26;font-weight:600;content:"›";padding:0 10px}
@media(max-width:768px){
	.breadcrumb{padding:12px 16px;font-size:13px}
}
/* --- --- */

/* ADMIN PAGE */
/* PAGE GROUP */
.admin-card{width:100%;background:#fff;padding:40px;border-radius:20px;box-shadow:0 10px 35px rgba(0,0,0,.06);border:1px solid #ececec;margin-bottom:30px}.admin-card h3{font-size:28px;font-weight:700;margin-bottom:30px;color:#222}.admin-card label{display:block;font-size:14px;font-weight:600;color:#555;margin-bottom:8px}.admin-card .form-control{height:56px;border:1px solid #ddd;border-radius:14px;padding:0 18px;font-size:15px;transition:.2s;box-shadow:none}.admin-card .form-control:focus{border-color:#d91f26;box-shadow:0 0 0 4px rgba(217,31,38,.1)}.btn-save{background:#d91f26;color:#fff;border:0;border-radius:14px;padding:14px 28px;font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:.2s}.btn-save:hover{background:#bf1820;transform:translateY(-2px)}@media(max-width:768px){.admin-card{padding:25px}}

.bg-gray {background-color: #F7F7F7;}
.bg-darker {background-color: #15181b;}



nav {display: inline-block; margin-left: auto;}

.pagination {border: 1px solid #efefef;}

.pagination .page-item .page-link {border-radius: 0; border: 0; color: #202020; display: inline-block;}

.pagination .page-item .page-link.active {color: #fff; background-color: var(--red);}

.pagination .page-item .page-link.active:hover {background-color: var(--red-hover);}





.modal .modal-header {padding: 0.75rem 1.5rem;}

.modal .modal-header .row {margin-top: -30px; padding: 1rem;}

.modal .modal-header .row .btn-red {color: #fff; border-radius: 0; font-weight: bold; padding: 16px 24px;}

.modal .modal-header .row .btn-red.active {color: #fff; border-radius: 0; background-color: var(--red-hover); border: 0;}

.modal .modal-content {border-radius: 0;}



.revealOnScroll {opacity: 0; transition: .4s ease-in-out;}



/*Gallery*/

@media (min-width: 576px) {

	.img-grid

	{

		--num-cols: 2;

		--row-height: 100px;

	}

	.img-grid-col-2 {grid-column: span 2;}

	.img-grid-row-2 {grid-row: span 1;}

}

@media (min-width: 768px) {

	.img-grid

	{

		--num-cols: 4;

		--row-height: 200px;

	}

	.img-grid-col-2 {grid-column: span 2;}

	.img-grid-row-2 {grid-row: span 2;}

}

@media (min-width: 992px) {

	.img-grid-col-2 {grid-column: span 2;}

	.img-grid-row-2 {grid-row: span 2;}

}

@media (min-width: 1200px) {

}

@media (min-width: 1400px) {

}



.img-grid {--gap: 16px;	--num-cols: 4; --row-height: 300px;	box-sizing: border-box; display: grid; grid-template-columns: repeat(var(--num-cols), 1fr);	grid-auto-rows: var(--row-height); gap: var(--gap);}

.img-grid.nogap {gap: 0;}

.img-grid .gallery-item, .img-grid .gallery-item img {width: 100%; height: 100%; display: block; object-fit: cover; background-position: center center; background-size: cover;}

.img-grid .gallery-item {position: relative;}

.img-grid .gallery-item:hover .gallery-overlay {background-color: transparent;}

.img-grid .gallery-item:hover .gallery-open::before {display: block;}

.img-grid .gallery-open::before {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: 'Otevřít'; color: #fff; padding: 8px 21px; background-color: var(--red); display: none; transition: all .25s ease-in-out; font-weight: bold; text-transform: uppercase;}

.img-grid .gallery-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); color: #fff; text-decoration: none; padding: 1rem; text-transform: uppercase; font-weight: bold; transition: all .15s ease-in-out;}

.img-grid .gallery-overlay:first-letter {border-top: 3px solid var(--red);}

.img-grid .gallery-item {box-shadow: 0px 0px 1.6px -21px rgba(0, 0, 0, 0.183), 0px 0px 3.9px -21px rgba(0, 0, 0, 0.263), 0px 0px 7.4px -21px rgba(0, 0, 0, 0.325), 0px 0px 13.2px -21px rgba(0, 0, 0, 0.387), 0px 0px 24.6px -21px rgba(0, 0, 0, 0.467), 0px 0px 59px -21px rgba(0, 0, 0, 0.65)}

.img-grid .gallery-item .gallery-header {color: #fff; font-weight: bold; text-decoration: none; text-transform: uppercase; padding: 15px 5px; z-index: 9999; position: relative;}



.breadcrumb {padding: 0.75rem 1rem;}


.f {align-content: flex-start; align-items: flex-start; flex-wrap: wrap; display: flex; gap: 10px; row-gap: 10px;}

.f label {

  cursor: pointer;

  position: relative;

  overflow: hidden;

  margin-bottom: 0.1rem;

}

.f label input {

  position: absolute;

  left: -9999px;

}

.f label input:checked + span {

  background-color: #d6d6e5;

}

.f label input:checked + span:before {

  box-shadow: inset 0 0 0 0.4375em #00005c;

}

.f label span {

  display: flex;

  align-items: center;

  padding: 0.25rem 0.5rem 0.25rem 0.25rem;

  border-radius: 75rem;

  transition: 0.25s ease;

}

.f label span:hover {

  background-color: #d6d6e5;

}

.f label span:before {

  display: flex;

  flex-shrink: 0;

  content: "";

  background-color: #fff;

  width: 1.5em;

  height: 1.5em;

  border-radius: 50%;

  margin-right: 0.375em;

  transition: 0.25s ease;

  box-shadow: inset 0 0 0 0.125em #00005c;

}