
.post-single-page, .related-posts-slider {
	margin-bottom: 40px;
}

:is(.wd-single-post-header, .post-title-large-image) .wd-post-meta {
	--wd-link-color: var(--color-gray-400);
	--wd-link-color-hover: var(--color-gray-500);
	display: inline-flex;
	align-items: center;
	justify-content: var(--wd-align);
	flex-wrap: wrap;
	gap: 10px;
	color: var(--color-gray-400);
}

.wd-single-post-header {
	--wd-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
	margin-bottom: 30px;
}

.wd-single-post-header .title {
	margin-bottom: 0;
	font-size: 32px;
}

.wd-single-post-img img {
	border-radius: var(--wd-brd-radius);
}

.post-password-form label {
	display: inline-block;
	margin-bottom: 10px;
	vertical-align: bottom;
	font-weight: 600;
}

.post-password-form input[type="submit"] {
	margin-bottom: 10px;
	vertical-align: bottom;
}

.post-title-large-image>.container {
	position: relative;
	z-index: 2;
}

.post-title-large-image:after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

.post-title-large-image.wd-page-title .title {
	font-size: calc(var(--wd-title-font-s) / 1.5);
}

.post-title-large-image.color-scheme-light:after {
	background: linear-gradient(transparent 5%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .5) 100%);
}

.post-single-large-image:not(.format-gallery) .wd-single-post-header {
	display: none;
}

.wd-single-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 40px;
}

.wd-single-footer .tags-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.wd-single-footer .tags-list a {
	position: relative;
	display: inline-flex;
	padding-inline: 25px 15px;
	padding-block: 5px;
	border: 1px solid var(--brdcolor-gray-300);
	border-radius: calc(var(--wd-brd-radius) / 1.5);
	color: var(--color-gray-900);
	font-weight: 600;
	font-size: 90%;
}

.wd-single-footer .tags-list a:after {
	content: "";
	position: absolute;
	top: 50%;
	inset-inline-start: 10px;
	margin-top: -3px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: var(--brdcolor-gray-300);
	transition: background .25s ease;
}

.wd-single-footer .tags-list a:hover {
	border-color: var(--wd-primary-color);
	color: var(--color-gray-900);
}

.wd-single-footer .tags-list a:hover:after {
	background-color: var(--wd-primary-color);
}

@media (max-width: 768.98px) {
	.wd-single-post-header .title {
		font-size: 20px;
	}
}
