@charset "UTF-8";
/* Blog Grid Layout Container */
body.has-grown-blog {
	/* 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 */
	/* .sticky-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-blog a {
	text-decoration: none;
}
body.has-grown-blog .grown-blog-container {
	padding: 60px 0;
}
body.has-grown-blog .blog-grid-container {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
	padding: 24px 0;
}
body.has-grown-blog .post-card-inner .post-card-inner-link {
	display: flex;
	width: 100%;
	height: 100%;
}
body.has-grown-blog
	.grown-post-item.sticky-post
	.post-card-inner
	.post-card-inner-link {
	flex-direction: column;
}
@media (min-width: 768px) {
	body.has-grown-blog
		.grown-post-item.sticky-post
		.post-card-inner
		.post-card-inner-link {
		flex-direction: row;
	}
}
@media (min-width: 768px) {
	body.has-grown-blog .blog-grid-container {
		grid-template-columns: repeat(2, 1fr);
	}
	body.has-grown-blog .grown-post-item.sticky-post {
		grid-column: span 2;
	}
}
@media (min-width: 1200px) {
	body.has-grown-blog {
		/* First Item Spans 3 Columns (3+1 layout for first row) */
	}
	body.has-grown-blog .blog-grid-container {
		grid-template-columns: repeat(3, 1fr);
	}
	body.has-grown-blog .grown-post-item.sticky-post {
		grid-column: span 3;
	}
}
@media (min-width: 1399px) {
	body.has-grown-blog {
		/* First Item Spans 3 Columns (3+1 layout for first row) */
	}
	body.has-grown-blog .blog-grid-container {
		grid-template-columns: repeat(4, 1fr);
	}
	body.has-grown-blog .grown-post-item.sticky-post {
		grid-column: span 3;
	}
}
body.has-grown-blog .grown-post-item {
	display: block;
	width: 100%;
}
body.has-grown-blog .post-card-inner {
	position: relative;
	width: 100%;
	/* Fixed Aspect Ratio for all cards to ensure alignment */
	padding-bottom: 140%; /* 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-blog .grown-post-item.sticky-post .post-card-inner {
		padding-bottom: 0; /* Reset to 0 */
		height: 100%; /* Fill the grid cell height */
	}
}
body.has-grown-blog .sticky-post .grown-vimeo-iframe {
	width: 100% !important;
	height: 170% !important;
}
@media (max-width: 769px) {
	body.has-grown-blog .sticky-post .grown-vimeo-iframe {
		width: 100% !important;
		height: 300% !important;
	}
}
body.has-grown-blog .sticky-post .post-card-inner {
	max-height: 570px;
}
body.has-grown-blog .sticky-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%;
	min-height: 400px; /* Ensure sufficient height */
}
@media (min-width: 1380px) {
	body.has-grown-blog .sticky-post .post-card-inner {
		min-height: 570px;
	}
}
@media (max-width: 769px) {
	body.has-grown-blog .sticky-post .post-card-inner {
		min-height: 500px; /* Ensure sufficient height */
	}
}
@media (max-width: 1230px) {
	body.has-grown-blog .sticky-post .post-card-inner {
		min-height: 400px; /* Ensure sufficient height */
	}
}
body.has-grown-blog .sticky-post .media-wrapper {
	position: relative;
	width: 60%; /* Image takes ~60% */
	height: auto; /* Full height */
	inset: auto; /* Reset absolute positioning */
}
body.has-grown-blog .sticky-post .grown-post-content {
	position: relative; /* Not absolute like others */
	width: 40%;
	inset: auto;
	background: transparent; /* No white box */
	box-shadow: none;
	padding: 30px 15px;
	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-blog .sticky-post .grown-post-content {
		padding: 40px;
	}
}
body.has-grown-blog .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-blog .grown-post-content {
	z-index: 2;
	justify-content: space-between;
}
body.has-grown-blog .grown-post-content .post-label,
body.has-grown-blog .grown-post-content .post-meta-bottom,
body.has-grown-blog .grown-post-content .post-title {
	position: relative;
	z-index: 2;
}
@media (min-width: 992px) {
	body.has-grown-blog .grown-post-content {
		padding: 40px;
		min-height: 254px;
	}
}
body.has-grown-blog .post-title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3 !important; /* Number of lines to show */
	overflow: hidden;
	text-overflow: ellipsis !important;
}
body.has-grown-blog .sticky-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-blog .sticky-post .post-title {
		font-size: 2.5rem; /* Much larger */
	}
}
body.has-grown-blog .sticky-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-blog .sticky-post .post-card-inner {
		flex-direction: column;
	}
	body.has-grown-blog .sticky-post .media-wrapper,
	body.has-grown-blog .sticky-post .grown-post-content {
		width: 100%;
		height: 400px; /* Fixed height for image area */
	}
	body.has-grown-blog .sticky-post .grown-post-content {
		height: auto;
	}
}
body.has-grown-blog .post-card-inner .media-wrapper.image-wrapper img,
body.has-grown-blog .post-card-inner .media-wrapper.video-wrapper video,
body.has-grown-blog .post-card-inner .media-wrapper.video-wrapper iframe,
body.has-grown-blog .post-card-inner .media-wrapper.color-wrapper,
body.has-grown-blog .post-card-inner .media-wrapper .grown-post-content-bg {
	transition: all 0.3s ease;
}
body.has-grown-blog
	.grown-post-item:not(.sticky-post)
	.post-card-inner:hover
	.grown-post-content-bg {
	transform: scale(1.03); /* Significant zoom */
	transition: transform 0.5s ease;
}
body.has-grown-blog
	.grown-post-item.sticky-post
	.post-card-inner:hover
	.media-wrapper.image-wrapper
	img {
	transform: scale(1.09); /* Significant zoom */
	transition: transform 0.5s ease;
}
body.has-grown-blog .grown-post-content:hover .grown-post-content-bg {
	/* transform: scale(1.02); */
	/* Slight lift */
	transition: all 0.3s ease;
}
body.has-grown-blog
	.post-card-inner:not(.sticky-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-blog .post-card-inner:hover .media-wrapper.video-wrapper video,
body.has-grown-blog .post-card-inner:hover .media-wrapper.color-wrapper {
	transform: none; /* No movement for these elements */
}
body.has-grown-blog
	.sticky-post
	.post-card-inner:hover
	.media-wrapper.image-wrapper
	img {
	/* transform: scale(1.02); */ /* Slight zoom for sticky image */
}
body.has-grown-blog .sticky-post .post-card-inner:hover .grown-post-content {
	transform: none;
	box-shadow: none;
}
body.has-grown-blog .media-wrapper {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow: hidden; /* Ensure content doesn't spill out */
}
body.has-grown-blog .media-wrapper img,
body.has-grown-blog .media-wrapper video {
	width: 100%;
	height: 100%;
	object-fit: cover; /* Ensures image/video covers the box */
	object-position: center;
	display: block;
}
body.has-grown-blog .media-wrapper .grown-vimeo-player,
body.has-grown-blog .media-wrapper .grown-youtube-player {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
body.has-grown-blog .grown-vimeo-iframe {
	width: 150% !important;
	height: 100% !important;
}
body.has-grown-blog .grown-youtube-iframe {
	width: 300% !important;
	height: 300% !important;
}
body.has-grown-blog .grown-vimeo-iframe,
body.has-grown-blog .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-blog .media-wrapper.video-wrapper:has(iframe) {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
body.has-grown-blog .grown-post-content {
	position: absolute;
	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-blog .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 12px;
	border-radius: 100px;
	font-size: 11px;
	font-weight: 700;
	text-transform: capitalize;
}
body.has-grown-blog .status-dot {
	display: none; /* Removed dot based on new image reference */
}
body.has-grown-blog .sticky-post .post-title {
	color: #ffffff;
}
body.has-grown-blog .post-title {
	margin: 0;
	font-size: 20px;
	line-height: 1.4;
	font-weight: 700;
	color: #3c3a47;
}
@media (min-width: 1299px) {
	body.has-grown-blog .post-title {
		font-size: 20px;
	}
}
body.has-grown-blog .post-title a {
	color: inherit;
	text-decoration: none;
}
body.has-grown-blog .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-blog .author-info {
	display: flex;
	align-items: center;
	gap: 15px;
}
body.has-grown-blog .author-info > div {
	display: flex;
	flex-direction: column;
	/* gap: 5px; */
}
body.has-grown-blog .sticky-post .author-info > div .name {
	color: #ffffff;
}
body.has-grown-blog .author-info > div .name {
	font-size: 18px;
	font-weight: 600;
	color: #3c3a47;
}
body.has-grown-blog .author-info > div .time {
	font-size: 16px;
	font-weight: 500;
	color: #848484;
}
@media (min-width: 1299px) {
	body.has-grown-blog .author-info > div .name {
		font-size: 18px;
	}
	body.has-grown-blog .author-info > div .time {
		font-size: 16px;
	}
}
body.has-grown-blog .author-img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
}
@media (min-width: 992px) {
	body.has-grown-blog .author-img {
		width: 50px;
		height: 50px;
	}
}
body.has-grown-blog .bg-variant-1 .media-wrapper.color-wrapper {
	background-image: url('../../assets/img/gray-red.svg');
	background-size: cover;
	background-position: center;
}
body.has-grown-blog .bg-variant-2 .media-wrapper.color-wrapper {
	background-image: url('../../assets/img/gray.svg');
	background-size: cover;
	background-position: center;
}
body.has-grown-blog .bg-variant-3 .media-wrapper.color-wrapper {
	background-color: #9f9ea3;
}
body.has-grown-blog .bg-variant-4 .media-wrapper.color-wrapper {
	background-color: #f5658b;
}
body.has-grown-blog .bg-variant-5 .media-wrapper.color-wrapper {
	background-color: #3c3a47;
}
body.has-grown-blog .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-blog .blog-filter-bar {
		flex-direction: row;
	}
}
body.has-grown-blog .filter-tags {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	flex: 1;
}
@media (min-width: 769px) {
	body.has-grown-blog .filter-tags {
		justify-content: normal;
	}
}
body.has-grown-blog .filter-tag {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 10px 20px;
	background-color: #ffffff;
	color: #6b7280;
	border-radius: 8px; /* Slightly rounded */
	font-size: 14px;
	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-blog .filter-tag:hover {
	background-color: #f9fafb;
	color: #111827;
	/* transform: translateY(-1px); */
}
body.has-grown-blog .filter-tag.active {
	background-color: #f5658b;
	color: #ffffff;
	/* box-shadow: 0 4px 12px rgba(245, 101, 139, 0.3); */
}
body.has-grown-blog .filter-actions {
	display: flex;
	gap: 12px;
	flex-direction: column;
	width: 100%;
	justify-content: center;
}
@media (min-width: 620px) {
	body.has-grown-blog .filter-actions {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}
}
@media (min-width: 769px) {
	body.has-grown-blog .filter-actions {
		justify-content: normal;
		flex-direction: row;
		flex-wrap: wrap;
	}
}
body.has-grown-blog .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-blog .filter-actions {
		flex-wrap: wrap;
		flex-direction: row;
		width: auto;
	}
}
body.has-grown-blog .custom-dropdown {
	min-width: 200px;
}
@media (min-width: 620px) {
	body.has-grown-blog .custom-dropdown {
		position: relative;
		display: inline-block;
		min-width: 200px;
	}
}
body.has-grown-blog .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-blog .custom-dropdown.active .dropdown-btn {
	background-color: #8b9299;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
body.has-grown-blog .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-blog .dropdown-icon {
	font-size: 10px;
}
body.has-grown-blog .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-blog .custom-dropdown.active .dropdown-content {
	display: block;
	opacity: 1;
}
body.has-grown-blog .checkbox-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
body.has-grown-blog .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-blog .checkbox-item input[type='checkbox'] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
body.has-grown-blog .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-blog .checkbox-item:hover .checkmark {
	border-color: white;
}
body.has-grown-blog .checkbox-item input:checked ~ .checkmark {
	background-color: rgba(255, 255, 255, 0.3);
	border-color: white;
}
body.has-grown-blog .checkbox-item input:checked ~ .checkmark::after {
	content: '✔';
	color: white;
	font-size: 14px;
	font-weight: 800;
}
body.has-grown-blog .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-blog .grown-load-more-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 16px;
}
body.has-grown-blog .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-blog .grown-load-more-wrap .regular-button:hover {
	background-color: #ee135b;
	color: #ffffff;
}

body.has-grown-blog .post-card-inner {
	height: 100%;
}
body.has-grown-blog .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-blog .video-thumb.bg-variant-1 {
	background-image: url('../../assets/img/gray-red.svg');
	background-size: cover;
	background-position: center;
}
body.has-grown-blog .video-thumb.bg-variant-2 {
	background-image: url('../../assets/img/gray.svg');
	background-size: cover;
	background-position: center;
}
body.has-grown-blog .video-thumb.bg-variant-3 {
	background-color: #9f9ea3;
}
body.has-grown-blog .video-thumb.bg-variant-4 {
	background-color: #f5658b;
}
body.has-grown-blog .video-thumb.bg-variant-5 {
	background-color: #3c3a47;
}