div.promo-main-space {
	max-width: 1400px;
    width: var(--theme-container-width);
	margin-left: auto;
	margin-right: auto;
	display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 96px;
}

div.promo-post-list article div.post-title {
	font-style: normal;
}

/* sekcja boxów - testowa wersja */
div.promo-box-section {
	max-width: 100%;
	max-height: 100%;
}

div.promo-ads {
	max-width: 100%;
	max-height: 100%;
	background: var(--theme-palette-color-1);
	color: white;
	display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
	opacity: 0.5;
	transition: all 0.12s;
}

div.promo-ads:hover {
	opacity: 1;
}

div.promo-box-section span { 
display: block;
 margin: auto!important;
}


/* Sekcja z sidebarem */
div.promo-section[data-column="2"][data-size="sidebar"] {
	display: flex;
	gap: 16px;
}

div.promo-section[data-column="2"][data-size="sidebar"] div.promo-left-section, div.promo-section[data-column="2"][data-size="sidebar"] div.promo-left-section {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

div.promo-section[data-column="2"][data-size="sidebar"] div.promo-left-section {
	width: calc(100% - 390px - 16px);
	max-width: calc(100% - 390px - 16px);
}

div.promo-section[data-column="2"][data-size="sidebar"] div.promo-right-section {
	width: 390px;
	max-width: 390px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}



/* Sekcja nr 6a.3 - dziewięć kolejnych wpisów */

div.promo-nine-posts {
	display: flex;
	gap: 16px;
}

div.promo-nine-posts div.promo-left-section div.promo-last-news.cztery-kolejne-wpisy, div.promo-nine-posts div.promo-left-section div.promo-last-news.cztery-kolejne-wpisy div.promo-post-list, div.promo-nine-posts div.promo-right-section div.promo-last-news.piec-tekstowych-wpisow, div.promo-nine-posts div.promo-right-section div.promo-last-news.piec-tekstowych-wpisow div.promo-post-list {
	height: 100%;
	align-content: space-between;
}

div.promo-nine-posts div.promo-right-section div.promo-last-news.piec-tekstowych-wpisow div.promo-post-list article:not([data-loop-counter="5"]) {
	border-bottom: 1px solid var(--theme-palette-color-11);
}



/* Sekcja nr 6a.6 - Magazyn - cztery kolejne wpisy */
h2 span.icon-cztery-kolejne-wpisy.magazyn {
	min-width: 36px;
	min-height: 36px;
	background-image: url('/wp-content/themes/bumber/icons/magazyn.svg');
	background-position: center;
	background-repeat: no-repeat;
	margin-top: auto;
    margin-bottom: auto;
}


/* Sekcja nr 6a.6 - Magazyn - cztery kolejne wpisy */
h2 span.icon-szesc-kolejnych-wpisow.polecamy {
	min-width: 36px;
	min-height: 36px;
	background-image: url('/wp-content/themes/bumber/icons/polecamy.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: auto;
    margin-bottom: auto;
}


/* Sekcja nr 6b.1 - popularne tagi */

div.ct-sidebar h3 {
	display: flex;
	gap: 16px;
	text-wrap: nowrap;
	align-items: baseline;
	font-size: 24px;
	font-family: inherit;
}

h3 span.icon-popularne-tagi {
	min-width: 24px;
	min-height: 24px;
	background-image: url('/wp-content/themes/bumber/icons/tagi.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: auto;
    margin-bottom: auto;
}

h3 span.promo-line {
	width: 100%;
	height: 2px;
	display: block;
	background: var(--theme-palette-color-1);
}


div.promo-popular-tags div.show-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	
}

div.promo-popular-tags div.show-tags a {
	padding: 10px;
	font-size: 14px;
	background: var(--theme-palette-color-8);
	border-bottom: 1px solid var(--theme-palette-color-11);
	text-transform: lowercase;
}



/* Sekcja nr 6b.2 - komentarze */

h3 span.icon-komentarze {
	min-width: 24px;
	min-height: 24px;
	background-image: url('/wp-content/themes/bumber/icons/komentarze.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: auto;
    margin-bottom: auto;
}

div#komentarze ul.dsq-widget-list {
	margin: 0px;
	padding: 0px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

div#komentarze ul.dsq-widget-list li.dsq-widget-item {
	margin: 0;
	font-weight: 600;
	font-size: 12px;
	background: var(--theme-palette-color-8);
	border-bottom: 1px solid var(--theme-palette-color-11);
	padding: 16px;
}


div#komentarze ul.dsq-widget-list li.dsq-widget-item span, div#komentarze ul.dsq-widget-list li.dsq-widget-item p {
	margin-top: 4px;
	font-size: 12px;
	font-weight: normal;
}

div#komentarze ul.dsq-widget-list li.dsq-widget-item p.dsq-widget-meta a:first-child {
	text-decoration: underline;
}

/* Sekcja nr 6b.3 - komentowane */
div.piec-tekstowych-wpisow.komentowane div.promo-post-list {
	gap: 0px;
}
div.piec-tekstowych-wpisow.komentowane div.promo-post-list article {
    border-bottom: 1px solid var(--theme-palette-color-11);
	background: none;
}
div.piec-tekstowych-wpisow.komentowane div.promo-post-list article div.post-meta, div.piec-tekstowych-wpisow.komentowane div.promo-post-list article div.post-title {
	padding-left: 0;
	padding-right: 0;
}

h3 span.icon-komentowane {
	min-width: 24px;
	min-height: 24px;
	background-image: url('/wp-content/themes/bumber/icons/komentowane.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: auto;
    margin-bottom: auto;
}



/* Sekcja nr 6b.4 - Top wieści - pięć kolejnych wpisów */
h3 span.icon-top-wiesci {
	min-width: 24px;
	min-height: 24px;
	background-image: url('/wp-content/themes/bumber/icons/top-wiesci.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: auto;
    margin-bottom: auto;
}

div#top-wiesci article {
	flex-direction: row;
	gap: 16px;
	border-bottom: 1px solid var(--theme-palette-color-11);
	background: none;
}

div#top-wiesci article:last-child {
	border-bottom: none;
}

div#top-wiesci article a {
	width: calc(100% / 3 - 8px);
}

div#top-wiesci article a img {
	aspect-ratio: 16 / 10;
}

div#top-wiesci article div.post-title {
	width: calc(100% / 3 * 2 - 8px);
	font-weight: 400;
	font-family: Montserrat;
	padding: 0;
}

div#top-wiesci article div.post-meta, div#top-wiesci article div.post-comments {
	display: none;
}


/* Sekcja nr 6b.5 - Linia czasu - dwadzieścia najnowszych wpisów */

div#linia-czasu div.promo-post-list {
	gap: 0px;
	max-width: calc(100% - 27px);
}

div#linia-czasu div.timeline {
	display: flex;
	position: relative;
	max-height: 485px;
	overflow-y: scroll;
	border-bottom: 1px solid var(--theme-palette-color-1);
}

div#linia-czasu div.timeline::-webkit-scrollbar {
	width: 5px;
	height: 8px;
	padding-left: 8px;
	background-color: var(--theme-palette-color-10);
}

div#linia-czasu div.timeline::-webkit-scrollbar-thumb {
  background: var(--theme-palette-color-14);
}

  

div#linia-czasu div.timeline div.line {
	position: sticky;
    top: 0;
	width: 27px;
}

div#linia-czasu div.timeline article:hover {
	transform: translatey(0px); 
}

div#linia-czasu div.timeline div.line:before {
	content: ' ';
	width: 3px;
	background: var(--theme-palette-color-10);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 8px;
}

div#linia-czasu div.promo-post-list article div.post-meta:before {
	content: ' ';
	min-width: 19px;
	min-height: 19px;
	background-image: url('/wp-content/themes/bumber/icons/timeline-dot.svg');
	background-size: contain;
	position: absolute;
    left: -27px;
}


div#linia-czasu div.promo-post-list article {
    border-bottom: none;
	background: none;
	padding-right: 8px;
}
div#linia-czasu div.promo-post-list article div.post-meta, div#linia-czasu div.promo-post-list article div.post-title {
	padding-left: 0;
	padding-right: 0;
}

div#linia-czasu div.promo-post-list article div.post-meta {
	padding-top: 0;
}

h3 span.icon-linia-czasu {
	min-width: 24px;
	min-height: 24px;
	background-image: url('/wp-content/themes/bumber/icons/linia-czasu.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: auto;
    margin-bottom: auto;
}


/* Sekcja nr 6b.7 - Linki do SM */


div#social-media {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

div#social-media a {
	display: flex;
	gap: 16px;
	background: var(--theme-palette-color-8);
	padding: 8px 24px;
	border: 1px solid var(--theme-palette-color-11);
	width: calc(100% / 2 - 8px)
}

div#social-media a p {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 0;
	width: calc(100% - 38px);
	font-size: 14px;
}

div#social-media a p span.liczba {
	font-weight: 600;
}

div#social-media span.fb-icon {
	min-width: 22px;
	min-height: 22px;
	background-image: url('/wp-content/themes/bumber/icons/facebook-icon.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: auto;
    margin-bottom: auto;
}


div#social-media span.yt-icon {
	min-width: 22px;
	min-height: 22px;
	background-image: url('/wp-content/themes/bumber/icons/youtube-icon.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: auto;
    margin-bottom: auto;
}


div#social-media span.x-icon {
	min-width: 22px;
	min-height: 22px;
	background-image: url('/wp-content/themes/bumber/icons/twitter-icon.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: auto;
    margin-bottom: auto;
}


div#social-media span.ig-icon {
	min-width: 22px;
	min-height: 22px;
	background-image: url('/wp-content/themes/bumber/icons/instagram-icon.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: auto;
    margin-bottom: auto;
}



/* Wpisy - wspólne CSS */

div.promo-post-list article img {
	width: 100%;
	aspect-ratio: 16 / 9;
	padding: 0px;
	background: none;
	border: none;
	object-fit: cover;
}

div.promo-last-news div.promo-post-list {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

div.promo-last-news div.promo-post-list article {
	display: flex;
	flex-direction: column;
	position: relative;
	background: var(--theme-palette-color-8);
	border-bottom: 1px solid var(--theme-palette-color-1);
	padding-bottom: 16px;
}

div.promo-last-news div.promo-post-list article div.post-meta, div.promo-last-news div.promo-post-list article div.post-title {
	padding: 0 16px;
}

div.promo-last-news div.promo-post-list article div.post-meta {
	padding-top: 16px;
	margin-bottom: 8px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

div.promo-last-news div.promo-post-list article div.post-meta span, div.promo-last-news div.promo-post-list article div.post-meta span a {
	display: flex;
	gap: 8px;
	font-size: 12px!important;
	color: var(--theme-palette-color-14);
}

div.promo-last-news div.promo-post-list article div.post-meta span:after {
	content: '|';
	display: block;
}

div.promo-last-news div.promo-post-list article div.post-meta span:last-child:after {
	content: '';
}

div.promo-last-news div.promo-post-list article div.post-comments {
	position: absolute;
	right: 16px;
	top: 16px;
}

div.promo-last-news div.promo-post-list article div.post-title {
	font-size: 16px;
	font-weight: 800;
	font-family: Montserrat;
}

div.promo-post-list article, div#komentarze ul.dsq-widget-list li.dsq-widget-item {
	transition: all 0.12s;
	width: 100%;
}

div.promo-post-list article:hover, div#komentarze ul.dsq-widget-list li.dsq-widget-item:hover {
	transform: translatey(-4px);
}

div.promo-post-list article div.post-comments {
	width: 49px;
	height: 45px;
	text-align: center;
	background-image: url(/wp-content/themes/bumber/icons/dymek-komentarze.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	color: var(--theme-palette-color-1);
	font-size: 16px;
	line-height: 37px;
	z-index: 2;
	cursor: context-menu;
}


/* Trzy wpisy */
div.trzy-kolejne-wpisy.promo-last-news div.promo-post-list article[data-loop-counter="1"] div.post-title {
	font-size: 24px;
}

div.trzy-kolejne-wpisy.promo-last-news div.promo-post-list article[data-loop-counter="1"] {
	width: calc(100% / 3 * 2 - 8px);
}

div.trzy-kolejne-wpisy.promo-last-news div.promo-post-list article[data-loop-counter="1"] a, div.trzy-kolejne-wpisy.promo-last-news div.promo-post-list article[data-loop-counter="1"] img {
	height: 100%;
}

div.trzy-kolejne-wpisy.promo-last-news div.promo-post-list div.promo-right-column {
	width: calc(100% / 3 - 8px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 16px;
}




/* Cztery wpisy */

div.cztery-kolejne-wpisy.promo-last-news div.promo-post-list article {
	width: calc(100% / 2 - 8px);
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}


/* Linia oddzielająca */
div.promo-line {
	width: 100%;
	height: 2px;
	background: var(--theme-palette-color-1);
}



/* Sześć wpisów */

div.szesc-kolejnych-wpisow.promo-last-news div.promo-post-list article {
	width: calc((100% - 32px) / 3);
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}













/*
DEDYKOWNE SINGLE CSS
*/


div.promo-last-news.promo-read-more div.promo-post-list article {
	width: calc((100% - 32px) / 3);
}

div.promo-post-content {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

h2 span.icon-czytaj-wiecej {
	min-width: 36px;
	min-height: 36px;
	background-size: contain;
	background-image: url('/wp-content/themes/bumber/icons/czytaj-wiecej.svg');
	background-position: center;
	background-repeat: no-repeat;
	margin-top: auto;
    margin-bottom: auto;
}

h3 span.icon-kolejne-wpisy.polecamy.sidebar {
	min-width: 24px;
	min-height: 24px;
	background-image: url('/wp-content/themes/bumber/icons/polecamy-oferty.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: auto;
    margin-bottom: auto;
}