/**
 * #.# Home Banner Module
 *
 * Styles for template-part/modules/home_banner_module.php
**/

.home-banner-module {
	position: relative;
	overflow: hidden;
	height: calc(100svh - 200px);

}

/* Background colour variants */
.banner-bg-teal        { background-color: var(--teal); }
.banner-bg-light-green { background-color: var(--light-green); }
.banner-bg-dark-green  { background-color: var(--dark-green); }
.banner-bg-pink        { background-color: var(--pink); }
.banner-bg-yellow      { background-color: var(--yellow); }
.banner-bg-cream       { background-color: var(--cream); }

/* Background video */
.banner-video-bg {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.banner-video-bg video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Embed (iframe) variant */
.banner-video-embed iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	pointer-events: none;
}

/* Heading — positioned bottom left */
.banner-heading-wrap {
	position: absolute;
	bottom: 150px;
	left: 70px;
	right: 0;
	z-index: 1;
}

.banner-heading {
	margin: 0;
}
.banner-heading h1 {
  color:var(--dark-green);
  font-family:var(--content);
  font-size:58px;
  line-height:106%;
  letter-spacing:-4%;
  font-weight:400;
}
.banner-heading h1 strong{
    font-weight:700;font-family:var(--header);
}
.home-banner-overlay {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image:url(../../../img/home-banner-w.svg);
  background-position:100% center;background-repeat:no-repeat;background-size:contain;
}
@media (max-width: 1536px) {

}

@media (max-width: 1366px) {

}

@media (max-width: 1280px) {

}

@media (max-width: 992px) {
	.home-banner-module {
		min-height: 400px; min-height: 500px;
	}

	.banner-heading-wrap {bottom: 60px;left: 0px}
}

@media (max-width: 768px) {
	.home-banner-module {min-height: 300px; min-height: 500px;}
	.banner-heading-wrap {bottom: 40px;}

	.banner-heading h1 { font-size: 44px;}
	.home-banner-overlay { background-position: 100% top; }

}

@media (max-width: 600px) {

}