.wp-block-essential-blocks-post-carousel {
	width: 100%;
	min-width: 0;
}

.eb-post-carousel-wrapper {
	z-index: 1;
	margin-bottom: 30px;

	&.slick-arrows {
		margin-left: 30px;
		margin-right: 30px;
	}

	a,
	a.ebpg-carousel-post-link,
	.ebpg-posted-by a {
		text-decoration: none;
		transition: all 0.3s ease-in-out;
	}

	.ebpg-carousel-post-holder {
		a.ebpg-post-link-wrapper {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 99;
		}
	}

	// For: Spectra One theme
	.ebpg-entry-header.swt-transparent-header {
		position: relative;
	}

	.ebpg-entry-thumbnail {
		position: relative;
		line-height: 0;

		img {
			width: 100%;
			object-fit: cover;
		}

		&:after {
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			opacity: 0;
			visibility: hidden;
			transition: all 0.5s ease-in-out;
		}

		&:hover:after {
			visibility: visible;
			opacity: 1;
		}
	}

	.ebpg-entry-meta {
		display: flex;
		align-items: center;

		.ebpg-entry-meta-items {
			display: flex;
			align-items: center;
			flex-wrap: wrap;
		}
	}

	.ebpg-author-avatar a {
		display: block;

		img {
			height: 32px;
			width: 32px;
			max-height: 32px;
			max-width: 32px;
			object-fit: cover;
		}
	}

	.ebpg-meta a {
		padding-left: 5px;
		border-radius: 3px;
		margin-right: 5px;
		margin-bottom: 5px;
		display: inline-block;
		position: relative;

		&::before {
			content: "";
			position: absolute;
			top: 50%;
			left: 0;
			height: 80%;
			width: 1px;
			background: #9e9e9e;
			transform: translateY(-50%);
		}

		&:first-child {
			padding-left: 0;

			&::before {
				content: none;
			}
		}
	}

	.ebpg-post-carousel-column {
		overflow: hidden;
		z-index: 99;
	}

	.ebpg-readmore-btn {
		a {
			display: inline-block;
		}
	}

	&.style-1 {
		.ebpg-carousel-post-holder {
			padding: 0 15px 0 15px;
			position: relative;
			z-index: 1;

			&::after {
				position: absolute;
				left: 0;
				bottom: 0;
				width: 100%;
				height: 70%;
				content: "";
				background: #f8f8fe;
				z-index: -1;
				border-radius: 5px;
				-webkit-transition: all 300ms;
				-o-transition: all 300ms;
				transition: all 300ms;
			}
		}

		.ebpg-entry-wrapper {
			padding-bottom: 10px;
		}
	}

	&.style-2 {
		.ebpg-carousel-post-holder {
			background-color: #f8f8fe;
			border-style: solid;
			border-width: 0px 0px 0px 0px;
			border-radius: 8px 8px 8px 8px;
			// box-shadow: 0px 8px 35px 0px rgb(0 6 55 / 15%);
		}

		.ebpg-entry-wrapper {
			padding: 15px 25px 25px;
		}
	}

	&.style-3 {
		.ebpg-carousel-post-holder {
			display: flex;
			gap: 10px;

			.ebpg-entry-media {
				width: 40%;
			}

			.ebpg-entry-wrapper {
				width: 60%;
			}
		}
	}

	&.style-4 {
		.ebpg-carousel-post-holder {
			position: relative;

			.ebpg-entry-wrapper {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				display: flex;
				flex-flow: column;
				box-sizing: border-box;

				.ebpg-entry-meta {
					z-index: 999;
					line-height: 1;
				}
			}

			.ebpg-entry-thumbnail:after {
				visibility: visible;
				opacity: 1;
				border-width: 0px !important;
			}

			.ebpg-author-avatar img {
				width: 24px;
				height: 24px;
			}

			&:hover .ebpg-entry-thumbnail:after {
				visibility: visible;
				opacity: 1;
				border-radius: inherit;
			}

			&:hover .ebpg-entry-title a {
				text-decoration: underline;
			}

			.ebpg-entry-wrapper>* {
				transform: translate(0px, 0px);
				transition: ease-in 200ms;
			}

			&:hover .ebpg-entry-wrapper>* {
				transform: translate(0px, -10px);
			}
		}
	}

	// slider
	.slick-prev,
	.slick-next {
		z-index: 99;
		width: auto;

		&::before {
			content: "" !important;
			display: none;
		}
	}

	// dots
	&.eb-slider-dots,
	&.slick-dotted.slick-slider {
		// margin-bottom: 60px;
	}

	&.dot-style-2 {
		.slick-dots li button:before {
			font-size: 0;
		}
	}

	&.dot-style-3 {
		.slick-dots li button:before {
			border-radius: 50%;
		}

		.slick-dots li.slick-active button:before {
			border-radius: 10px;
		}
	}

	&.dot-style-4 {
		.slick-dots li button:before {
			border-radius: 0px;
			height: 5px;
		}
	}

	// equal height

	&.equal-height {
		.slick-track {
			display: flex !important;
		}

		.slick-slide {
			height: auto !important;
		}

		.ebpg-carousel-post-holder {
			height: 100%;
		}
	}
}

.wp-admin {
	.eb-post-carousel-wrapper.equal-height {
		.slick-slide {
			height: auto !important;

			>div {
				height: 100%;

				>article {
					height: 100%;
				}
			}
		}
	}
}