/* allow banner to be larger than image width */
.jsGallery.banner_gallery .slide {
	left: 0;
	right: 0;
}
.jsGallery.banner_gallery .jsgimg {
	width: 100%;
	min-width: var(--min-screen-width);
	max-height: unset;
}

/* .fixed-header .nopgbanner {
	height: var(--max-header-height);
} */

.insetLarge {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.insetSmall {
    display: flex;
    align-items: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
}

.fixed-header .insetLarge {
	height: calc(100% - (var(--max-header-height)));
	margin-top: calc((var(--max-header-height)) - 50px);
}

.insetLarge a.cms-button-a,
.insetSmall a.cms-button-a {
	display: inline;
	padding: 0.75rem 1.25rem;
}

.insetSmall > .standard-width,
.insetLarge > .standard-width {
	width: 100%;
	min-height: 100%;
	position: relative;
	margin: 0 auto;
}

.insetLarge .energy-24-7,
.insetSmall .energy-24-7 {
	position: absolute;
	bottom: 0;
}

.energy-24-7 h5 {
	margin: 20px 0 40px;
}

.energy-24-7 .banner-header {
	margin-top: 1rem;
	color: #fff;
}

.insetSmall .energy-24-7 p,
.insetLarge .energy-24-7 p {
	margin: 0;
}

/** banner-products grid menus used to be here **/

.insetSmall .banner-header,
.insetLarge .banner-header {
	color: white;
	margin: 0;
}

.insetSmall p,
.insetLarge p {
	margin: 0.5rem auto;
	color: #c0c0c0;
}

.insetSmall p span,
.insetLarge p span {
	color: white;
}

.insetSmall p:last-child,
.insetLarge p:last-child {
	margin-top: 1.5rem;
	margin-bottom: 0;
	text-shadow: none;
}

.insetSmall {
	display: none;
}

.standard-width.misc_banner_header {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.insetSmall .standard-width.misc_banner_header p,
.insetLarge .standard-width.misc_banner_header p {
	text-align: left;
	margin: 1rem 0 0;
}

.misc_banner_header .our-technology {
	max-width: 880px;
}

.misc_banner_header .careers-page,
.misc_banner_header .contact-page,
.misc_banner_header .news-page,
.misc_banner_header .sales-partners-page {
	max-width: 750px;
}

/* ;nav-transition-from-mobile; 1186px but max-width: -1px */
@media only screen and (max-width: 1185px) {
	.fixed-header .insetLarge {
		height: 100%;
		margin-top: 0;
	}

	.nopgbanner {
		height: 0px;
	}

	.fixed-header .nopgbanner {
		height: 0px;
	}
}

@media only screen and (max-width: 1290px) {
	.insetLarge .wrap {
		padding: 1.5rem;
	}
}

@media only screen and (max-width: 1040px) {
	.insetLarge p {
		margin: 0 auto;
	}

	#header .insetLarge p a.btn {
		padding: 0.5rem 0.75rem;
		font-size: 0.85rem;
	}

	.insetLarge p a.cms-button-a,
	.insetLarge p a.cms-button-a:visited {
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 1024px) {
	.insetLarge {
		display: none;
	}
	.insetSmall {
		display: flex;
	}

	.jsGallery .insetSmall {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-top: 0;
	}

	.insetSmall p:last-child {
		margin-top: 1rem;
	}
}

@media only screen and (max-width: 500px) {
	.btn-top-header-join,
	.btn-top-header-donate {
		display: none;
	}
}

@media only screen and (max-width: 380px) {
	.insetSmall a.cms-button-a {
		padding: 0.5rem 1rem;
	}
}