/*
Theme Name: PSF
Version: 0.15
*/

@import url('https://fonts.googleapis.com/css?family=Lato:400,700&display=swap&subset=latin-ext');
* { font-family:"Lato", sans-serif; }

body { background-color:#ebebeb; font-size:15px; }
body.font-large { font-size:24px; }
body.font-larger { font-size:34px; }

body.high-contrast * { background-color:#000 !important; color:#ffed00 !important; }
body.high-contrast img { filter: saturate(0); }

.logobar { background-color:#fff; }
.logobar img { height: 100px; }

.infobar  { background-color:#1C5407; }
.infobar .phone { text-align:center; font-weight:bold; font-size:1.2em; color:#fff; }
.infobar .phone a { display:inline-block; color:#fff; padding-top:.15em; }
.infobar .phone a.email { background-image:url('images/envelope.png'); height:1.2em; margin-left:1em; width:1.06em; background-size:contain; background-repeat:no-repeat; overflow:hidden; background-position:bottom left; text-indent: -9999px; }
.infobar .scaler { text-align:center; }

.scaler a { padding:0 .5em; display:inline-block; height:2em; }
.scaler i { color:#fff; vertical-align:middle;  }
.scaler a:hover i { color:#fff010; }
.scaler .normal { font-size:1em; }
.scaler .large { font-size:1.25em; }
.scaler .larger { font-size:1.5em; }

.titlebar { background-color:#dfffb3; padding:.3em 0; /*background-image:url('images/head_bg.jpg'); background-size: cover;*/ padding:2em 0 1.1em; 0; font-weight:bold; }
.titlebar .col-12 { text-align:center; }
.titlebar h1, .titlebar h2 { text-transform:uppercase; color:rgb(33, 37, 41); font-size:2.5em; font-weight:bold; }
.titlebar a { text-decoration:none; }
.titlebar span { color:#1C5407; font-size:.95em; }

.menubar { background-color:#0b4392; min-height:38.5px; }
.menubar a { color:#fff; font-weight:bold; }
.menubar .navbar-nav > li > a { text-transform:uppercase; }

.navbar-nav {
    float:none;
    margin:0 auto;
    display: block;
    text-align: center;
}
.navbar .fa { color:#fff; }

@media screen and (min-width: 960px) {
  .navbar-nav > li {
      display: inline-block;
      float:none;
  }
  .dropdown-menu li { width:440px; }
}

.navbar-toggler { margin:0 auto; }

.dropdown-menu { border-radius:0; background-color:transparent; border-width:0; padding:3px 0; }
.dropdown-menu li { margin-bottom:5px; }
.dropdown-menu a { color:#fff; background-color:#174089; white-space:normal; }
.navbar-default .nav .dropdown-menu li a,
.dropdown-menu { font-size:1em; }
.navbar { padding:0; }
.navbar-nav .current_page_item a { color:#fff; background-color:#1C5407; }
.navbar-nav a:hover { color:#fff; background-color:#1C5407; }
.navbar-nav li.baza a { color:#fff010; }
.navbar-nav li.baza a:hover { background-color:#f15f23; }

.linkbar { margin:1em 0 0 0; min-height:37.5px; }
.linkbar .container { text-align:right; }
.linkbar a { display:inline-block; color:#fff; background-color:#174089; box-shadow: 0 0 5px #888888; padding:.5em 1em; font-weight:bold; text-align:center; pointer-events: all; }

.linkbar .fixer.fixed { position:fixed; pointer-events: none; top:45px; width:100%; z-index:1000; }
.admin-bar .linkbar .fixer.fixed {
  top: 91px;
}
@media screen and (min-width: 784px) {
  .admin-bar .linkbar .fixer.fixed {
    top: 77px;
  }
}

.bodybar { min-height:400px; padding:1em 0 1em 0; }
.bodybar h3 { font-size:1.5em; }
.bodybar p + ul { margin-top:-1em; }

.newsbox { margin:.6em 1%; height:27em; overflow:hidden; box-shadow: 0 0 5px #888888; }
.newsbox .clip { width:100%; height:0; padding-bottom:84.6%; overflow:hidden; }
.newsbox .thumb { position:relative; width:100%; height:0; padding-bottom:84.6%; }
.newsbox .attachment-post-thumbnail { position:absolute; width:100%; height:100%; top:0; right:0; bottom:0; left:0; }
.newsbox h3, .newsbox p { margin:10px; }
.newsbox .date { display:block; position:absolute; right:1em; top:1em; width:3.2em; height:2.9em; padding-top:.3em;border-radius:1.5em; line-height:1em; font-weight:bold; background-color:#1C5407; text-transform:uppercase; text-align:center; color:#fff; }
.newsbox .category { display:block; position:absolute; left:0; bottom:0; padding:5px; background-color:#1C5407; color:#fff; }
.newsbox .category ul, .category li { display:inline; margin:0; padding:0; list-style:none; }
.newsbox a { color:inherit; }

.newsbox { width:48%; }
.newsbox .category { height:30px; }
.font-large .newsbox { width:98%; }
.font-large .newsbox .category { height:44px; }
.font-larger .newsbox { width:98%; }
.font-larger .newsbox .category { height:58px; }

@media screen and (min-width: 768px) {
  .newsbox { position:relative; width:23%; transition: box-shadow 0.3s linear; }
  .newsbox:hover { box-shadow: 0 0 10px #777; }
  .newsbox .thumb { transition: clip-path 0.3s linear; padding-bottom:84.6%; overflow:hidden;  }
  .newsbox .clip {  transition: padding 0.3s linear; }
  .newsbox:hover .clip { width:100%; height:0; padding-bottom:59.22%; overflow:hidden; }
  .newsbox .attachment-post-thumbnail { transition: all 0.3s linear; transition-property: width, height, top, right, bottom, left; }
  .newsbox:hover .attachment-post-thumbnail { width:110%; height:110%; top:-20%; right:-5%; bottom:10%; left:-5%; }
  .newsbox .category { transition: bottom 0.3s linear; }
  .newsbox:hover .category { bottom:30%; background-color:#dfffb3; color:#000; }
  .newsbox:hover .date { background-color:#dfffb3; color:#000; }
  .newsbox img { transition:filter 0.3s linear; }
  .newsbox:hover img { filter: brightness(95%); }
  .newsbox .category { height:30px; }
  .font-large .newsbox { width:31%; }
  .font-large .newsbox .category { height:44px; }
  .font-larger .newsbox { width:48%; }
  .font-larger .newsbox .category { height:58px; }
}

.category-galeria .newsbox .date { display: none; }

.contact { margin-bottom:1em; }
.contact label, .contact input, .contact textarea { width:100%; }

.footerbar { margin-bottom:1em; }
.footerbar .col-12 { color:#4A4A4A; text-align:center; font-size:0.7em; }
.footerbar .col-12 a { color:#4A4A4A; }

div.wp-block-psf2-block-map { margin:0; width:100%; height:0; padding-top:77.35%; position:relative;  }
div.wp-block-psf2-block-map:before { display:block; background-image:url('images/map_all.png'); background-size:contain; background-repeat:no-repeat; position:absolute; top:0; left:0; width:100%; height:100%; content:''; transition: all 0.3s linear; }
div.wp-block-psf2-block-map a { color:#fff;  }
div.wp-block-psf2-block-map p { display:block; position:absolute; top:55%; right:59%; padding:1em; background:rgba(36, 183, 255, .9) url('images/triangle.png') no-repeat 100% 0; transition: all 0.3s linear; opacity: 0; }
div.wp-block-psf2-block-map:hover:before { transform:scale(1.05); }
div.wp-block-psf2-block-map:hover p { opacity:1; }

nav.navbar.fixed-top {
  top:0;
  background-color:#4A4A4A;
}

@media screen and (min-width: 601px) {
  .admin-bar nav.navbar.fixed-top {
    top: 46px;
  }
}
@media screen and (min-width: 784px) {
  .admin-bar nav.navbar.fixed-top {
    top: 32px;
  }
}

.opsf-map { margin:0 auto 1em auto; width:320px; height:432px; position:relative; background-image:url('images/map_all.png'); }
.opsf-map img { position:absolute; top:0; left:0; width:320px; height:432px; opacity:0; }
.opsf-map .map { position:absolute; top:0; left:0; width:320px; height:432px; opacity:0; background-repeat:no-repeat; background-position:0 0; transition: opacity .3s linear, transform .5s linear; transform:scale(1); }
.opsf-map .map.hover, .opsf-map .map.active { opacity:1; transform:scale(1.05); }
.opsf-map .czestochowa { background-image:url('images/map_czestochowa.png'); }
.opsf-map .katowice { background-image:url('images/map_sosnowiec.png'); }
.opsf-map .zory { background-image:url('images/map_rybnik.png'); }
.opsf-map .bielsko { background-image:url('images/map_bielsko.png'); }
.opsf-selector p.active a, .opsf-selector p.hover a { text-decoration:underline; }
.opsf-map-desc { text-align:center; }
#opsf-gmap { width:100%; height:30em; margin-bottom:1em; }

body.navy .infobar { background-color:rgb(13, 39, 89); }
body.navy .menubar { background-color:rgb(13, 39, 89); }
body.navy .titlebar { background-color:rgb(239, 239, 255); }
body.navy .navbar-nav a:hover { color:#fff; background-color:#000; }
body.navy .navbar-nav .current_page_item a { color:#fff; background-color:#000; }
body.navy .newsbox .date,
body.navy .newsbox .category{ background-color:rgb(13, 39, 89); color:#fff; }
body.navy .newsbox:hover .date,
body.navy .newsbox:hover .category { background-color:rgb(239, 239, 255); color:#000; }
.pagination {
  --bs-pagination-active-bg: rgb(28, 84, 7); /* Tło aktywnej strony */
  --bs-pagination-active-border-color: rgb(28, 84, 7); /* Obramowanie aktywnej strony */
  --bs-pagination-hover-bg: rgba(28, 84, 7, 0.1); /* Tło hover (lekko przyciemnione) */
  --bs-pagination-hover-border-color: rgb(28, 84, 7);
  --bs-pagination-focus-bg: rgba(28, 84, 7, 0.25); /* Tło focus (dla dostępności) */
  --bs-pagination-active-color: #ffffff; /* Kolor tekstu na aktywnej stronie (biały dla kontrastu) */
  --bs-pagination-color: rgb(28, 84, 7); /* Kolor tekstu dla nieaktywnych linków */
  --bs-pagination-hover-color: rgb(28, 84, 7); /* Kolor tekstu na hover */
  --bs-pagination-border-color: rgba(28, 84, 7, 0.5); /* Obramowanie wszystkich elementów */
}
body.navy .pagination {
  --bs-pagination-active-bg: rgb(13, 39, 89); /* Tło aktywnej strony */
  --bs-pagination-active-border-color: rgb(13, 39, 89); /* Obramowanie aktywnej strony */
  --bs-pagination-hover-bg: rgba(13, 39, 89, 0.1); /* Tło hover (lekko przyciemnione) */
  --bs-pagination-hover-border-color: rgb(13, 39, 89);
  --bs-pagination-focus-bg: rgba(13, 39, 89, 0.25); /* Tło focus (dla dostępności) */
  --bs-pagination-active-color: #ffffff; /* Kolor tekstu na aktywnej stronie (biały dla kontrastu) */
  --bs-pagination-color: rgb(13, 39, 89); /* Kolor tekstu dla nieaktywnych linków (dopasowany do nowego schematu) */
  --bs-pagination-hover-color: rgb(13, 39, 89); /* Kolor tekstu na hover */
  --bs-pagination-border-color: rgba(13, 39, 89, 0.5); /* Obramowanie wszystkich elementów */
}