.GATED-TEMPLATE .sidebar-cta {
	position: relative;
	z-index: 0;
}

.GATED-TEMPLATE .sidebar-cta .sidebar-cta-bg {
	position: absolute;
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.GATED-TEMPLATE .sidebar-cta .sidebar-cta-bg .b-img,
.GATED-TEMPLATE .sidebar-cta .sidebar-cta-bg .b-img img {
	height: 100%;
	object-fit: cover;
}

.GATED-TEMPLATE .sidebar-cta .sidebar-cta-content {
	padding: 16rem;
}

.GATED-TEMPLATE .sidebar-cta .sidebar-cta-content .b-button {
	width: 100%;
}

.GATED-TEMPLATE .recommended {
	margin-top: 32rem;
}

.GATED-TEMPLATE .recommended .b-post {
	margin-top: 16rem;
}

.GATED-TEMPLATE .preview h1 {
	text-wrap: unset;
}

.GATED-TEMPLATE .preview h2 {
	text-wrap: unset;
	margin-top: 16rem;
}

.GATED-TEMPLATE .preview blockquote {
	background: none;
	color: var(--ob200);
	padding: 0 0 0 24rem;
	border-left: 4rem solid var(--ob500);
}

.GATED-TEMPLATE .preview blockquote > * {
	font-style: italic;
}


.GATED-TEMPLATE #canvas_container {
	display: flex;
	flex-direction: column;
	position: relative;
    background: var(--ob500);
    text-align: center;
    margin-top: 40rem;
    min-height: 1280rem;
}

.GATED-TEMPLATE #canvas_container .status-bar {
    position: sticky;
	z-index: 10;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row;
    width: 100%;
    background: var(--sb50);
    box-shadow: inset 0 0 0 1rem var(--sb50);
    padding: 16rem;
    box-sizing: border-box;
}

.GATED-TEMPLATE #canvas_container .current-page {
	width: 50%;
}

.GATED-TEMPLATE #canvas_container .download {
	display: flex;
	width: 25%;
	justify-content: flex-end;
}

.GATED-TEMPLATE #canvas_container canvas {
	margin: 0 16rem 16rem;
}

.GATED-TEMPLATE #canvas_container #gatedForm {
	padding: 32rem;
	background: var(--sb50);
	position: absolute;
	left: 16rem;
	right: 16rem;
	bottom: 16rem;
}

.GATED-TEMPLATE #canvas_container #gatedForm .form-blur {
    position: absolute;
    width: 100%;
    height: 400rem;
    top: -400rem;
    left: 0;
    opacity: 0.7;
    background: linear-gradient(180deg, transparent 0%, var(--sb50) 100%);
}

@media screen and (max-width: 960px){
	.GATED-TEMPLATE > .b-frame > .b-columns > .b-column:first-child {order: 2;}
	.GATED-TEMPLATE > .b-frame > .b-columns > .b-column:last-child {order: 1;}
	.GATED-TEMPLATE #canvas_container .status-bar {display: block;}
	.GATED-TEMPLATE #canvas_container .current-page {width: 100%;}
	.GATED-TEMPLATE #canvas_container .download {display: block; width: 100%; margin-top: 16rem;}
	.GATED-TEMPLATE .sidebar-cta {margin-top: 40rem;}
}