/*
Theme Name: TEATR DLA WSZYSTKICH
Text Domain: TEATR DLA WSZYSTKICH
Version: 1.0
Tested up to: 5.9
Requires at least: 4.7
Requires PHP: 7.4.3
Description:
Tags:
Author: Kamil Postrzygacz
*/
a{
    text-decoration: none;
}
body{
    margin: 0px;
    /*padding-top: 56px;*/
}
header{
    width: 100%;
    padding-bottom: 10px;
    position: relative;
    /*z-index: 99999;*/
    display: flex;
    /*width: 1280px;*/
    margin: 0px auto;
    flex-direction: column-reverse;
}
nav{
    position: relative;
    padding: 15px 15px 0px 15px;
    /*z-index: 10;*/
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.menu-text{
    font-weight: 700;
    color: #004643;
}
.inner-container{
    width: 1280px;
    /*height: 50px;*/
    margin: 0px auto;
    /*background: rgba(255, 0, 0, 0.5);*/
}
.scrolling-news-main-container{
    background-color: #e3f14d;
    width: 100%;
    padding: 15px 0px;
}
.scrolling-news {
    width: 1280px;
    margin: 0px auto;
    display: flex;
}
.news-scrolling-sign {
    display: none;
    padding: 5px 15px;
    background:  #000000;
    color: #ffffff;
    border-radius: 8px;
    font-weight: 700;
}
marquee > a {
    color: #000000;
    margin: 0px 30px;
    font-size: 16px; /* Ustawienie stałego rozmiaru czcionki */
    white-space: nowrap; /* Zapobieganie zawijaniu tekstu */
    -webkit-text-size-adjust: 100%; /* Wyłączenie skalowania tekstu na WebKit */
}
#button-label > img{
    height: 25px;
    width: 25px;
    margin: 0px 15px 0px 0px;
}
.menu-container{
    display: none;
    width: 85%;
    border-radius: 10px;
    position: absolute;
    left: 0px;
    top: 5px;
    /*z-index: -1;*/
    background-color: #ffffff;
    padding: 50px 0px 0px;
    -webkit-box-shadow: 0px 0px 30px 10px rgba(66, 68, 90, 0.5);
    -moz-box-shadow: 0px 0px 30px 10px rgba(66, 68, 90, 0.5);
    box-shadow: 0px 0px 30px 10px rgba(66, 68, 90, 0.5);
}
.main-nav-container{
    display: flex;
    /*width: 50%;*/
    width: 70%;
    justify-content: space-between;
}
.logo-container{
    padding: 5px 5px;
    margin-left: 15px;
}
.logo-container > a > img{
    height: 50px;
    width: auto;
}
#button-label{
    display: flex;
    flex-direction: row;
    align-items: center;
}
#open-menu-button-checkbox:checked ~ .menu-container {
    display: block;
    width: 100%;
}

/**
Menu styling
*/

.menu-container > div > ul{
    display: flex;
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.menu-container > div > ul > li {
    padding: 0px 0px 40px 40px;
}
.menu-container > div > ul > li > a {
    text-transform: uppercase;
    text-decoration: none;
    color: #004643;
    font-weight: 700;
}
.menu-container > div > ul > li > ul{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0px;
    margin: 0px;

}
.menu-container > div > ul > li > ul > li {
    padding: 15px 0px;
    flex: 1 50%;
    min-width: 100px;
}
.menu-container > div > ul > li > ul > li > a {
    text-decoration: none;
    color: #000;
    font-size: 16px;
}
.social-media-container{
    display: flex;
    justify-content: flex-end;
    padding: 20px 40px;
}
.social-media-container > div{
    margin: 0px 15px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    padding: 20px 20px 16px 20px;
    border-radius: 50%;
}
.categories-container{
    width: 1280px;
    padding: 15px;
    display: flex;
}
.outer-container{
    width: 1280px;
    margin: 0px auto;
}
.category-container > a{
    color: #000;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    padding: 10px;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
}
.category-container{
    border: 1px;
    border-style: solid;
    border-radius: 8px;
    margin-right: 15px;
    background-color: rgba(0,0,0,0);
    border: 1px solid #000000;
    transition: background-color .2s ease-in-out;
}

.category-container:hover{
    background-color: #ffd166;
}

.category-container img{
    height: 15px;
    margin-right: 10px;
}
/*.category-container:nth-child(1){*/
/*    border-color: #f2331c;*/
/*    background-color: rgba(242, 51, 28, 0);*/
/*}*/
/*.category-container:nth-child(2){*/
/*    border-color: #0068ce;*/
/*    background-color: rgba(0, 104, 206, 0);*/
/*}*/
/*.category-container:nth-child(3){*/
/*    border-color: #8b07e0;*/
/*    background-color: rgba(139, 7, 224, 0);*/
/*}*/
/*.category-container:nth-child(4){*/
/*    border-color: #00b2e2;*/
/*    background-color: rgba(0, 178, 226, 0);*/
/*}*/
/*.category-container:nth-child(5){*/
/*    border-color: #8a8a8f;*/
/*    background-color: rgba(138, 138, 143, 0);*/
/*}*/
/*.category-container:nth-child(6){*/
/*    border-color: #15af04;*/
/*    background-color: rgba(21, 175, 4, 0);*/
/*}*/
/*.category-container:nth-child(7){*/
/*    border-color: #ff7d08;*/
/*    background-color: rgba(255, 125, 8, 0);*/
/*}*/
/*.category-container:nth-child(8){*/
/*    border-color: #ff579c;*/
/*    background-color: rgba(255, 87, 156, 0);*/
/*}*/
/*.category-container:nth-child(9){*/
/*    border-color: #ce0000;*/
/*    background-color: rgba(206, 0, 0, 0);*/
/*}*/


/*.category-container:nth-child(1):hover{*/
/*    border-color: #f2331c;*/
/*    background-color: rgba(242, 51, 28, .16);*/
/*}*/
/*.category-container:nth-child(2):hover{*/
/*    border-color: #0068ce;*/
/*    background-color: rgba(0, 104, 206, .16);*/
/*}*/
/*.category-container:nth-child(3):hover{*/
/*    border-color: #8b07e0;*/
/*    background-color: rgba(139, 7, 224, .16);*/
/*}*/
/*.category-container:nth-child(4):hover{*/
/*    border-color: #00b2e2;*/
/*    background-color: rgba(0, 178, 226, .16);*/
/*}*/
/*.category-container:nth-child(5):hover{*/
/*    border-color: #8a8a8f;*/
/*    background-color: rgba(138, 138, 143, .16);*/
/*}*/
/*.category-container:nth-child(6):hover{*/
/*    border-color: #15af04;*/
/*    background-color: rgba(21, 175, 4, .16);*/
/*}*/
/*.category-container:nth-child(7):hover{*/
/*    border-color: #ff7d08;*/
/*    background-color: rgba(255, 125, 8, .16);*/
/*}*/
/*.category-container:nth-child(8):hover{*/
/*    border-color: #ff579c;*/
/*    background-color: rgba(255, 87, 156, .16);*/
/*}*/
/*.category-container:nth-child(9):hover{*/
/*    border-color: #ce0000;*/
/*    background-color: rgba(206, 0, 0, .16);*/
/*}*/
.nav-side-menu{
    display: flex;
    align-items: center;
    position: relative;
    /*z-index: -2;*/
}
.newsletter, .search_form{
    text-transform: uppercase;
    font-weight: 700;
}
.pop-ups-under-menu-container {
    position: relative;
    width: 100%;
    margin: 0px auto;
    /*z-index: 999999;*/
}
.newsletter-container {
    background-color: #ffd166;
}
.searcher-container, .newsletter-container {
    display: none;
    position: absolute;
    width: calc(100% - 30px);
    /*height: 200px;*/
    /*background-color: #ffffff;*/
    left: 0px;
    /*bottom: -240px;*/
    border-top: 1px solid rgba(0, 0, 0, 0.16);
    padding: 15px;
    -webkit-box-shadow: 0px 40px 30px -30px rgba(66, 68, 90, 0.16);
    -moz-box-shadow: 0px 40px 30px -30px rgba(66, 68, 90, 0.16);
    box-shadow: 0px 40px 30px -30px rgba(66, 68, 90, 0.16);
}
.searcher-container {
    background-color: rgba(255,255,255,0);
    -webkit-box-shadow: 0px 40px 30px -30px rgba(66, 68, 90, 0);
    -moz-box-shadow: 0px 40px 30px -30px rgba(66, 68, 90, 0);
    box-shadow: 0px 40px 30px -30px rgba(66, 68, 90, 0);
}
fieldset.search-fieldset {
    background-color: #ffffff;
}
.pop-inside-container {
    height: 100%;
    width: calc(1280px - 30px);
    margin: 0px auto;
}
.pop-ups-under-menu-container {
    display: none;
}
#search, #newsletter {
    display: none;
}
#search:checked ~ .pop-ups-under-menu-container, #newsletter:checked ~ .pop-ups-under-menu-container {
    display: flex;
    position: relative;
    /*z-index: 999999;*/
    flex-direction: column;
}
#search:checked ~ .pop-ups-under-menu-container > .searcher-container, #newsletter:checked ~ .pop-ups-under-menu-container > .newsletter-container {
    display: block;
}

.newsletter > label {
    background-color: rgb(0 70 67);
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 8px;
    margin-left: 35px;
    cursor: pointer;
}
.newsletter > label:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.75);
    transition: all .2s ease-in-out;
}
.search-label {
    display: flex;
    cursor: pointer;
    align-items: center;
    color: #004643;
}
.search-label > svg {
    width: 35px;
    height: 35px;
    margin-right: 5px;
}
fieldset.search-fieldset {
    border-radius: 8px;
    border-color: rgba(0, 0, 0, 0.1);
    padding: 15px 15px 24px 15px;
    text-align: center;
}
.pop-inside-container > form {
    width: 100%;
}
fieldset.search-fieldset > legend {
    font-weight: 700;
    text-transform: uppercase;
}
fieldset.search-fieldset > input[type=text] {
    width: 60%;
    padding: 10px;
    border-radius: 8px;
    border-color: rgba(0, 0, 0, 0.25);
    text-align: center;
    font-size: 26px;
}
.submit-search-button{
    width: 120px;
    padding: 9px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 8px;
    border-color: rgba(0, 0, 0, 0.25);
    cursor: pointer;
    margin-left: 35px;
}
.close-container {
    display: flex;
    justify-content: flex-end;
    cursor: pointer;
}
.content {
    width: calc(1280px - 30px);
    margin: 30px auto;
    padding: 30px 0px;
}
.news-content {
    display: flex;
    position: relative;
}
.news-content::after{
    content: " ";
    display: block;
    height: 100%;
    width: 1px;
    background-color: rgba(0, 0, 0, 0.35);
    position: absolute;
    left: calc(50% - 1px);
}
.newest-article-container {
    width: 50%;
    padding: 0px 30px 0px 0px;
}
.newest-article-container > .newest-inner-container{
    /*height: 100%;*/
    border-bottom: 1px solid rgba(0,0,0,0.35);
    padding-bottom: 50px;
}
.more-newest-container {
    width: 50%;
    padding: 0px 0px 0px 30px;
    /*border-left: 1px solid rgba(0, 0, 0, 0.35);*/
}
.post-image-container > img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}
.post-image-container {
    padding-bottom: 15px;
}
.newest-inner-container.right-side {
    display: flex;
}
.post-more-content {
    width: 50%;
    padding-right: 20px;
}
.post-more-image {
    width: 50%;
}
.post-more-image > img{
    width: 100%;
    height: auto;
    border-radius: 8px;
}
.post-more-image > a > img{
    width: 100%;
    height: auto;
    border-radius: 8px;
}
.top-news-container {
    border-bottom: 1px solid rgba(0, 0, 0, 0.35);
    padding-bottom: 30px;
}
.bottom-news-container {
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.35);
}
.post-categories {
    display: flex;
    margin-bottom: 15px;
}
.category-name-link > a {
    text-decoration: none;
    text-transform: uppercase;
    color: #004643;
    font-weight: 900;
    margin-right: 15px;
}
.post-more-categories {
    display: flex;
    margin-bottom: 15px;
}
.post-more-title {
    font-weight: 700;
    padding-bottom: 15px;
    font-size: 24px;
}
.post-more-title h2, .news-title h2 {
    font-size: 24px;
    margin: 0px;
}
.post-more-title > a {
    color: #000000;
}
.post-main-title{
    font-weight: 700;
    padding-bottom: 15px;
    display: block;
    color: #000000;
    font-size: 24px;
}
.post-main-title > h2 {
    font-size: 24px;
    margin: 0px;
}
a :hover > .post-main-title {
    text-decoration: underline;
}
.top-news-container, .bottom-news-container{
    min-height: calc(50% - 90px);
}
.post-main-excerpt, .post-more-excerpt > a {
    color: #000000;
}
.marquee-container{
    /*margin-left: 35px;*/
    display: flex;
    align-items: center;
    font-size: 15px;
}
.post-author-container {
    display: flex;
    align-items: center;
    margin-top: 35px;
}
/* .post-author-avatar { */
    /*border-radius: 8px;*/
    /*overflow: hidden;*/
    /*border: 2px solid #e3f14d;*/
/* } */
.post-author-avatar {
    margin-right: 15px;
}
.post-author-avatar > img, .author-avatar > img {
    width: 80px;
    height: auto;
    border-radius: 8px;
    /*border: 2px solid rgb(227 241 77 / 35%);*/
}
.post-author-name {
    /*margin-left: 15px;*/
}
.post-author-name > a {
    color: #000000;
    font-weight: 700;
    /*text-transform: uppercase;*/
}
.scrolling-news-more{
    margin-top: 35px;
    display: flex;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 2px solid rgb(0, 0, 0, 0.15);
    width: 100%;
}
.scroling-button{
    padding: 15px 20px;
    background:  #004643;
    color: #ffffff;
    border-radius: 8px;
    font-weight: 700;
    /*text-transform: uppercase;*/
}
.moving-container {
    display: flex;
    align-items: stretch;
}
.scrolling-news-container {
    width: calc(100% - 215px);
    margin-left: 35px;
}
.post-marquee-more-content {
    padding: 15px 30px;
    display: flex;
    /*max-width: 400px;*/
}
.post-marquee-image {
    height: 70px;
}
.post-marquee-image > img{
    height: 100%;
    width: auto;
    border-radius: 8px;
    margin-right: 15px;
}
.post-marquee-more-desc {
    display: flex;
    flex-direction: column;
}
.post-marquee-more-title {
    color: #000000;
    font-weight: 700;
    font-size: 14px;
    white-space: initial;
    min-width: 300px;
}
.post-marquee-more-date {
    color: rgba(0, 0, 0, 0.45);
}
.authors-content {
    width: 1280px;
    margin: 30px auto;
    position: relative;
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.author-photo {
    width: 85%;
    margin: 0px auto;
}
.author-photo > img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    border: 0px solid rgb(146, 20, 12, .15);
}
.author-container {
    /*padding: 15px;*/
    padding: 25px;
    /*border: 2px solid rgba(0,0,0,0.15);*/
    border-radius: 8px;
    height: 100%;
}
.author-shadowed-container {
    padding: 30px;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(66, 68, 90, 1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(66, 68, 90, 1);
    box-shadow: 0px 10px 15px 0px rgba(66, 68, 90, 0.35);
    height: 100%;
    border-radius: 8px;
    border: 2px solid rgba(0, 0, 0, 0.15);
    transition: all ease-in-out 350ms;
}
.glide__slide {
    height: unset !important;
}
.author-name {
    text-align: center;
}
.author-latest-post {
    text-align: center;
}
.author-latest-post > a {
    color: #000000;
    font-weight: 300;
    font-size: 16px;
}
.glide__arrows {
    position: absolute;
    top: -54px;
    right: 0;
}
.author-shadowed-container:hover {
    background-color: #ffd166;
    transform: scale3d(1.05, 1.05, 1.05);
    cursor: pointer;
}
.glide__arrows {
    display: flex;
}
.glide__arrow {
    cursor: pointer;
}
.glide__arrow.glide__arrow--left {
    border-radius: 50%;
    margin-right: 15px;
    background: #ffffff;
}
.glide__arrow.glide__arrow--right {
    border-radius: 50%;
    background: #ffffff;
}
.news-contianer {
    width: 1280px;
    margin: 75px auto 35px;
    display: flex;
    justify-content: space-between;
}
.news-row {
    display: flex;
    margin-bottom: 35px;
    padding: 0px 0px 25px 0px;
    justify-content: space-between;
}
.news-row.search-results-row {
    display: block;
    margin-bottom: 35px;
    padding: 0px 0px 25px 0px;
    /*justify-content: space-between;*/
}
.news-display-contianer {
    width: calc(66.66% - 20px);
}
.news-container {
    width: calc(50% - 20px);
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.35);
}
.news-container.search-results-row {
    width: 100%;
    padding-bottom: 30px;
    padding-top: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.35);
    display: flex;
}
.news-image.search-results-row {
    width: 33.33%;
    padding-bottom: 15px;
}
.search-results-row-data {
    width: calc(66.66% - 30px);
    padding-left: 30px;
}
.news-image > a > img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}
.aside-news-container {
    width: calc(33.33% - 20px);
}
.news-category {
    display: flex;
    margin-bottom: 15px;
}
.news-category > a {
    text-decoration: none;
    text-transform: uppercase;
    color: #004643;
    font-weight: 900;
}
/* .news-title {

} */
.news-title > a {
    font-weight: 700;
    padding-bottom: 15px;
    display: block;
    color: #000000;
    font-size: 24px;
}
.news-excerpt > a {
    color: #000000;
}
.widget_main_page_aside {
    /*background-color: #e3f14d;*/
    padding: 0px 30px 15px;
}
.newsletter_widget_aside{
    /*background-color: #e3f14d;*/
    padding: 15px 30px;
}
.widget_main_page_aside:first-child{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.widget_main_page_aside:last-child{
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.news-author {
    display: flex;
    align-items: center;
    margin-top: 20px;
    /* margin-right: 30px; */
}
.author-name.posts-list > a {
    color: #000000;
    /*margin-left: 20px;*/
    font-weight: 700;
}
.news-row:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.news-slider {
    width: 1280px;
    margin: 0px auto;
    padding-top: 20px;
    padding-bottom: 35px;
    position: relative;
}
.gliding-post {
    position: relative;
    height: 450px;
}
.news-slider .glide__arrows{
    position: absolute;
    top: 37px;
    right: 0;
}
.post-image-background{
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    height: 450px;
    width: 100%;
    border-radius: 8px;
    /*z-index: -1;*/
}
.post-image-background > img {
    position: absolute;
    width: 111%;
    height: auto;
    left: -5%;
    top: -2%;
}
.gliding-post > a {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: flex-end;
}
.glie-post-title {
    color: #ffffff;
    padding: 10px 20px 20px 20px;
    font-size: 18px;
}
.faded-post-cover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 20%, transparent 50%);
}
.glide-post-categoris {
    padding: 0px 20px 0px 20px;
    display: flex;
}
.glide-post-category{
    padding: 5px 10px;
    background-color: #fff;
    border-radius: 8px;
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    color: #004643;
}
.glide-post-category.author-glide {
    background-color: rgba(255,255,255,0);
}
footer {
    width: 1280px;
    margin: 35px auto 0px;
    display: flex
;
    flex-wrap: wrap;
}
footer >  div.footer-right-container > div > .menu {
    display: flex;
    list-style: none;
    margin: 0px;
    padding: 0px 0px 35px 0px;
}
footer > div.footer-right-container > div > .menu > li {
    padding: 0px 30px 0px 0px;
    font-weight: 700;
}
footer >  div.footer-right-container > div > .menu > li > ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    font-weight: 400;
}
footer >  div.footer-right-container > div > .menu > li > ul > li {
    padding: 10px 0px;
}
.footer-left-container, .footer-right-container {
    max-width: 50%;
    min-width: 25%;
}
.copyrights-container{
    margin: 0px auto;
    width: 1280px;
    padding: 15px 0px;
    border-top: 1px solid rgba(0, 0, 0, 0.35);
}
footer > div.footer-right-container > div > .menu a {
    color: #000000;
}
.footer-left-container > .logo-footer-container > a > img {
    width: 65%;
    height: auto;
}
.footer-page-catchphrase {
    font-weight: 400;
    margin: 20px 30px 35px 0px;
    font-size: 12px;
}
.copyrights-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.copyrights-container > .social-media-container {
    display: flex;
    justify-content: flex-end;
    padding: 0px 0px;
}

.copyrights-container > .social-media-container > div {
    margin: 0px 5px;
}
.analysis-container {
    width: 1280px;
    margin: 0px auto;
}
.analysis-top-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.go-to-analysis-container > a {
    color: #ffffff;
    background: #004643;
    padding: 15px 25px;
    border-radius: 8px;
    font-weight: 700;
    text-transform: uppercase;
}
.analysis-post-content {
    margin-top: 25px;
    margin-bottom: 35px;
    background-color: #e3f14d;
    padding: 40px 40px;
    display: flex;
    border-radius: 8px;
}
.analysis-description {
    width: 50%;
    padding-right: 20px;
}
.analysis-image {
    width: 50%;
    padding-left: 20px;
}
.analysis-image > a > img {
    width: 100%;
    border-radius: 8px;
}
.analysis-title h3 {
    color: #000000;
    font-size: 22px;
}
.analysis-excerpt > a{
    color: #000000;
}
.analysis-author {
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.analysis-author > .author-name > a {
    color: #000000;
    margin-left: 20px;
    font-weight: 700;
}
.copyright-menu{
}
.copyright-menu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
}
.copyright-menu ul.menu > li {
    padding: 0px 10px;
}
.copyright-menu ul > li > a {
    color: #004643;
}
.quote-area-widget {
    background: #e3f14d;
    padding: 40px;
    color: #000000;
    border-radius: 8px;
    /*margin-top: 35px;*/
    margin-bottom: 35px;
}
.quote-area-widget h3 {
    font-size: 36px;
    margin-top: 0px;
}
.quote-area-widget svg {
    height: 20px;
    width: auto;
    fill: #ffffff;
}
.first-quote {
    /*margin-right: 15px;*/
}
.second-quote {
    /*margin-left: 15px;*/
}
/**
    Single post style
*/

.single-post-marquee{
    width: 1280px;
    margin: 35px auto 0px;
    position: relative;
    /*z-index: 0;*/
}
.single-post-content-above-full{
    width: 1280px;
    margin: 0px auto;
}
.single-post-thumbnail > img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}
.single-post-excerpt {
    font-size: 19px;
    margin-bottom: 24px;
}
.single-post-content {
    width: 1280px;
    margin: 35px auto 35px;
    display: flex;
}
.the-content {
    width: 75%;
    padding-right: 15px;
}
.single-post-aside {
    width: 25%;
    padding-left: 15px;
}
.single-post-publication-date {
    padding-bottom: 48px;
    color: rgba(0, 0, 0, 0.35);
}
.single-post-author {
    margin-bottom: 8px;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 600;
}
.single-post-author > a {
    color: rgba(0, 0, 0, 0.8);
}
.single-post-categories {
    display: flex;
    /*flex-wrap: wrap;*/
    align-items: center;
    margin-top: 35px;
    margin-bottom: 15px;
}
.single-post-categories > div.category-container-other > a > .single-post-category {
    color: #000000;
    border: 2px solid rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    font-weight: 500;
    padding: 8px 16px;
    margin-right: 15px;
    margin-bottom: 10px;
    transition: background-color .2s ease-in-out;
}
/* Hover effect aligned with .category-container */
.single-post-categories > div.category-container-other > a:hover > .single-post-category {
    background-color: #ffd166;
}
.under-cat-title {
    margin-right: 15px;
}
.category-container-other {
    display: flex;
    flex-wrap: wrap;
}
.single-post-tags {
    display: flex;
    /*flex-wrap: wrap;*/
    align-items: center;
    margin-top: 20px;
    margin-bottom: 15px;
}
.single-post-tags > div.tags-container > a > .single-post-tag {
    color: #000000;
    border: 2px solid rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    font-weight: 500;
    padding: 8px 16px;
    margin-right: 15px;
    margin-bottom: 10px;
    transition: background-color .2s ease-in-out;
}
/* Hover effect aligned with .category-container */
.single-post-tags > div.tags-container > a:hover > .single-post-tag {
    background-color: #ffd166;
}
.tags-container {
    display: flex;
    flex-wrap: wrap;
}
.social-share-widget {
    display: flex;
    align-items: center;
}
.single-post-author-info {
    margin-top: 35px;
}
.single-post-author-data {
    display: flex;
    /* align-items: center; */
}
.author-avatar {
    padding: 15px;
}
.single-post-author-data > .author-avatar {
    padding: 0px 15px 15px 15px;
}
.single-post-author-data > .author-avatar > img {
    width: 120px;
}
.single-post-author-data .author-name {
    text-align: left;
    margin-bottom: 5px;
}
.single-post-author-data .author-name > a {
    color: #000000;
    font-weight: 600;
    font-size: 16px;
}
.author-email > a {
    color: #000000;
    font-weight: 500;
}
.author-email {
    margin-bottom: 15px;
}

/* Style dla widżetu udostępniania społecznościowego */
.social-share-icons {
    display: flex; /* Użyj Flexbox do wyświetlania ikon w jednej linii */
    justify-content: center; /* Wyśrodkuj ikony poziomo */
    align-items: center; /* Wyśrodkuj ikony pionowo */
    gap: 15px; /* Odstęp między ikonami */
    padding: 10px 0; /* Opcjonalny padding */
}

.social-share-icons a {
    text-decoration: none; /* Usuń podkreślenia z linków */
    display: flex; /* Zapewnij, że ikony są elementami flex, jeśli potrzebne dodatkowe centrowanie wewnątrz linku */
    transition: transform 0.2s ease-in-out; /* Płynne przejście przy najechaniu */
}

.social-share-icons a:hover {
    transform: translateY(-3px); /* Delikatne podniesienie ikony przy najechaniu */
}

.social-share-icons img {
    width: 32px; /* Rozmiar ikon */
    height: 32px;
    vertical-align: middle; /* Wyrównaj ikony */
    border: none; /* Usuń ewentualne ramki */
    box-shadow: none; /* Usuń ewentualne cienie */
}

/* Styl dla wiadomości o skopiowaniu linku */
#copy-message {
    text-align: center;
    margin-top: 10px;
}
.single-post-share-post {
    margin-bottom: 30px;
}

/** Wyniki wyszukiwania */
.search-results-content {
    width: 1280px;
    margin: 35px auto 35px;
    display: flex;
}
.searched-posts {
    width: 75%;
    padding-right: 15px;
}
.search-results-aside {
    width: 25%;
    padding-left: 15px;
}

nav.pagination > ul.page-numbers {
    list-style: none;
    display: flex;
    padding: 0px;
    margin: 0px auto;
}

nav.pagination > ul.page-numbers > li >  span {
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.35);
    border-radius: 8px;
    margin-right: 10px;
    color: #000000;
}
nav.pagination > ul.page-numbers > li >  a {
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.35);
    border-radius: 8px;
    margin-right: 10px;
    color: #000000;
}
nav.pagination > ul.page-numbers > li > .current {
    background: #ffd166;
}

.slide-post-category {
    margin-top: 30px;
}
.slide-post-category .glide-post-category > a {
    color: #000000;
    text-decoration: none;
    font-weight: 700;
    font-size: 12px;
}
.sponsored-material > span {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.45);
    margin-bottom: 10px;
    display: block;
}
.authors-content > h2, .news-slider > h2, .analysis-top-container > h2 {
    font-size: 28px;
}
nav.pagination {
    margin-bottom: 35px;
}
div.breadcrumbs-container {
    width: 1280px;
    margin: 0px auto;
}

/* --- Breadcrumbs --- */
.breadcrumbs {
    font-size: 14px;
    padding: 10px 0;
    margin-bottom: 20px;
    color: #666;
    display: flex; /* Użyj flexbox dla lepszego ułożenia */
    flex-wrap: wrap; /* Zezwól na zawijanie na małych ekranach */
    align-items: center;
}

.breadcrumbs a {
    color: #337ab7; /* Typowy kolor linku */
    text-decoration: none;
    transition: color 0.3s ease;
}

.breadcrumbs a:hover {
    color: #23527c;
    text-decoration: underline;
}

.breadcrumbs .delimiter {
    margin: 0 8px; /* Odstęp wokół separatora */
    color: #999;
}

.breadcrumbs .breadcrumb-item {
    white-space: nowrap; /* Zapobiega zawijaniu się pojedynczych elementów */
}

.breadcrumbs .current-item {
    font-weight: 600;
    color: #333; /* Ciemniejszy kolor dla bieżącej strony */
}

/* Dostosowanie dla Rich Snippets */
.breadcrumbs span[itemscope] {
    display: inline-block; /* Ważne dla poprawnego wyświetlania w lini */
    white-space: nowrap;
}

/* Ukrycie separatora dla ostatniego elementu (jeśli current-item jest linkiem) */
.breadcrumbs span:last-child a + .delimiter {
    display: none;
}
/* Jeśli ostatni element jest span.current-item, ukryj separator przed nim */
.breadcrumbs .current-item + span.delimiter {
    display: none;
}

/* Wyrównanie separatorów */
.breadcrumbs .delimiter {
    display: inline-block;
    vertical-align: middle;
}
.quote-area-widget b {
    font-size: 22px;
}

.quote-area-widget div {
    font-size: 16px;
    font-style: italic;
}
/* --- Początek gotowego kodu CSS do wklejenia --- */

/* Główne ustawienia kontenera menu (ukrywanie/pokazywanie) */
.menu-container {
    display: none; /* Menu jest ukryte domyślnie */
    width: 85%; /* Szerokość menu */
    border-radius: 10px;
    position: absolute;
    left: 0px;
    top: 5px; /* Pozycja od góry */
    /*z-index: -1;*/
    background-color: #ffffff;
    padding: 50px 0px 0px; /* Padding od góry dla całego rozwijanego bloku */
    -webkit-box-shadow: 0px 0px 30px 10px rgba(66, 68, 90, 0.5);
    -moz-box-shadow: 0px 0px 30px 10px rgba(66, 68, 90, 0.5);
    box-shadow: 0px 0px 30px 10px rgba(66, 68, 90, 0.5);
}

/* Pokazywanie menu po zaznaczeniu checkboxa */
#open-menu-button-checkbox:checked ~ .menu-container {
    display: block; /* Pokazuje menu */
    width: 100%;
}

/* Kontener dla wszystkich głównych elementów listy menu (Newsy, O nas itp.) */
.menu-container > div > ul {
    display: flex; /* Używamy Flexboxa, aby elementy były w linii */
    list-style: none; /* Usuwamy kropki listy */
    padding: 0px 15px; /* Padding poziomy dla lepszego wyglądu */
    margin: 0px;
    flex-wrap: wrap; /* Pozwala elementom zawijać się w kolejnej linii, jeśli jest za mało miejsca */
    align-items: flex-start; /* Domyślne wyrównanie do góry dla elementów w tym kontenerze */
}

/* Styl dla pierwszej kategorii nadrzędnej ("Teatr dla wszystkich") */
/* Zachowuje jej oryginalny wygląd i układ podkategorii */
.menu-container > div > ul > li:first-child {
    padding: 0px 0px 40px 40px; /* Zachowany oryginalny padding */
    width: 20%;
}

/* Kontener dla podkategorii "O nas", "Redakcja", "Kontakt", "Archiwum" */
/* Zachowuje oryginalny układ podkategorii */
.menu-container > div > ul > li:first-child > ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

/* Pojedyncza podkategoria (np. "O nas", "Redakcja") */
.menu-container > div > ul > li:first-child > ul > li {
    padding: 15px 0px; /* Oryginalny padding */
    flex: 1 50%; /* Podział szerokości, aby były dwie w linii */
    min-width: 100px; /* Minimalna szerokość */
}

/* Style dla linków w podkategoriach */
.menu-container > div > ul > li:first-child > ul > li > a {
    text-decoration: none;
    color: #000;
    font-size: 16px;
    line-height: 1; /* Ujednolicona wysokość linii */
    display: inline-block;
    vertical-align: middle; /* Wyrównanie pionowe do środka tekstu */
    padding-top: 2px; /* Drobna korekta pionowa */
    padding-bottom: 2px; /* Drobna korekta pionowa */
}

/* --- KLUCZOWE STYLE DLA KATEGORII DO OBNIŻENIA (NEWSY, RECENZJE, WYWIADY, ANALIZY, MŁODY TEATROMAN) --- */
/* Odwołujemy się do wszystkich elementów <li> w głównej liście, które NIE SĄ pierwszym elementem. */
.menu-container > div > ul > li:not(:first-child) {
    padding: 42px 30px 0px 0px; /* Dodaje górny padding, aby je obniżyć, oraz oryginalny lewy padding */

    /* Poniższe style pomagają w precyzyjnym wyrównaniu pionowym tekstu */
    display: flex; /* Ustawiamy jako flex-container */
    align-items: flex-end; /* Wyrównujemy zawartość (link) do dołu w obrębie tego elementu <li> */
    height: 100%; /* Sprawia, że li ma pełną wysokość dostępną od rodzica */

    /* --- KLUCZOWA ZMIANA: WYRÓWNANIE ZA POMOCĄ POSITION: RELATIVE I TOP --- */
    position: relative; /* Umożliwia użycie właściwości 'top' */
    top: -6px; /* <--- ZACZNIJ OD -15PX. TO WARTOŚĆ, KTÓRĄ BĘDZIESZ DOSTOSOWYWAĆ! */
    /* Jeśli kategorie są za nisko, potrzebujesz ujemnej wartości 'top', np. -18px, -20px. */
    /* Jeśli będą za wysoko, zmniejsz wartość ujemną lub daj delikatnie dodatnią, np. -10px, -5px, 0px, 2px. */
}

/* Style dla linków w obniżonych kategoriach */
.menu-container > div > ul > li:not(:first-child) > a {
    text-transform: uppercase;
    text-decoration: none;
    color: #004643;
    font-weight: 700;
    line-height: 1; /* Ujednolicona wysokość linii */
    display: inline-block;
    vertical-align: middle; /* Wyrównanie pionowe do środka tekstu */
    padding-top: 2px; /* Drobna korekta pionowa */
    padding-bottom: 2px; /* Drobna korekta pionowa */
}

/* --- Koniec gotowego kodu CSS do wklejenia --- */
/* --- */
/* Zmniejszenie odległości między podkategoriami "O nas" / "Redakcja" oraz "Kontakt" / "Archiwum" - POPRAWIONA WERSJA */
/* --- */

/* Celujemy w drugi i czwarty element <li> w liście podkategorii (czyli "Redakcję" i "Archiwum") */
.menu-container > div > ul > li:first-child > ul > li:nth-child(2),
.menu-container > div > ul > li:first-child > ul > li:nth-child(4) {
    /* Zmniejsz lub usuń lewy padding/margines, aby przybliżyć do poprzedniego elementu */
    padding-left: 0px; /* Ustaw na 0, aby usunąć domyślny padding, jeśli istnieje */
    margin-left: 0px; /* <--- Wartość do dostosowania! Zaczynamy od -10px, aby przesunąć w lewo */
    /* Możesz spróbować różnych wartości ujemnych, np. -5px, -15px, -20px. */
    /* Im większa wartość ujemna, tym bardziej elementy się do siebie zbliżą. */
}

/* Opcjonalnie: Delikatna korekta dla linków w tych podkategoriach, jeśli tekst się nie mieści */
.menu-container > div > ul > li:first-child > ul > li:nth-child(2) > a,
.menu-container > div > ul > li:first-child > ul > li:nth-child(4) > a {
    white-space: nowrap; /* Zapobiega zawijaniu się tekstu w linku */
}
/* --- */
/* Korekta odstępów pionowych w widoku mobilnym */
/* --- */

@media (max-width: 768px) { /* Zmień 768px na szerokość, przy której aktywuje się Twój widok mobilny */

    /* Zmniejszenie odstępu po ostatniej podkategorii (np. "Archiwum") */
    /* Celujemy w element <li>, który zawiera podkategorie "Teatr dla wszystkich" */
    .menu-container > div > ul > li:first-child {
        padding-bottom: 0px; /* Usuwamy lub zmniejszamy padding-bottom, który tworzy duży odstęp */
        margin-bottom: 0px; /* Upewniamy się, że nie ma dolnego marginesu */
    }

    /* Zmniejszenie górnego odstępu dla kategorii głównych ("Newsy", "Recenzje" itd.) w widoku mobilnym */
    .menu-container > div > ul > li:not(:first-child) {
        /* Resetujemy wcześniej ustawiony padding-top i top, bo powodują problemy w mobilnym układzie */
        padding-top: 33px; /* Usuń górny padding */
        top: 0px; /* Usuń ewentualne przesunięcie z position: relative */

        /* Dodaj margines od góry, aby kontrolować odstęp - dostosuj tę wartość! */
        margin-top: 10px; /* <--- Zmieniaj tę wartość, aby uzyskać idealny odstęp. */
                            /* Próbuj np. 5px, 0px, 15px, itd. */
        padding-left: 15px; /* Przywróć standardowy padding lewy dla mobilnych list */
    }

    /* Korekta dla linków podkategorii, aby nie miały za dużego pionowego odstępu */
    .menu-container > div > ul > li:first-child > ul > li {
        padding-top: 5px; /* Mniejsze odstępy pionowe dla każdej podkategorii */
        padding-bottom: 5px;
    }

    /* Upewnienie się, że podkategorie są blisko siebie w mobilnym widoku */
    .menu-container > div > ul > li:first-child > ul {
        margin-bottom: 10px; /* Mały margines pod całą grupą podkategorii */
    }

}
/* --- */
/* Korekta wysokości białego tła menu w widoku mobilnym */
/* --- */

@media (max-width: 768px) { /* Upewnij się, że to ta sama szerokość, której używasz w innych mobilnych stylach */

    /* Kluczowa zmiana dla kontenera menu */
    .menu-container {
        height: auto; /* Zapewnia, że wysokość pola dostosuje się do zawartości */
        min-height: unset; /* Usuwa ewentualne minimalne wysokości, które mogłyby to ograniczać */
        overflow: hidden; /* Upewnia się, że zawartość nie "wylewa" się poza tło, ale jest wewnątrz */
        padding-bottom: 20px; /* Dodaje trochę miejsca na dole menu, aby zawartość nie była przyklejona do krawędzi */
    }

    /* Opcjonalna korekta dla ul, aby upewnić się, że wszystko jest w ramach */
    .menu-container > div > ul {
        height: auto;
        flex-wrap: nowrap !important;

    }

    /* Pamiętaj, że tutaj powinieneś mieć też pozostałe style dla mobilnego widoku, które podałem wcześniej, np: */
    /*
    .menu-container > div > ul > li:first-child {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .menu-container > div > ul > li:not(:first-child) {
        padding-top: 0px;
        top: 0px;
        margin-top: 10px;
        padding-left: 15px;
    }

    .menu-container > div > ul > li:first-child > ul > li {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .menu-container > div > ul > li:first-child > ul {
        margin-bottom: 10px;
    }
    */
}
/* --- */
/* Wyrównanie "Teatr dla wszystkich" i jego podkategorii do lewej w widoku mobilnym */
/* --- */

@media (max-width: 768px) { /* Upewnij się, że to ta sama szerokość, której używasz w innych mobilnych stylach */

    /* Wyrównanie głównej kategorii "Teatr dla wszystkich" */
    .menu-container > div > ul > li:first-child {
        padding-left: 15px; /* Dostosowuje lewy padding, aby zrównać z "Newsami" i "Analizami" */
    }

    /* Opcjonalnie: Upewnienie się, że podkategorie również zaczynają się od tej samej linii */
    .menu-container > div > ul > li:first-child > ul > li {
        /* Jeśli podkategorie nadal są wcięte, możesz dodać tutaj: */
        /* padding-left: 0px; */ /* Usuwa ewentualny lewy padding z samych podkategorii */
        /* margin-left: 0px; */ /* Usuwa ewentualny lewy margines */
        /* Pamiętaj, że wcześniej przesuwaliśmy Redakcję i Archiwum ujemnym margin-left,
           więc to może wymagać dalszych testów, jeśli ten styl koliduje. */
    }

    /* Pamiętaj, że tutaj powinieneś mieć też pozostałe style dla mobilnego widoku, które podałem wcześniej, np: */
    /*
    .menu-container {
        height: auto;
        min-height: unset;
        overflow: hidden;
        padding-bottom: 20px;
    }

    .menu-container > div > ul > li:first-child {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .menu-container > div > ul > li:not(:first-child) {
        padding-top: 0px;
        top: 0px;
        margin-top: 10px;
        padding-left: 15px;
    }

    .menu-container > div > ul > li:first-child > ul > li {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .menu-container > div > ul > li:first-child > ul {
        margin-bottom: 10px;
    }
    */
}

.newsletter-and-search-container {
    position: absolute;
    top: 95px;
    left: 50px;
    /*z-index: 99;*/
    display: none;
}

.partners-slider {
    margin-bottom: 35px;
    padding-bottom: 60px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.35);
}

.author-profile-container {
    width: 100%;
    padding: 30px 0px;
    background-color: #004643;
    color: #fff;
}
.author-profile {
    max-width: 1280px;
    width: 100%;
    margin: 0px auto;
}
.profile-avatar {
    width: 25%;
    margin: 0px auto;
    padding-bottom: 30px;
}
.profile-avatar > img {
    width: 100%;
    border-radius: 8px;
}
.author-description {
    width: 50%;
    margin: 0px auto;
    text-align: center;
    padding-bottom: 35px;
}
.author-email.auth-page {
    text-align: center;
    color: #ffffff;
}
.author-email.auth-page a {
    color: #ffffff;
}
.glide {
    /*z-index: 10;*/
}

/** Menu and popup z index fix   */
header {
    z-index: 1;
}
.main-nav-container {
    z-index: 1;
}
.pop-ups-under-menu-container {
    z-index: 1;
}
.outer-container {
    z-index: -1;
}
.glide-post-categoris {
    z-index: 1;
}
.glie-post-title {
    z-index: 1;
}

.read-article-button {
    width: 1280px;
    margin: 0px auto;
}
button.tdlw-elevenlabs-btn {
    padding: 10px 20px;
    border-radius: 8px;
    border: 0px solid #000000;
    margin-bottom: 15px;
    background: #004643;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
button.tdlw-elevenlabs-btn svg {
    width: 24px;
    height: 24px;
    fill: currentColor;
    display: inline-block;
}
.single-post-title > h2 {
    margin-top: 0px;
    margin-bottom: 25px;
    font-size: 40px;
}
.single-post-excerpt > p {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 19px;
}
.category-links {
    font-weight: 600;
}

.tdlw-short-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; /* Dodane dla pewności, że obrazek jest wyśrodkowany */
    position: absolute;
}