/* CostToCool single-post featured image. */
.single-post .ctc-single-featured {
	margin: 1.75rem 0 2rem;
}

.single-post .ctc-single-featured-image {
	display: block;
	width: 100%;
	height: auto;
}

/* Fallback for GeneratePress versions that output the author separately. */
.single-post .entry-meta .byline {
	display: none;
}

/* Reusable "What you need to know" article box. */
.single-post .ctc-need-to-know,
.single-post .is-style-ctc-need-to-know {
	position: relative;
	margin: 2rem 0;
	padding: 1.5rem 1.75rem 1.5rem 2rem;
	background: #eaf6fc;
	border-radius: 12px;
	overflow: hidden;
}

.single-post .ctc-need-to-know::before,
.single-post .is-style-ctc-need-to-know::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 5px;
	background: #f15a2b;
	content: "";
}

.single-post .ctc-need-to-know > :first-child,
.single-post .is-style-ctc-need-to-know > :first-child {
	margin-top: 0;
}

.single-post .ctc-need-to-know h2,
.single-post .is-style-ctc-need-to-know h2 {
	margin-bottom: 0.85rem;
	color: #18323b;
	font-size: clamp(1.35rem, 2vw, 1.65rem);
	line-height: 1.25;
}

.single-post .ctc-need-to-know ul,
.single-post .is-style-ctc-need-to-know ul {
	margin-bottom: 0;
	margin-left: 1.25rem;
}

.single-post .ctc-need-to-know li + li,
.single-post .is-style-ctc-need-to-know li + li {
	margin-top: 0.6rem;
}

@media (max-width: 600px) {
	.single-post .ctc-single-featured {
		margin: 1.25rem 0 1.6rem;
	}

	.single-post .ctc-need-to-know,
	.single-post .is-style-ctc-need-to-know {
		padding: 1.25rem 1.25rem 1.25rem 1.5rem;
	}
}