/*********************** HEADER AREA **********************/
#header {
    background: transparent;
}

/************************* Alert Bar *************************/
#alert-bar {
	text-align: center;
	width: 100%;
	transition: all .2s;
}

#alert-bar p {
	margin-bottom: 0;
	/* display: flex; */
    align-content: center;
    justify-content: center;
    padding: 0.1rem;
	color: white;
}

#alert-bar p a {
	color: white;
}

#alert-bar p a:hover {
	color: rgb(234, 195, 252);
}

#alert-bar .phones {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
	padding: .3rem
}


/* .scrolled added by js on scroll */

#alert-bar.display-none-alert {
	transition: all .2s;
}

/*********************** Fixed Header Control***********************/
/* placeholder for the fixed header to push the rest of the content below it */
#header-spacer{
	height:0;
}

/* .scrolled added by js on scroll */
body.scrolled #header-spacer{
	height:100px;
}


#header-fixed{
	width:100%;
	background:white;
	z-index:1000;
	top:0;
}
body.scrolled #header-fixed {position:fixed;}

/****************** Header Contents ****************************/
#header-upper {
	display: flex;
	justify-content: space-between;
}

#header-logo img {
	vertical-align: top;
	height: 6em;
	-webkit-transition: height 0.5s ease-in-out;
	-moz-transition: height 0.5s ease-in-out;
	-o-transition: height 0.5s ease-in-out;
    transition: height 0.5s ease-in-out;
}

/* set image height on scroll or when page loads already scrolled (reload) */
body.scrolled #header-logo img,      
body.start-scrolled #header-logo img{
	height: 3em;
}
/* prevent animation when reload causes page to load already scrolled */
body.start-scrolled #header-logo img {
	-webkit-transition: height 0s;
	-moz-transition: height 0s;
	-o-transition: height 0s;
    transition: height 0s;
}

#headerRight {
	display: flex;
    position: relative;
    align-items: center;
    margin: 0 0 0 1rem;
    flex-direction: column;
    justify-content: center;
}

/* Gallery Overlay - Start */
.jsGallery.banner_gallery,
#rotating-banner #videoContainer {
	position: relative;
  }
  /* .jsGallery.banner_gallery::before, */
  .jsGallery.banner_gallery .slide.activeSlide picture::before,
  #rotating-banner #videoContainer::before {
	display: block;
	position: absolute;
	width: 100%;
	/* height: 69px; */
	height: 100%;
	content: '';
	bottom: -2px;
	left: 0;
	z-index: 501;
	background-image: url(../../images/banner-bottom-overlay.svg);
	background-repeat: no-repeat;
	background-position: bottom;
	/* border: 1px solid red; */
  }

  /* .cmsDebug .jsGallery.banner_gallery::before, */
  .cmsDebug .jsGallery.banner_gallery .slide.activeSlide picture::before,
  #rotating-banner #videoContainer::before {
	background-image: url(../../images/banner-bottom-overlay.svg);
  }

.page-home .jsGallery.banner_gallery .slide.activeSlide picture::before,
  #rotating-banner #videoContainer::before {
	background-image: url(../../images/banner-bottom-overlay.svg);
  }

.page-home.cmsDebug .jsGallery.banner_gallery .slide.activeSlide picture::before,
  #rotating-banner #videoContainer::before {
	background-image: url(../../images/banner-bottom-overlay.svg);
  }

  /* Gallery Overlay - Finish */


@media only screen and (max-width: 899px) {
	#header-logo a {
		width: 180px;
	}
	
	.topHeaderContact {
		display: none;
	}

	#headerRight {
		flex: unset;
		float: none;
		display: block;
		position: absolute;
		right: 4rem;
	}
}

@media only screen and (max-width: 479px) {

	.topMenuBG {
		height: var(--min-header-height) !important;
	}

	#header-logo {
		height: var(--min-header-height) !important;
	}

}

#header-phone {
	padding: 1em 0;
}

#header-logo a:hover {
	opacity: .7;
	transition: all .3s;
}

#header-logo a img {
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}