/**
 * ==========================================================================
 * Blog
 * FIGORA One
 * ==========================================================================
 */

/*--------------------------------------------------------------
# Blog Section
--------------------------------------------------------------*/

.figora-blog{
	padding:100px 0;
}

.figora-blog-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:32px;
	align-items:stretch;
}

/*--------------------------------------------------------------
# Blog Card
--------------------------------------------------------------*/

.figora-post-card{
	display:flex;
	flex-direction:column;
	height:100%;
	background:#fff;
	border-radius:20px;
	overflow:hidden;
	box-shadow:0 10px 30px rgba(0,0,0,.08);
	transition:all .3s ease;
}

.figora-post-card:hover{
	transform:translateY(-8px);
	box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.figora-post-card__image{
	display:block;
	overflow:hidden;
}

.figora-post-card__image img{
	width:100%;
	height:220px;
	object-fit:cover;
	display:block;
	transition:transform .4s ease;
}

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

.figora-post-card__content{
	display:flex;
	flex-direction:column;
	flex:1;
	padding:28px;
}

.figora-post-card__meta{
	display:flex;
	flex-wrap:wrap;
	gap:18px;
	margin-bottom:18px;
	font-size:14px;
	color:#64748b;
}

.figora-post-card__meta span{
	display:flex;
	align-items:center;
	gap:6px;
}

.figora-post-card__meta .dashicons{
	font-size:16px;
	width:16px;
	height:16px;
}

.figora-post-card__title{
	margin:0 0 18px;
	font-size:24px;
	line-height:1.35;
	font-weight:700;
}

.figora-post-card__title a{
	color:#0f172a;
	text-decoration:none;
	transition:color .3s ease;
}

.figora-post-card__title a:hover{
	color:#2563eb;
}

.figora-post-card__excerpt{
	flex:1;
	margin-bottom:24px;
	color:#475569;
	line-height:1.8;
}

.figora-post-card .btn{
	margin-top:auto;
}

/*--------------------------------------------------------------
# Archive
--------------------------------------------------------------*/

.figora-blog-archive{
	padding:100px 0;
}

/*--------------------------------------------------------------
# Single Post
--------------------------------------------------------------*/

.figora-single-post{
	padding:100px 0;
}

.figora-single-post__header{
	max-width:900px;
	margin:0 auto 50px;
	text-align:center;
}

.figora-single-post__meta{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:20px;
	margin-bottom:24px;
	font-size:14px;
	color:#64748b;
}

.figora-single-post__meta span{
	display:flex;
	align-items:center;
	gap:6px;
}

.figora-single-post__thumbnail{
	margin-bottom:50px;
	border-radius:20px;
	overflow:hidden;
}

.figora-single-post__thumbnail img{
	width:100%;
	height:auto;
	display:block;
}

.figora-single-post .entry-content{
	max-width:860px;
	margin:0 auto;
	line-height:1.9;
	color:#334155;
}

.figora-single-post .entry-content h2,
.figora-single-post .entry-content h3,
.figora-single-post .entry-content h4{
	margin-top:2.5rem;
	margin-bottom:1rem;
}

.figora-single-post__tags{
	max-width:860px;
	margin:40px auto;
}

.figora-post-navigation{
	max-width:860px;
	margin:60px auto 0;
	display:flex;
	justify-content:space-between;
	gap:20px;
	padding-top:30px;
	border-top:1px solid #e2e8f0;
}

/*--------------------------------------------------------------
# Search
--------------------------------------------------------------*/

.figora-search-results{
	padding:100px 0;
}

/*--------------------------------------------------------------
# 404
--------------------------------------------------------------*/

.figora-404{
	padding:120px 0;
	text-align:center;
}

.figora-404__content{
	max-width:720px;
	margin:0 auto;
}

.figora-404__title{
	font-size:120px;
	font-weight:800;
	line-height:1;
	margin:0;
	color:#2563eb;
}

.figora-404__subtitle{
	font-size:42px;
	margin:20px 0;
}

.figora-404__description{
	font-size:18px;
	color:#64748b;
	margin-bottom:40px;
	line-height:1.8;
}

.figora-404__actions{
	margin-top:30px;
}

/*--------------------------------------------------------------
# Pagination
--------------------------------------------------------------*/

.figora-pagination{
	margin-top:60px;
	text-align:center;
}

.figora-pagination .page-numbers{
	display:inline-block;
	margin:0 4px;
	padding:10px 16px;
	border-radius:8px;
	background:#f8fafc;
	color:#334155;
	text-decoration:none;
	transition:.3s;
}

.figora-pagination .current,
.figora-pagination .page-numbers:hover{
	background:#2563eb;
	color:#fff;
}

/*--------------------------------------------------------------
# Empty State
--------------------------------------------------------------*/

.figora-empty-state{
	max-width:700px;
	margin:80px auto;
	text-align:center;
}

.figora-empty-state h2{
	margin-bottom:20px;
}

.figora-empty-state p{
	color:#64748b;
	line-height:1.8;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/

@media (max-width:991px){

	.figora-blog-grid{
		grid-template-columns:repeat(2,1fr);
	}

	.figora-post-navigation{
		flex-direction:column;
	}

}

@media (max-width:767px){

	.figora-blog,
	.figora-blog-archive,
	.figora-single-post,
	.figora-search-results,
	.figora-404{
		padding:70px 0;
	}

	.figora-blog-grid{
		grid-template-columns:1fr;
	}

	.figora-post-card__title{
		font-size:22px;
	}

	.figora-single-post__meta{
		flex-direction:column;
		align-items:center;
		gap:10px;
	}

	.figora-404__title{
		font-size:80px;
	}

	.figora-404__subtitle{
		font-size:32px;
	}

}