/* Ogólne */
table td{
    vertical-align: middle !important;
}


/* długości, wymiary, szerokości */
.w-160px{
    width:160px;
    max-width: 100%;
}
.w-200px{
    width:200px;
    max-width: 100%;
}

/* artykuł */
.art{
    border-left: 1px solid #eee;
    padding-left: 14px;
}
.art p{
    line-height: 1.5em !important;
    font-size: 110% !important;
}
.art ul li, .art ol li{
    line-height: 1.45em !important;
    font-size: 110% !important;
    margin: 0 0 16px 30px !important;
}
.news-tytul{
    font-weight: 700 !important;
    font-size: 300% !important;
    background: -webkit-linear-gradient(#1f4467, #114d85);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
[tg-theme="dark"] .news-tytul{
    background: -webkit-linear-gradient(#98cafa, #b7dafc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.art h1, .art h2, .art h3{
    font-weight: 700 !important;
    margin: 30px 0 14px !important;
    color:#1f4467 !important;
}
.art h2, .art h3{
    margin: 40px 0 14px !important;
}
[tg-theme="dark"] .art h1,[tg-theme="dark"] .art h2,[tg-theme="dark"] .art h3{
    color: #f98f7f !important;
}
.news-wstep{
    border-top: 1px solid #e9e9dc;
    border-bottom: 1px solid #e9e9dc;
    padding: 14px 0;
    background: -webkit-linear-gradient(#1f4467, #205b93);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 120% !important;
    line-height: 1.4em !important;
}
[tg-theme="dark"] .news-wstep{
    background: -webkit-linear-gradient(#f98f7f, #e46e5c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.--news-wstep:first-letter {
    font-size: 70px;
    float: left;
    padding: 20px 20px 40px 0;
    background: -webkit-linear-gradient(#1f4467, #205b93);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.art p i, .art li i{
    background: -webkit-linear-gradient(#f98f7f, #ff5940);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}
.art p a, .art li a{
    background: #f98f7f;
    color: #fff !important;
    border-bottom: 1px solid #fbdeda !important;
    font-weight: bold !important;
    padding: 2px 5px;
}
.art p a:hover, .art li a:hover{
    background: #ff5940;
    color: #fff !important;
    border-bottom: 1px solid #f98f7f !important;
    font-weight: bold !important;
    border-radius: 5px;
}
[tg-theme="dark"] .art ol li,[tg-theme="dark"] .art ul li{
    color:#fff;
}

.szczegoly {
    list-style: none;
    padding-left: 0;
}
.szczegoly li {
    position: relative;
    padding-left: 1.5em;  /* space to preserve indentation on wrap */
}
.szczegoly li:before {
    content: '';  /* placeholder for the SVG */
    position: absolute;
    left: 0;  /* place the SVG at the start of the padding */
    top:4px;
    width: 1em;
    height: 1em;
    background: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg width='18' height='18' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'><path d='M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z'/></svg>") no-repeat;
}
.szczegoly li strong{
    display: inline-block;
    margin-right: 6px;
}

.img-do-lewej{
    float:left;
    clear: left;
    width:100%;
    max-width: 440px;
    margin:-4px 26px 14px 0 !important;
    background: #fafaf8;
    padding: 10px;
    border-radius: 5px;
}

.img-do-lewej-male{
    float:left;
    clear: left;
    width:100%;
    max-width: 300px;
    margin:-4px 26px 14px 0 !important;
    background: #fafaf8;
    padding: 10px;
    border-radius: 5px;
}
    .img-do-lewej img, .img-do-lewej-male img{
        border-radius: 5px;
    }
[tg-theme="dark"] .img-do-lewej, [tg-theme="dark"] .img-do-lewej-male{
    background: #1f2f3f;
    color: #fff !important;
}

.img-do-srodka{
    width:100%;
    margin:20px auto !important;
    background: #fafaf8;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
}
    .img-do-srodka img{
        margin: 10px auto 0 !important;
        border-radius: 10px !important;
        max-width: 100%;
    }
[tg-theme="dark"] .img-do-srodka{
    background: #1f2f3f;
    color: #fff !important;
}

.img-opis{
    margin: 8px 0 0 0 !important;
    color: #1f4468 !important;
    font-size: 80% !important;
    font-style: italic !important;
    line-height: 1.2em !important;
}
.img-do-srodka .img-opis{
    text-align: center;
}
[tg-theme="dark"] .img-do-lewej .img-opis,[tg-theme="dark"] .img-do-srodka .img-opis{
    color: #f98f7f !important;
}

.img-br{
    border-radius: 5px !important;
}

/* Paginacja */
.page-link{
    width: 50px !important;
    text-align: center !important;
}
/* Panel pogoda */
.panel-pogoda{
    background: url(../../media/img/bg/kalendarz2.jpg) #fafaf9;
    background-size: cover;
    color: #808892;
    padding: 20px;
    border-radius: 5px;
}
    .ikona-pogody{
        width:62px;
        margin-bottom: 6px;
        margin-top: 20px;
        float: right;
    }
    .pogoda-temp{
    }
    .pogoda-numer{
        font-weight: bold;
        font-size: 290%;
    }
    .panel-pogoda table{
        font-size: 80%;
    }
    .pogoda-stopnie1{
        vertical-align: super;
        display: inline-block;
        font-size: 290%;
    }
    .pogoda-stopnie2{
        font-weight: bold;
        font-size: 190%;
    }
    .panel-pogoda i{
        display: inline-block;
        width:16px;
    }
    .pogoda-ikona{
        width: 22px;
    }

[tg-theme="dark"] .panel-pogoda{
    background: #1f2f3f;
    color: #fff !important;
}
[tg-theme="dark"] .panel-pogoda table{
    color: #fff !important;
}
[tg-theme="dark"] .panel-pogoda table img{
    filter: invert();
}

/* Kartka z kalendarza */
.kartka-z-kalendarza{
    padding: 30px;
    display: block;
    background: url(../../media/img/bg/kalendarz2.jpg) #fafaf9;
    background-size: cover !important;
    background-position: top center;
    text-align: left;
    margin: 10px 0 30px;
    border-radius: 5px;
    color:#808892;
    border:1px solid #e3e3ef;
}
.kartka-z-kalendarza .tag{
    display: inline-block;
    background: #f98f7f;
    padding: 6px 12px 6px 30px;
    font-weight: bold;
    margin-left: -30px;
    color:#fff;
}
.kartka-naglowek{
    display: block;
    color: #1f4467 !important;
    margin: 20px 0;
    font-size: 130%;
    font-weight: bold;
    line-height: 1.2em;
}
.kartka-z-kalendarza .kartka-naglowek small{
    font-size: 70%;
}
.kartka-z-kalendarza p{
    color: #808892;
    line-height: 1.6em;
    margin: 4px 0 !important;
}
.kartka-z-kalendarza strong{
    color: #f98f7f;/*1f4467*/
}
.linia{
    display: block;
    width:100%;
    margin:6px 0 18px;
    height:1px;
    background: #f98f7f;
}
[tg-theme="dark"] .kartka-z-kalendarza{
    background: #1f2f3f;
    color: #fff !important;
    border:0;
}
[tg-theme="dark"] .kartka-naglowek{
    color: #f98f7f !important;
}

/* alert informacyjny */
.alert-rce{
    display: block;
    margin:30px auto;
    border:1px solid #28577a;
    border-radius: 10px;
    padding: 30px;
    background: #e0eef9;
}
    .alert-rce p{
        margin: 0;
        text-align: center;
    }
[tg-theme="dark"] .alert-rce{
    color: #fff;
    background: #182d41;
}

.kalendarium-raclawic{
    display: block;
    margin: 20px 0;
    border-bottom: 3px solid #28577a;
    background: #f0f9ff;
    padding: 14px;
}
.kalendarium-raclawic p{
    margin: 10px 0 !important;
}
[tg-theme="dark"] .kalendarium-raclawic{
    color: #fff;
    background: #182d41;
}
[tg-theme="dark"] .kalendarium-raclawic h4{
    color: #89bcff;
}

.tabela{

}
    .tabela td{
        vertical-align: middle !important;
        padding: 8px;
        font-size: 95%;
    }

.table-lewa-prawa td{
    font-size: 120%;
}

.zakrycie-tekstu{
    display: block;
    width:100%;
    position: relative;
}
.zakrycie{
    position: absolute;
    top:0;
    left: 0;
    display: block;
    width:100%;
    height:100%;
    background: url('../../media/img/grafiki/zakrycie-biale.png') bottom left repeat-x;
}
[tg-theme="dark"]  .zakrycie{
    background: url('../../media/img/grafiki/zakrycie-ciemne.png?v=2') bottom left repeat-x;
}