/**
 * External dependencies
 */
/* @define teft-viewport */
/**
 * Internal dependencies
 */
:root {
	--teft-banner-min-height: 250px;
	--teft-banner-border-radius: 0;
}
@media (min-width: 601px) {
	:root {
		--teft-banner-min-height: 300px;
	}
}
@media (min-width: 961px) {
	:root {
		--teft-banner-min-height: 380px;
	}
}
@media (min-width: 1281px) {
	:root {
		--teft-banner-min-height: 415px;
	}
}
.wp-block-teft-banner__inner-container {
	max-width: calc(var(--teft-theme-content-width) + 100px);
	padding: 50px;
	position: relative;
	width: 100%;
	z-index: 2
}
.wp-block-teft-banner__inner-container > :first-child {
		margin-top: 0;
	}
.wp-block-teft-banner__inner-container > :last-child {
		margin-bottom: 0;
	}
.wp-block-teft-banner {
	background-color: #000;
	color: #fff;
	display: flex;
	flex-direction: column;
	min-height: var(--teft-banner-min-height);
	overflow: hidden;
	position: relative
}
.wp-block-teft-banner:not(.alignfull) {
		border-radius: var(--teft-banner-border-radius);
	}
.wp-block-teft-banner .wp-block-teft-banner__media {
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
	}
.wp-block-teft-banner .wp-block-teft-banner__media::before {
		content: "";
		display: block;
		margin-top: 56.25%;
	}
@media (min-width: 783px) {
	.wp-block-teft-banner {
		flex-flow: row wrap;
		justify-content: center
	}

		.wp-block-teft-banner.is-vertically-aligned-center {
			align-items: center;
		}

		.wp-block-teft-banner.is-vertically-aligned-top {
			align-items: flex-start;
		}

		.wp-block-teft-banner.is-vertically-aligned-bottom {
			align-items: flex-end;
		}

		.wp-block-teft-banner.has-background-dim::before {
			background-color: inherit;
			bottom: 0;
			content: "";
			left: 0;
			opacity: 0.5;
			position: absolute;
			right: 0;
			top: 0;
			z-index: 1;
		}
	.wp-block-teft-banner {

		/* stylelint-disable */
	}
			.wp-block-teft-banner.has-background-dim.has-background-dim-10::before {
					opacity: 0.1
			}
			.wp-block-teft-banner.has-background-dim.has-background-dim-20::before {
					opacity: 0.2
			}
			.wp-block-teft-banner.has-background-dim.has-background-dim-30::before {
					opacity: 0.3
			}
			.wp-block-teft-banner.has-background-dim.has-background-dim-40::before {
					opacity: 0.4
			}
			.wp-block-teft-banner.has-background-dim.has-background-dim-50::before {
					opacity: 0.5
			}
			.wp-block-teft-banner.has-background-dim.has-background-dim-60::before {
					opacity: 0.6
			}
			.wp-block-teft-banner.has-background-dim.has-background-dim-70::before {
					opacity: 0.7
			}
			.wp-block-teft-banner.has-background-dim.has-background-dim-80::before {
					opacity: 0.8
			}
			.wp-block-teft-banner.has-background-dim.has-background-dim-90::before {
					opacity: 0.9
			}
			.wp-block-teft-banner.has-background-dim.has-background-dim-100::before {
					opacity: 1
			}
	.wp-block-teft-banner {
		/* stylelint-enable */
	}
			.wp-block-teft-banner.is-style-content-right.has-background-dim::before {
				left: 50%;
			}

			.wp-block-teft-banner.is-style-content-right .wp-block-teft-banner__inner-container {
				margin-left: 50%;
				width: 50%;
			}
			.wp-block-teft-banner.is-style-content-left.has-background-dim::before {
				right: 50%;
			}

			.wp-block-teft-banner.is-style-content-left .wp-block-teft-banner__inner-container {
				margin-right: 50%;
				width: 50%;
			}

		.wp-block-teft-banner .wp-block-teft-banner__media {
			bottom: 0;
			left: 0;
			position: absolute;
			right: 0;
			top: 0;
		}
}