/**********************
 * Single post
 **********************/

/**** post featured image / hero ****/
.single-post #page_header {
	margin-bottom: 40px;
}
.single-post #hero {
	margin: 0;
	background: url(images/post-featured-image.jpg) 50% 50% / cover no-repeat #ddd;
	height: 400px;
}
.single-post #main_content {
	padding-top: 30px;
}
.single-post #main_content .container,
.single-post #main_content .row {
	--bs-gutter-x: 40px;
}
/*.single-post #main_content .container {
	max-width: 1100px;
}*/
.single-post .post .featured-image {
	display: none;
	margin: 20px -32px;
}
.single-post .post .featured-image img {
	width: 100%;
	/*height: 360px;
	object-fit: cover;*/
}
.single-post .post {
	position: relative;
	margin: 40px 0;
	min-height: 800px;
}
.single-post .post-title {
	margin: 20px 0;
	font-size: 56px;
}
.single-post .post .post-meta {
	margin: 20px 0;
}
/*.single-post .post .post-meta {
	position: absolute;
	right: -330px;
	/*top: 150px;* /
	top: 0;
	bottom: 20px;
	padding-top: 150px;
	width: 290px;
}*/
.single-post .post-meta .category,
.single-post .post-meta .category a {
	font-weight: 600;
	text-decoration: none;
	color: #999;
}
.single-post .post-meta .date {
	color: var(--mom-red);
}

/**** sidebar ****/
.sidebar {
}
.sidebar .widget,
.sidebar .widget-heading {
	/*border-bottom: solid 1px #999;*/
}
.sidebar .widget {
	margin: 0 0 20px;
	padding: 0;
}
.sidebar .widget-heading {
	margin: 0;
	padding: 0 0 8px;
	font: inherit;
	font-weight: 600;
	color: #d92228;
}
.sidebar .wp-block-latest-posts li {
	display: flex;
	margin: 0 0 12px;
	padding: 10px 0 0;
	border-top: solid 1px #ddd;
}
.sidebar .wp-block-latest-posts .wp-block-latest-posts__featured-image {
	padding: 0 8px 0 0;
	width: 40%;
}
.sidebar .wp-block-latest-posts .wp-block-latest-posts__featured-image img {
	width: 100%;
}
.sidebar .wp-block-latest-posts__post-title {
	font-weight: 500;
	text-decoration: none;
	width: 60%;
}



@media screen and (min-height: 720px) {
	.single-post .sidebar {
		position: sticky;
		top: 30px;
	}
}

@media screen and (max-width: 880px) {
	.single-post #hero {
		display: none;
	}
	.single-post .post {
		margin: 0;
		padding-left: 32px;
		padding-right: 32px;
	}
	.single-post .post .featured-image {
		display: block;
	}
}