/*=========================================================
Editor's Picks
=========================================================*/

.editors-section{
	padding:90px 0;
	background:#ffffff;
}

.editors-section .container{
	max-width:1400px;
	margin:auto;
	padding:0 24px;
}

.editors-layout{
	display:grid;
	grid-template-columns:1.5fr 1fr;
	gap:36px;
	align-items:start;
}

/*=========================================================
Featured
=========================================================*/

.editors-featured{
	background:#fff;
	border-radius:24px;
	overflow:hidden;
	box-shadow:0 20px 50px rgba(0,0,0,.08);
	transition:.35s;
}

.editors-featured:hover{
	transform:translateY(-6px);
	box-shadow:0 30px 60px rgba(0,0,0,.14);
}

.editors-image{
	width:100%;
	height:460px;
	object-fit:cover;
	display:block;
	transition:.5s;
}

.editors-featured:hover .editors-image{
	transform:scale(1.05);
}

.editors-content{
	padding:30px;
}

.editors-category{
	display:inline-block;
	padding:7px 16px;
	border-radius:999px;
	background:#eef4ff;
	color:#2563eb;
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:.08em;
}

.editors-content h2{
	margin:18px 0;
	font-size:38px;
	line-height:1.2;
	font-weight:800;
}

.editors-content h2 a{
	color:#111827;
	text-decoration:none;
}

.editors-content h2 a:hover{
	color:#2563eb;
}

.editors-meta{
	font-size:13px;
	color:#6b7280;
	margin-bottom:18px;
}

.editors-excerpt{
	font-size:16px;
	line-height:1.8;
	color:#4b5563;
}

/*=========================================================
Sidebar
=========================================================*/

.editors-sidebar{
	display:flex;
	flex-direction:column;
	gap:22px;
}

.editors-card{
	display:flex;
	gap:16px;
	background:#fff;
	border-radius:20px;
	overflow:hidden;
	box-shadow:0 15px 35px rgba(0,0,0,.07);
	transition:.35s;
}

.editors-card:hover{
	transform:translateY(-4px);
	box-shadow:0 24px 50px rgba(0,0,0,.12);
}

.editors-thumb{
	width:180px;
	height:140px;
	object-fit:cover;
	flex-shrink:0;
	transition:.5s;
}

.editors-card:hover .editors-thumb{
	transform:scale(1.08);
}

.editors-card-content{
	padding:18px 18px 18px 0;
	flex:1;
}

.editors-card-content h3{
	margin:12px 0;
	font-size:21px;
	line-height:1.4;
	font-weight:700;
}

.editors-card-content h3 a{
	color:#111827;
	text-decoration:none;
}

.editors-card-content h3 a:hover{
	color:#2563eb;
}

/*=========================================================
Responsive
=========================================================*/

@media(max-width:1200px){

	.editors-layout{
		grid-template-columns:1fr;
	}

}

@media(max-width:768px){

	.editors-card{
		flex-direction:column;
	}

	.editors-thumb{
		width:100%;
		height:220px;
	}

	.editors-card-content{
		padding:18px;
	}

	.editors-image{
		height:300px;
	}

	.editors-content h2{
		font-size:30px;
	}

}