/*
Theme Name:		 bumber.pl
Theme URI:		 https://promo-peak.pl/
Description:	 Motyw dedykowany dla bumber.pl
Author:			 Promo Peak
Author URI:		 https://promo-peak.pl/
Template:		 blocksy
Version:		 1.0.0
Text Domain:	  bumber
 */


body {
	background: #fff url('/wp-content/themes/bumber/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;
}

/* Data i godzina */
div#time {
	text-transform: capitalize;
	font-size: 16px;
}

div#time span.time {
	color: var(--theme-palette-color-14);
}


/* Sidebar */
@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;
		/*overflow: auto;*/
	}
	
}


@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: inherit;
		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; /* Początkowo widoczny tylko pasek 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(/wp-content/themes/bumber/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);
	}
}

@media (max-width: 689.98px) {
    [data-header*="type-1"] .ct-header [data-id="logo"] .site-logo-container {
        --logo-max-height: 40px!important;
    }
}