/******************************************************************************/

.con *,
.con *::before,
.con *::after{
    box-sizing: border-box;
}

/******************************************************************************/

.con {
    display: block;
    line-height: 1.4;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/******************************************************************************/

.ibs {
    clear: both;
    display: block;
    font-size: 0.000001px;
    margin: -1rem;
    position: relative;
}
.ib {
    direction: ltr;
    display: inline-block;
    font-size: 1rem;
    margin: 0;
    max-width: 100%;
    padding: 1rem;
    position: relative;
    vertical-align: top;
}
.ib--12 {
    width: 100%;
}
.ib--11 {
    width: 91.66%;
}
.ib--10 {
    width: 83.33%;
}
.ib--9 {
    width: 75%;
}
.ib--8 {
    width: 66.66%;
}
.ib--7 {
    width: 58.33%;
}
.ib--6 {
    width: 50%;
}
.ib--5 {
    width: 41.66%;
}
.ib--4 {
    width: 33.33%;
}
.ib--3 {
    width: 25%;
}
.ib--2 {
    width: 16.66%;
}
.ib--1 {
    width: 8.33%;
}
.ib--02 {
    width: 20%;
}
.ib--0125 {
    width: 12.5%;
}
@media only screen and (max-width: 480px) {
    .ibs {
        direction: initial !important;
    }
    .ib {
        width: 100%;
    }
}

.ibs.-flex {
    display: flex;
    flex-wrap: wrap;
}
.ibs.-flex > .ib > div {
    min-height: 100%;
}

/******************************************************************************/

.mceTmpl {
    border: 0 !important;
    padding: 0 !important;
}

.tinymce .ibs {
    font-size: 14px;
    font-size: 1rem;
    margin: 1rem 0 !important;
    outline: 1px dashed #ccc;
    padding: 3px;
}
.tinymce .ibs:after {
    display: none;
}
.tinymce .ib {
    min-height: 25px;
    outline: 1px dashed #ccc;
    outline-offset: -3px;
}

/******************************************************************************/

/************** NEWSY *************************************************/
.content-box{
    text-decoration: none;
    transition: 0.25s;
}
.content-box .image-img {
    max-width: 100%;
    object-fit: cover;
    width: 100%;
    height: 260px;
}
.content-box h2{
    margin-bottom: 15px;
    color: var(--text-dark);
    font-size: 1.3rem;
}
.section-header h1 {
    font-size: 2.5rem; /* Rozmiar nagłówka */
    color: var(--text-dark);
    margin-bottom: 15px;
    position: relative; /* Potrzebne dla podkreślenia */
    display: inline-block; /* Aby podkreślenie miało szerokość tekstu */
}
 /* Ozdobne podkreślenie pod nagłówkiem sekcji */
 .section-header h1::after {
      content: '';
      position: absolute;
      bottom: -8px;
      left: 50%;
      transform: translateX(-50%); /* Wyśrodkowanie podkreślenia */
      width: 60px; /* Szerokość podkreślenia */
      height: 3px; /* Grubość podkreślenia */
      background-color: var(--primary-color); /* Kolor podkreślenia */
}
.block-container .content-box{
    padding:0;
    overflow: hidden;
}

.block-container .content-box .btn{
    margin: 0 30px 30px 30px;
}
.block-container .content-box h2{
    margin: 0 30px 15px 30px;
}
.block-container .content-box p{
    margin: 0 30px 25px 30px;
}

.content-box time{
    font-size: 0.76rem;
    color: #969696;
    font-family: monospace;
    unicode-bidi: isolate;
}
/******************************************************************************/


/*
 * Lists TEKSTY
 */
main:has(.con){
    background-color: #fff;
}
.con{
    padding:80px 0;
}

.con h1{
    text-align: center;
    font-size: 2.8rem;
    color: var(--text-dark);
    margin-bottom: 30px;
    position: relative;
}

.con h1::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background-color: var(--primary-color);
}

/* Kontener z główną treścią podstrony (jeśli nie jest to siatka zespołu) */
.con .content-wrapper {
    max-width: 900px; /* Ograniczenie szerokości treści */
    margin: 40px auto 0; /* Wyśrodkowanie i odstęp od góry */
    padding: 0 15px; /* Odstępy boczne */
}

.con h3 { /* Mniejsze nagłówki w treści podstrony */
    font-size: 1.8rem;
    color: var(--text-dark);
    margin-top: 40px;
    margin-bottom: 20px;
    border-left: 4px solid var(--primary-color); /* Ozdobna linia po lewej */
    padding-left: 15px; /* Odstęp od linii */
}
.con p, .con li { /* Paragrafy i elementy listy */
    color: var(--text-medium);
    margin-bottom: 18px;
    line-height: 1.7; /* Interlinia */
    font-size: 1.05rem; /* Rozmiar czcionki */
}
.con ul { /* Lista */
    list-style: none;
    padding-left: 0;
    margin-bottom: 25px;
}
 .con ul li {
     position: relative;
     padding-left: 35px; /* Odstęp na ikonkę */
     margin-bottom: 12px;
 }
 /* Ikona przed elementem listy (ptaszek w kółku) */
 .con ul li::before {
     content: '';
     position: absolute;
     left: 0;
     top: 5px;
     width: 20px;
     height: 20px;
     background-image: url('../media/static/check-circle-2.svg'); /* Ikona z Lucide */
     background-size: contain;
     background-repeat: no-repeat;
     filter: invert(68%) sepia(98%) saturate(1011%) hue-rotate(359deg) brightness(102%) contrast(103%); /* Zmiana koloru ikony SVG na pomarańczowy */
 }
 .con strong { /* Pogrubienie tekstu */
     color: var(--text-dark);
     font-weight: 600;
 }

 .con a{
    color:var(--primary-color)
 }

/******************************************************************************/