/* Helpers */
.banner-page-title {
    font-family: 'GT America Bold', sans-serif;
	font-size: 2.6em;
    margin: 0 0 0.25em;
}

.banner-page-title[data-title=" "] {
	margin-bottom: 0;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-banner-image-block.is-selected > .acf-block-body:before,
.block-editor-block-list__block.wp-block-acf-pc-custom-banner-image-block.has-child-selected > .acf-block-body:before {
    content: 'Please fill out the fields to the right.';
}

.block-editor-block-list__block.wp-block-acf-pc-custom-banner-image-block > .acf-block-body > *:has( > .acf-block-preview:empty ) {
	background-image: url(hero-placeholder.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 200px;
	position: relative;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-banner-image-block > .acf-block-body > *:has( > .acf-block-preview:empty ):before {
	background: rgba(0,0,0,.65);
	color: #fff;
	content: 'Select an image in the "Banner Image" field to the right.';
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	font-family: GT America;
	font-size: 1.2em;
	height: 100%;
	position: absolute;
		left: 0;
		top: 0;
	text-shadow: 0 1px 3px #000;
	width: 100%;
	z-index: 1;
}

.block-editor-block-list__block .pc-banner-image .block-list-appender {
    position: relative;
}

.acf-block-component .pc-banner-image .block-editor-block-list__layout>.block-list-appender .block-list-appender__toggle {
    position: relative;
    margin: 0 auto;
    padding: 3px 10px 4px !important;
    width: auto;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-banner-image-block .pc-banner-image > .title-padding {
	font-family: 'GT America Bold', sans-serif !important;
	font-weight: normal !important;
	font-size: 2em;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	height: auto;
	max-width: 600px;
	line-height: 1;
	margin: 0 0 1em;
	padding: 17px 19px 19px;
	width: 100%;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-banner-image-block .pc-banner-image > * {
	position: relative;
	z-index: 3;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-banner-image-block .pc-banner-image > p > span {
	font-family: 'GT America Bold', sans-serif !important;
	font-weight: normal !important;
	font-size: 1.4em;
	padding: 10px 20px 12px
}

.block-editor-block-list__block.wp-block-acf-pc-custom-banner-image-block .pc-banner-image > .background-overlay {
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-banner-image-block #crumbs {
	font-size: .9em;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-banner-image-block #crumbs a {
	color: #382d15;
	font-size: .9em;
	margin-right: 3px;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-banner-image-block .text-reset {
	margin: 0 0 0 3px;
	line-height: 1;
	font-size: 1em;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-banner-image-block .pc-banner-image.auto-height {
	display: block;
	height: auto;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-banner-image-block .pc-banner-image.flex-end {
	align-items: flex-end;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-banner-image-block .pc-banner-image.qtr-vh {
	max-height: 300px;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-banner-image-block .pc-banner-image.half-vh {
	max-height: 400px;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-banner-image-block .pc-banner-image.third-vh {
	max-height: 500px;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-banner-image-block .pc-banner-image.full-vh {
	max-height: 600px;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-banner-image-block.is-selected button[aria-label="Add block"],
.block-editor-block-list__block.wp-block-acf-pc-custom-banner-image-block.has-child-selected button[aria-label="Add block"]{
	display: flex !important;
	width: auto !important;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-banner-image-block.is-selected button[aria-label="Add block"]:after,
.block-editor-block-list__block.wp-block-acf-pc-custom-banner-image-block.has-child-selected button[aria-label="Add block"]:after{
	content: 'Add Block';
	display: inline-block;
	padding: 0 8px 0 0
}

.pc-banner-image .inner-big {
	max-width: 1800px !important;
}

.background-cover {
	background-size: cover;
}

.background-fixed {
	background-attachment: fixed;
}

.background-center {
	background-position: center;
}

.background-center-top {
	background-position: center top;
}

.background-center-bottom {
	background-position: center bottom;
}

.background-left-center {
	background-position: left center;
}

.background-left-top {
	background-position: left top;
}

.background-left-bottom {
	background-position: left bottom;
}

.background-right-center {
	background-position: right center;
}

.background-right-top {
	background-position: right top;
}

.background-right-bottom {
	background-position: right bottom;
}

.pc-banner-image {
	overflow: hidden;
}

.pc-banner-image.qtr-vh {
	height: 25vh;
	max-height: 350px;
}

.pc-banner-image.half-vh {
	height: 50vh;
	max-height: 500px;
}

.pc-banner-image.third-vh {
	height: 75vh;
	max-height: 650px;
}

.pc-banner-image.full-vh {
	height: 100vh;
	max-height: 1000px;
}

.pc-banner-image.auto-height:not(.flex-box) {
	background-image: none !important;
}

.pc-banner-image.auto-height.flex-box > img {
	opacity: 0;
}

.inline-block {
	display: inline-block;
}

.layer .pc-banner-image p {
	display: block;
	margin: 0 auto;
	width: 1500px;
	padding: 0;
}

.layer .pc-banner-image p > span {
	font-family: 'GT America Bold', sans-serif !important;
	font-weight: normal !important;
	font-size: 2.6em;
	display: inline-block;
	height: auto;
	line-height: 1;
	margin: 0 0 1em;
	max-width: 1200px;
	padding: 17px 25px 19px;
	position: relative;
	left: 0;
	width: auto;
}

.layer .pc-banner-image p > span:before {
	background: #000;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
		right: 100%;
		top: 0;
	width: 100vw;
}

@media(max-width: 900px) {
	.pc-banner-image.flex-box {
		max-height: inherit;
		height: auto;
	}
	.pc-banner-image.flex-box > p > span {
		margin: 0;
	}
	.pc-banner-image.flex-box > img {
		opacity: 1 !important;
		position: relative !important;
		height: auto;
		width: 100%;
	}
	.layer .pc-banner-image p > span {
		left: 0;
		width: 100%;
	}
}