.SINGLE-HEAD {
	position: relative;
	z-index: 5 !important;
}

.SINGLE-HEAD a.alt-back {
	color: var(--white);
	margin-bottom: 40rem;
	display: block;
}

.SINGLE-HEAD a.alt-back:hover {
	color: var(--green);
}

.SINGLE-HEAD .category a {
	color: var(--white);
	font-weight: 800;
	text-decoration: none;
}

.SINGLE-HEAD .category a:hover {
	color: var(--green);
	text-decoration: underline;
}

.SINGLE-HEAD h1 {
	margin: 30rem 0;
}

.SINGLE-HEAD .meta span {
	font-weight: 700;
}

@media screen and (min-width: 961px){
	.SINGLE-HEAD .b-frame {padding-top: 55rem; padding-bottom: 55rem;}
}



.SINGLE-CONTENT .image-container {
	display: block;
}

.SINGLE-CONTENT .image-container .b-frame {
	padding-top: 80rem;
}

.SINGLE-CONTENT .b-section:nth-child(3) .b-frame {
	padding-top: 50rem;
	padding-bottom: 70rem;
}

.SINGLE-CONTENT .image-container .image {
	max-width: 960rem;
	margin-left: 0;
}

.SINGLE-CONTENT .image-container .image .b-img {
	border-radius: var(--border-radius-big);
}

.SINGLE-CONTENT .video {
	position: relative;
	max-width: 960rem;
}

.SINGLE-CONTENT .video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.SINGLE-CONTENT h1,
.SINGLE-CONTENT h2,
.SINGLE-CONTENT h3,
.SINGLE-CONTENT h4,
.SINGLE-CONTENT h5,
.SINGLE-CONTENT h6 {
	color: var(--dark-blue);
}

.SINGLE-CONTENT blockquote {
	background: var(--light-blue);
	padding: 30rem 110rem 30rem 135rem;
	border-radius: var(--border-radius);
	position: relative;
}

.SINGLE-CONTENT blockquote::before {
	content: '';
	display: block;
	background: url(/wp-content/themes/wp-parchment/assets/images/ui-quote.svg) no-repeat top left / contain;
	width: 75rem;
	height: 75rem;
	position: absolute;
	top: 30rem;
	left: 30rem;
}

.SINGLE-CONTENT .CTA:not(#block_single-posts-cta) .subcta .b-button {
	margin-top: 20rem;
}

@media screen and (max-width: 960px) {
	.SINGLE-CONTENT .image-container .b-frame {padding-top: 65rem;}
	.SINGLE-CONTENT .b-section:nth-child(3) .b-frame {padding-top: 25rem; padding-bottom: 65rem;}
	.SINGLE-CONTENT blockquote {padding: 20rem 20rem 30rem;}
	.SINGLE-CONTENT blockquote::before {position: relative; top: 0; left:0; margin-bottom: 24rem;}
}



/* share */

.SINGLE-CONTENT .share {
	display: block;
	margin-top: 80rem;
	position: fixed;
	top: 100rem;
	left: 0;
	right: 0;
	z-index: 4;
	pointer-events: none;
}

.SINGLE-CONTENT .share .b-frame {
	padding-top: 0;
	padding-bottom: 0;
	max-width: 960rem;
}

.SINGLE-CONTENT .share a {
	display: block;
	vertical-align: top;
	width: 20rem;
	height: 20rem;
	color: var(--dark-blue);
	background: var(--light-blue);
	padding: 18rem;
	border-radius: 100%;
	margin: 0 0 10rem auto;
	pointer-events: all;
}

.SINGLE-CONTENT .share a:hover {
	color: var(--green);
}

@media screen and (max-width: 960px) {
	.SINGLE-CONTENT .share {display: none;}
}



/* blocks */

.SINGLE-CONTENT .COLUMNS {
	max-width: 880rem;
}

.SINGLE-CONTENT .b-section:not(.alt-bg) .COLUMNS:not(.has-bg) {
    background: var(--light-blue);
	padding: 50rem 40rem;
	border-radius: var(--border-radius-big);
}

.SINGLE-CONTENT .COLUMNS .b-columns {
	justify-content: flex-start;
}

.SINGLE-CONTENT .ROW {
	max-width: 880rem;
	padding: 40rem;
	background: var(--darker-blue);
	color: var(--white);
	border-radius: var(--border-radius);
}

.SINGLE-CONTENT .ROW h1,
.SINGLE-CONTENT .ROW h2,
.SINGLE-CONTENT .ROW h3,
.SINGLE-CONTENT .ROW h4,
.SINGLE-CONTENT .ROW h5,
.SINGLE-CONTENT .ROW h6 {
	color: var(--white);
}

.SINGLE-CONTENT .TESTIMONIALS {
	max-width: 960rem;
}

.SINGLE-CONTENT .b-section:not([data-style="framed"]) .TESTIMONIALS .flickity-prev-next-button.previous {top: 30%; left: 20rem;}
.SINGLE-CONTENT .b-section:not([data-style="framed"]) .TESTIMONIALS .flickity-prev-next-button.next {top: 30%; right: 20rem;}

.SINGLE-CONTENT .ACCORDION {
	max-width: 880rem;
	margin-left: 0;
}

@media screen and (min-width: 961px) {
	.SINGLE-CONTENT .CONTENT .container {padding-right: 200rem; margin: 0 auto;}
}

 @media screen and (max-width: 960px) {
	.SINGLE-CONTENT .b-section:not([data-style="framed"]) .TESTIMONIALS .flickity-prev-next-button.previous {left: 0;}
	.SINGLE-CONTENT .b-section:not([data-style="framed"]) .TESTIMONIALS .flickity-prev-next-button.next {right: 0;}
} 



/* posts and cta fixes for sticky share */

@media screen and (min-width: 961px) {
	.SINGLE-CONTENT .b-section:nth-last-child(2) {
		z-index: 5;
	}
	
	.SINGLE-CONTENT .b-section:nth-last-child(2) .POSTS,
	.SINGLE-CONTENT .b-section:nth-last-child(2) .b-spacer:nth-last-child(2),
	.SINGLE-CONTENT .b-section:nth-last-child(2) .CONTENT:nth-last-child(3) {
		margin: 0 calc(50% - 50vw);
		background: var(--white);
		z-index: 5;
	}

	.SINGLE-CONTENT .POSTS .posts {
		max-width: 1160rem;
		margin: 0 auto;
	}

	.SINGLE-CONTENT .b-section:nth-last-child(2) .b-frame {
		padding-bottom: 0 !important;
		border-bottom: 140rem solid var(--white);
	}

	.SINGLE-CONTENT .CTA {
		z-index: 5;
	}
	
	.SINGLE-CONTENT .CTA .image .b-img {
		top: -22rem;
	}
}