.pop-slider {
	display: block;
	position: relative;
	padding-top: 0;
}
.wp-block-columns:has(.pop-slider) {
	align-items: unset;
	padding-top: 0px;
}
.pop-slider .slides {
	position: absolute;
	top: 0;
}
.pop-slider .slide {
	display: none;
	position: absolute;
	height: 330px;
	padding: 3px;
	overflow: hidden;
	font-size: 0.92rem;
}
.pop-slider .slide.active,
.pop-slider .slide.before-active,
.pop-slider .slide.after-active {
	display: block;
	opacity: 1;
	background-color: white;
	border-radius: 20px;
	text-align: center;
}
.slider .slide {
	display: block;
	position: absolute;
	/*height: 100vh;*/
	width: 100vw;
	top: 0;
	left: 0;
	opacity: 0;
}
.slider .slide.active {
	opacity: 1;
	animation: fade 3s both cubic-bezier(0.17, 0.67, 0.55, 1.43);
	-webkit-animation: fade 3s both cubic-bezier(0.17, 0.67, 0.55, 1.43);
	-moz-animation: fade 3s both cubic-bezier(0.17, 0.67, 0.55, 1.43);
	-o-animation: fade 3s both cubic-bezier(0.17, 0.67, 0.55, 1.43);
}
.slider .slide.before-active {
	opacity: 0;
	animation: fadeOut 3s both cubic-bezier(0.17, 0.67, 0.55, 1.43);
	-webkit-animation: fadeOut 3s both cubic-bezier(0.17, 0.67, 0.55, 1.43);
	-moz-animation: fadeOut 3s both; cubic-bezier(0.17, 0.67, 0.55, 1.43);
	-o-animation: fadeOut 3s both cubic-bezier(0.17, 0.67, 0.55, 1.43);
}
.pop-slider .slide.active {
	height: 490px;
    z-index: 6;
}
.pop-slider .slide.before-active,
.pop-slider .slide.after-active {
	display: block;
	top: 50px;
	z-index: 5;
}
.pop-slider .slide img {
	margin-top: 20px;
	border-radius: 50px;
}
.pop-slider .slide .wp-block-post-title {
	padding: 0;
	margin: 0;
}
.pop-slider .slide .wp-block-post-excerpt {
	height: 310px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 13;
}
.pop-slider .slide .wp-block-post-excerpt p {
	height: 100%;
    margin: 3px 20px;
}
.pop-slider .slide h3,
.pop-slider .slide h4 {
	margin: 3px 20px !important;
}
.pop-slider .page-list-navigation {
	position: absolute;
	top: 530px;
	display: flex;
	margin: auto;
	padding-right: 0px;
	padding-left: 0px;
	width: 600px;
	justify-content: center;
	z-index: 5;
}
.pop-slider .page-list-bullets {
	display: flex;
	position: absolute;
}
.pop-slider .page-list-bullet {
	position: relative;
	height: 0.6222222222rem;
	width: 0.6222222222rem;
	margin-right: 0.5777777778rem;
	border-radius: 50%;
	border: 0.0444444444rem solid var(--wp--preset--color--beige);
	box-sizing: border-box;
	cursor: pointer;
	transition: background-color 0.5s cubic-bezier(0.17, 0.67, 0.55, 1.43);
}
.pop-slider .page-list-bullet:last-child {
	padding-right: 0;
}
.pop-slider .page-list-bullet.active::before {
    opacity: 1;
}
.pop-slider .page-list-navigation-btns {
	
}
.pop-slider .page-list-navigation-btns svg {
	background-color: transparent;
}


@media screen and (max-width: 599px) {
	/* Configuration of all slides */
	.slider .slide {
		height: 100vh;
	}

	/* Configuration of pop-slider */
	.alignwide:has(.pop-slider),
	.alignwide:has(.vertical-scroll-with-detail) {
		padding-right: 0px;
		padding-left: 0px;
	}
	.alignwide:has(.pop-slider) .wp-block-heading,
	.alignwide:has(.vertical-scroll-with-detail) .wp-block-heading,
	.alignwide:has(.pop-slider) .wp-block-buttons {
		padding-right: 60px;
		padding-left: 60px;
	}
	.wp-block-column:has(.pop-slider) {
		min-width: 90vw;
		min-height: 500px;
	}
	.pop-slider .slide {
		width: 5vw;
		margin: auto;
	}
	.pop-slider .slide .wp-block-post-excerpt p {
		margin: 3px;
	}
	.pop-slider .slide.active {
		left: 8vw;
		width: 80vw;
	}
	.pop-slider .slide.before-active {
		left: -4vw;
		border-radius: unset !important;
		box-shadow: none;
	}
	.pop-slider .slide.after-active {
		left: 95vw;
		border-radius: unset !important;
		box-shadow: none;
	}
	.pop-slider .page-list-bullets {
		display: none;
	}
	.pop-slider .page-list-navigation {
		width: 100vw;
	}
	.pop-slider .page-list-previous svg {
		margin-right: 15vw;
	}
	.pop-slider .page-list-next svg {
		margin-left: 15vw;
		width: 15vw;
	}
}

@media screen and (min-width: 600px) {
	.wp-block-column:has(.pop-slider) {
		min-width: 600px;
		min-height: 500px;
	}
	.pop-slider .slide {
		width: 300px;
		opacity: 0;
	}
	.pop-slider .slide.active {
		left: 150px;
	}
	.pop-slider .slide.before-active {
		left: -15px;
	}
	.pop-slider .slide.after-active {
		right: -590px;
	}
	.pop-slider .page-list-navigation-btns svg {
		margin-top: -25px;
	}
	.pop-slider .page-list-previous svg {
		margin-right: 140px;
	}
	.pop-slider .page-list-next svg {
		margin-left: 140px;
	}
}

/* Animations */
@keyframes fade {
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@-webkit-keyframes fade {
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@-moz-keyframes fade {
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@-o-keyframes fade {
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes fadeOut {
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@-webkit-keyframes fadeOut {
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@-moz-keyframes fadeOut {
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@-o-keyframes fadeOut {
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}

@-webkit-keyframes fadeInLeft {
	0%{
		opacity: 0;
		-webkit-transform: translateX(-100vw);
	}
	100%{
		opacity: 1;
		--webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeInLeft {
	0%{
		opacity: 0;
		-moz-transform: translateX(-100vw);
	}
	100%{
		opacity: 1;
		--moz-transform: translateX(0);
	}
}
@-o-keyframes fadeInLeft {
	0%{
		opacity: 0;
		-o-transform: translateX(-100vw);
	}
	100%{
		opacity: 1;
		--o-transform: translateX(0);
	}
}
@keyframes fadeInLeft {
	0%{
		opacity: 0;
		transform: translateX(-100vw);
	}
	100%{
		opacity: 1;
		transform: translateX(0);
	}
}

@-webkit-keyframes fadeInRight {
	0%{
		opacity: 0;
		-webkit-transform: translateX(100vw);
	}
	100%{
		opacity: 1;
		--webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeInRight {
	0%{
		opacity: 0;
		-moz-transform: translateX(100vw);
	}
	100%{
		opacity: 1;
		--moz-transform: translateX(0);
	}
}
@-o-keyframes fadeInRight {
	0%{
		opacity: 0;
		-o-transform: translateX(100vw);
	}
	100%{
		opacity: 1;
		--o-transform: translateX(0);
	}
}
@keyframes fadeInRight {
	0%{
		opacity: 0;
		transform: translateX(100vw);
	}
	100%{
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes fadeInTop {
	0%{
		opacity: 0;
		-webkit-transform: translateY(-50px);
	}
	100%{
		opacity: 1;
		--webkit-transform: translateY(0);
	}
}
@-moz-keyframes fadeInTop {
	0%{
		opacity: 0;
		-moz-transform: translate>(-50px);
	}
	100%{
		opacity: 1;
		--moz-transform: translateY(0);
	}
}
@-o-keyframes fadeInTop {
	0%{
		opacity: 0;
		-o-transform: translateY(-50px);
	}
	100%{
		opacity: 1;
		--o-transform: translateY(0);
	}
}
@keyframes fadeInTop {
	0%{
		opacity: 0;
		transform: translateY(-50px);
	}
	100%{
		opacity: 1;
		transform: translateY(0);
	}
}