/*==========================================
Podcast Hero
==========================================*/

.podcast-hero{

	padding:110px 0;

	background:#F7F8FB;

	text-align:center;

}

.podcast-hero-content{

	max-width:760px;

	margin:auto;

}

.podcast-hero h1{

	font-size:60px;

	margin:20px 0;

}

.podcast-hero p{

	font-size:20px;

	line-height:1.8;

	color:#6B7280;

}

/*==========================================
Podcast Filters
==========================================*/

.podcast-filters{

	padding:50px 0;

}

.podcast-filter-form{

	display:flex;

	justify-content:center;

	flex-wrap:wrap;

	gap:18px;

}

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

	padding:14px 18px;

	border:1px solid #D6DAE3;

	border-radius:8px;

	min-width:260px;

}

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

.featured-podcast{

	padding:90px 0;

}

.featured-podcast-grid{

	display:grid;

	grid-template-columns:1fr 1fr;

	gap:60px;

	align-items:center;

}

.featured-podcast-image img{

	width:100%;

	display:block;

	border-radius:20px;

}

.featured-podcast-content h2{

	font-size:42px;

	margin:20px 0;

}

.featured-podcast-content p{

	line-height:1.8;

	color:#6B7280;

	margin-bottom:18px;

}

/*==========================================
Podcast Grid
==========================================*/

.podcast-grid-section{

	padding:90px 0;

}

.podcast-grid{

	display:grid;

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

	gap:35px;

}

.podcast-card{

	background:#fff;

	border-radius:18px;

	overflow:hidden;

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

	transition:.3s;

}

.podcast-card:hover{

	transform:translateY(-6px);

}

.podcast-image img{

	width:100%;

	height:240px;

	object-fit:cover;

	display:block;

}

.podcast-content{

	padding:30px;

}

.podcast-category{

	display:inline-block;

	padding:6px 14px;

	border-radius:30px;

	background:#EEF2FF;

	color:#24346E;

	font-size:13px;

	font-weight:600;

	margin-bottom:18px;

}

.podcast-content h3{

	font-size:28px;

	margin-bottom:15px;

}

.podcast-content h3 a{

	text-decoration:none;

	color:#111827;

}

.podcast-meta{

	display:flex;

	flex-wrap:wrap;

	gap:15px;

	font-size:14px;

	color:#6B7280;

	margin-bottom:18px;

}

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

.podcast-newsletter{

	padding:100px 0;

	background:#F7F8FB;

}

.podcast-newsletter-box{

	max-width:760px;

	margin:auto;

	text-align:center;

}

.podcast-newsletter-box h2{

	font-size:44px;

	margin-bottom:20px;

}

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

.podcast-pagination{

	padding:70px 0;

}

.podcast-pagination ul{

	display:flex;

	justify-content:center;

	list-style:none;

	padding:0;

	margin:0;

	gap:12px;

}

.podcast-pagination a,
.podcast-pagination span{

	width:46px;

	height:46px;

	display:flex;

	align-items:center;

	justify-content:center;

	border-radius:50%;

	background:#fff;

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

	text-decoration:none;

	font-weight:600;

	color:#24346E;

}

.podcast-pagination .current{

	background:#24346E;

	color:#fff;

}

.no-podcasts{

	text-align:center;

	font-size:20px;

	padding:80px 0;

}

/*==========================================
Single Podcast
==========================================*/

.podcast-single-hero{

	padding:100px 0;

	background:#F7F8FB;

}

.podcast-hero-grid{

	display:grid;

	grid-template-columns:1.2fr 420px;

	gap:60px;

	align-items:center;

}

.podcast-hero-image img{

	width:100%;

	display:block;

	border-radius:20px;

}

.podcast-badge{

	display:inline-block;

	padding:8px 18px;

	border-radius:30px;

	background:#24346E;

	color:#fff;

	font-size:14px;

	margin-bottom:20px;

}

.podcast-subtitle{

	font-size:20px;

	color:#6B7280;

	margin:20px 0;

}

.podcast-main-content{

	padding:90px 0;

}

.podcast-content-wrapper{

	display:grid;

	grid-template-columns:2fr 360px;

	gap:60px;

	align-items:start;

}

.podcast-section{

	margin-bottom:60px;

}

.podcast-box{

	padding:35px;

	background:#fff;

	border-radius:20px;

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

}

.podcast-video iframe{

	width:100%;

	aspect-ratio:16/9;

	border:none;

}

.podcast-platforms{

	display:flex;

	gap:15px;

	margin-top:30px;

	flex-wrap:wrap;

}

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

.podcast-sidebar-card{

	background:#fff;

	padding:30px;

	border-radius:20px;

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

	margin-bottom:30px;

	position:sticky;

	top:120px;

}

.podcast-info-list{

	list-style:none;

	padding:0;

	margin:0;

}

.podcast-info-list li{

	display:flex;

	justify-content:space-between;

	padding:12px 0;

	border-bottom:1px solid #E5E7EB;

}

.podcast-info-list li:last-child{

	border-bottom:none;

}

.podcast-subscribe-links{

	display:flex;

	flex-direction:column;

	gap:12px;

	margin-top:20px;

}

/*==========================================
Related Episodes
==========================================*/

.related-podcasts{

	padding:100px 0;

	background:#F7F8FB;

}

.related-podcasts h2{

	text-align:center;

	font-size:42px;

	margin-bottom:50px;

}

/*==========================================
Podcast CTA
==========================================*/

.podcast-cta{

	padding:100px 0;

	background:#24346E;

}

.podcast-cta-box{

	max-width:760px;

	margin:auto;

	text-align:center;

	color:#fff;

}

.podcast-cta-box h2{

	font-size:48px;

	color:#fff;

	margin-bottom:20px;

}

.podcast-cta-box p{

	font-size:18px;

	line-height:1.8;

	margin-bottom:35px;

	opacity:.9;

}