/* Podstawowe style nagłówków */
h1, h2, h3, h4, h5 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400!important; /* Light */
  line-height: 1.2!important;
  margin-bottom: 0.75rem!important;
  margin-top: 0!important;
  color: #212529;
    letter-spacing: 0.5px!important; /* Lekkie zbicie liter charakterystyczne dla Condensed */

}

/* Rozmiary dla desktopów */
h1 { font-size: 46px!important; }
h2 { font-size: 36px!important; }
h3 { font-size: 28px!important; }
h4 { font-size: 22px!important; }
h5 { font-size: 18px!important; }

/* Tablet (768px - 992px) */
@media (max-width: 991.98px) {
  h1 { font-size: 38px!important; }
  h2 { font-size: 30px!important; }
  h3 { font-size: 24px!important; }
  h4 { font-size: 20px!important; }
  h5 { font-size: 17px!important; }
}

/* Mobile (poniżej 768px) */
@media (max-width: 767.98px) {
  h1 { font-size: 32pxv; }
  h2 { font-size: 26px!important; }
  h3 { font-size: 22px!important; }
  h4 { font-size: 18px!important; }
  h5 { font-size: 16px!important; }
}

/* Małe mobile (opcjonalnie, poniżej 576px) */
@media (max-width: 575.98px) {
  h1 { font-size: 28px; letter-spacing: 0.3px!important; }
  h2 { font-size: 24px; letter-spacing: 0.3px!important; }
  h3 { font-size: 20px!important; }
}

/* Nowy układ dla obrazka i intro */
.article-intro-container {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin: 20px 0;
  align-items: flex-start;
}

.article-intro-container .item-image {
  float: none;
  margin: 0;
  flex: 0 0 300px;
  max-width: 100%;
}

.article-intro-container .item-intro {
  flex: 1;
  min-width: 300px;
}

@media (max-width: 768px) {
  .article-intro-container {
    flex-direction: column;
  }
  .article-intro-container .item-image {
    width: 100%;
    margin-bottom: 15px;
  }
}
.blog-items .readmore {
text-align:right;}

/* Podstawowe style menu na podstronie aktualności */
.menu-site {
  display: flex;
  flex-direction: column;
  gap: 0.5rem; /* odstęp między przyciskami */
  padding: 0;
  margin: 0;
  list-style: none;
}

.menu-site .nav-item {
  width: 100%;
}

.menu-site .nav-item a {
  display: block;
  padding: 0.75rem 1rem;
  text-decoration: none;
  color: #333; /* kolor tekstu */
  background-color: #f8f9fa; /* kolor tła przycisku */
  border: 1px solid #ddd; /* obramowanie przycisku */
  border-radius: 0.25rem; /* zaokrąglone rogi */
  transition: all 0.3s ease; /* płynne przejścia */
}

.menu-site .nav-item a:hover {
  background-color: #e9ecef; /* kolor tła przy najechaniu */
  color: #007035; /* kolor tekstu przy najechaniu */
  border-color: #adb5bd; /* kolor obramowania przy najechaniu */
}

.menu-site .nav-item a:active {
  background-color: #dee2e6; /* kolor tła przy kliknięciu */
}

.menu-site .menu-item-title {
  display: inline-block;
  width: 100%;
}
/* Reset domyślnych stylów listy */
ul.menu-footer {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.9em; /* Zmniejszenie czcionki */
    line-height: 1.3;
}

/* Pozycje menu - układ poziomy */
ul.menu-footer > li.nav-item {
    display: inline-block;
    margin: 0;
    padding: 0 4px;
    position: relative;
}

/* Pionowe kreski separatorów */
ul.menu-footer > li.nav-item:not(:last-child)::after {
    content: "|";
    position: absolute;
    right: -2px;
    color: #ccc;
}

/* Reset stylów linków */
ul.menu-footer .nav-link {
    padding: 0;
    margin: 0;
    display: inline;
    background: none !important;
    border: none !important;
    color: inherit;
    text-decoration: none;
}

/* Hover - opcjonalny */
ul.menu-footer .nav-link:hover {
    color: #007035;
    text-decoration: underline;
}

/* Reset dodatkowych elementów */
ul.menu-footer .menu-item-title {
    display: inline;
}

/* Dla responsywności - zawijanie pozycji */
@media (max-width: 768px) {
    .nav.menu-footer {
        justify-content: center;
    }
    .nav.menu-footer .nav-item {
        padding: 5px 10px;
    }
}
/* Podstawowe style tabeli */
table {
  width: 100%;
  max-width: 100%;
  margin: 1rem 0;
  border-collapse: collapse;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

/* Nagłówki tabeli */
th {
  background-color: #f8f9fa;
  color: #212529;
  font-weight: 600;
  text-align: left;
  padding: 12px 15px;
  border-bottom: 2px solid #dee2e6;
}

/* Komórki tabeli */
td {
  padding: 10px 15px;
  border-bottom: 1px solid #dee2e6;
  vertical-align: top;
}

/* Alternatywne wiersze */
tbody tr:nth-child(even) {
  background-color: #f8f9fa;
}

/* Hover na wierszach */
tbody tr:hover {
  background-color: #e9ecef;
}

/* Obramowanie tabeli */
table[border="1"] {
  border: 1px solid #dee2e6;
}

table[border="1"] th,
table[border="1"] td {
  border: 1px solid #dee2e6;
}

/* Responsywność */
@media (max-width: 768px) {
  table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

.btn-readmore:hover,
.btn-readmore:focus,
.btn-readmore:active {
    background-color: #009846 !important;
    border-color: #009846 !important;
    color: #fff !important;
}

/* Dla stanu aktywnego (wciśniętego) - lekko ciemniejszy odcień */
.btn-readmore:active {
    background-color: #007c38 !important;
    border-color: #007c38 !important;
    box-shadow: 0 0 0 0.25rem rgba(0, 152, 70, 0.5) !important;
}


.page-header h1 {
    border-bottom:1px solid #009846;
}
.page-subheader  h1.page-subtitle {
    border-bottom:1px solid #009846;
}
.content-category h1 {
    border-bottom:1px solid #009846;
156157158159160161162163164165166167168169170171172173174175176177178179180181182
}


.blog-items .page-header h2 {
    border-bottom:1px solid #dadada;
}

.blog-items .page-header h2 a  {
    color:#009846!important;
}
.blog-items .page-header h2 a:hover  {
    color:#007a38!important;
}
.blog-items .item {
    border-bottom:1px solid #009846;
    padding-top:1.5rem;
}
.slider .t4-section-inner {padding:0;border-bottom:4px solid #009846;}
.header-up {background:transparent!important;}
.mainnav {background:#f8f8f8;}
.fas {padding-right:5px;}
.nav-align-left .t4-megamenu .navbar-nav>li>a, .nav-align-left .t4-megamenu .navbar-nav>li>span {
    margin-right: 1.2rem;
}
.navbar-nav > li.nav-item > a.nav-link {
    padding: 0.5rem 1rem !important;  /* większe odstępy po bokach */
    margin: 0 2px!important;
    border-radius: 0px;
    transition: all 0.3s ease;
}
/* Dla pozycji pierwszego poziomu menu */
.navbar-nav > .nav-item > .nav-link:hover,
.navbar-nav > .nav-item > .nav-link:focus {
    background-color: #e6f1eb; /* Zmień na wybrany kolor */
    transition: background-color 0.3s ease;
}

/* Dla aktywnej/aktualnie wybranej pozycji pierwszego poziomu */
.navbar-nav > .nav-item.current > .nav-link,
.navbar-nav > .nav-item.active > .nav-link {
    background-color: #e6f1eb; /* Zmień na wybrany kolor */
}

.t4-main-body {padding-top:0;padding-bottom:0;}
.t4-main-body .container {background:#fff;padding-top:3rem;padding-bottom:3rem;}
.t4-header2 .container {background:#fff;}
.t4-off-canvas-body .dropdown-item {white-space: wrap;  }
.t4-offcanvas .t4-off-canvas-body .t4-module .module-inner   {padding: 0;}
.blog-items {padding-top:2rem}
.blog-items .pull-left {width:25%}
.sidebar-r .module-title {
  border:0;
  background:#009846;
  margin-bottom:14px;
  padding:10px;
  color:#fff;
  text-transform: none;
}
.sidebar-r .module-title {
  font-size:1.2rem!important;
}


.sidebar-r .module-title span {
    border-bottom: 0;
    margin-bottom: 0;
    padding:0;
}


.page-link {
    color: #009846;
    border-color: #dee2e6;
}

.page-link:hover {
    color: #007a38;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.page-link:focus {
    color: #007a38;
    background-color: #e9ecef;
    box-shadow: 0 0 0 0.25rem rgba(0, 152, 70, 0.25);
}

.page-item.active .page-link {
    background-color: #009846;
    border-color: #009846;
}

.page-item.disabled .page-link {
    color: #6c757d;
    background-color: #fff;
    border-color: #dee2e6;
}
.t4-footnav {
    border-top: 3px solid #009848;
    border-bottom: 1px solid #009848;
}

.t4-footnav .navbar-nav {
    flex-direction: row;
}

.t4-footnav .t4-module .nav li {
    padding:0 5px!important;
}

.t4-footnav .container {
    padding-top: 3rem;
    padding-bottom: 3rem;
    
}