/* ==========================================
   Community Archive Hero
========================================== */

.community-archive-hero{
	padding:90px 0;
	background:#f7f8fb;
	text-align:center;
}

.community-archive-hero .section-label{
	display:inline-block;
	padding:8px 18px;
	border-radius:30px;
	background:#eef2ff;
	color:#24346E;
	font-weight:700;
	font-size:14px;
	margin-bottom:20px;
}

.community-archive-hero h1{
	font-size:58px;
	line-height:1.15;
	font-weight:800;
	color:#111827;
	margin-bottom:20px;
}

.community-archive-hero p{
	max-width:760px;
	margin:0 auto;
	font-size:18px;
	line-height:1.8;
	color:#6b7280;
}

/* ==========================================
   Community Filters
========================================== */

.community-filters{

	padding:40px 0;

	background:#fff;

}

.community-filter-form{

	display:flex;

	gap:20px;

	align-items:center;

	justify-content:center;

	flex-wrap:wrap;

}

.community-filter-form input,
.community-filter-form select{

	height:54px;

	padding:0 18px;

	border:1px solid #E5E7EB;

	border-radius:8px;

	min-width:220px;

	font-size:15px;

	background:#fff;

}

.community-filter-form button{

	height:54px;

	padding:0 30px;

	cursor:pointer;

}

/*==========================================
Community Card
==========================================*/

.community-card{

	background:#fff;

	border-radius:18px;

	overflow:hidden;

	box-shadow:0 12px 30px rgba(0,0,0,.06);

	transition:.35s;

	height:100%;

}

.community-card:hover{

	transform:translateY(-8px);

}

.community-card-image{

	display:block;

}

.community-card-image img{

	width:100%;

	height:240px;

	object-fit:cover;

	display:block;

}

.community-card-content{

	padding:28px;

}

.community-card-category{

	display:inline-block;

	background:#eef2ff;

	color:#24346E;

	padding:6px 14px;

	border-radius:30px;

	font-size:13px;

	font-weight:700;

	margin-bottom:16px;

}

.community-card-title{

	font-size:24px;

	font-weight:700;

	line-height:1.3;

	margin-bottom:15px;

}

.community-card-title a{

	color:#111827;

	text-decoration:none;

}

.community-card-excerpt{

	color:#6B7280;

	line-height:1.7;

	margin-bottom:20px;

}

.community-card-meta{

	display:flex;

	justify-content:space-between;

	align-items:center;

	font-weight:600;

	color:#4B5563;

}

/*==========================================
Community Grid
==========================================*/

.community-grid-section{

	padding:80px 0;

	background:#F8FAFC;

}

.community-grid{

	display:grid;

	grid-template-columns:repeat(3,1fr);

	gap:35px;

}

.community-empty{

	padding:120px 0;

	text-align:center;

}

.community-empty h2{

	font-size:42px;

	margin-bottom:15px;

}

.community-empty p{

	color:#6B7280;

	font-size:18px;

}

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

.featured-community{

	padding:80px 0;

}

.featured-community-wrapper{

	display:grid;

	grid-template-columns:1fr 1fr;

	align-items:center;

	gap:60px;

	background:#fff;

	border-radius:24px;

	padding:40px;

	box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.featured-community-image img{

	width:100%;

	height:450px;

	object-fit:cover;

	border-radius:20px;

	display:block;

}

.featured-badge{

	display:inline-block;

	background:#24346E;

	color:#fff;

	padding:8px 18px;

	border-radius:30px;

	font-size:14px;

	font-weight:700;

	margin-bottom:20px;

}

.featured-community-content h2{

	font-size:42px;

	line-height:1.2;

	margin-bottom:20px;

}

.featured-community-content h2 a{

	color:#111827;

	text-decoration:none;

}

.featured-community-content p{

	font-size:18px;

	line-height:1.8;

	color:#6B7280;

	margin-bottom:25px;

}

.featured-community-meta{

	display:flex;

	gap:25px;

	margin-bottom:30px;

	font-weight:600;

	color:#4B5563;

}

/*==========================================
Community Pagination
==========================================*/

.community-pagination{

	padding:20px 0 90px;

}

.community-pagination ul{

	display:flex;

	justify-content:center;

	align-items:center;

	gap:12px;

	list-style:none;

	padding:0;

	margin:0;

}

.community-pagination li{

	list-style:none;

}

.community-pagination a,
.community-pagination span{

	display:flex;

	align-items:center;

	justify-content:center;

	width:46px;

	height:46px;

	border-radius:50%;

	text-decoration:none;

	background:#fff;

	color:#24346E;

	font-weight:700;

	box-shadow:0 8px 20px rgba(0,0,0,.08);

	transition:.3s;

}

.community-pagination .current{

	background:#24346E;

	color:#fff;

}

.community-pagination a:hover{

	background:#24346E;

	color:#fff;

}

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

.community-newsletter{

	padding:90px 0;

	background:#F8FAFC;

}

.community-newsletter-box{

	max-width:900px;

	margin:0 auto;

	padding:70px;

	text-align:center;

	background:#24346E;

	border-radius:28px;

	color:#fff;

}

.newsletter-label{

	display:inline-block;

	padding:8px 18px;

	background:rgba(255,255,255,.12);

	border-radius:30px;

	font-size:14px;

	font-weight:700;

	margin-bottom:20px;

}

.community-newsletter h2{

	font-size:46px;

	margin-bottom:20px;

	color:#fff;

}

.community-newsletter p{

	max-width:650px;

	margin:0 auto 35px;

	font-size:18px;

	line-height:1.8;

	opacity:.9;

}

.community-newsletter-form{

	display:flex;

	justify-content:center;

	gap:15px;

	flex-wrap:wrap;

}

.community-newsletter-form input{

	width:380px;

	height:58px;

	border:none;

	border-radius:10px;

	padding:0 20px;

	font-size:16px;

}

.community-newsletter-form button{

	height:58px;

	padding:0 35px;

}

/*==========================================
Single Community Hero
==========================================*/

.community-hero{

	padding:90px 0;

	background:#F8FAFC;

}

.community-hero-wrapper{

	display:grid;

	grid-template-columns:1.1fr .9fr;

	gap:60px;

	align-items:center;

}

.community-badge{

	display:inline-block;

	padding:8px 18px;

	background:#EEF2FF;

	color:#24346E;

	border-radius:30px;

	font-size:14px;

	font-weight:700;

	margin-bottom:20px;

}

.community-hero h1{

	font-size:60px;

	line-height:1.15;

	margin-bottom:20px;

}

.community-subtitle{

	font-size:20px;

	line-height:1.8;

	color:#6B7280;

	margin-bottom:30px;

	max-width:700px;

}

.community-meta{

	display:flex;

	gap:30px;

	flex-wrap:wrap;

	font-weight:600;

	color:#4B5563;

}

.community-hero-image img{

	width:100%;

	height:500px;

	object-fit:cover;

	border-radius:24px;

	display:block;

}

/*==========================================
Community Content
==========================================*/

.community-main-content{

	padding:90px 0;

}

.community-content-wrapper{

	display:grid;

	grid-template-columns:2fr 360px;

	gap:60px;

	align-items:start;

}

.community-content-area{

	background:#fff;

	padding:40px;

	border-radius:20px;

	box-shadow:0 12px 35px rgba(0,0,0,.06);

}

.community-section-header{

	margin-bottom:30px;

}

.community-section-header h2{

	font-size:36px;

	margin:0;

}

.community-entry-content{

	line-height:1.9;

	color:#4B5563;

}

.community-entry-content p{

	margin-bottom:24px;

}

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

.community-sidebar-card{

	position:sticky;

	top:120px;

	background:#fff;

	padding:35px;

	border-radius:20px;

	box-shadow:0 12px 35px rgba(0,0,0,.06);

}

.community-sidebar-card h3{

	font-size:26px;

	margin-bottom:30px;

}

.community-info-list{

	list-style:none;

	padding:0;

	margin:0 0 30px;

}

.community-info-list li{

	display:flex;

	justify-content:space-between;

	padding:16px 0;

	border-bottom:1px solid #E5E7EB;

}

.community-info-list strong{

	font-weight:700;

	color:#111827;

}

.community-info-list span{

	color:#6B7280;

}

.community-sidebar-btn{

	display:block;

	text-align:center;

	text-decoration:none;

	padding:15px 20px;

	border:2px solid #24346E;

	color:#24346E;

	border-radius:10px;

	font-weight:700;

	margin-bottom:15px;

	transition:.3s;

}

.community-sidebar-btn.primary{

	background:#24346E;

	color:#fff;

}

.community-sidebar-btn:hover{

	transform:translateY(-2px);

}

/*==========================================
Community Sections
==========================================*/

.community-section{

	margin-top:60px;

}

.community-section h2{

	font-size:34px;

	margin-bottom:25px;

}

.community-box{

	background:#fff;

	padding:35px;

	border-radius:20px;

	box-shadow:0 10px 30px rgba(0,0,0,.06);

}

.community-rules{

	padding-left:20px;

	line-height:2;

}

.community-list{

	list-style:none;

	padding:0;

	margin:0;

}

.community-list li{

	padding:16px 0;

	border-bottom:1px solid #E5E7EB;

}

.community-list li:last-child{

	border-bottom:none;

}

.community-list a{

	text-decoration:none;

	color:#24346E;

	font-weight:600;

}

.community-cta{

	padding:100px 0;

	background:#24346E;

	margin-top:100px;

}

.community-cta-box{

	max-width:850px;

	margin:0 auto;

	text-align:center;

	color:#fff;

}

.community-cta-box h2{

	font-size:48px;

	margin-bottom:20px;

	color:#fff;

}

.community-cta-box p{

	font-size:18px;

	line-height:1.8;

	margin-bottom:35px;

	opacity:.9;

}