/* @group Banner With Text
------------------------------------ */

.banner-with-text {
	position: relative;
    isolation: isolate;
}

.banner-with-text .background {
	position: absolute;
	inset: 0;
	z-index: var(--z-index-under);
	pointer-events: none;
	height: 100%;
	width: 100%;
}
.banner-with-text .background .bp-multimedia {
	height: 100%;
	width: 100%;
}

.banner-with-text .image-col .bp-multimedia {
	height: 25rem;
}

.banner-with-text .title-col .wp-block-heading br + div {
	margin-left: 3rem;
}


@media only screen
and (min-width : 961px) {
	.banner-with-text .image-col .bp-multimedia {
		height: 57.5rem;
	}
	.banner-with-text .title-col {
		padding-bottom: 9rem;
	}
	.banner-with-text .text-col .buttons-wrapper {
		--paddingCol: calc(var(--gap-desktop) * 0.5);
		position: absolute;
		bottom: 0;
		left: -100%;
		padding-left: var(--paddingCol);
		max-width: 90%;
		flex-wrap: wrap;
	}
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
	.banner-with-text .text-col {
		margin-top: 3rem;
	}
	.banner-with-text .text-col :is(p:not(.bp-text), .wp-block-list) {
		padding-left: 6.7rem;
	}
	.banner-with-text .text-col .buttons-wrapper {
		margin-top: 6rem;
	}
}

/* @end */


/* Editor
------------------------------------ */
:where(.editor-styles-wrapper) .banner-with-text * {
	position: relative;
	z-index: 2;
}
:where(.editor-styles-wrapper) .banner-with-text .background {
	pointer-events: all;
	z-index: 0;
}