.entry-title {
	text-transform: none !important;
}

/*.entry-content {
	color: #1e0e62 !important;
} */

#infinite-footer .blog-credits {
	display: none !important;
}

/* Site title with linear gradient text */
.site-title {
	font-size: clamp(24px, 4vw, 64px);
	overflow: visible;
	white-space: nowrap;
	text-align: center;
}

/* Wrap and scale for mobile */
@media (max-width: 768px) {
	.custom-header-image .site-title {
		white-space: normal;
		font-size: clamp(18px, 6vw, 32px);
	}
}

/* Tagline scales proportionally */
.site-description {
	font-size: clamp(12px, 2vw, 24px);
	margin-top: .5em;
}

.main-navigation {
	display: flex;
	justify-content: space-between;
/* Pushes menu left and icon right */
	align-items: center;
/* Vertically centers them */
	width: 100%;
	padding: 0 10px;
/* Optional: add some horizontal padding */
	box-sizing: border-box;
/* Ensure padding doesn’t break layout */
}

/* hides the icon */
.cdm-icon {
	display: none;
}

.entry-content {
	display: none;
}

.entry-footer {
	display: none;
}

/* this is to force a grid table */
.site-content {
	width: 100% !important;
	max-width: 100% !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	box-sizing: border-box !important;
	background-color: #E9F0F5;
}

.content-area {
	width: 100% !important;
	max-width: 100% !important;
	align-content: centre;
}

/* Responsive 3-column grid */
.site-main {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 20px;
}

@media (max-width: 768px) {
	.site-main {
		grid-template-columns: 1fr !important;
	/* single column layout */
		gap: 15px;
	/* reduce spacing */
	}
	
	.content-area {
		width: 100% !important;
		max-width: 100% !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
		box-sizing: border-box !important;
	}
}

/* styling blog card */
.blog .post {
	padding-bottom: 0;
	margin-bottom: 30px;
}

@media (max-width: 768px) {
	.blog .post {
		margin-bottom: 5px;
	/* reduces spacing between posts */
	}
}

.blog .post .entry-title {
	font-size: clamp(16px, 2.5vw, 20px);
	font-weight: 400;
	margin-bottom: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

/* Mobile: allow wrapping, max 2 lines with ellipsis */
@media (max-width: 768px) {
	.blog .post .entry-title {
		white-space: normal;
		display: -webkit-box;
	/* change this number for more lines */
		overflow: hidden;
	}
}

.blog .post .posted-on {
	font-size: clamp(12px, 1.5vw, 16px);
	color: #555;
	margin-bottom: 10px;
}

/* Standardize blog post thumbnail images */
.blog .post .post-thumbnail img {
	width: 100%;
/* fill the container width */
	max-width: 400px;
/* optional max width */
	height: 250px;
/* fixed height for consistency */
	object-fit: cover;
/* crop and scale without distortion */
	display: block;
	border-radius: 12px;
}

/* Mobile thumbnails */
@media (max-width: 768px) {
	.blog .post .post-thumbnail img {
		height: 200px;
	/* shorter height for mobile */
		max-width: 100%;
	/* full width on small screens */
		object-fit: cover;
	}
}

/* Undo grid layout on single blog post pages */
.single-post .site-main {
	display: block !important;
	grid-template-columns: none !important;
	gap: 0 !important;
}

/* Make the single post content full-width again on desktop*/
.single-post .content-area, {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	align-items: center;
}

.single-post .post {
	max-width: 700px !important;
	margin: 0 auto !important;
	align-items: center;
}

.single-post .entry-title {
	font-size: clamp(24px, 4vw, 42px) !important;
	font-weight: 600 !important;
	line-height: 1.2;
	color: #000 !important;
	text-align: left;
	margin-bottom: 20px;
}

.single-post h2 {
	color: #000 !important;
	font-size: clamp(20px, 3vw, 28px);
	font-weight: 600;
	margin-top: 30px;
	margin-bottom: 12px;
}

.single-post .entry-content {
	display: block !important;
}

.post-navigation {
	display: none !important;
}

.comments-area {
	display: none !important;
}

.entry-author {
	display: none !important;
}