.entry-footer {
	margin: 2em 0;
	padding: 0 2.5rem 0 2.5rem;
}

.post-navigation {
	display: flex;
	justify-content: space-between;
	margin: 2em 0;
	padding: 0 2.5rem 0 2.5rem;
}

.post-navigation .nav-links {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.post-navigation h2 {
	flex: 1;
	margin: 0;
	text-align: center;
	color: var(--e-global-color-secondary);
	font-family: "Cinzel", Sans-serif;
	font-size: 38px;
	font-weight: 400;
	letter-spacing: 1.64px;
}

.post-navigation .nav-previous {
	text-align: left;
}

.post-navigation .nav-next {
	text-align: right;
}

.post-navigation h2 a {
	color: #333;
	text-decoration: none;
}

.post-navigation h2 a:hover {
	background-color: #0073e6;
	color: #ffffff;
}

.post-navigation h2 a span {
	display: block;
	font-size: 0.8em;
	color: #888;
}

.post-navigation h2 a:hover span {
	color: #ffffff;
}

.custom-posts-widget {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
 /* Creates three equal columns */
	gap: 20px;
 /* Space between grid items */
	padding: 20px;
 /* Padding around the grid */;
}

.custom-post-item {
	display: flex;
	flex-direction: column;
 /* Aligns content vertically */
	text-align: center;
 /* Centers text inside each item */;
}

.post-image img {
	width: 100%;
 /* Ensures the image covers the width of its container */
	height: auto;
 /* Maintains the aspect ratio */
	object-fit: cover;
 /* Crops image to fit container */;
}

.post-title {
	font-size: 1.25rem;
 /* Font size for the title */
	margin: 10px 0;
 /* Margin around the title */;
}

.post-excerpt {
	font-size: 1rem;
 /* Font size for the excerpt */
	margin-bottom: 10px;
 /* Margin below the excerpt */;
}

.read-more-button {
	display: inline-block;
	padding: 10px 20px;
 /* Padding for the button */
	font-size: 0.875rem;
 /* Font size for the button */
	color: #fff;
 /* Button text color */
	background-color: #007bff;
 /* Button background color */
	text-decoration: none;
 /* Removes underline */
	border-radius: 4px;
 /* Rounded corners for the button */
	transition: background-color 0.3s;
 /* Smooth transition for hover effect */;
}

.read-more-button:hover {
	background-color: #0056b3;
 /* Darker background on hover */;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
	.custom-posts-widget {
		grid-template-columns: repeat(2, 1fr);
 /* Two columns on medium screens */;
	}
}

@media (max-width: 768px) {
	.custom-posts-widget {
		grid-template-columns: 1fr;
 /* One column on small screens */;
	}
}