@import url('https://fonts.googleapis.com/css2?family=Quicksand:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

:root {
    --body: rgb(60, 60, 60);
    --transparent: rgba(0,0,0,0);
    --theme1: rgb(18, 84, 122);
    --theme1darker: rgb(13, 58, 84);
    --theme1darkest: rgb(10, 46, 66);
    --theme2: rgb(250, 9, 0);
    --theme2darker: rgb(198, 7, 0);
    --theme2darkest: rgb(147, 5, 0);
    --theme3: rgb(7, 175, 191);
    --theme3darker: rgb(5, 128, 140);
    --theme3darkest: rgb(4, 104, 114);
    --themelight: rgb(235, 236, 239);
    --themelight2: rgb(242, 243, 246);
    --themelight3: rgb(249, 250, 253);
    --themelightdarker: rgb(221, 224, 227);
    --themelightdarkest: rgb(193, 197, 199);
    --white: rgb(255,255,255);
}

.btn.btn-theme1 { color: #fff; background-color: var(--theme1); border-color: var(--theme1); }
.btn.btn-theme1:hover { color: #fff; background-color: var(--theme1darker); border-color: var(--theme1darker); }
.btn.btn-theme1:focus { color: #fff; background-color: var(--theme1darker); border-color: var(--theme1darker); box-shadow: 0 0 0 0.2rem var(--theme1darkest) }
.btn.btn-outline-theme1 { color: var(--theme1); border-color: var(--theme1);}
.btn.btn-outline-theme1:hover { color: #FFFFFF; border-color: var(--theme1); background-color: var(--theme1); }
.btn.btn-outline-theme1:focus { color: var(--theme1); border-color: var(--theme1); box-shadow: 0 0 0 0.2rem var(--theme1darkest)}

.btn.btn-theme2 { color: #fff; background-color: var(--theme2); border-color: var(--theme2); }
.btn.btn-theme2:hover { color: #fff; background-color: var(--theme2darker); border-color: var(--theme2darker); }
.btn.btn-theme2:focus { color: #fff; background-color: var(--theme2darker); border-color: var(--theme2darker); box-shadow: 0 0 0 0.2rem var(--theme2darkest) }

.btn.btn-theme3 { color: #fff; background-color: var(--theme3); border-color: var(--theme3); }
.btn.btn-theme3:hover { color: #fff; background-color: var(--theme3darker); border-color: var(--theme3darker); }
.btn.btn-theme3:focus { color: #fff; background-color: var(--theme3darker); border-color: var(--theme3darker); box-shadow: 0 0 0 0.2rem var(--theme3darkest) }

.bg-theme1 {background-color: var(--theme1) !important;}
.bg-theme2 {background-color: var(--theme2) !important;}
.bg-theme3 {background-color: var(--theme3) !important;}
.border-theme1 { border-color: var(--theme1) !important; }
.border-theme2 { border-color: var(--theme2) !important; }
.border-theme3 { border-color: var(--theme3) !important; }
.bg-themelight {background-color: var(--themelight) !important;}
.bg-themelight2 {background-color: var(--themelight2) !important;}
.bg-themelight3 {background-color: var(--themelight3) !important;}
.text-theme1 {color: var(--theme1);}
.text-theme2 {color: var(--theme2);}
.text-theme3 {color: var(--theme3);}
.text-themelight { color: var(--themelight); }
.text-themelightdarker { color: var(--themelightdarker); }
.text-themelightdarkest { color: var(--themelightdarkest); }
.text-silver { color: var(--themelightdarkest); }

.link-theme1 {color: var(--theme1);}
.link-theme1:hover {color: var(--theme1darker);}
.link-theme1:active {color: var(--theme1darkest);}
.link-theme2 {color: var(--theme2);}
.link-theme2:hover {color: var(--theme2darker);}
.link-theme2:active {color: var(--theme2darkest);}
.link-theme3 {color: var(--theme3);}
.link-theme3:hover {color: var(--theme3darker);}
.link-theme3:active {color: var(--theme3darkest);}

.btn-link {color: var(--theme1); }
.btn-link:hover {color: var(--theme1darkest); }

.btn:not(.btn-link):hover { text-decoration: none; }

/*:focus {outline: 2px solid #000000; z-index: 1;}*/
/*#footer :focus, #footer2 :focus {outline-color: #FFFFFF;}*/

h2 {font-size: 1.75rem; font-weight: 600;}
h3 {font-size: 1.5rem; font-weight: 600;}
h4 {font-size: 1.4rem; font-weight: 600;}

html {font-size: 16px;}
body {font-family: "Quicksand", sans-serif; color: var(--body);}
a {color: var(--theme1darkest); text-decoration: none; }
a:hover { text-decoration: underline; }
a:hover {color: var(--theme1darker)}
#scrolltop {display: flex; position: fixed; right: 1rem; bottom: 1rem; border: 2px solid var(--theme3darker); height: 3rem; width: 3rem; justify-content: center; align-items: center; color: var(--white); border-radius: var(--bs-border-radius); background-color: var(--theme3); cursor: pointer; font-size:1.5rem; z-index: 1; opacity: 0.5; transition: all .3s ease; }
#scrolltop:hover { border-color: var(--theme3darkest); background-color: var(--theme3darker); opacity: 1; height: 3.5rem; width: 3.5rem; }
.hover-outline-1:hover {outline: 2px solid var(--theme1);}
.hover-outline-white:hover {outline: 2px solid #FFFFFF;}
.hover-outline-black:hover {outline: 2px solid #000000;}
.hidden {display: none !important;}

#loader {position: fixed; left:0; right:0;top:0;bottom:0; background-color:#FFFFFF;display:flex;align-items:center; justify-content: center; z-index: 999999999;}
#loader i {color: var(--theme1); font-size: 2rem;}

h1 { margin: 1rem 0 2rem; }

#header1 { font-size: .9rem; padding: .5rem 0; background-color: #e9ecef; }

#headerLogo { margin: 2rem 0;}

#header2 { padding: 1rem 0;  }
#header2 .container > .row > * { align-self: stretch; align-items: center; display: flex; }
#header2 .container > .row .buttons .row { align-items: stretch; display: flex; flex: 1; }
#header2 .container > .row .buttons .row > * { align-self: stretch; align-items: center; display: flex; }
#header2 .container > .row .buttons [role="button"] { align-self: stretch; align-items: center; display:flex; border-left: 1px solid #e9ecef; color: #6c757d; text-decoration: none; position: relative; flex: 1; justify-content: center; padding: 0; text-align: center; }
#header2 .container > .row .buttons [role="button"]:hover {background-color: rgba(0,0,0,0.05); z-index: 1;}
#header2 .container > .row .buttons .row > *:last-child a {border-right: 1px solid #e9ecef; }
#header2 .font-size-addon {position: relative; }
#header2 .font-size-addon .font-size-addon-sign {position: absolute; }
#header2 .font-size-addon.font-size-addon-small {font-size: .75rem; left: -.25rem;}
#header2 .font-size-addon.font-size-addon-small .font-size-addon-sign {font-size: .6rem; margin-left: -.175rem; margin-top: .3rem;}
#header2 .font-size-addon.font-size-addon-medium {;}
#header2 .font-size-addon.font-size-addon-big {font-size: 1.2rem; left: -.25rem;}
#header2 .font-size-addon.font-size-addon-big .font-size-addon-sign {font-size: .6rem; margin-left: -.25rem; margin-top: .6rem;}
#header2 .bip-logo {max-height: 20px;}

#navigation {background-color: var(--theme1darker); padding: 0; }
#navigation a { text-decoration: none; }
#navigation .nav-link {font-weight: 700; font-size: 1rem; color: var(--themelight); flex:1 1 auto!important; text-align: center; padding: 1.5rem 1.75rem; position:relative; text-decoration-color: var(--theme1darker); transition: all 0.3s ease; }
#navigation .nav-item.active .nav-link { color: var(--white); z-index:1; background-color: var(--theme2darker); border-radius: var(--bs-border-radius); top: 5px; text-decoration: none !important; }
/*#navigation .nav-item.active .nav-link::before { position:absolute; content: " "; background-color: var(--theme1darker); left: 0.25rem; right: 0.25rem; top: 0.25rem; bottom: 0.25rem; display:block; z-index:-1; border-radius: var(--bs-border-radius); }*/
#navigation .nav-link:hover, #navigation .nav-link.show {text-decoration: underline; text-decoration-color: var(--theme2darker); text-decoration-thickness: 2px; text-underline-offset: 0.5rem; }
#navigation .nav-link.show .fa-caret-down { color: var(--theme2darker); transition: color 0.3s ease; }
#navigation .nav-item.active .fa-caret-down { color: var(--white) !important; }
#navigation .nav-item.dropdown .dropdown-menu { margin: -0.5rem 0 0 1.25rem; background-color: var(--theme1darker); border-color: var(--theme1darkest); }
#navigation .nav-item.active.dropdown .dropdown-menu { margin-left: 0;}
#navigation .nav-item.dropdown .dropdown-menu a { color: var(--white); transition: all 0.3s ease; text-decoration-color: var(--theme1darker); }
#navigation .nav-item.dropdown .dropdown-menu a:hover { background-color: var(--theme1darkest); text-decoration: underline; text-decoration-color: var(--theme2darker); text-decoration-thickness: 2px; text-underline-offset: 0.5rem; }
#navigation .nav-item.dropdown .dropdown-menu li.active a { color: var(--white); z-index:1; background-color: var(--theme2darker); text-decoration: none !important; font-weight: 500; }
/*#navigation .nav-link:after { position:absolute; content: " "; width: 1rem; height: 0.5rem; opacity: 0; background-color: var(--theme2); left: 0.25rem; right: 0.25rem; top: 0.25rem; bottom: 0.25rem; display:block; transition: all 0.3s ease; }*/
/*#navigation .nav-link:hover:after { opacity:1; width: calc(100% - 0.5rem); height: calc(100% - 0.5rem); }*/
#navigation .navbar-toggler { font-size: 1rem; margin: 0.5rem 0; font-weight: 700; padding: 0.75rem 0; }

#breadcrumb {background-color: #e9ecef; }
#breadcrumb ol.breadcrumb {margin: 0; padding: .75rem .5rem;  }
#breadcrumb ol.breadcrumb > li > i {position: relative; top: 4px;}
#breadcrumb ol.breadcrumb > li.active {font-weight: 700; color: #343A40;}
#breadcrumb ol.breadcrumb a {color: var(--theme1darkest);}

@keyframes sliderZoom {
    from { transform: scale(1); }
    to { transform: scale(1.2); }
}

#slider {background-color: #F8F9FA; padding: 0; }
#slider .carousel-item.active { display: flex; align-items: center; }
#slider .carousel-item.active img { animation: sliderZoom 6s ease 0s 1 forwards; }
#slider .carousel-caption {margin: auto; top: auto; bottom: auto; text-align: left; }
#slider .carousel-caption h5 { display: inline-block; font-size: 3rem; border-radius: var(--bs-border-radius); background-color: rgba(0,0,0,.5); line-height: 1.5; padding: 0.25rem 0.75rem; }
#slider .carousel-caption p { display: inline-block; background-color: rgba(0,0,0,.5); padding: 0.25rem 0.75rem; border-radius: var(--bs-border-radius); font-style: italic; }
#slider .carousel-indicators {margin-bottom: 0; bottom: 1rem;}
#slider .carousel-indicators [data-bs-target] { width: 20px; height: 20px; border-radius: 50%; transition: all .3s ease; border: 6px solid transparent; }
#slider .carousel-indicators [data-bs-target].active { opacity: 1; box-shadow: 0 0 20px var(--white); border-color: var(--theme2darker); }
#slider .carousel-indicators [data-bs-target]:not(.active):hover { opacity: 1; background-color: var(--theme2darker); }
#slider .carousel-control-prev, #slider .carousel-control-next { transition: all .3s ease; }
#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon { background: none; font-size: 3rem; margin-top: -2.5rem; width: 3rem; }
#slider .carousel-control-prev:hover, #slider .carousel-control-next:hover { color: var(--theme1darker); text-shadow: 0 0 20px var(--white); }

#main {padding: 1rem 0;}
#sidenav .widget {margin-bottom: 2rem;}
#sidenav .menu {padding:0 0; background-color: #FFFFFF;background-clip: border-box;border: 1px solid var(--theme1);border-radius: .25rem; list-style: none; margin: 0;}
#sidenav .menu ul {margin: 0; padding: 0 0 0 1rem; border-bottom: 1px solid rgba(0,0,0,0); transition: all 400ms ease;}
#sidenav .menu li {list-style:none; padding:0; margin:0;}
#sidenav .menu li a {border-radius: 0; color: #6C757D; display: block; padding: .5rem 1rem; position: relative; border: 1px solid rgba(0,0,0,0); border-width: 1px 0 0 0; transition: border-top 400ms ease; }
#sidenav .menu li a:hover, #sidenav .menu li a:focus, #sidenav .menu li a[aria-expanded="true"] {background-color: #F8F9FA; text-decoration: none; color: var(--theme1darkest); }
#sidenav .menu li a[aria-expanded="true"] {border-top: 1px solid var(--theme1);}
#sidenav .menu li a[aria-expanded="true"] + ul { border-bottom: 1px solid var(--theme1); background-color: #F8F9FA;  }
#sidenav .menu > li:last-child a[aria-expanded="true"] + ul { border-bottom: 0 none; border-radius: 0 0 .25rem .25rem;  }
#sidenav .menu li a.submenu .caret {position: absolute; right: 1rem; top: .75rem; transition: transform 400ms ease; }
#sidenav .menu li a.submenu:not([aria-expanded="true"]) .caret {transform: rotate(90deg);}
#sidenav .menu li a.active, #sidenav .menu ul.show a.active {background-color: var(--theme1); color: #FFFFFF; }
#sidenav .menu ul.show a {color: var(--theme1darkest);}
#sidenav .menu ul.show a:not(.active):hover {background-color: #f2f0f1;}
#sidenav .menu > li:first-child a {border-radius: .25rem .25rem 0 0;}
#sidenav .menu > li:last-child > a:last-child {border-radius: 0 0 .25rem .25rem;}


#sidenav ul.menu-cards { padding: 0; list-style: none; margin: 0;}
#sidenav ul.menu-cards li { padding: 0; list-style: none; margin: 0 0 .5rem 0;}
#sidenav ul.menu-cards li:last-child {margin-bottom: 0;}
#sidenav ul.menu-cards li a {padding: .25rem 0; border-radius: .25rem; border: 1px solid var(--theme2); color: var(--theme3); display: flex; transition: padding 400ms ease;}
#sidenav ul.menu-cards li a:hover {text-decoration: none; padding: .25rem 0 .25rem .5rem; }
#sidenav ul.menu-cards li a .icon {font-size: 2rem; margin-top: .1rem; width: 4rem; display: inline-block; text-align: center;}
#sidenav ul.menu-cards li a .text {font-size: 1.1rem;line-height: 1.5rem;margin-top: .1rem;}

#sidenav .card-record { border-bottom: 1px solid rgba(0,0,0,.125); padding: .75rem 1.25rem;}
#sidenav .card-record:last-child {border-bottom: 0 none;}

#sidenav .pictures div {margin-bottom: .5rem; }
#sidenav .pictures img { max-width: 100%; height: auto; vertical-align: middle; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem; }
#sidenav .pictures a img { opacity: 0.8; transition: opacity 400ms ease; }
#sidenav .pictures a:hover img { opacity: 1;  }

#sidenav ul.menu-buttons { padding: 0; list-style: none; margin: 0;}
#sidenav ul.menu-buttons li { padding: 0; list-style: none; margin: 0 0 .5rem 0;}
#sidenav ul.menu-buttons i { margin-right: .5rem;}

.article-record {  }
.article-record.archived { opacity: 0.7; filter: grayscale(1); }
.article-record.article-record-wypominki + .article-record { margin-top: 1rem; padding-top: 0.75rem; }
.article-record + .article-record { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--themelightdarker); }
.article-record h2 a { color: var(--theme1); }
.article-record h2 a:hover { color: var(--theme2darker); }
.article-record.gallery-record { margin-bottom: 1rem; color: var(--white); overflow: hidden; }
.article-record.gallery-record .card-img-top { transition: all .3s ease; }
.article-record.gallery-record .card-img-overlay { background-color: rgba(0,0,0,0.1); transition: all .3s ease; }
.article-record.gallery-record .gallery-record-icon { position: absolute; right: 1rem; bottom: 1.5rem; opacity: 0.5; transition: all .3s ease; }
.article-record.gallery-record .gallery-record-text { background-color: rgba(0,0,0,0.3); margin: 0 calc(-1*var(--bs-card-spacer-x)) calc(-1*var(--bs-card-spacer-y)) calc(-1*var(--bs-card-spacer-x)); padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); transition: all .3s ease; width: calc(100% + 2*var(--bs-card-spacer-x)); }
.article-record.gallery-record h2 { color: var(--white); transition: all .3s ease; text-decoration-color: transparent; }
.article-record.gallery-record .article-meta {margin-bottom: 0;}
.article-record.gallery-record .article-meta .article-meta-item { border-color: var(--themelightdarkest); color: var(--themelightdarker); background-color: transparent; }
.article-record.gallery-record .article-meta .article-meta-item strong { color: var(--white); }
.article-record.gallery-record:hover {  }
.article-record.gallery-record:hover .card-img-top { transform: scale(1.1); }
.article-record.gallery-record:hover h2 { color: var(--white); text-decoration: underline; text-decoration-color: var(--theme2darker); }
.article-record.gallery-record:hover .card-img-overlay { background-color: transparent; }
.article-record.gallery-record:hover .gallery-record-text { background-color: rgba(0,0,0,0.7); }
.article-record.gallery-record:hover .gallery-record-icon { transform: scale(2); opacity: 1; color: var(--theme2darker); right: 1.5rem; }
.article-record-pogrzeb .card-body { color: #000000; padding-top:2rem; padding-bottom: 2rem; }
.article-record-pogrzeb h3 a:hover { text-decoration: none; }
.article-record-pogrzeb h3 a:hover span { text-decoration: underline; }


.article-meta {font-size: .9rem; color: #343A40; margin: 1rem 0; }
.article-meta.card-header {border-width: 0 0 1px 0;}
.article-meta-item { border: 1px solid var(--themelightdarker); border-radius: 999999px; display: inline-block; padding: 0.25rem 0.75rem; background-color: var(--white); }
.article-meta-item:not(:last-child) {padding-right: 1rem; margin-right: .5rem; border-right: 1px solid #dee2e6; }
.article-meta-item strong { color: var(--theme1darkest); }
.article-meta-item.article-meta-item-archived { border: 1px solid var(--themelight); background: var(--themelight); color: var(--gray); }
.article-image + .article-meta { border-width: 1px 0;}
.article-image > a { display: inline-block; }

.weather-jumbotron {background-color: #F8F9FA; border: 1px solid rgba(0,0,0,.125); }
.weather-icon {border-radius: .25rem; border: 1px solid var(--theme3darker); background-color: var(--theme3); }
.weather-temperature {margin-top: .5rem; font-weight: 700; color: var(--theme3); font-size: 1.5rem;}
.weather-card {background-color: #F8F9FA;}

.sitemap {}
.sitemap .sitemap-item.sitemap-depth-1:not(:first-child) {margin-top: 1rem;}
.sitemap .sitemap-item.sitemap-depth-1 > a {font-weight: 700;}

.search-result {padding: 1rem 0; border-top: 1px solid #dee2e6; }
.search-result h5 {margin: 0 0 0.1rem; font-weight: 600;}
.search-result .text {margin: 0;}
.search-result .summary {font-size: .9rem; color: #6C757D; padding: .25rem 0;}

.page-item { margin-right: 0.5rem; }
.page-item:last-child { margin-right: 0; }
.page-item.active .page-link {background-color: var(--theme2darker); border-color: var(--theme2darkest); font-weight: 700;}
.page-link {color: var(--theme1); width: 38px; height: 38px; padding: 0; line-height: 36px; text-align: center; border-radius: 19px !important;  }
.page-link:hover {color: var(--theme2darker);}
.page-link:focus {box-shadow: 0 0 0 0.2rem rgba(0, 145, 63, .25);}
.page-item.page-item-text .page-link { width: unset; padding: 0 1rem;}

.separated-card {border-bottom: 1px solid #dee2e6; padding: 0 0 1rem; margin: 0 0 1rem;}
.separated-card h2 {margin: 0;}

p.text:empty {display:none;}

#article { }
#article-content {margin: 2rem 0;}
#article-content img:not([class]),
#article-content img[class=""] {max-width: 100%;height: auto;vertical-align: middle;}
#article-content table { width: 100%; border: 1px solid var(--themelightdarker); margin-bottom: 1rem; }
#article-content table tr:nth-child(2n) { background-color: var(--themelight)}
#article-content table td { padding: 0.5rem 0.75rem; vertical-align: top;}
#article-content h1, #article-content h2, #article-content h3, #article-content h4 { margin: 1rem 0 0.5rem; }
#article.article-archived { opacity: 0.7; filter: grayscale(1); }

#case-content .case-field {margin-bottom: 1.5rem;}
#case-content .case-title {color: var(--theme1); }
#case-content .case-content {padding: .5rem 0 .5rem 1rem; border-left: 1px solid #dee2e6; }
#case-content .case-content > *:first-child {margin-top: 0;}
#case-content .case-content > *:last-child {margin-bottom: 0;}

#gallery { margin-bottom: 2rem; }
/*#gallery .gallery-list { border-radius: .25rem; border: 1px solid #dee2e6; padding: .5rem 0 0 .5rem; }*/
#gallery .gallery-list .gallery-item a { margin-bottom: 1.5rem; display: block; border-radius: var(--bs-border-radius); overflow: hidden; }
#gallery .gallery-list .gallery-item a img { transition: all .3s ease; }
#gallery .gallery-list .gallery-item a:hover {opacity: 1; z-index: 1; }
#gallery .gallery-list .gallery-item a:hover img { transform: scale(1.1); }

#attachments {margin-bottom: 2rem;}
#attachments .attachments-list { border-radius: .25rem; border: 1px solid #dee2e6;}
#attachments .attachments-list .attachment-item:not(:last-child) {border-bottom: 1px solid #dee2e6; }
#attachments .attachments-list .attachment-item a {display: block; padding: .5rem; }
#attachments .attachments-list .attachment-item:first-child a {border-radius: .25rem .25rem 0 0;}
#attachments .attachments-list .attachment-item:last-child a {border-radius: 0 0 .25rem .25rem;}
#attachments .attachments-list .attachment-item:first-child:last-child a {border-radius: .25rem;}
#attachments .attachments-list .attachment-item a:hover {text-decoration: none; background-color: #F8F9FA; }
#attachments .attachments-list .attachment-item a strong {display: block }
#attachments .attachments-list .attachment-item a span.description {color: #343A40; display: block; }
#attachments .attachments-list .attachment-item a span.file-meta {color: #6C757D; display: block; font-size: .9rem; }
#attachments .attachments-list .attachment-item a span.file-meta .file-meta-item:not(:last-child)::after {content: "·"; padding: 0 .25rem;}

#tags {margin-bottom: 2rem;}

#print {margin-bottom: 2rem; text-align: right;}

#share {margin-bottom: 2rem;}
#share a:hover {color: #FFFFFF;}
.icon-facebook {color: #3b5998;}
.icon-twitter {color: #00ACEE;}
.icon-google {color: #db4a39;}
.icon-pinterest {color: #c8232c;}
.icon-linkedin {color: #0e76a8;}
.icon-youtube {color: #ff0000;}
.icon-facebook:hover {background-color: #3b5998; color: #FFFFFF; }
.icon-twitter:hover {background-color: #00ACEE; color: #FFFFFF; }
.icon-google:hover {background-color: #db4a39; color: #FFFFFF; }
.icon-pinterest:hover {background-color: #c8232c; color: #FFFFFF; }
.icon-linkedin:hover {background-color: #0e76a8; color: #FFFFFF; }
.icon-youtube:hover {background-color: #ff0000; color: #FFFFFF; }

#cases {padding: 2rem 0; background-color: #F8F9FA; margin-top: 2rem;}
/*#cases h3 {font-size: 1.5rem;}*/
#cases .case-box {margin-left: -1px; margin-top: -1px;}
#cases .case-item { border: 1px solid var(--body); display: flex; position: relative; height: 100%; align-items: center; justify-content: center; padding: 1rem .5rem 1rem 1rem; border-radius: var(--bs-border-radius); transition: all .3s ease;}
#cases .case-item i {color: var(--theme1); font-size: 2rem; margin-bottom: 0.5rem; }
#cases .case-item strong {color: var(--body); font-size: 1rem; display: block; font-weight: 600; line-height: 1.625rem; }
#cases .case-item:hover {text-decoration: none; background-color: rgba(0,0,0,0.05); z-index:1; }
#cases .case-item.case-item-theme1 { border-color: var(--theme1darkest); background-color: var(--theme1); color: var(--white); }
#cases .case-item.case-item-theme1:hover { background-color: var(--theme1darker); }
#cases .case-item.case-item-theme1 i { color: var(--white); }
#cases .case-item.case-item-theme1 strong { color: var(--themelight); }
#cases .case-item.case-item-theme2 { border-color: var(--theme2darkest); background-color: var(--theme2darker); color: var(--white); }
#cases .case-item.case-item-theme2:hover { background-color: var(--theme2darkest); }
#cases .case-item.case-item-theme2 i { color: var(--white); }
#cases .case-item.case-item-theme2 strong { color: var(--themelight); }

#footer {padding: 2rem 0; color: var(--themelightdarkest); background-color: var(--theme1darker)}
#footer .logo {margin-bottom: 1rem;}
#footer h4 { color: var(--themelight); }
#footer a {color: #e9ecef;}
#footer .nav {margin-top: 1rem;}
#footer .nav .nav-item {border-top: 1px solid rgba(255,255,255,.15);}
#footer .nav .nav-item:last-child {border-bottom: 1px solid rgba(255,255,255,.15); }
#footer .nav .nav-item .nav-link {padding: .3rem 1rem; text-decoration-thickness: 2px; text-underline-offset: 0.25rem;}
#footer .nav .nav-item .nav-link:hover {background-color: var(--theme1darkest); text-decoration: underline; text-decoration-color: var(--theme2darker); }
#footer .nav .nav-item .nav-link:hover i {color: var(--theme2darker); }
#footer .contact-summary p a:not(.btn) { border-radius: 999999999px; }
#footer .contact-summary p a:not(.btn):hover { background-color: var(--theme1darkest); text-decoration-color: var(--theme2darker); margin: 0 -.35rem; padding: 0 .35rem; }

#footer2 {padding: 2rem 0 1.5rem; background-color: var(--theme1darkest);}
#footer2 .item {display: flex; text-align: center;}
#footer2 .item a {color: #F8F9FA; display: flex; padding: 1rem 0; flex: 1; opacity: .8; }
#footer2 .item figure { display: flex; flex-direction: column; margin: 0; flex: 1; align-items: center; justify-content: center; }
#footer2 .item figure img {max-width: 50%; max-height: 100px; width: auto; height: auto; }
#footer2 .item figure figcaption { display: flex;}
#footer2 .before-footer2-content > div { display: flex; justify-content: center; flex-wrap: wrap; }
#footer2 a { margin-bottom: 0.5rem; display: inline-block;  }
#footer2 a + a { margin-left: 0.5rem;}
#footer2 a img { height: 50px;}

#copyright {font-size: .8rem; padding: .75rem 0; color: #343a40;}
#copyright .separator {margin: 0 .25rem;}
#article-content figure {text-align: center;}

.sidebar-secondary { }
.sidebar-secondary .widget { margin-bottom: 1rem; }
.sidebar-secondary .widget h2 { margin-bottom: 1rem; }
.sidebar-secondary .widget.widget-bg { background-color: var(--themelight); border-radius: var(--bs-border-radius); padding: 1rem 1.5rem; }
.sidebar-secondary .widget-blog-categories a { background-color: var(--themelight); font-weight: 600; }
.sidebar-secondary .widget-blog-categories a:not(.active):hover { color: var(--theme2darker); }
.sidebar-secondary .widget-blog-categories a.active { border-color: var(--theme2darkest); background-color: var(--theme2darker); }
.sidebar-secondary .widget-blog-posts .card:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.sidebar-secondary .widget-blog-posts .card:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }
.sidebar-secondary .widget-blog-posts a:hover { color: var(--theme2darker); }

.video-stream { height: 100%; display: flex; align-items: center; justify-content: center; background: transparent url('../theme/img/videostream.jpg') no-repeat center center; background-size: cover; text-align: center; border-radius: var(--bs-border-radius); padding: 1rem 0;}
.video-stream .video-stream-card { border-radius: var(--bs-border-radius); background-color: rgba(0,0,0,0.5); padding: 1rem 1.5rem; margin: auto; display: block; width: fit-content; color: var(--white); }
.video-stream .btn { font-weight: 700; font-size: 1.1rem; }
.video-stream .btn small { display:block; font-weight: 500; font-size:0.9rem; opacity: 0.8; transition: all .3s ease; }
.video-stream .btn:hover { text-decoration: none;}
.video-stream .btn:hover small { opacity:1; }
.video-stream .video-stream-ad { margin-top: 3rem; text-align: center;}
.video-stream .video-stream-ad img { max-width: 200px; width: 90%; }
.video-stream .video-stream-ad em { display: block; margin-top: 0.5rem; font-size: 0.9rem;}

.quick-info-box { border-radius: var(--bs-border-radius); padding: 2rem 2rem 1.75rem; background-color: var(--theme3); color: var(--white);  }
.quick-info-box .quick-info-box-head { background-color: var(--theme3darker); text-align: center; padding: 1rem 1.5rem; border-radius: var(--bs-border-radius); margin-bottom: 1.25rem; }
.quick-info-box hr { }
p:last-child { margin-bottom: 0; }

.event-info-box { border-radius: var(--bs-border-radius); background-color: var(--bs-success); color: var(--white); overflow: hidden; }
.event-info-box .event-info-box-head { background-color: #157046; text-align: center; padding: 1rem 1.5rem; border-radius: var(--bs-border-radius); margin-bottom: 1.25rem; }
.event-info-box .event-info-box-head a {color: #ffffff;}
.event-info-box .event-info-box-bg { background: transparent none no-repeat center center; background-size: 100% auto; transition: background-size .4s ease; }
.event-info-box .event-info-box-bg:hover { background-size: 110% auto; }
.event-info-box .event-info-box-content { padding: 2rem 2rem 1.75rem; }
.event-info-box a {color: var(--bs-warning); text-shadow: 0 0 1rem rgba(0,0,0,0.25); }
.event-info-box img { max-width: 100%; margin-bottom: 0.5rem; margin-top: 0.5rem; }
.event-info-box a img { transition: all .4s ease }
.event-info-box a img:hover { scale: 1.02; box-shadow: 0 0 10px rgba(0,0,0,0.25); }
.event-info-box hr { }

.event2-info-box { border-radius: var(--bs-border-radius); background-color: var(--bs-warning); color: var(--dark); overflow: hidden; }
.event2-info-box .event2-info-box-head { background-color: #cc9a05; text-align: center; padding: 1rem 1.5rem; border-radius: var(--bs-border-radius); margin-bottom: 1.25rem; }
.event2-info-box .event2-info-box-head a {color: #ffffff;}
.event2-info-box .event2-info-box-bg { background: transparent none no-repeat center center; background-size: 100% auto; transition: background-size .4s ease; }
.event2-info-box .event2-info-box-bg:hover { background-size: 110% auto; }
.event2-info-box .event2-info-box-content { padding: 2rem 2rem 1.75rem; }
.event2-info-box a {color: var(--bs-warning-text-emphasis); text-shadow: 0 0 1rem rgba(0,0,0,0.25); }
.event2-info-box img { max-width: 100%; margin-bottom: 0.5rem; margin-top: 0.5rem; }
.event2-info-box a img { transition: all .4s ease }
.event2-info-box a img:hover { scale: 1.02; box-shadow: 0 0 10px rgba(0,0,0,0.25); }
.event2-info-box hr { }

.p-no-margin p { margin-bottom: 0; }
#cmentarzIframe { }

.nav-link:focus-visible { outline: none; box-shadow: none; }

.persons-wrap .person-line { text-align: center;}

@media (max-width: 1399px) {
    #navigation .nav-link { padding: 1.5rem 1.5rem; }
}

@media (max-width: 1199px) {
    #navigation .nav-link { padding: 1.5rem 1rem; font-size:0.95rem; }
}

@media (max-width: 992px) {
    #slider .carousel-caption h5 { font-size: 2rem; }
    #navigation .navbar-nav { background-color: var(--theme1); border-radius: var(--bs-border-radius); }
    #navigation .nav-item { flex-direction: column; }
    #navigation .nav-link { padding: 0.5rem; }
    #navigation .nav-item.active .nav-link { top: 0; margin: 0 1rem; }
    #navigation .nav-item.dropdown .dropdown-menu { margin: 0.25rem 1rem 0.75rem; padding: 0; border-radius: var(--bs-border-radius); overflow: hidden; }
    #navigation .nav-item.dropdown .dropdown-menu a { text-align: center; }
    #navigation .nav-item.active.dropdown .dropdown-menu { margin: 0.25rem 1rem 0.75rem; }
    .article-record.gallery-record h2 { font-size: 1.25rem; }
    #footer .second-nav { margin-top: 0; }
    #footer .second-nav .nav-item:first-child { border:0; }

    #slider .carousel-indicators [data-bs-target] { width: 12px; height: 12px; border-width: 3px; opacity: 0.75; }
}

@media (max-width: 767px) {
    #sidenav { display: none; }
    #cases .case-box { margin-top: 0.5rem;}
    #slider .carousel-caption h5 { font-size: 2rem; }
    #slider .carousel-caption p { font-size: 0.9rem; }
}

@media (min-width: 1600px) {
    .container-fluid {
        --bs-gutter-x: 6rem;
    }
}

.w-10px { width: 10px; }
.w-20px { width: 20px; }
.w-30px { width: 30px; }
.w-40px { width: 40px; }
.w-50px { width: 50px; }
.w-60px { width: 60px; }
.w-70px { width: 70px; }
.w-80px { width: 80px; }
.w-90px { width: 90px; }
.w-100px { width: 100px; }
.w-125px { width: 125px; }
.w-150px { width: 150px; }
.w-175px { width: 175px; }
.w-200px { width: 200px; }