:root {
--color-grey: #4c4b44;
--color-orange: #f9a11b;
--color-dark-orange: #cc5800;
--color-light-tan: #f4f0eb;
--color-tan: #c7b299;
--inline-spacing: 3em;
--inline-margin: 1em;
}

@media (max-width:800px) {
	:root {
	--inline-spacing: 1.5em;
	}
}


html .editor-styles-wrapper :where(.wp-block) {
	max-width: 1100px !important;
	margin: 0 auto 1em auto;
	box-sizing: border-box !important;
}

.has-grey-color {
	color: var(--color-grey);
}
.has-grey-background-color {
	background-color: var(--color-grey);
}
.has-orange-color {
	color: var(--color-orange);
}
.has-orange-background-color {
	background-color: var(--color-orange);
}
.has-dark-orange-color {
	color: var(--color-dark-orange);
}
.has-dark-orange-background-color {
	background-color: var(--color-dark-orange);
}
.has-tan-color {
	color: var(--color-tan);
}
.has-tan-background-color {
	background-color: var(--color-tan);
}
.has-light-tan-color {
	color: var(--color-light-tan);
}
.has-light-tan-background-color {
	background-color: var(--color-light-tan);
}

main.site-main-block {
	display: grid;
	gap: 1em;
	margin-inline: var(--inline-margin);
}

main.site-main-block > .wp-block-cover,
main.site-main-block > .wp-block-group,
main.site-main-block > .wp-block-acf-section {
	padding-block: 10vh;
	padding-inline: var(--inline-spacing);
}

.editor-styles-wrapper .wp-block-acf-section {
	padding: 3em;
}

.wp-block-group.is-layout-grid {
	gap: 1em;
}

.wp-block-columns.two-column-layout {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr));
	margin-bottom: 0;
	gap: 1em;
}

.wp-block-columns.two-column-layout .wp-block-column {
	padding: 10vh 15%;
	border-radius: .25em;
	overflow: hidden;
}

.wp-block-cover {
	border-radius: .25em;
}

.wp-block-cover.is-style-wide {
	margin-inline: calc(var(--inline-margin) * -1 );
	border-radius: 0;
}

.editor-styles-wrapper .wp-block-cover.is-style-wide {
	margin-inline: auto !important;
}

.wp-block-embed-vimeo.wp-embed-aspect-16-9 iframe {
	height: auto;
	width: 100%;
	aspect-ratio: 16/9;
}

.wp-block-cover.is-style-narrow .wp-block-cover__inner-container {
	max-width: 900px;
}

.wp-block-group.is-style-narrow .wp-block-group__inner-container,
.wp-block-acf-section.is-style-narrow .wp-block-acf-section__inner-container {
	max-width: 900px;
	margin-inline: auto;
}

*[class*="__inner-container"] *:last-child,
.wp-block-media-text__content *:last-child {
	margin-bottom: 0;
}

.wp-block-media-text {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	border-radius: .25em;
	overflow: hidden;
	container-type: inline-size;
}
.wp-block-media-text .wp-block-media-text__media video {
	border: none;
	bottom: 0;
	box-shadow: none;
	height: 100%;
	left: 0;
	margin: 0;
	max-height: none;
	max-width: none;
	object-fit: cover;
	outline: none;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

@container (max-width: 900px) {

	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media,
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
		grid-column: 1 / -1 !important;
	}

	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
		grid-row: 1;
	}

	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
		grid-row: 2;
		aspect-ratio: 16/9;
	}

	.wp-block-media-text__content {
		padding: 2em !important;
	}
}

@container (min-width: 901px) {
	.wp-block-media-text__content {
		padding: 10vh 15% !important;
	}
}


.wp-block-buttons .wp-block-button__link {
	padding: .5em 2.5em .5em .5em !important;
	background-color: var(--color-dark-orange);
	color: #fff;
	line-height: 1em;
	text-decoration: none;
	text-transform: uppercase !important;
	font-weight: 500;
	position: relative !important;
	vertical-align: center;
	box-shadow: 0 .1em .3em rgba(0, 0, 0, .5) !important;
	border: none !important;
	border-radius: .25em !important;
	display: flex;
	overflow: hidden;
}

.wp-block-buttons .wp-block-button__link::after {
	background-image: url(../img/grey-arrow-double.svg);
	background-color: var(--color-orange);
	background-position: 100%;
	background-size: 4em;
	background-repeat: no-repeat;
	content: "";
	width: 2em;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	transition: background-position .2s ease-in-out;
}

.wp-block-buttons .wp-block-button__link:hover::after {
	background-position: 0%;
}

.wp-block-gallery {
	gap: 1em;
	margin: 0 !important;
}

figure.wp-block-image {
	margin-block: 0;
}

figure.wp-block-image figcaption {
	margin: .5rem 0 0 0;
	text-align: center;
}

.wp-block-image img {
	border-radius: .25em;
	overflow: hidden;
}

.wp-block-list.is-style-arrow {
	list-style: none;
	gap: 1em;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
	margin: 0 !important;
	padding: 0 !important;
}

.wp-block-list.is-style-arrow:not(:last-child) {
	margin-bottom: 3em !important;
}

.wp-block-list.is-style-arrow li {
	background: var(--color-light-tan);
	padding: .375em .625em;
	border-radius: .25em;
	display: grid;
	gap:1em;
	grid-template-columns: .6em auto;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
	margin: 0 !important;
}

.wp-block-list.is-style-arrow li::before {
	content: '';
	background-image: url(../img/list-arrow.svg);
	background-size: .6em;
	height: 1lh;
	background-position: center;
	background-repeat: no-repeat;
}

blockquote {
	font-style: italic;
	color: #000;
	padding: 1.5em 1.5em 1.5em 3.5em;
	border-left: .5em solid #f9a11b;
	line-height: 1.6;
	position: relative;
	background: #fff;
	margin: 1.5em 0;
	background-color: rgba(0, 0, 0, .08);
	border-radius: .25em;
}

blockquote::before {
	content: "";
	background-image: url(../img/bulb.svg);
	background-size: auto 2.3em;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: .75em;
	top: 50%;
	transform: translateY(-1.25em);
	height: 2.5em;
	width: 2em;
}

blockquote::after {
	content: '';
}

blockquote cite {
	display: block;
	color: #333333;
	font-style: normal;
	font-weight: bold;
}

blockquote *:last-child {
	margin-bottom: 0;
}