@media only screen {
	.marquee-slider-wrapper,
	.marquee-slider-wrapper .img-cont {
		position: relative;
		width: 100vw;
		max-width: 100%;
		height: calc(100vh - 210px);
		overflow: hidden;
	}
	.marquee-slider-wrapper {
		background-color: black;
		opacity: 0;
		transition: opacity 750ms linear;
	}
	.marquee-slider-wrapper.loaded {
		opacity: 1;
	}
	.marquee-slider-wrapper .marquee-slider {
		margin-bottom: 0;
	}
	.marquee-slider-wrapper .marquee-slider:not(.slick-initialized) .slide:nth-child(n+2) {
		display: none;
	}
	.marquee-slider-wrapper .inner {
		position: relative;
		height: 100%;
	}
	.marquee-slider-wrapper .img-cont::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		background: rgba(0,0,0,0.3);
		z-index: 1;
	}
	.marquee-slider-wrapper .img-cont img {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: 1;
	}
	.marquee-slider-wrapper h1,
	.marquee-slider-wrapper h1 a {
		color: #fff;
		width: 90%;
		max-width: 500px;
	}
	.marquee-slider-wrapper .content-section {
		position: absolute;
		left: 0;
		bottom: 50px;
		padding: 20px;
		z-index: 5;
		pointer-events: none;
	}
	.marquee-slider-wrapper .content-section p {
		color: #fff;
		width: 90%;
		max-width: 500px;
	}

	.marquee-slider-wrapper .content-section .buttons {
		display: flex;
		flex-direction: row;
	}
	.marquee-slider-wrapper .content-section .buttons .button {
		display: inline-block;
		margin: 20px 0 1em 0;
		pointer-events: all;
	}
	.marquee-slider-wrapper .content-section .buttons a.read-more {
		margin-right: 1em;
	}
	.marquee-slider-wrapper .content-section .buttons a.play-video {
		padding: 0 0.8em;
	}
	.marquee-slider-wrapper .content-section .buttons a.play-video span {
		display: none;
	}

	.marquee-slider-wrapper .marquee-slider-nav,
	.marquee-slider-wrapper .arrow-cont,
	.marquee-slider-wrapper .arrow-cont-standard {
		display: none;
	}
	.marquee-slider-wrapper .marquee-slider .slick-dots {
		bottom: 30px;
	}
	.marquee-slider-wrapper .marquee-slider .slick-dots li button:before {
		color:#fff;
		opacity: 1;
		font-size: 8px;
	}
	.marquee-slider-wrapper .marquee-slider .slick-dots li.slick-active button:before {
		color: #cc9966;
		font-size: 10px;
	}
}

@media only screen and (min-width: 40.063em) {
	.marquee-slider-wrapper .marquee-slider h1,
	.marquee-slider-wrapper .marquee-slider h1 a {
		text-shadow: 2px 2px 5px rgba(0,0,0,0.6);
	}
	.marquee-slider-wrapper .marquee-slider .content-section p {
		text-shadow: 2px 2px 4px rgba(0,0,0,0.9);
	}
	.marquee-slider-wrapper .marquee-slider .content-section p a {
		text-shadow: none;
	}
	.marquee-slider-wrapper .content-section .buttons a.play-video {
		padding: 0 2em;
	}
	.marquee-slider-wrapper .content-section .buttons a.play-video span {
		display: inline-block;
		margin-right: 0.7em;
	}
}

@media only screen and (min-width: 64.063em) {
	.marquee-slider-wrapper,
	.marquee-slider-wrapper .img-cont {
		height: calc(100vh - 41px);
	}
	.marquee-slider-wrapper .inner {
		height: auto;
	}
	.marquee-slider-wrapper .marquee-slider .slick-slide {
		height: auto;
		border: 0 none;
	}
	.marquee-slider-wrapper .marquee-slider .slick-dots {
		bottom: 50px;
	}
	.marquee-slider-wrapper .marquee-slider .img-cont::after {
		background: radial-gradient(circle, rgba(0,0,0,0) 10%, rgba(0,0,0,0.4598214285714286) 63%, rgba(0,0,0,0.6446953781512605) 87%);
	}

	.marquee-slider-wrapper .content-section {
		bottom: 20px;
		width: 100%;
		padding: 20px 1em;
	}
	.marquee-slider-wrapper .marquee-slider h1 {
		margin: 0.2em 0;
		max-width: 375px;
		font-size: 60px;
	}
	.marquee-slider-wrapper .marquee-slider .content-section p {
		max-width: 450px;
	}
}

@media only screen and (min-width: 75em) {
	.marquee-slider-wrapper .content-section {
		left: 0;
		bottom: 50px;
	}
	
	/* standard side arrows when side vertical slider is hidden on desktop */
	.marquee-slider-wrapper .arrow-cont-standard {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		padding-top: 33%;
		pointer-events: none;
		z-index: 1;
	}
	.marquee-slider-wrapper .arrow-cont-standard .custom-arrow {
		position: absolute;
		cursor: pointer;
		pointer-events: all;
	}
	.marquee-slider-wrapper .arrow-cont-standard .custom-arrow .arrow-inner {
		width: 65px;
		height: 65px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 100%;
		background-color: rgba(0,0,0,.5);
		color: white;
		font-size: 28px;
	}
	.marquee-slider-wrapper .arrow-cont-standard .custom-arrow.prev {
		left: 4px;
	}
	.marquee-slider-wrapper .arrow-cont-standard .custom-arrow.next {
		right: 4px;
	}

	/* desktop only image-nav */
	.marquee-slider-wrapper .controls-wrapper {
		display: block;
		position: absolute;
		top: 150px;
		right: 10px;
		width: 300px;
		height: 465px;
		overflow: hidden;
		pointer-events: none;
		transition: top 250ms linear 500ms;
	}
	body.alert-open .marquee-slider-wrapper .controls-wrapper {
		top: 210px;
	}

	.marquee-slider-wrapper .marquee-slider-nav {
		display: block;
		position: absolute;
		top: 0;
		right: 56px;
		left: auto;
		width: 250px;
		height: 435px;
		overflow: hidden;
		z-index: 5;
		opacity: 0;
		pointer-events: none;
	}
	.marquee-slider-wrapper .marquee-slider-nav.loaded {
		opacity: 1;
	}
	.marquee-slider-wrapper .marquee-slider-nav .slick-list {
		height: 100% !important;
		padding: 0 !important;
	}
	.marquee-slider-wrapper .marquee-slider-nav .slick-slide {
		position: relative;
		height: 100px;
		margin: 25px 0;
		outline: none;
		cursor: default;
		pointer-events: all;
	}
	.marquee-slider-wrapper.slideshow-full .marquee-slider-nav .slick-slide.slick-active.slick-center,
	.marquee-slider-wrapper.slideshow-partial .marquee-slider-nav .slick-slide.order-2 {
		pointer-events: none;
	}
	.marquee-slider-wrapper .slider-nav-item {
		position: absolute;
		top: 0;
		right: 0;
		box-shadow: 0 5px 5px rgba(0,0,0,0.3);
		z-index: 1;
		cursor: pointer;
	}
	.marquee-slider-wrapper.slideshow-full .slick-slide.slick-active.slick-center .slider-nav-item {
		top: -15px;
		border: 1px solid rgba(255,255,255,0.3);
		cursor: default;
	}
	.marquee-slider-wrapper .slider-nav-item img {
		height: 100px;
	}
	.marquee-slider-wrapper.slideshow-full .marquee-slider-nav .slick-slide.slick-active.slick-center img {
		height: 130px;
	}
	.marquee-slider-wrapper.slideshow-full .marquee-slider-nav .slick-slide:not(.slick-active) {
		opacity: 0;
	}
	.marquee-slider-wrapper.slideshow-partial .marquee-slider-nav .slick-slide:not(.slick-active) {
		opacity: 1;
	}
	/* style inactive slide overlays */
	.marquee-slider-wrapper.slideshow-full .marquee-slider-nav .slick-slide:not(.slick-center) picture::after,
	.marquee-slider-wrapper.slideshow-partial .marquee-slider-nav .slick-slide picture::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		background-color: rgba(112,112,112,0.5);
	}

	/* begin: styles for less than four slides */
	.marquee-slider-wrapper.slideshow-partial .marquee-slider-nav .slick-track {
		display: flex;
		flex-direction: column;
	}
	.marquee-slider-wrapper.slideshow-partial .marquee-slider-nav .slick-slide {
		position: absolute;
		transition: top 250ms linear;
		z-index: 1;
	}
	.marquee-slider-wrapper.slideshow-partial .marquee-slider-nav .slick-slide.order-1 {
		order: 1;
		top: 0;
	}
	.marquee-slider-wrapper.slideshow-partial .marquee-slider-nav .slick-slide.order-2 {
		order: 2; /* active slide */
		top: 150px;
		z-index: 2;
	}
	.marquee-slider-wrapper.slideshow-partial .marquee-slider-nav .slick-slide.order-3 {
		order: 3;
		top: 300px;
	}
	/* style the active slide */
	.marquee-slider-wrapper.slideshow-partial .marquee-slider-nav .slick-slide.order-2 .slider-nav-item {
		top: -15px;
		border: 1px solid rgba(255,255,255,0.3);
	}
	/* style the active slide overlay */
	.marquee-slider-wrapper.slideshow-partial .marquee-slider-nav .slick-slide.order-2 picture::after {
		background-color: transparent;
	}
	/* style the active slide image */
	.marquee-slider-wrapper.slideshow-partial .marquee-slider-nav .slick-slide.order-2 .slider-nav-item img {
		height: 130px;
	}
	/* end: styles for less than four slides */

	/* arrows and slide counter */
	.marquee-slider-wrapper .arrow-cont {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 50px;
		height: 470px;
		overflow: hidden;
		z-index: 5;
		pointer-events: none;
	}
	.marquee-slider-wrapper .arrow-cont-inner {
		position: absolute;
		right: -2px;
		width: 55px;
		height: 470px;
	}
	.marquee-slider-wrapper .arrow-cont .line1,
	.marquee-slider-wrapper .arrow-cont .line2,
	.marquee-slider-wrapper .arrow-cont .line3,
	.marquee-slider-wrapper .arrow-cont .line4 {
		display: block;
		position: absolute;
		left: 30px;
		width: 1px;
		height: 60px;
		border-left: 1px solid white;
	}
	.marquee-slider-wrapper .arrow-cont .line1 {
		top: 0;
	}
	.marquee-slider-wrapper .arrow-cont .line2 {
		top: 102px;
		height: 112px;
	}
	.marquee-slider-wrapper .arrow-cont .line3 {
		top: 255px;
		height: 112px;
	}
	.marquee-slider-wrapper .arrow-cont .line4 {
		bottom: 0;
	}
	.marquee-slider-wrapper .marquee-count {
		color: #fff;
		position: absolute;
		top: 224px;
		left: 8px;
	}
	.marquee-slider-wrapper .arrow-cont .arrow {
		position: absolute;
		left: 16px;
		top: 7px;
		width: 30px;
		height: 30px;
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: top left;
		pointer-events: all;
		cursor: pointer;
		pointer-events: all;
	}
	.marquee-slider-wrapper .arrow-cont .arrow.prev {
		top: 65px;
		background-image: url(/includes/public/assets/images/WhiteArrowUp.png);
	}
	.marquee-slider-wrapper .arrow-cont .arrow.next {
		top: 373px;
		background-image: url(/includes/public/assets/images/WhiteArrowDown.png);
	}
	.marquee-slider-wrapper .arrow-cont .arrow.slick-disabled {
		opacity: 0.3;
		pointer-events: none;
	}
}

@media only screen and (min-width: 81.25em) {
	.marquee-slider-wrapper .content-section,
	.marquee-slider-wrapper .controls-wrapper {
		left: 0;
		right: 0;
		width: 100%;
		margin: 0 auto;
	}
	.marquee-slider-wrapper .content-section {
		max-width: 1400px;
		bottom: 250px;
	}
	.marquee-slider-wrapper .controls-wrapper {
		max-width: 1445px; /* allow elements to expand just outside the wrapper */
	}
}

/* handle shorter height widescreen aspect ratios, such as found on certain laptops */
@media screen and (max-width: 81.25em), screen and (max-height: 800px) {
	.marquee-slider-wrapper .content-section {
		bottom: 0;
		top: 25%;
	}
}

@media only screen and (min-width: 90em) {
	.marquee-slider-wrapper .controls-wrapper {
		top: 170px;
		height: 465px;
	}
	body.alert-open .marquee-slider-wrapper .controls-wrapper {
		top: 230px;
	}
	.marquee-slider-wrapper .marquee-slider-nav {
		right: 80px;
	}
}

/* IE settings */
@media only screen and (-ms-high-contrast: none) {
	.header-slideshow .marquee-slider-wrapper {
		height: auto;
	}
	.marquee-slider-wrapper .marquee-slider .slick-slide {
		height: auto;
	}
	.marquee-slider-wrapper .img-cont {
		height: auto;
		width: 100%;
		padding-bottom: 0;
	}
	.marquee-slider-wrapper .img-cont img {
		position: relative;
		height: auto
	}
}

@media only screen and (min-width: 40.063em) and (-ms-high-contrast: none) {
	.header-slideshow .marquee-slider-wrapper {
		height: 100%;
	}
	.marquee-slider-wrapper .img-cont {
		height: 0;
		padding-bottom: 56.25%;
	}
}
