/* Blog archive styles */

.pg-post-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 200px;
	background-color: var(--pg-color-helper-tertiary);
	color: var(--pg-color-helper-secondary);
	border-radius: 18px;
}

.pg-post-placeholder svg {
	opacity: 0.5;
}
.pg-blog-hero {
    padding: var(--pg-section-gap) 0;
}

.pg-blog-hero .pg-blog-hero__inner {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.pg-blog-listing {
    padding-bottom: var(--pg-section-gap);
}

.pg-blog-listing .pg-post-grid {
    --number-of-items: 2;
}

.pg-blog-listing .pg-post-grid .item {
    display: flex;
    flex-direction: column;
}
.pg-blog-listing .pg-post-grid .item .content {
    flex-grow: 1;
}

.pg-blog-listing .pg-post-grid .item img {
    width: 100%;
    height: auto;
    aspect-ratio: 600 / 350;
    object-fit: cover;
    border-radius: 16px;
}

.pg-blog-listing .pg-post-grid .item .meta {
    margin-top: 12px;
}

.pg-blog-listing .pg-post-grid .item .meta a {
    text-decoration: none;
    color: var(--pg-color-primary);
    font-weight: 500;
}

.pg-blog-listing .pg-post-grid .item h2 a {
    text-decoration: none;
    color: var(--pg-color-helper-primary);
    margin: 0;
}

.pg-blog-listing .pg-post-grid .item h2{
    text-decoration: none;
    font-size: var(--pg-fs-h6);
    color: var(--pg-color-helper-primary);
    font-weight: 600;
    line-height: var(--pg-lh-body-sm);
    margin: 12px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pg-blog-listing .pg-post-grid .item .excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 12px;
}

.pg-blog-listing .pg-post-grid .item .excerpt p {
    margin: 0;
}

.pg-blog-listing .pg-post-grid .item .read-more {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--pg-color-helper-primary);
    font-weight: 500;
    text-decoration: none;
}

.pg-blog-listing .pg-post-grid .item .read-more::after {
    content: '';
    width: 16px;
    height: 16px;
    background-color: currentColor;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.3335 8H12.6668' stroke='%23111827' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 3.3335L12.6667 8.00016L8 12.6668' stroke='%23111827' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
    transition: transform var(--pg-transition);
}

.pg-blog-listing .pg-post-grid .item .read-more:hover::after {
    transform: translateX(4px);
}

@media (max-width: 768px) {
    .pg-blog-listing .pg-post-grid {
        --number-of-items: 1;
    }
}