/* =========== © 2024 Centroarts.com - https://honista.com =========== */

/* Post Item */
.post-item .cover { border-radius: var(--img-radius); margin-bottom: 16px; }
.post-item .cover::before { content: ""; width: 1px; padding-top: 56.325%; }
.post-item .cover::after { content: ""; position: absolute; inset: 0; background-color: #000; opacity: .05; transition: opacity .15s ease; }
.post-item .date { display: block; text-transform: uppercase; margin-bottom: 8px; }
.post-item .title { font-size: var(--post-title-size); line-height: var(--post-title-lh); margin-bottom: 12px; }
.post-item .title a { transition: color .15s ease; }
.post-item .title a span { display: block; max-height: calc(var(--post-title-lh) * 2); overflow: hidden; }
.post-readmore a { position: relative; z-index: 1; }

.post-item:hover .cover::after { opacity: 0; }
.post-item:hover .title a { color: var(--color-primary) !important; }

/* MODs */
.carousel-item .post-item .title { font-size: var(--title-size); line-height: var(--title-lh); margin-bottom: 12px; padding-right: 24px; }
:dir(rtl) .carousel-item .post-item .title { padding-left: 24px; padding-right: 0; }

.carousel-item .post-item .title a span { max-height: calc(var(--title-lh) * 2); }
.blog-carousel .carousel { margin-right: -8px; }
.carousel-item { width: 100%; padding-right: 8px; }

@media (max-width: 575px) {
	.post-item + .post-item { margin-top: var(--block-gap); }
}
@media (min-width: 576px) {
	.all-posts .heading2 { margin-bottom: 24px; }

	.blog-carousel .carousel { margin-right: calc(var(--block-gap) / -1); }
	.carousel-item { width: 80%; max-width: 864px; padding-right: var(--block-gap); }
	.carousel-item .post-item .date { font-size: inherit; line-height: inherit; }

	.post-list {
		--grid-cols: 2;
		--grid-gap: var(--block-gap);
	}
}
@media (min-width: 992px) {
	.blog-carousel {
		--post-img-height: 480px;
	}
	.carousel-item .post-item .cover::before { padding-top: var(--post-img-height); }

}

/* --- Post View --- */
.postview {
	--post-pad: 0;
	padding: 0 var(--post-pad);
}
.postview .viewline { margin: 0 calc(var(--post-pad) / -1); margin-bottom: 20px; }

.postview-back { display: flex; margin-bottom: 24px; }
.postview-back > a { display: flex; align-items: center; padding: 8px; margin: -8px; }
.postview-back > a .ic { margin-right: 8px; }

:dir(rtl) .postview-back > a .ic { margin-left: 8px; margin-right: 0; transform: rotate(180deg); }

@media (max-width: 991px) {
	.postview .heading { margin-bottom: 16px; }
}
@media (max-width: 575px) {
	.postview .viewline { font-size: var(--text-sm-size); }
}
@media (min-width: 992px) {
	.postview { --post-pad: 140px; }
	.postview .viewline { margin-bottom: 36px; }
}
@media (min-width: 1200px) {
	.postview { --post-pad: 208px; }
}