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

.site-sidebar{
	display:flex;
	flex-direction:column;
	gap:30px;
	position:sticky;
	top:100px;
}

/*=========================================================
Widget
=========================================================*/

.sidebar-widget{
	background:#ffffff;
	border-radius:24px;
	padding:28px;
	box-shadow:0 18px 40px rgba(0,0,0,.08);
}

.sidebar-widget h3{
	margin:0 0 22px;
	font-size:22px;
	font-weight:800;
	color:#111827;
}

.about-widget p{
	font-size:15px;
	line-height:1.8;
	color:#6b7280;
	margin:0;
}

/*=========================================================
Popular Posts
=========================================================*/

.sidebar-post{
	display:flex;
	align-items:center;
	gap:16px;
	margin-bottom:20px;
}

.sidebar-post:last-child{
	margin-bottom:0;
}

.sidebar-thumb{
	flex:0 0 90px;
	display:block;
}

.sidebar-image{
	width:90px;
	height:90px;
	border-radius:14px;
	object-fit:cover;
	display:block;
	transition:.35s;
}

.sidebar-post:hover .sidebar-image{
	transform:scale(1.05);
}

.sidebar-post h4{
	margin:0 0 8px;
	font-size:16px;
	line-height:1.45;
	font-weight:700;
}

.sidebar-post h4 a{
	color:#111827;
	text-decoration:none;
}

.sidebar-post h4 a:hover{
	color:#2563eb;
}

.sidebar-meta{
	font-size:12px;
	color:#6b7280;
}

/*=========================================================
Categories
=========================================================*/

.sidebar-categories{
	list-style:none;
	margin:0;
	padding:0;
}

.sidebar-categories li{
	padding:10px 0;
	border-bottom:1px solid #f1f5f9;
}

.sidebar-categories li:last-child{
	border-bottom:none;
}

.sidebar-categories a{
	color:#374151;
	text-decoration:none;
	font-weight:500;
	transition:.3s;
}

.sidebar-categories a:hover{
	color:#2563eb;
	padding-left:5px;
}

/*=========================================================
Newsletter
=========================================================*/

.newsletter-widget p{
	color:#6b7280;
	margin-bottom:18px;
	line-height:1.7;
}

.newsletter-widget form{
	display:flex;
	flex-direction:column;
	gap:14px;
}

.newsletter-widget input{
	height:50px;
	padding:0 18px;
	border:1px solid #d1d5db;
	border-radius:999px;
	font-size:15px;
	outline:none;
	transition:.3s;
}

.newsletter-widget input:focus{
	border-color:#2563eb;
	box-shadow:0 0 0 4px rgba(37,99,235,.10);
}

.newsletter-widget button{
	height:50px;
	border:none;
	border-radius:999px;
	background:#2563eb;
	color:#fff;
	font-size:15px;
	font-weight:700;
	cursor:pointer;
	transition:.3s;
}

.newsletter-widget button:hover{
	background:#1d4ed8;
}

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

@media (max-width:991px){

	.site-sidebar{
		position:static;
		margin-top:50px;
	}

}