body {
background: #fff url(//wadowice.promo-peak.top/wp-content/themes/wadowice24/images/background-image.png) repeat;
}
ul.entry-meta li span :not(div.entries) {
color: var(--theme-palette-color-14)!important;
}
ul.entry-meta li * {
text-transform: none;
}
.entry-meta[data-type*=line] li:not(:last-of-type):after {
content: "|"!important;
}
article img {
padding: 10px;
background: #f8f8f8;
border: 1px solid #dcded9;
}
ul.entry-meta {
border-top: 1px solid var(--theme-palette-color-10);
padding: 12px 0;
} div#time {
text-transform: capitalize;
font-size: 16px;
}
div#time span.time {
color: var(--theme-palette-color-14);
} @media (min-width: 1000px) {
div.ct-container[data-sidebar=right] {
grid-template-columns: minmax(100px, 1fr) 390px!important;
}
div.ct-sidebar > div.ct-widget > p {
display: none!important;
}
div.ct-sidebar > div.ct-widget {
display: flex;
gap: 16px;
flex-direction: column!important;
}
div.ct-sidebar > div.ct-widget > * {
margin-top: 0!important;
margin-bottom: 0!important;
}
div[data-row="middle:boxed"] div.ct-container, div[data-row="bottom:boxed"] div.ct-container {
border-left: 1px solid var(--theme-palette-color-10);
border-right: 1px solid var(--theme-palette-color-10);
}
}
@media only screen and (max-width: 1152px) {
div.promo-section[data-column="2"][data-size="2:1"], div.promo-section[data-column="2"][data-size="sidebar"]  {
flex-direction: column!important;
max-width: 100%!important;
}
div.promo-section[data-column="2"][data-size="2:1"] div.promo-left-section, div.promo-section[data-column="2"][data-size="2:1"] div.promo-right-section, div.promo-section[data-column="2"][data-size="sidebar"] div.promo-left-section, div.promo-section[data-column="2"][data-size="sidebar"] div.promo-right-section {
width: 100%!important;
max-width: 100%!important;
}
div.promo-section.category-section div.promo-homepage-category {
flex-wrap: wrap;
}
div.promo-section.category-section div.promo-homepage-category a {
width: calc((100% - 2 * 16px) / 3);
}
}
@media only screen and (max-width: 1000px) {
div.promo-ads {
min-width: 100%;
}
div.promo-box-section {
min-width: 100%;
flex-direction: column!important;
}
div#parallax-box {
max-height: 200px!important; }
}
@media only screen and (max-width: 700px) {
div.promo-post-list div.post-title {
font-size: 16px!important;
}
div.promo-post-list {
flex-direction: column;
}
div.promo-post-list article {
width: 100%!important;
max-width: 100%!important;
}
div.promo-post-list article div.post-comments {
display: none;
}
div.promo-right-column, div.promo-left-column {
width: 100%!important;
}
div.promo-nine-posts {
flex-direction: column!important;
}
div#najnowsze-wpisy div.promo-post-list article, div.promo-last-news.cztery-kolejne-wpisy div.promo-post-list article {
flex-direction: row!important;
flex-wrap: nowrap;
border-color: var(--theme-palette-color-11);
background: none;
}
div.promo-last-news.cztery-kolejne-wpisy.informacje div.promo-post-list article {
flex-direction: column!important;
flex-wrap: nowrap;
border-color: var(--theme-palette-color-11);
background: var(--theme-palette-color-8)!important;
}
div#najnowsze-wpisy div.promo-post-list > article:last-child, div.promo-last-news.cztery-kolejne-wpisy div.promo-post-list > article:last-child {
padding: 0;
border-bottom: 0;
}
div#najnowsze-wpisy div.promo-post-list article div.post-meta, div#najnowsze-wpisy div.promo-post-list article >  div.post-comments, div.promo-last-news.cztery-kolejne-wpisy div.promo-post-list article div.promo-post-list article >  div.post-comments, div.promo-last-news.cztery-kolejne-wpisy div.promo-post-list article div.post-meta {
display: none;
}
div.promo-last-news.cztery-kolejne-wpisy.informacje div.promo-post-list article div.post-meta {
display: inherit;
}
div#najnowsze-wpisy div.promo-post-list article > a, div.promo-last-news.cztery-kolejne-wpisy div.promo-post-list article > a {
aspect-ratio: 5 / 3;
width: calc(40% - 8px)!important;
}
div.promo-last-news.cztery-kolejne-wpisy.informacje div.promo-post-list article > a {
aspect-ratio: 16 / 9;
width: 100%!important;
}
div.promo-last-news.cztery-kolejne-wpisy.informacje div.promo-post-list article > a img {
aspect-ratio: 16 / 9;
}
div#najnowsze-wpisy div.promo-post-list article > a > img, div.promo-last-news.cztery-kolejne-wpisy div.promo-post-list article > a > img, div.promo-last-news.szesc-kolejnych-wpisow div.promo-post-list article > a > img, div#top-wiesci article> a > img {
aspect-ratio: auto;
height: 100%;
}
div#najnowsze-wpisy div.promo-post-list article >  div.post-title, div.promo-last-news.cztery-kolejne-wpisy div.promo-post-list article div.post-title {
width: calc(60% - 8px)!important;
font-weight: 400!important;
font-family: inherit;
}
div.promo-last-news.cztery-kolejne-wpisy.informacje div.promo-post-list article div.post-title {
width: 100%!important;
font-family: inherit;
}
div.promo-section.category-section, div.promo-nine-posts div.promo-right-section {
display: none!important;
}
div.promo-last-news.szesc-kolejnych-wpisow div.promo-post-list article {
flex-direction: row!important;
flex-wrap: nowrap;
border-color: var(--theme-palette-color-11);
background: none;
}
div.promo-last-news.szesc-kolejnych-wpisow div.promo-post-list > article:last-child {
padding: 0;
border-bottom: 0;
}
div.promo-last-news.szesc-kolejnych-wpisow div.promo-post-list article div.promo-post-list article >  div.post-comments, div.promo-last-news.szesc-kolejnych-wpisow div.promo-post-list article div.post-meta {
display: none;
}
div.promo-last-news.szesc-kolejnych-wpisow div.promo-post-list article > a {
aspect-ratio: 5 / 3;
width: calc(40% - 8px)!important;
}
div.promo-last-news.szesc-kolejnych-wpisow div.promo-post-list article div.post-title {
width: calc(60% - 8px)!important;
font-weight: 400!important;
font-family: inherit;
}
div.promo-section h2, div.promo-section h3 {
font-size: 16px;
justify-content: center;
align-items: center;
}
div.promo-section h2 span, div.promo-section h3 span {
min-width: 16px!important;
min-height: 16px!important;
background-size: contain!important;
}
div.promo-section h2 span.promo-line, div.promo-section h3 span.promo-line {
min-height: inherit!important;
margin-top: auto;
margin-bottom: 6px;
}
div.promo-section h2 span.promo-line, div.promo-section h3 span.promo-line, div.promo-last-news.piec-tekstowych-wpisow.komentowane, div#linia-czasu {
display: none;
}
div#linia-czasu div.promo-post-list {
flex-wrap: nowrap;
}
div#najnowsze-wpisy div.promo-post-list article[data-loop-counter="1"], div#najnowsze-wpisy div.promo-post-list article[data-loop-counter="2"] {
display: flex;
flex-direction: column!important;
padding-bottom: 0;
}
div#najnowsze-wpisy div.promo-post-list article[data-loop-counter="1"] > a, div#najnowsze-wpisy div.promo-post-list article[data-loop-counter="2"] > a {
width: 100%!important;
aspect-ratio: 16 / 9;
}
div#najnowsze-wpisy div.promo-post-list article[data-loop-counter="1"] > div.post-title, div#najnowsze-wpisy div.promo-post-list article[data-loop-counter="2"] > div.post-title {
width: 100%!important;
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 2;
font-size: 22px;
padding-bottom: 16px;
max-height: 100%;
aspect-ratio: 16 / 9;
}
div#najnowsze-wpisy div.promo-post-list article[data-loop-counter="1"] > div.post-title, div#najnowsze-wpisy div.promo-post-list article[data-loop-counter="2"] > div.post-title {
padding-bottom: 0px!important;
}
div#najnowsze-wpisy div.promo-post-list article[data-loop-counter="1"] > div.post-title a, div#najnowsze-wpisy div.promo-post-list article[data-loop-counter="2"] > div.post-title a {
color: var(--theme-palette-color-8)!important;
display: flex;
flex-wrap: wrap;
align-content: end;
height: calc(100% - 16px);
vertical-align: bottom;
font-weight: 600;
font-family: 'Noto Serif', Arial, Helvetica, sans-serif;
font-size: 20px!important;
padding-bottom: 0px!important;
}
div#najnowsze-wpisy div.promo-post-list article[data-loop-counter="1"] > div.post-title a:before , div#najnowsze-wpisy div.promo-post-list article[data-loop-counter="2"] > div.post-title a:before {
content: " ";
display: block;
}
div#najnowsze-wpisy div.promo-post-list article[data-loop-counter="1"]:after, div#najnowsze-wpisy div.promo-post-list article[data-loop-counter="2"]:after {
content: " ";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.52) 20.13%, rgba(255, 255, 255, 0.00) 78.33%);
z-index: 1;
transition: all 0.12s;
}
div.promo-last-news.trzy-kolejne-wpisy.inne article > div.post-title, div.promo-last-news.trzy-kolejne-wpisy.top article div.post-title, div.promo-last-news.cztery-kolejne-wpisy.informacje article > div.post-title, div#wazne-wpisy article > div.post-title  {
font-size: 20px!important;
}
div#najnowsze-wpisy div.promo-post-list > article[data-loop-counter="1"], div#najnowsze-wpisy div.promo-post-list article[data-loop-counter="2"], div#wazne-wpisy article {
aspect-ratio: 4 / 3;
overflow: hidden;
}
div#najnowsze-wpisy div.promo-post-list article[data-loop-counter="2"] a, div#najnowsze-wpisy div.promo-post-list article[data-loop-counter="1"] a {
aspect-ratio: 4 / 3;
}
div#najnowsze-wpisy div.promo-post-list article[data-loop-counter="2"] img, div#wazne-wpisy article img {
height: 100%;
aspect-ratio: auto;
}
}
h3.widget-title {
font-size: 24px;
}
div.aspect-ratio-1 {
aspect-ratio: 1;
}
@media only screen and (max-width: 1000px) {
[data-column="widget-area-2"], [data-column="widget-area-3"], [data-column="widget-area-4"] {
overflow: hidden;
max-height: 36px; transition: all 0.5s ease-in-out;
position: relative;
cursor: pointer;
}
[data-column="widget-area-2"] h3.widget-title, [data-column="widget-area-3"] h3.widget-title, [data-column="widget-area-4"] h3.widget-title {
display: flex;
align-items: center;
gap: 8px;
max-width: calc(100% - 24px);
}
[data-column="widget-area-2"] h3.widget-title:after, [data-column="widget-area-3"] h3.widget-title:after, [data-column="widget-area-4"] h3.widget-title:after {
content: " ";
background-image: url(//wadowice.promo-peak.top/wp-content/themes/wadowice24/icons/arrow-down.svg);
display: block;
width: 16px;
height: 10px;
background-repeat: no-repeat;
transition: all 0.5s ease-in-out;
}
[data-column="widget-area-2"].open h3.widget-title:after, [data-column="widget-area-3"].open h3.widget-title:after, [data-column="widget-area-4"].open h3.widget-title:after {
transform: rotate(180deg);
}
}