@media (width >=992px) {

	.row.featured-media-under-header,
	.row.featured-media-under-header+.row {
		padding: 20px 0 !important;
	}
}

@media (width >=1699px) {

	.row.featured-media-under-header,
	.row.featured-media-under-header+.row {
		padding: 30px 0 !important;
	}
}

@media (width >=1025px) {
	.featured-media-under-header__content {
		width: 90%;
	}
}

.youtube-player:hover .youtube-player__interface,
.youtube-player:focus-within .youtube-player__interface,
.youtube-player[data-youtube-playing='false'] .youtube-player__interface {
	opacity: 0 !important;
}

body.has-grown-podcast .featured-media-under-header__featured-media iframe,
body.has-grown-podcast .post_format-post-format-video .post-content>.video iframe,
body.has-grown-podcast .vimeo-player.is--cover,
body.has-grown-podcast .youtube-player.is--cover {
	aspect-ratio: 16 / 9;
}

body.has-grown-podcast .row.featured-media-under-header::after,
body.has-grown-podcast .row.featured-media-under-header::before,
.podcast-single-row::after,
.podcast-single-row::before {
	content: none !important;
}

@media (max-width: 1024px) {
	body.has-grown-podcast .row.featured-media-under-header {
		padding: 0 0 40px 0 !important;
	}
}

body.has-grown-podcast .featured-media-under-header__featured-media .podcast-hero-image {
	border-radius: 30px;
	width: 100%;
}

.youtube-player[data-youtube-playing='false'] .youtube-player__play,
.vimeo-player[data-vimeo-playing='false'] .vimeo-player__play {
	z-index: 100 !important;
}

body.has-grown-podcast .category-pill {
	padding: 10px 25px;
	background: #ee135b;
	color: #f8f9fb;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.03em;
	border-radius: 100px;
	width: max-content;
	margin-bottom: 20px;
	display: inline-block;
}

@media (min-width: 1260px) {
	body.has-grown-podcast .category-pill {
		font-size: 14px;
		font-family: 'Poppins';
		font-weight: 500;
		padding: 7px 15px;
		line-height: 14px;
		margin-bottom: 30px;
	}
}

body.has-grown-podcast .grown-podcast-hero__platforms-wrap {
	margin-top: 20px;
	padding-bottom: 0;
}

body.has-grown-podcast .featured-media-under-header__content {
	padding-bottom: 0 !important;
}

@media (min-width: 1260px) {
	body.has-grown-podcast .grown-podcast-hero__platforms-wrap {
		margin-top: 30px;
		padding-bottom: 0;
	}
}

body.has-grown-podcast .grown-podcast-hero__platforms-wrap .platform-heading {
	padding-bottom: 1rem;
	color: #8b9299;
}

@media (min-width: 1260px) {
	body.has-grown-podcast .grown-podcast-hero__platforms-wrap .platform-heading {
		padding-bottom: 1.5rem;
	}
}

.platform-grid {
	display: flex;

	flex-wrap: wrap;
	gap: 12px;
	flex-direction: column;
	/* justify-content: space-between; */
}

@media (min-width: 520px) {
	.platform-grid {
		gap: 20px;
		align-items: center;
		flex-direction: row;
	}
}

.platform-btn {
	display: flex;
	background: #fff;
	padding: 20px;
	border-radius: 15px;
	align-items: center;
	gap: 15px;
	flex: calc(33.333% - 20px);
}

@media (min-width: 1260px) {
	.platform-btn {
		gap: 25px;
	}
}

.platform-btn .p-icon {
	width: 26px;
	height: 26px;
}

@media (min-width: 1260px) {
	.platform-btn .p-icon {
		width: 32px;
		height: 32px;
	}
}

@media (min-width: 1699px) {
	.platform-btn .p-icon {
		width: 50px;
		height: 50px;
	}
}

.platform-btn .p-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.platform-btn span {
	color: #504e59;
	font-weight: 500;
	font-size: 22px;
	line-height: 24px;
	letter-spacing: -0.03em;
	transition: all 0.5s;

	&:hover {
		transition: all 0.5s;
		color: #000;
	}
}

@charset "UTF-8";

/* Blog Grid Layout Container */
body.has-grown-podcast {
	/* Responsive: Tablet (2 columns) */
	/* Responsive: Desktop (4 columns) */
	/* Post Card Item */
	/* Aspect ratio adjustment for the wide first item - REMOVED since sticky-post handles height */
	/* Sticky Post (Featured First Item) */
	/* Image Side (Left) */
	/* Content Side (Right) */
	/* Large Title for Sticky Post */
	/* Sticky Post Hover Effect */
	/* .top-podcast-post .post-card-inner:hover .media-wrapper img {
  	transform: scale(1.05);
  } */
	/* Responsive: Stack on mobile */
	/* Default Hover Effects (Non-Sticky) */
	/* 1. IMAGE: Zoom the image on hover (Standard Cards) */
	/* 2. SCALE CONTENT CARD (For ALL regular items) */
	/* 3. PREVENT MEDIA ZOOM on Video/Color types */
	/* Sticky Image specific hover */
	/* Ensure Sticky Content does NOT move */
	/* Media Wrapper (Background Layer) */
	/* Vimeo/YouTube Player Wrapper - Fill entire media-wrapper */
	/* Grown Custom Iframes - Cover the entire box */
	/* Ensure iframe container clips correctly - only for iframes */
	/* Color Backgrounds */
	/* .media-wrapper.color-wrapper {
  	background-size: cover;
  	background-image: url('../../assets/img/gray-red.svg');
  } */
	/* Content Card (Floating White Box) */
	/* Category Label */
	/* Title */
	/* @media (min-width: 1699px) {
  	.post-title {
  		font-size: 30px;
  	}
  } */
	/* Bottom Meta (Author & Time) */
	/* @media (min-width: 1499px) {
  	.author-info > div .name {
  		font-size: 24px;
  	}
  	.author-info > div .time {
  		font-size: 20px;
  	}
  } */
	/* --- Background Variants --- */
	/* 1. Gray + Red Dots Image */
	/* 2. Gray Dots Image */
	/* 3. Solid Gray (#9F9EA3) */
	/* 4. Solid Pink (#F5658B) */
	/* 5. Solid Dark (#3C3A47) */
	/* --- Filter Bar Styles --- */
	/* Left Side: Tags */
	/* Right Side: Dropdowns */
	/* Hover/Open State: Flatten bottom corners to merge */
	/* Dropdown Content */
	/* Reveal on active class (Managed by JS) */
	/* Checkbox Style inside Dropdown */
	/* Hide default input */
	/* Custom Checkmark Box */
	/* Checked State */
	/* Checkmark Symbol */
	/* Dotted Pattern Effect (Optional, based on image) */
	/* Adjustments for the First "Featured" Post Style */
	/* 2. Gray Dots Image */
	/* 3. Solid Gray (#9F9EA3) */
	/* 4. Solid Pink (#F5658B) */
	/* 5. Solid Dark (#3C3A47) */
}

body.has-grown-podcast a {
	text-decoration: none;
}

body.has-grown-podcast .grown-blog-container {
	padding: 60px 0;
}

body.has-grown-podcast .podcast-grid-container {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
	padding: 24px 0;
}

body.has-grown-podcast .post-card-inner .post-card-inner-link {
	display: flex;
	width: 100%;
	height: 100%;
	gap: 20px;
	padding: 15px;
	flex-direction: column;
}

body.has-grown-podcast .grown-post-item.top-podcast-post .post-card-inner .post-card-inner-link {
	flex-direction: column;
}

@media (min-width: 768px) {
	body.has-grown-podcast .grown-post-item.top-podcast-post .post-card-inner .post-card-inner-link {
		flex-direction: row;
		padding: 0;

	}
	body.has-grown-podcast .grown-post-item.top-podcast-post .post-card-inner .vimeo-player,
	body.has-grown-podcast .grown-post-item.top-podcast-post .post-card-inner .vimeo-player .vimeo-player__placeholder,
		body.has-grown-podcast .grown-post-item.top-podcast-post .post-card-inner .youtube-player,
	body.has-grown-podcast .grown-post-item.top-podcast-post .post-card-inner .youtube-player .youtube-player__placeholder
	{
		border-bottom-right-radius: 0 !important;
			border-top-right-radius: 0 !important;
	
	}
	
}

@media (min-width: 768px) {
	body.has-grown-podcast .podcast-grid-container {
		grid-template-columns: repeat(2, 1fr);
	}

	body.has-grown-podcast .grown-post-item.top-podcast-post {
		grid-column: span 2;
	}
}

@media (min-width: 1200px) {
	body.has-grown-podcast {
		/* First Item Spans 3 Columns (3+1 layout for first row) */
	}

	body.has-grown-podcast .podcast-grid-container {
		grid-template-columns: repeat(3, 1fr);
	}

	body.has-grown-podcast .grown-post-item.top-podcast-post {
		grid-column: span 3;
	}
}

@media (min-width: 1399px) {
	body.has-grown-podcast {
		/* First Item Spans 3 Columns (3+1 layout for first row) */
	}

	/* body.has-grown-podcast .podcast-grid-container {
		grid-template-columns: repeat(4, 1fr);
	} */
	body.has-grown-podcast .grown-post-item.top-podcast-post {
		grid-column: span 3;
	}
}

body.has-grown-podcast .grown-post-item {
	display: block;
	width: 100%;
	border-radius: 16px;
	overflow: hidden;
}

body.has-grown-podcast .post-card-inner {
	position: relative;
	width: 100%;
	/* Fixed Aspect Ratio for all cards to ensure alignment */
	padding-bottom: 0%;
	/* 4:5 Aspect Ratio */
	height: 0;
	border-radius: 16px;
	overflow: hidden;
	/* background-color: #f3f4f6; */
	transition: all 0.5s;
}

@media (min-width: 1200px) {
	body.has-grown-podcast .grown-post-item.top-podcast-post .post-card-inner {
		padding-bottom: 0;
		/* Reset to 0 */
		height: 100%;
		/* Fill the grid cell height */
	}
}

body.has-grown-podcast .top-podcast-post .grown-vimeo-iframe {
	width: 100% !important;
	height: 170% !important;
}

@media (max-width: 769px) {
	body.has-grown-podcast .top-podcast-post .grown-vimeo-iframe {
		width: 100% !important;
		height: 300% !important;
	}
}


/* * //youtub video */ */
.youtube-player[data-youtube-playing='false'] .youtube-player__interface{
	opacity: 0;
	pointer-events: none;
}

.youtube-player[data-youtube-playing='true'] .youtube-player__interface {
	opacity: 1;
	pointer-events: auto;
}

.youtube-player[data-youtube-playing='false'] .youtube-player__placeholder {
	opacity: 1;
	pointer-events: auto;
}

.youtube-player[data-youtube-playing='true'] .youtube-player__placeholder {
	opacity: 0;
	pointer-events: none;
}


.vimeo-player[data-vimeo-playing='false'] .vimeo-player__interface{
	opacity: 0;
	pointer-events: none;
}

.vimeo-player[data-vimeo-playing='true'] .vimeo-player__interface {
	opacity: 1;
	pointer-events: auto;
}

.vimeo-player[data-vimeo-playing='false'] .vimeo-player__placeholder {
	opacity: 1;
	pointer-events: auto;
}

.vimeo-player[data-vimeo-playing='true'] .vimeo-player__placeholder {
	opacity: 0;
	pointer-events: none;
}


body.has-grown-podcast .top-podcast-post .post-card-inner {
	/* max-height: 570px; */
}

body.has-grown-podcast .grown-post-item.layout-list-item {}

body.has-grown-podcast .top-podcast-post .post-card-inner {
	/* display: flex;
	flex-direction: row; */
	/* Horizontal layout */
	/* background-color: #3c3a47; */
	/* Dark background from design */
	padding-bottom: 0;
	/* Override aspect ratio hacks */
	height: 100%;
}

body.has-grown-podcast .top-podcast-post .with-podcast-listing-video {
	display: flex;
	gap: 10px;
}

@media (max-width: 992px) {
	body.has-grown-podcast .top-podcast-post .with-podcast-listing-video {
		gap: 10px;
		flex-direction: column;
	}

	body.has-grown-podcast .vimeo-player.is--cover,
	body.has-grown-podcast .youtube-player.is--cover {
		min-height: 380px;
		aspect-ratio: auto;
	}
}

body.has-grown-podcast .top-podcast-post .media-wrapper {
	position: relative;
	width: 60%;
	/* Image takes ~60% */
	height: auto;
	/* Full height */
	inset: auto;
	/* Reset absolute positioning */
}

body.has-grown-podcast .top-podcast-post .grown-post-content {
	position: relative;
	/* Not absolute like others */
	width: 100%;
	inset: auto;
	background: transparent;
	/* No white box */
	box-shadow: none;
	padding: 30px 0px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	/* Vertically center content */
	color: white;
	transform: none !important;
	/* Disable hover lift for text container */
}

@media (min-width: 992px) {
	body.has-grown-podcast .top-podcast-post .grown-post-content {
		padding: 20px;
		width: 50%;
	}
}

@media (min-width: 1260px) {
	body.has-grown-podcast .top-podcast-post .grown-post-content {
		padding: 40px;
	}
}

body.has-grown-podcast .grown-post-content-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 12px;
	z-index: 0;
	transition: all 0.3s ease;
}

body.has-grown-podcast .grown-post-content {
	z-index: 2;
	justify-content: space-between;
}

body.has-grown-podcast .grown-post-content .post-label,
body.has-grown-podcast .grown-post-content .post-meta-bottom,
body.has-grown-podcast .grown-post-content .post-title {
	position: relative;
	z-index: 2;
}

@media (min-width: 992px) {
	body.has-grown-podcast .grown-post-content {
		padding: 40px;
	}
}

@media (min-width: 1200px) {
	body.has-grown-podcast .grown-post-item.top-podcast-post .post-card-inner {
		padding-bottom: 0;
		/* Reset to 0 */
		height: 100%;
		/* Fill the grid cell height */
	}
}

body.has-grown-podcast .top-podcast-post .grown-vimeo-iframe {
	width: 100% !important;
	height: 170% !important;
}

@media (max-width: 769px) {
	body.has-grown-podcast .top-podcast-post .grown-vimeo-iframe {
		width: 100% !important;
		height: 300% !important;
	}
}

body.has-grown-podcast .top-podcast-post .post-card-inner {
	/* max-height: 570px; */
}

body.has-grown-podcast .top-podcast-post .post-card-inner {
	/* display: flex;
	flex-direction: row; */
	height: 100%;
	min-height: 400px;
}

@media (min-width: 1380px) {
	body.has-grown-podcast .top-podcast-post .post-card-inner {
		/* min-height: 570px; */
	}
}

@media (max-width: 769px) {
	body.has-grown-podcast .top-podcast-post .post-card-inner {
		min-height: 500px;
		/* Ensure sufficient height */
	}
}

@media (max-width: 1230px) {
	body.has-grown-podcast .top-podcast-post .post-card-inner {
		min-height: 400px;
		/* Ensure sufficient height */
	}
}

body.has-grown-podcast .post-title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2 !important;
	/* Number of lines to show */
	overflow: hidden;
	text-overflow: ellipsis !important;
}

body.has-grown-podcast .top-podcast-post .post-title {
	font-size: 2rem;
	/* Much larger */
	margin-bottom: 24px;
	margin-top: 16px;
	line-height: 1.1;
}

@media (min-width: 769px) {
	body.has-grown-podcast .top-podcast-post .post-title {
		font-size: 2.5rem;
		/* Much larger */
	}
}

body.has-grown-podcast .top-podcast-post .post-meta-bottom {
	border-top: none;
	/* Clean look */
	color: rgba(255, 255, 255, 0.7);
	margin-top: auto;
}

@media (max-width: 768px) {
	body.has-grown-podcast .top-podcast-post .post-card-inner {
		flex-direction: column;
	}

	body.has-grown-podcast .top-podcast-post .media-wrapper,
	body.has-grown-podcast .top-podcast-post .grown-post-content {
		width: 100%;
		/* height: 400px;  */
	}

	body.has-grown-podcast .top-podcast-post .grown-post-content {
		height: auto;
	}
}

body.has-grown-podcast .post-card-inner .media-wrapper.image-wrapper {
	border-radius: 16px;
	overflow: hidden;
	aspect-ratio: 16 / 9;
}

body.has-grown-podcast .post-card-inner .media-wrapper.image-wrapper img,
body.has-grown-podcast .post-card-inner .media-wrapper.video-wrapper video,
body.has-grown-podcast .post-card-inner .media-wrapper.video-wrapper iframe,
body.has-grown-podcast .post-card-inner .media-wrapper.color-wrapper,
body.has-grown-podcast .post-card-inner .media-wrapper .grown-post-content-bg {
	transition: all 0.3s ease;
}

body.has-grown-podcast .post-card-inner .media-wrapper.image-wrapper:hover img {
	transform: scale(1.05);
}

body.has-grown-podcast .grown-post-item:not(.top-podcast-post) .post-card-inner:hover .grown-post-content-bg {
	transform: scale(1.03);
	/* Significant zoom */
	transition: transform 0.5s ease;
}

body.has-grown-podcast .grown-post-item.top-podcast-post .post-card-inner:hover .media-wrapper.image-wrapper img {
	transform: scale(1.09);
	/* Significant zoom */
	transition: transform 0.5s ease;
}

body.has-grown-podcast .grown-post-content:hover .grown-post-content-bg {
	/* transform: scale(1.02); */
	/* Slight lift */
	transition: all 0.3s ease;
}

body.has-grown-podcast .post-card-inner:not(.top-podcast-post .post-card-inner):hover .grown-post-content-bg {
	/* transform: scale(1.02); */
	/* Slight lift */
	/* box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12); */
	transition: all 0.3s ease;
}

body.has-grown-podcast .post-card-inner:hover .media-wrapper.video-wrapper video,
body.has-grown-podcast .post-card-inner:hover .media-wrapper.color-wrapper {
	transform: none;
	/* No movement for these elements */
}

body.has-grown-podcast .top-podcast-post .post-card-inner:hover .media-wrapper.image-wrapper img {}

body.has-grown-podcast .top-podcast-post .post-card-inner:hover .grown-post-content {
	transform: none;
	box-shadow: none;
}

body.has-grown-podcast .media-wrapper {
	/* position: absolute;
	inset: 0; */
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow: hidden;
	/* Ensure content doesn't spill out */
}

body.has-grown-podcast .media-wrapper img,
body.has-grown-podcast .media-wrapper video {
	width: 100% !important;
	height: 100%;
	object-fit: cover;
	/* Ensures image/video covers the box */
	object-position: center;
	display: block;
}

body.has-grown-podcast .media-wrapper .grown-vimeo-player,
body.has-grown-podcast .media-wrapper .grown-youtube-player {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

body.has-grown-podcast .grown-vimeo-iframe {
	width: 150% !important;
	height: 100% !important;
}

body.has-grown-podcast .grown-youtube-iframe {
	width: 300% !important;
	height: 300% !important;
}

body.has-grown-podcast .grown-vimeo-iframe,
body.has-grown-podcast .grown-youtube-iframe {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	max-width: none !important;
	transform: translate(-50%, -50%) !important;
	pointer-events: none !important;
	border: none !important;
	object-fit: cover;
}

body.has-grown-podcast .media-wrapper.video-wrapper:has(iframe) {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

body.has-grown-podcast .grown-post-content {
	position: relative;
	/* bottom: 12px;
	left: 12px;
	right: 12px; */
	z-index: 2;
	background: #ffffff;
	padding: 20px;
	border-radius: 12px;
	/* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); */
	display: flex;
	flex-direction: column;
	gap: 12px;
	transition: all 0.3s ease;
}

body.has-grown-podcast .post-label {
	min-width: 80px;
	justify-content: center;
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #ee135b;
	/* Pink as per design image */
	color: white;
	padding: 6px 25px;
	border-radius: 100px;
	font-size: 16px;
	font-weight: 700;
	text-transform: capitalize;
}

body.has-grown-podcast .status-dot {
	display: none;
	/* Removed dot based on new image reference */
}

body.has-grown-podcast .top-podcast-post .post-title {
	color: #ffffff;
}

body.has-grown-podcast .post-title {
	margin: 0;
	font-size: 20px;
	line-height: 1.4;
	font-weight: 700;
	color: #3c3a47;
	margin-bottom: 25px;
}

@media (min-width: 1299px) {
	body.has-grown-podcast .post-title {
		font-size: 20px;
		margin-bottom: 50px;
	}
}

@media (min-width: 1699px) {
	body.has-grown-podcast .post-title {
		margin-bottom: 60px;
		font-size: 30px;
	}
}

body.has-grown-podcast .post-title a {
	color: inherit;
	text-decoration: none;
}

body.has-grown-podcast .post-meta-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 4px;
	font-size: 12px;
	color: #6b7280;
	font-weight: 500;
}

body.has-grown-podcast .author-info {
	display: flex;
	align-items: center;
	gap: 15px;
}

body.has-grown-podcast .author-info>div {
	display: flex;
	flex-direction: column;
	/* gap: 5px; */
}

body.has-grown-podcast .top-podcast-post .author-info>div .name {
	color: #ffffff;
}

body.has-grown-podcast .author-info>div .name {
	font-size: 18px;
	font-weight: 600;
	color: #3c3a47;
}

body.has-grown-podcast .author-info>div .time {
	font-size: 16px;
	font-weight: 500;
	color: #848484;
}

@media (min-width: 1299px) {
	body.has-grown-podcast .author-info>div .name {
		font-size: 18px;
	}

	body.has-grown-podcast .author-info>div .time {
		font-size: 16px;
	}
}

body.has-grown-podcast .author-img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
}

@media (min-width: 992px) {
	body.has-grown-podcast .author-img {
		width: 50px;
		height: 50px;
	}
}

body.has-grown-podcast .bg-variant-1 .media-wrapper.color-wrapper {
	background-image: url('../../assets/img/gray-red.svg');
	background-size: cover;
	background-position: center;
}

body.has-grown-podcast .bg-variant-2 .media-wrapper.color-wrapper {
	background-image: url('../../assets/img/gray.svg');
	background-size: cover;
	background-position: center;
}

body.has-grown-podcast .bg-variant-3 .media-wrapper.color-wrapper {
	background-color: #9f9ea3;
}

body.has-grown-podcast .bg-variant-4 .media-wrapper.color-wrapper {
	background-color: #f5658b;
}

body.has-grown-podcast .bg-variant-5 .media-wrapper.color-wrapper {
	background-color: #3c3a47;
}

body.has-grown-podcast .blog-filter-bar {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 24px;
	margin-bottom: 32px;
	font-family: inherit;
	width: 100%;
	margin-top: 16px;
}

@media (min-width: 769px) {
	body.has-grown-podcast .blog-filter-bar {
		flex-direction: row;
	}
}

body.has-grown-podcast .filter-tags {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	flex: 1;
}

@media (min-width: 769px) {
	body.has-grown-podcast .filter-tags {
		justify-content: normal;
	}
}

body.has-grown-podcast .filter-tag {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 10px 20px;
	background-color: #ffffff;
	color: #8b9299;
	border-radius: 8px;
	/* Slightly rounded */
	font-size: 18px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.2s ease;
	border: 1px solid rgba(0, 0, 0, 0.05);
	/* Very subtle border */
	/* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); */
}

body.has-grown-podcast .filter-tag:hover {
	background-color: #f9fafb;
	color: #111827;
	/* transform: translateY(-1px); */
}

body.has-grown-podcast .filter-tag.active {
	background-color: #f5658b;
	color: #ffffff;
	/* box-shadow: 0 4px 12px rgba(245, 101, 139, 0.3); */
}

body.has-grown-podcast .filter-actions {
	display: flex;
	gap: 12px;
	flex-direction: column;
	width: 100%;
	justify-content: center;
}

@media (min-width: 620px) {
	body.has-grown-podcast .filter-actions {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}
}

@media (min-width: 769px) {
	body.has-grown-podcast .filter-actions {
		justify-content: normal;
		flex-direction: row;
		flex-wrap: wrap;
	}
}

body.has-grown-podcast .custom-dropdown {
	position: relative;
	display: inline-block;
	min-width: max-content;
	/* Force a consistent width for button and menu */
	padding: 12px 16px;
	background-color: #8b9299;
	/* Base gray */
	color: white;
	border: none;
	border-top-left-radius: 15px !important;
	border-top-right-radius: 15px !important;
	-webkit-border-top-left-radius: 15px !important;
	-webkit-border-top-right-radius: 15px !important;
	border-bottom-left-radius: 15px !important;
	border-bottom-right-radius: 15px !important;
	-webkit-border-bottom-left-radius: 15px !important;
	-webkit-border-bottom-right-radius: 15px !important;
}

@media (min-width: 1024px) {
	body.has-grown-podcast .filter-actions {
		flex-wrap: wrap;
		flex-direction: row;
		width: auto;
	}
}

body.has-grown-podcast .custom-dropdown {
	min-width: 200px;
}

@media (min-width: 620px) {
	body.has-grown-podcast .custom-dropdown {
		position: relative;
		display: inline-block;
		min-width: 200px;
	}
}

body.has-grown-podcast .grown-blog-container .grown-posts-grid .dropdown-btn {
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
	appearance: none !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	-webkit-border-top-left-radius: 0 !important;
	-webkit-border-top-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	-webkit-border-bottom-left-radius: 0 !important;
	-webkit-border-bottom-right-radius: 0 !important;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	background-color: transparent !important;
	color: #ffffff !important;
}

body.has-grown-podcast .custom-dropdown.active .dropdown-btn {
	background-color: #8b9299;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

body.has-grown-podcast .custom-dropdown.active {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	-webkit-border-bottom-left-radius: 0 !important;
	-webkit-border-bottom-right-radius: 0 !important;
}

body.has-grown-podcast .dropdown-icon {
	font-size: 10px;
}

body.has-grown-podcast .dropdown-content {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	/* Match button width exactly */
	background-color: #7d858e !important;
	/* Match open button */
	padding: 8px 16px 16px 16px;
	/* Padding for list */
	border-radius: 0 0 15px 15px;
	/* Rounded bottom only */
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
	/* Shadow for valid popout feel */
	z-index: 100;
	box-sizing: border-box;
}

body.has-grown-podcast .custom-dropdown.active .dropdown-content {
	display: block;
	opacity: 1;
}

body.has-grown-podcast .checkbox-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

body.has-grown-podcast .checkbox-item {
	display: flex;
	align-items: center;
	gap: 12px;
	color: white;
	font-size: 14px;
	cursor: pointer;
	font-weight: 600;
	user-select: none;
}

body.has-grown-podcast .checkbox-item input[type='checkbox'] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

body.has-grown-podcast .checkmark {
	width: 20px;
	/* Slightly larger */
	height: 20px;
	border: 2px solid rgba(255, 255, 255, 0.5);
	border-radius: 4px;
	background-color: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s;
	flex-shrink: 0;
}

body.has-grown-podcast .checkbox-item:hover .checkmark {
	border-color: white;
}

body.has-grown-podcast .checkbox-item input:checked~.checkmark {
	background-color: rgba(255, 255, 255, 0.3);
	border-color: white;
}

body.has-grown-podcast .checkbox-item input:checked~.checkmark::after {
	content: '✔';
	color: white;
	font-size: 14px;
	font-weight: 800;
}

body.has-grown-podcast .bg-dots .media-wrapper::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image: radial-gradient(#ffffff 1px, transparent 1px);
	background-size: 20px 20px;
	opacity: 0.1;
}

body.has-grown-podcast .grown-load-more-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 16px;
}

body.has-grown-podcast .grown-load-more-wrap .regular-button {
	background-color: #3c3a47;
	color: #ffffff;
	border-radius: 15px;
	padding: 16px 32px;
	font-size: 18px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
	appearance: none !important;
}

body.has-grown-podcast .grown-load-more-wrap .regular-button:hover {
	background-color: #ee135b;
	color: #ffffff;
}

body.has-grown-podcast .post-card-inner {
	height: 100%;
}

body.has-grown-podcast .video-thumb {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
	z-index: 2;
	transition: opacity 0.5s ease;
}

body.has-grown-podcast .grown-post-item.bg-variant-dark {
	background-color: #3c3a47;
}

body.has-grown-podcast .grown-post-item.bg-variant-grey {
	background-color: #9f9ea3;
}

body.has-grown-podcast .grown-post-item.bg-variant-pink {
	background-color: #f789ad;
}

body.has-grown-podcast .grown-post-item.bg-variant-yellow {
	background-color: #ffcc00;
}

body.has-grown-podcast .post-meta-bottom .play-action {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
}

body.has-grown-podcast .post-meta-bottom .play-action .play-icon,
body.has-grown-podcast .post-meta-bottom .play-action .play-icon svg {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

body.has-grown-podcast .post-meta-bottom .play-action .play-text {
	font-size: 18px;
	line-height: 1;
	font-weight: 500;
	color: #3c3a47;
}

body.has-grown-podcast .post-meta-bottom .play-action .play-text {
	font-weight: 500;
}

@media (min-width: 769px) {
	body.has-grown-podcast .post-meta-bottom .play-action .play-text {
		font-size: 18px;
	}

	body.has-grown-podcast .post-meta-bottom .play-action .play-icon,
	body.has-grown-podcast .post-meta-bottom .play-action .play-icon svg {
		width: 40px;
		height: 40px;
	}
}

@media (min-width: 1699px) {

	body.has-grown-podcast .post-meta-bottom .play-action .play-icon,
	body.has-grown-podcast .post-meta-bottom .play-action .play-icon svg {
		width: 50px;
		height: 50px;
	}

	body.has-grown-podcast .post-meta-bottom .play-action .play-text {
		font-size: 24px;
	}
}

body.has-grown-podcast .top-podcast-post .post-meta-bottom .play-action .play-text {
	color: #fff;
}

/* //single page  */
.podcast-single-row {
	display: grid !important;
	grid-template-columns: 100% !important;
	gap: 50px !important;
	align-items: start !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	padding: 15px 0 !important;
	box-sizing: border-box !important;
}

@media (width >=992px) {
	.podcast-single-row {
		display: grid !important;
		grid-template-columns: calc(40% - 50px) 60% !important;
	}
}

body.has-grown-podcast .post-area {
	float: none;
	width: 100%;
	padding-right: 0;
	max-width: 100%;
	margin: 0 !important;
}

body.has-grown-podcast #podcast-sidebar {
	max-width: 100%;
	float: none;
	width: 100%;
	margin: 0 !important;
	/* display: none !important; */
}

@media (width >=992px) {
	body.has-grown-podcast .post-area {
		width: 100%;
	}

	body.has-grown-podcast #podcast-sidebar {
		display: block !important;
		width: 100%;
		max-width: 409px;
	}

	.vc_col-sm-4 #ez-toc-container {
		display: block !important;
		width: 100%;
	}
}

@media (width >=1699px) {
	body.has-grown-podcast #podcast-sidebar {
		max-width: 509px;
	}
}

body.has-grown-podcast #sidebar:after,
body.has-grown-podcast .post-area:after {
	content: none;
}

body.has-grown-podcast .podcast-share-box .share-box-inner {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	padding: 13px;
	border-radius: 15px;
	border: 1px solid #8b9299;
}

body.has-grown-podcast .podcast-share-box .share-box-inner img {
	width: 24px;
	height: 24px;
	cursor: pointer;
	object-fit: contain;
}

body.has-grown-podcast .podcast-share-box .share-box-inner .copy-text {
	border: none;
	outline: none;
	background-color: transparent;
	color: #8b9299;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	width: 100%;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
}

@media (width >=620px) {
	body.has-grown-podcast .podcast-share-box .share-box-inner .copy-text {
		font-size: 18px;
	}
}

@media (width >=769px) {
	body.has-grown-podcast .podcast-share-box .share-box-inner img {
		width: 26px;
		height: 26px;
		cursor: pointer;
		object-fit: contain;
	}

	body.has-grown-podcast .podcast-share-box .share-box-inner {
		gap: 20px;
		padding: 20px 13px;
		max-width: 409px;
	}

	body.has-grown-podcast .podcast-share-box .share-box-inner .copy-text {
		font-size: 24px;
	}
}

@media (width >=1699px) {
	body.has-grown-podcast .podcast-share-box .share-box-inner {
		max-width: 509px;
	}

	body.has-grown-podcast .podcast-share-box .share-box-inner img {
		width: 52px;
		height: 52px;
		cursor: pointer;
		object-fit: contain;
	}

	body.has-grown-podcast .podcast-share-box .share-box-inner {
		gap: 30px;
	}
}

body.has-grown-podcast .all-articles-link {
	margin-top: 20px;
}

@media (width >=992px) {
	body.has-grown-podcast .all-articles-link {
		margin-top: 30px;
	}
}

body.has-grown-podcast .podcast-single-meta {
	margin-top: 30px;
	margin-bottom: 30px;
}

body.has-grown-podcast .podcast-single-meta .one {
	color: #3c3a47;
	font-weight: 500;
}

body.has-grown-podcast .podcast-single-meta .two {
	color: #8b9299;
	font-weight: 500;
}

body.has-grown-podcast .podcast-single-meta i {
	color: #ee135b;
}

body.has-grown-podcast .grown-podcast-subscribe-box {
	padding: 20px;
	background-color: #fff;
	border-radius: 16px;
}

@media (width >=992px) {
	body.has-grown-podcast .grown-podcast-subscribe-box {
		padding: 25px;
	}
}

@media (width >=1699px) {
	body.has-grown-podcast .grown-podcast-subscribe-box {
		padding: 50px;
	}
}

body.has-grown-podcast .grown-podcast-subscribe-box h3 {
	color: #8b9299;
	margin-bottom: 30px;
	font-weight: 500;
}

body.has-grown-podcast .grown-podcast-subscribe-box .sub-title {
	color: #3c3a47;
	margin-bottom: 20px;
	font-weight: 500;
	padding-bottom: 0;
}

body.has-grown-podcast .grown-podcast-subscribe-box .sub-desc {
	color: #8b9299;
	padding-bottom: 0;
	font-weight: 500;
	margin-bottom: 20px;
}

body.has-grown-podcast .grown-podcast-subscribe-box form .field {
	margin-bottom: 20px;
}

body.has-grown-podcast .grown-podcast-subscribe-box form input {
	border: 1px solid #8b9299;
	border-radius: 45px;
}

body.has-grown-podcast .grown-podcast-subscribe-box form input[type='submit'] {
	background-color: #ee135b;
	border: none;
	border-radius: 50px;
	color: #fff;
	padding: 16px 40px;
	font-size: 18px;
	font-weight: 600;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.hs-richtext,
.sub-footer {
	text-align: center;
	color: #8b9299;
}

/* Transcription Accordion */
body.has-grown-podcast .podcast-transcription {
	background-color: #ffffff;
	border-radius: 12px;
	margin-bottom: 40px;
	overflow: hidden;
}

body.has-grown-podcast .transcription-header {
	padding: 20px 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	font-weight: 600;
	font-size: 18px;
	color: #3c3a47;
	transition: background-color 0.3s;
}

body.has-grown-podcast .transcription-header .toggle-icon {
	background-color: #ee135b;
	color: white;
	width: 34px;
	height: 34px;
	flex: 0 0 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
}

body.has-grown-podcast .transcription-content {
	padding: 0 30px 30px 30px;
	color: #8b9299;
}

body.has-grown-podcast .transcription-content .transcription-text {
	line-height: 1.6;
	font-size: 18px;
	font-weight: 500;
}

@keyframes pulse-skeleton {
	0% {
		opacity: 0.6;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0.6;
	}
}

/* Related Episodes Section */
body.has-grown-podcast .podcast-related-section {
	margin-top: 50px;
}

body.has-grown-podcast .podcast-related-section h3 {
	font-size: 24px;
	color: #3c3a47;
	margin-bottom: 25px;
}

body.has-grown-podcast .related-episodes-list {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

body.has-grown-podcast .related-episode-item {
	background-color: #ffffff;
	border-radius: 12px;
	padding: 15px;
	display: flex;
	gap: 25px;
	align-items: center;
	transition: transform 0.3s ease;
}

@media (min-width: 992px) {
	body.has-grown-podcast .related-episode-item {
		padding: 20px;
	}
}

body.has-grown-podcast .related-episode-item .rel-thumb {
	width: 180px;
	height: 120px;
	flex-shrink: 0;
	border-radius: 8px;
	overflow: hidden;
}

body.has-grown-podcast .related-episode-item .rel-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body.has-grown-podcast .related-episode-item .rel-info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 12px;
}

body.has-grown-podcast .related-episode-item .rel-info h4 {
	font-size: 20px;
	color: #504e59;
	margin: 0;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

body.has-grown-podcast .related-episode-item .rel-play-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #ee135b;
	font-weight: 600;
	font-size: 18px;
	text-decoration: none;
}

@media (max-width: 768px) {
	body.has-grown-podcast .related-episode-item {
		flex-direction: column;
		align-items: flex-start;
	}

	body.has-grown-podcast .related-episode-item .rel-thumb {
		width: 100%;
		height: auto;
		aspect-ratio: 16/9;
	}
}

body.has-grown-podcast .podcast-grid-container-wrp .list-mode {
	width: 100%;
	padding: 20px 20px 20px 20px;
	background-color: #fff;
	border-radius: 15px;
	border: 1px solid #8b9299;
	margin-bottom: 30px;
}

@media (min-width: 1440px) {
	body.has-grown-podcast .podcast-grid-container-wrp .list-mode {
		width: 100%;
		padding: 20px 120px 20px 20px;
	}
}

body.has-grown-podcast .grown-post-item.layout-list-item {
	border-radius: 0;
	background-color: transparent;
	background: transparent;
}

body.has-grown-podcast .grown-post-item.layout-list-item .list-item-link,
body.has-grown-podcast .grown-post-item.layout-list-item .list-item-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
	flex-wrap: wrap;
}

@media (max-width: 992px) {
	body.has-grown-podcast .grown-post-item.layout-list-item .list-item-inner {
		flex-direction: row-reverse;
	}
}

body.has-grown-podcast .grown-post-item.layout-list-item .list-item-left {
	display: flex;
	gap: 15px;
	flex-direction: column;
}

@media (min-width: 620px) {
	body.has-grown-podcast .grown-post-item.layout-list-item .list-item-left {
		align-items: center;
		flex-direction: row;
	}
}

body.has-grown-podcast .grown-post-item.layout-list-item .list-thumb {
	display: block;
	width: 100%;
	max-width: 90px;
	height: 90px;
	object-fit: cover;
}

@media (width >=769px) {
	body.has-grown-podcast .grown-post-item.layout-list-item .list-item-left {
		gap: 20px;
	}

	body.has-grown-podcast .grown-post-item.layout-list-item .list-thumb {
		max-width: 110px;
		height: 110px;
	}
}

@media (min-width: 1260px) {
	body.has-grown-podcast .grown-post-item.layout-list-item .list-item-left {
		gap: 70px;
	}

	body.has-grown-podcast .grown-post-item.layout-list-item .list-thumb {
		display: block;
		width: 100%;
		max-width: 130px;
		height: 130px;
		object-fit: cover;
	}
}

@media (min-width: 1699px) {
	body.has-grown-podcast .grown-post-item.layout-list-item .list-thumb {
		max-width: 167px;
		height: 167px;
	}
}

body.has-grown-podcast .grown-post-item.layout-list-item .list-item-text {
	max-width: 700px;
}

body.has-grown-podcast .grown-post-item.layout-list-item .list-item-title {
	color: #504e59;
	font-weight: 500;
	margin-bottom: 15px;
}

@media (min-width: 1699px) {
	body.has-grown-podcast .grown-post-item.layout-list-item .list-item-title {
		font-size: 28px;
	}
}

body.has-grown-podcast .grown-post-item.layout-list-item .list-item-play-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

body.has-grown-podcast .grown-post-item.layout-list-item .list-item-play-link span {
	font-weight: 500;
	color: #ee135b;
}

body.has-grown-podcast .grown-post-item.layout-list-item .list-play-btn,
body.has-grown-podcast .grown-post-item.layout-list-item .list-play-btn svg {
	width: 50px;
	height: 50px;
}

@media (min-width: 992px) {

	body.has-grown-podcast .grown-post-item.layout-list-item .list-play-btn,
	body.has-grown-podcast .grown-post-item.layout-list-item .list-play-btn svg {
		width: 70px;
		height: 70px;
	}
}

/* @media (min-width: 1699px) {
	body.has-grown-podcast .grown-post-item.layout-list-item .list-play-btn,
	body.has-grown-podcast .grown-post-item.layout-list-item .list-play-btn svg {
		width: 90px;
		height: 90px;
	}
} */

body.has-grown-podcast .grown-post-item.layout-list-item .list-play-btn svg {
	opacity: 0.5;
	transition: opacity 0.3s ease;
}

body.has-grown-podcast .grown-post-item.layout-list-item:hover .list-play-btn svg {
	opacity: 1;
	transition: opacity 0.3s ease;
}