/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/block-library/custom/hero/style.css ***!
  \*********************************************************************************************************************************************************************************************/
/** ======================
 ** GLOBAL
 ** ==================== */
.hero {
	display: grid;
	isolation: isolate;
	width: var(--wp--custom--wide-size);
}

.hero__image {
	width: 100%;
	height: auto;

	padding: 0;
	margin: 0;

	-o-object-fit: cover;

	   object-fit: cover;
	-o-object-position: center center;
	   object-position: center center;
}

.hero__heading {
	word-break: break-all;
}

/** ======================
 ** FRONT PAGE + VIDEO
 ** ==================== */
.hero-front-page {
	--_height: min(700px, 100vh);
	--_video-width: 100%;
	--_video-max-width: 100%;
	--_video-height: var(--_height);

	justify-items: start;
}
.hero-front-page .hero__top {
	display: grid;
	isolation: isolate;
	position: relative;

	width: 100%;

	grid-template-rows: 1fr fit-content(100%);
}

.hero-front-page .hero__top::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);

	z-index: 0;
}

.hero-front-page .hero__bottom {
	width: 100%;
}

.hero-front-page .hero__top > .hero__content {
	grid-column: 1 / -1;
	grid-row: 1 / 2;
}

.hero-front-page .hero__top > :is(.hero__image, .hero__video-background) {
	grid-column: 1 / -1;
	grid-row: 1 / -1;
}

.hero-front-page .hero__top > .hero__logo-gallery {
	grid-column: 1 / -1;
	grid-row: 2 / 2;
}

.hero-front-page .hero__content {
	align-self: center;

	color: var(--wp--preset--color--white);

	width: var(--wp--custom--content-size);
	height: -moz-fit-content;
	height: fit-content;

	padding-inline: 0;
	margin-inline: auto;
	margin-top: 3rem;
	margin-top: 1.5rem;

	z-index: 1; /* Make sure container is in front */
}

.hero-front-page .hero__content > * {
	max-width: 50rem;
}

.hero-front-page :is(.hero__image, .hero__video-background) {
	height: 100%;

	z-index: -1;
}

.hero-front-page .hero__logo-gallery {
	display: none;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--20);
	justify-content: center;

	margin: 0;
	margin-bottom: 3rem;

	z-index: 1;
}

.hero-front-page .hero__logo-gallery > img {
	max-width: 8rem;
	-o-object-fit: contain;
	   object-fit: contain;
	aspect-ratio: initial;
}

@media screen and (min-width: 800px) {
	.hero-front-page .hero__top {
		grid-template-rows: 1fr;
	}

	.hero-front-page .hero__top > .hero__content {
		grid-area: 1 / 1;
	}

	.hero-front-page .hero__top > :is(.hero__image, .hero__video-background) {
		grid-area: 1 / 1;
	}

	.hero-front-page .hero__top > .hero__logo-gallery {
		grid-area: 1 / 1;
	}

	.hero-front-page :is(.hero__image, .hero__video-background) {
		height: var(--_height);
	}

	.hero-front-page .hero__content {
		padding-block: var(--wp--preset--spacing--50);
		margin-top: 0;
	}

	.hero-front-page .hero__logo-gallery {
		display: flex;
		justify-content: normal;
		position: absolute;
		bottom: var(--wp--preset--spacing--40);
		right: var(--wp--preset--spacing--30);

		margin-bottom: 0;
	}
}

/** ======================
 ** CONTENT MIDDLE
 ** ==================== */
.hero-content-middle {
	width: var(--wp--custom--content-size);
}

.hero-content-middle > img {
	width: 100%;
	height: auto;

	padding: 0;
	margin: 0;

	aspect-ratio: 4 / 3;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center center;
	   object-position: center center;
}

.hero-content-middle > h1 {
	margin-top: var(--wp--preset--spacing--40);
	margin-bottom: var(--wp--preset--spacing--30);
}

@media screen and (min-width: 800px) {
	.hero-content-middle {
		width: calc(
			var(--wp--custom--content-size) + 2 * var(--wp--preset--spacing--40)
		);
	}

	.hero-content-middle > img {
		aspect-ratio: 3 / 1;
	}

	.hero-content-middle > *:not(img) {
		width: var(--wp--custom--narrow-size);
		text-align: center;
		margin-inline: auto;
	}
}

/** ======================
 ** HERO INFO BOX
 ** ==================== */
.hero-info-box .hero__text > h1 {
	margin-top: 0;
}

.hero-info-box > img {
	display: block;

	height: auto;

	padding: 0;
	margin: 0;
	margin-inline: auto;

	width: var(--wp--custom--content-size);

	aspect-ratio: 4 / 3;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center center;
	   object-position: center center;
}

.hero-info-box .hero__content {
	width: var(--wp--custom--content-size);
	margin-inline: auto;
	margin-top: var(--wp--preset--spacing--50);
}

@media screen and (min-width: 800px) {
	.hero-info-box > img {
		aspect-ratio: 3 / 1;
		width: calc(
			var(--wp--custom--content-size) + 2 * var(--wp--preset--spacing--40)
		);
	}
}

/** ======================
 ** PRICING CARD
 ** ==================== */
.hero-pricing-card .hero__text > h1 {
	margin-top: 0;
}

.hero-pricing-card > img {
	display: block;

	height: auto;

	padding: 0;
	margin: 0;
	margin-inline: auto;

	width: var(--wp--custom--content-size);

	aspect-ratio: 4 / 3;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center center;
	   object-position: center center;
}

.hero-pricing-card .hero__content {
	display: grid;
	gap: var(--wp--preset--spacing--40);

	width: var(--wp--custom--content-size);

	margin-inline: auto;
	margin-top: var(--wp--preset--spacing--50);
}

@media screen and (min-width: 800px) {
	.hero-pricing-card > img {
		aspect-ratio: 3 / 1;
		width: calc(
			var(--wp--custom--content-size) + 2 * var(--wp--preset--spacing--40)
		);
	}
}

/** ======================
 ** GIF
 ** ==================== */

.hero-gif > img {
	display: block;

	height: auto;

	padding: 0;
	margin: 0;
	margin-inline: auto;

	width: var(--wp--custom--content-size);

	aspect-ratio: 4 / 3;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center center;
	   object-position: center center;
}

.hero-gif .hero__content {
	display: grid;
	grid-template-areas:
		"heading"
		"gif"
		"text";

	grid-template-columns: 1fr;

	-moz-column-gap: var(--wp--preset--spacing--40);

	     column-gap: var(--wp--preset--spacing--40);

	width: var(--wp--custom--content-size);
	margin-top: var(--wp--preset--spacing--50);
	margin-inline: auto;
}

.hero-gif .hero__title {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: heading;
	margin-top: 0;
}

.hero-gif .hero__text {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	grid-area: text;
}

.hero-gif .hero__gif {
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	grid-area: gif;
}

@media screen and (min-width: 800px) {
	.hero-gif .hero__content {
		grid-template-areas:
			"heading heading blank"
			"text gif gif";

		grid-template-columns: 2fr var(--wp--preset--spacing--60) 1fr;
	}
	.hero-gif > img {
		aspect-ratio: 3 / 1;
		width: calc(
			var(--wp--custom--content-size) + 2 * var(--wp--preset--spacing--40)
		);
	}
	.hero-gif .hero__title {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
	}
	.hero-gif .hero__text {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	.hero-gif .hero__gif {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
		-ms-grid-column-span: 2;
	}
}

/** ======================
 ** EVENT
 ** ==================== */

.event-primary__hero {
	width: var(--wp--custom--content-size);
	margin-bottom: var(--wp--preset--spacing--50);
	margin-inline: auto;
}

.event-primary__hero-buttons {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.75em;
	justify-items: center;

	margin-top: var(--wp--preset--spacing--30);

	width: -moz-fit-content;

	width: fit-content;
	margin-inline: auto;
}

@media screen and (min-width: 800px) {
	.event-primary__hero {
		width: initial;
	}
	.event-primary__hero-buttons {
		grid-template-columns: 1fr 1fr;
	}
}

/** ======================
 ** TWO-COLUMNS
 ** ==================== */
.hero-two-cols > img {
	display: block;

	height: auto;

	padding: 0;
	margin: 0;
	margin-inline: auto;

	width: var(--wp--custom--content-size);

	aspect-ratio: 4 / 3;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center center;
	   object-position: center center;
}

.hero-two-cols .hero__heading {
	text-align: left;

	width: var(--wp--custom--content-size);

	margin-inline: auto;
	margin-top: var(--wp--preset--spacing--50);
	margin-bottom: var(--wp--preset--spacing--40);
}

.hero-two-cols .hero__content {
	width: var(--wp--custom--content-size);
	margin-inline: auto;

	-moz-columns: 1;

	     columns: 1;
}

.hero-two-cols .hero__content > p:first-child {
	margin-top: 0;
}

@media screen and (min-width: 800px) {
	.hero-two-cols > img {
		aspect-ratio: 3 / 1;
		width: calc(
			var(--wp--custom--content-size) + 2 * var(--wp--preset--spacing--40)
		);
	}

	.hero-two-cols .hero__heading {
		text-align: center;
	}

	.hero-two-cols .hero__content {
		-moz-columns: 2;
		     columns: 2;
	}
}


/*# sourceMappingURL=style-index.css.map*/