/*==========================================
Event Archive Hero
==========================================*/

.event-archive-hero{

	padding:90px 0;

	background:#F7F8FB;

	text-align:center;

}

.event-archive-hero h1{

	font-size:58px;

	margin:20px 0;

	line-height:1.2;

}

.event-archive-hero p{

	max-width:760px;

	margin:0 auto;

	font-size:18px;

	line-height:1.8;

	color:#6B7280;

}

/*==========================================
Event Filters
==========================================*/

.event-filters{

	padding:50px 0;

	background:#fff;

}

.event-filter-form{

	display:flex;

	justify-content:center;

	gap:20px;

	flex-wrap:wrap;

}

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

	height:54px;

	padding:0 18px;

	border:1px solid #E5E7EB;

	border-radius:8px;

	min-width:220px;

}

.event-filter-form button{

	height:54px;

	padding:0 30px;

}

/*==========================================
Event Grid
==========================================*/

.event-grid-section{

	padding:80px 0;

}

.event-grid{

	display:grid;

	grid-template-columns:repeat(auto-fit,minmax(340px,1fr));

	gap:35px;

}

.event-card{

	background:#fff;

	border-radius:18px;

	overflow:hidden;

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

	transition:.3s;

}

.event-card:hover{

	transform:translateY(-6px);

}

.event-card-image img{

	width:100%;

	height:240px;

	object-fit:cover;

	display:block;

}

.event-card-content{

	padding:30px;

}

.event-category{

	display:inline-block;

	padding:6px 14px;

	background:#EEF2FF;

	color:#24346E;

	font-size:13px;

	font-weight:600;

	border-radius:30px;

	margin-bottom:18px;

}

.event-card-content h3{

	margin:0 0 15px;

	font-size:26px;

	line-height:1.35;

}

.event-card-content h3 a{

	color:#111827;

	text-decoration:none;

}

.event-meta{

	display:flex;

	flex-wrap:wrap;

	gap:14px;

	font-size:14px;

	color:#6B7280;

	margin-bottom:20px;

}

.event-card-content p{

	line-height:1.8;

	color:#6B7280;

	margin-bottom:24px;

}

.event-read-more{

	font-weight:700;

	color:#24346E;

	text-decoration:none;

}

.no-events{

	text-align:center;

	font-size:20px;

	padding:80px 0;

}

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

.featured-event{

	padding:80px 0;

}

.featured-event-wrapper{

	display:grid;

	grid-template-columns:1fr 1fr;

	gap:50px;

	align-items:center;

	background:#fff;

	border-radius:20px;

	overflow:hidden;

	box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.featured-event-image img{

	width:100%;

	height:450px;

	object-fit:cover;

	display:block;

}

.featured-event-content{

	padding:50px;

}

.featured-label{

	display:inline-block;

	padding:8px 18px;

	background:#24346E;

	color:#fff;

	border-radius:30px;

	margin-bottom:20px;

	font-size:14px;

	font-weight:600;

}

.featured-event-content h2{

	font-size:42px;

	margin-bottom:20px;

}

.featured-event-content h2 a{

	color:#111827;

	text-decoration:none;

}

.featured-meta{

	display:flex;

	gap:20px;

	margin-bottom:25px;

	color:#6B7280;

}

.featured-event-content p{

	line-height:1.9;

	margin-bottom:35px;

	color:#6B7280;

}

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

.event-newsletter{

	padding:100px 0;

	background:#F7F8FB;

}

.newsletter-box{

	max-width:760px;

	margin:auto;

	text-align:center;

}

.newsletter-box h2{

	font-size:42px;

	margin-bottom:20px;

}

.newsletter-box p{

	margin-bottom:35px;

	color:#6B7280;

	line-height:1.8;

}

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

.archive-pagination{

	padding:60px 0;

}

.archive-pagination ul{

	display:flex;

	justify-content:center;

	gap:12px;

	list-style:none;

	padding:0;

}

.archive-pagination a,
.archive-pagination span{

	display:flex;

	align-items:center;

	justify-content:center;

	width:46px;

	height:46px;

	border-radius:50%;

	background:#fff;

	box-shadow:0 6px 18px rgba(0,0,0,.08);

	text-decoration:none;

	color:#24346E;

	font-weight:600;

}

.archive-pagination .current{

	background:#24346E;

	color:#fff;

}

/*==========================================
Single Event
==========================================*/

.single-event-hero{

	padding:90px 0;

	background:#F7F8FB;

}

.single-event-grid{

	display:grid;

	grid-template-columns:1.2fr 1fr;

	gap:60px;

	align-items:center;

}

.single-event-image img{

	width:100%;

	border-radius:20px;

	display:block;

}

.event-badge{

	display:inline-block;

	padding:8px 18px;

	background:#24346E;

	color:#fff;

	border-radius:30px;

	font-size:14px;

	margin-bottom:20px;

}

.single-event-content h1{

	font-size:56px;

	line-height:1.2;

	margin-bottom:25px;

}

.event-meta-list{

	display:flex;

	flex-wrap:wrap;

	gap:18px;

	color:#6B7280;

}

.event-main-content{

	padding:90px 0;

}

.event-content-wrapper{

	display:grid;

	grid-template-columns:2fr 360px;

	gap:60px;

	align-items:start;

}

.event-section{

	margin-bottom:60px;

}

.event-box{

	padding:35px;

	background:#fff;

	border-radius:20px;

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

}

.event-sidebar-card{

	position:sticky;

	top:120px;

	padding:35px;

	background:#fff;

	border-radius:20px;

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

}

.event-info-list{

	list-style:none;

	margin:0 0 30px;

	padding:0;

}

.event-info-list li{

	display:flex;

	justify-content:space-between;

	padding:15px 0;

	border-bottom:1px solid #E5E7EB;

}

.event-register-btn{

	width:100%;

	text-align:center;

	display:block;

}

/*==========================================
Related Events
==========================================*/

.related-events{

	padding:100px 0;

	background:#F7F8FB;

}

.related-events h2{

	font-size:42px;

	text-align:center;

	margin-bottom:50px;

}

/*==========================================
Event CTA
==========================================*/

.event-cta{

	padding:100px 0;

	background:#24346E;

}

.event-cta-box{

	max-width:760px;

	margin:auto;

	text-align:center;

	color:#fff;

}

.event-cta-box h2{

	font-size:48px;

	color:#fff;

	margin-bottom:20px;

}

.event-cta-box p{

	font-size:18px;

	line-height:1.8;

	margin-bottom:35px;

	opacity:.9;

}