/*
 * Single guide template + post-content starter patterns.
 * Loaded on singular posts and in the post editor.
 */

.toflit-single-hero {
	position: relative;
	overflow-x: clip;
	overflow-y: visible;
}

.toflit-single-hero__blob {
	position: absolute !important;
	top: -280px;
	right: -18%;
	width: min(90vw, 1110px);
	max-width: none;
	margin: 0;
	mix-blend-mode: multiply;
	pointer-events: none;
	z-index: 0;
}

.toflit-single-hero__inner {
	position: relative;
	z-index: 1;
}

.toflit-single-hero__image,
.toflit-single-hero__image .wp-block-post-featured-image {
	height: 100%;
	margin: 0;
}

.toflit-single-hero__image img {
	display: block;
	height: 100%;
	min-height: 459px;
	object-fit: cover;
	width: 100%;
}

.toflit-single-author p,
.toflit-single-author .wp-block-post-date,
.toflit-single-author .wp-block-post-author-name,
.toflit-single-author .wp-block-post-terms,
.toflit-single-author .wp-block-post-time-to-read {
	margin: 0;
}

.toflit-single-author .wp-block-avatar img {
	display: block;
	height: 64px;
	width: 64px;
}

.toflit-single-intro .wp-block-post-excerpt__excerpt {
	margin: 0;
}

.toflit-single-intro .wp-block-post-excerpt__more-text {
	display: none;
}

.toflit-guide-section .wp-block-image {
	height: 100%;
	margin: 0;
}

.toflit-guide-section .wp-block-image img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.toflit-related-guides {
	position: relative;
	overflow-x: clip;
	overflow-y: visible;
	padding-left: var(--wp--preset--spacing--60);
	padding-right: var(--wp--preset--spacing--60);
}

.toflit-related-guides__blob {
	position: absolute !important;
	left: -18%;
	top: -30%;
	width: min(80vw, 730px);
	max-width: none;
	margin: 0;
	mix-blend-mode: multiply;
	pointer-events: none;
	z-index: 0;
	opacity: 0.85;
}

.toflit-related-guides__inner {
	position: relative;
	z-index: 1;
}

@media (max-width: 781px) {
	.toflit-single-hero__image img {
		min-height: 280px;
	}
}
