/**
 * Blog Section
 *
 * @package EGCI_Template
 * @since 1.0.0
 */

/* ============================================
   Blog Grid
   ============================================ */
.blog-grid {
	/* display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 30px; */
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(414px, 1fr));
    gap: 2rem;
    /* margin-bottom: 2rem; */
}

.blog-card {
	background-color: #f1f3f3;
	border-radius: 8px;
	overflow: hidden;
	transition: var(--egci-transition);
}


.blog-card__image {
	overflow: hidden;
}

.blog-card__image img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	transition: var(--egci-transition);
}

.blog-card:hover .blog-card__image img {
	transform: scale(1.05);
}

.blog-card__content {
	padding: 1.5rem;
}

.blog-card__meta {
	font-size: 0.875rem;
	color: var(--egci-text-light);
	margin-bottom: 0.5rem;
}

.blog-card__title {
	font-size: 1.1rem;
	margin-bottom: 0.5rem;
}

.blog-card__title a {
	color: var(--egci-text);
	text-decoration: none;
}

.blog-card__title a:hover {
	color: var(--egci-primary);
	text-decoration: none;
}

.blog-card__excerpt {
	color: var(--egci-text-light);
	margin-bottom: 1rem;
}

.blog-card__link {
	color: var(--egci-primary);
	font-weight: 600;
}