.single-jc_newsletter .site-main,
.jc-newsletter-single {
	background: #111;
}

.jc-newsletter-single .jc-post-hero__background-picture {
	mix-blend-mode: normal;
	opacity: 0.52;
}

.jc-newsletter-single .jc-post-hero__background {
	object-fit: contain;
	object-position: center 42%;
}

.jc-newsletter-single .jc-post-hero::after {
	background:
		linear-gradient(90deg, rgba(17, 17, 17, 0.96) 0%, rgba(17, 17, 17, 0.7) 48%, rgba(17, 17, 17, 0.42) 100%),
		linear-gradient(180deg, rgba(17, 17, 17, 0.18) 0%, rgba(17, 17, 17, 0.8) 100%);
}

.jc-newsletter-single .jc-post-hero__placeholder span {
	font-size: clamp(24px, 3vw, 42px);
}

.jc-newsletter-single .jc-post-single__sidebar {
	display: none;
}

.jc-newsletter-single .jc-post-single__body-inner {
	display: block;
	width: min(80vw, calc(100vw - (var(--jc-site-gutter, 80px) * 2)));
}

.jc-newsletter-single .jc-post-single__content {
	max-width: none;
	width: 100%;
}

.jc-newsletter-single__footer {
	border-top: 1px solid rgba(0, 27, 19, 0.12);
	margin: clamp(42px, 6vw, 72px) 0 0;
	padding-top: 24px;
}

.jc-newsletter-single__back {
	align-items: center;
	color: var(--primary-light-color);
	display: inline-flex;
	font-size: 17px;
	font-weight: 600;
	gap: 12px;
	line-height: 22px;
	text-decoration: none;
	transition: color 0.2s ease, transform 0.2s ease;
}

.jc-newsletter-single__back:hover,
.jc-newsletter-single__back:focus {
	color: var(--font-dark-color);
	outline: none;
	transform: translateX(-2px);
}

.jc-newsletter-single__back-icon {
	border-bottom: 2px solid currentColor;
	border-left: 2px solid currentColor;
	height: 9px;
	transform: rotate(45deg);
	width: 9px;
}

@media (max-width: 980px) {
	.jc-newsletter-single .jc-post-hero::after {
		background:
			linear-gradient(180deg, rgba(17, 17, 17, 0.58) 0%, rgba(17, 17, 17, 0.9) 100%),
			linear-gradient(90deg, rgba(17, 17, 17, 0.84), rgba(17, 17, 17, 0.48));
	}

	.jc-newsletter-single .jc-post-hero__background {
		object-position: center top;
	}
}

@media (min-width: 760px) and (max-width: 960px) {
	.jc-newsletter-single .jc-post-single__body-inner {
		width: calc(100vw - (var(--jc-site-gutter, 40px) * 2));
	}

	.jc-newsletter-single .jc-post-single__content {
		padding: clamp(36px, 5vw, 56px) clamp(24px, 4vw, 42px);
	}
}