/*
Theme Name:		 RitzyRanger - motyw dedykowany
Theme URI:		 https://promo-peak.pl/
Description:	 Motyw dedykowany od Promo Peak
Author:			 Promo Peak
Author URI:		 https://promo-peak.pl/
Template:		 blocksy
Version:		 1.0.0
Text Domain:	 promopeak
 */
 
#transition-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--theme-palette-color-12); /* Możesz zmienić kolor na dowolny */
  z-index: 9999;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
 
 div[data-sticky="yes:shrink"] {
	top: 16px!important;
}


div[data-row="middle:boxed"] > div.ct-container {
	padding-left: 16px!important;
	padding-right: 8px!important;
}

div.entries article {
	padding-top: 0!important;
	position: relative!important;
	overflow: hidden;
}

article > ul.entry-meta[data-type="simple:none"] {
	position: absolute!important;
	top: 16px;
	left: 16px;
	z-index: 2;
}

article > ul.entry-meta[data-type="simple:none"] li a { 
	border-radius: 8px!important;
	padding: 4px 12px!important;
}

div.entries article a {
	margin-top: 0px!important;	
}


h2.promo-heading {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	text-transform: uppercase;
	font-size: 24px;
  align-items: center;
	justify-content: space-between;
	margin-bottom: 0;
}

h2.promo-heading > span.connected-games {
	opacity: 0.5;
	font-size: 60%;
	text-transform: uppercase;
}

h2.promo-heading > span.connected-games > span:not(:last-child):after {
	content: ", ";
}

div.promo-post-list article, div.ct-related-posts-items article {
	transition: all 0.12s;
}

div.promo-post-list article:hover, div.ct-related-posts-items article:hover {
	transform: translatey(-4px);
}
 
 
 
 
@media (prefers-color-scheme: dark) {
	:root {
		--promo-loader: url(/wp-content/themes/ritzyranger/promo-inc/icons/loading-dark.svg);
		--promo-right-arrow-go-to: url(/wp-content/themes/ritzyranger/promo-inc/icons/right-arrow-white-go-to.svg);
		
		--promo-news-icon: url(/wp-content/themes/ritzyranger/promo-inc/icons/news-light.svg);
		--promo-article-icon: url(/wp-content/themes/ritzyranger/promo-inc/icons/article-light.svg);
		--promo-guide-icon: url(/wp-content/themes/ritzyranger/promo-inc/icons/guide-light.svg);
		--promo-cheats-icon: url(/wp-content/themes/ritzyranger/promo-inc/icons/cheats-light.svg);
		--promo-encyclopedia-icon: url(/wp-content/themes/ritzyranger/promo-inc/icons/encyclopedia-light.svg);
		
		
		--promo-marker-icon: url(/wp-content/themes/ritzyranger/promo-inc/icons/marker-light.svg);
		--promo-marker-hover-icon: url(/wp-content/themes/ritzyranger/promo-inc/icons/marker-hover-light.svg);
			
	}
	
}

@media (prefers-color-scheme: light) {
	:root {
		--promo-loader: url(/wp-content/themes/ritzyranger/promo-inc/icons/loading.svg);
		--promo-right-arrow-go-to: url(/wp-content/themes/ritzyranger/promo-inc/icons/right-arrow-black-go-to.svg);
		
		--promo-news-icon: url(/wp-content/themes/ritzyranger/promo-inc/icons/news-dark.svg);
		--promo-article-icon: url(/wp-content/themes/ritzyranger/promo-inc/icons/article-dark.svg);
		--promo-guide-icon: url(/wp-content/themes/ritzyranger/promo-inc/icons/guide-dark.svg);
		--promo-cheats-icon: url(/wp-content/themes/ritzyranger/promo-inc/icons/cheats-dark.svg);
		--promo-encyclopedia-icon: url(/wp-content/themes/ritzyranger/promo-inc/icons/encyclopedia-dark.svg);
		
		--promo-marker-icon: url(/wp-content/themes/ritzyranger/promo-inc/icons/marker-dark.svg);
		--promo-marker-hover-icon: url(/wp-content/themes/ritzyranger/promo-inc/icons/marker-hover-dark.svg);
			
	}
	
}

[data-color-mode="dark"] {
		--promo-loader: url(/wp-content/themes/ritzyranger/promo-inc/icons/loading-dark.svg);
		--promo-right-arrow-go-to: url(/wp-content/themes/ritzyranger/promo-inc/icons/right-arrow-white-go-to.svg);
		
		--promo-news-icon: url(/wp-content/themes/ritzyranger/promo-inc/icons/news-light.svg);
		--promo-article-icon: url(/wp-content/themes/ritzyranger/promo-inc/icons/article-light.svg);
		--promo-guide-icon: url(/wp-content/themes/ritzyranger/promo-inc/icons/guide-light.svg);
		--promo-cheats-icon: url(/wp-content/themes/ritzyranger/promo-inc/icons/cheats-light.svg);
		--promo-encyclopedia-icon: url(/wp-content/themes/ritzyranger/promo-inc/icons/encyclopedia-light.svg);
		
		--promo-marker-icon: url(/wp-content/themes/ritzyranger/promo-inc/icons/marker-light.svg);
		--promo-marker-hover-icon: url(/wp-content/themes/ritzyranger/promo-inc/icons/marker-hover-light.svg);
			
	}

[data-color-mode="light"] {
		--promo-loader: url(/wp-content/themes/ritzyranger/promo-inc/icons/loading.svg);
		--promo-right-arrow-go-to: url(/wp-content/themes/ritzyranger/promo-inc/icons/right-arrow-black-go-to.svg);
		
		--promo-news-icon: url(/wp-content/themes/ritzyranger/promo-inc/icons/news-dark.svg);
		--promo-article-icon: url(/wp-content/themes/ritzyranger/promo-inc/icons/article-dark.svg);
		--promo-guide-icon: url(/wp-content/themes/ritzyranger/promo-inc/icons/guide-dark.svg);
		--promo-cheats-icon: url(/wp-content/themes/ritzyranger/promo-inc/icons/cheats-dark.svg);
		--promo-encyclopedia-icon: url(/wp-content/themes/ritzyranger/promo-inc/icons/encyclopedia-dark.svg);
		
		--promo-marker-icon: url(/wp-content/themes/ritzyranger/promo-inc/icons/marker-dark.svg);
		--promo-marker-hover-icon: url(/wp-content/themes/ritzyranger/promo-inc/icons/marker-hover-dark.svg);
		
			
	}
	
	div.promo-loading {
		transition: all 0.3s;
	}
	
	div.promo-loading:after {
		content: "Ładowanie";
		position: absolute;
		top: -32px;
		bottom: -32px;
		left: -32px;
		right: -32px;
		display: flex;
		z-index: 3;
		backdrop-filter: blur(8px);
		opacity: 1;
		justify-content: center;
		align-items: flex-start;
		background-color: var(--theme-palette-color-18);
		animation-name: loading;
		animation-duration: 0.4s;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: 600;
		line-height: 436px;
	}
	div:after {
		opacity: 0.1;
	}


div.promo-loading:before {
	content: " ";
	display: block;
	position: absolute;
	width: 100px;
	height: 100px;
	background-size: 100px;
	background-repeat: no-repeat;
	z-index: 4;
	opacity: 1;
	top: 64px;
	left: calc((100% - 100px) / 2);
	animation-name: loadingcircle;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}

div.promo-loading.loading-bottom:before {
	bottom: 114px;
	top: calc(100% - 214px)!important;
}


div.promo-loading.loading-bottom:after {
    align-items: flex-end!important;
	line-height: 236px!important;
}


div.promo-loading:before {
	background-image: var(--promo-loader);
}

figure.wp-block-image {
	text-align: center;
}

figure.wp-block-embed > div.wp-block-embed__wrapper > div.twitter-tweet {
	margin-left: auto;
	margin-right: auto;
}

figure.wp-block-image > a > img {
	max-height: 500px;
	width: auto;
}


div#promo-next-post-load-section {
	max-height: 0px;
	transition: all 0.3s;
}

div#promo-next-post-load-section.promo-loading {
	max-height: 264px;
	height: 264px;
}


div.ct-search-results.ct-fade-leave.ct-fade-enter-active {
	top: -8px!important;
	right: -8px!important;
	border-radius: 16px;
}

div.hero-section {
	max-width: 1400px;
    width: var(--theme-container-width);
  margin-left: auto;
  margin-right: auto;
	margin-top: 32px;
	border-radius: 16px;
	overflow: hidden;
	border: 2px solid var(--theme-palette-color-6);

}

div.hero-section header.entry-header {
	background: linear-gradient(90deg, var(--theme-palette-color-19) 50%, rgba(255, 255, 255, 0) 100%)!important;
	padding-left: 16px!important;
	padding-right: 32px!important;
}

div.hero-section div.ct-media-container {
	filter: blur(10px)!important;
}


div.author-box[data-type=type-1] {
	margin-top: 32px;
	margin-bottom: 0;
}


article figure.wp-block-embed {
	border-radius: 16px;
	overflow: hidden;
}

article figure.ct-featured-image {
	margin-top: -16px;
	margin-left: -16px;
	margin-right: -16px;
}

[data-header*="type-1"] .ct-header [data-id="search-input"] {
	transition: all 0.12s;
}

[data-header*="type-1"] .ct-header [data-id="search-input"]:hover, [data-header*="type-1"] .ct-header [data-id="search-input"]:focus-within {
	max-width: 100%;
}

[data-header*="type-1"] .ct-header [data-id="search-input"]:hover input,  [data-header*="type-1"] .ct-header [data-id="search-input"]:hover div.ct-search-form-controls button {
	background: var(--theme-palette-color-12);
}

div#offcanvas {
	backdrop-filter: blur(10px);
}

div.ct-container[data-sidebar="right"] {
	padding-top: 16px;
	grid-column-gap: 16px;
	grid-row-gap: 32px;
}

div.ct-breadcrumbs {
	text-wrap: nowrap;
	overflow-y: auto;
}

div.ct-breadcrumbs span.breadcrumb_last {
	display: none;
}



@media only screen and (max-width: 1000px) {
	div.promo-conected-posts-by-type div.promo-games-detail {
		flex-direction: column;
	}
}

.fslightbox-source, div.fslightbox-slide-btn {
	border-radius: 8px;
}



@keyframes loadingcircle {
 from { 
            transform: rotate(0deg); 
        } to { 
            transform: rotate(360deg); 
        }
}


@keyframes loading {
  0%   {
		opacity: 0.1;
	}
  100% {
		opacity: 1;
	}
}