.hero-home {
    position: relative;
    overflow: hidden;
}

.hero-home .image-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    transform: translate(-50%, -50%);
    width: 74%;
    max-width: 567px;
    filter: drop-shadow(0 13px 51px rgba(0,0,0,.35));
    pointer-events: none;
}

.hero-home .slide {
    position: relative;
    z-index: 1;
}

.hero-home .img-cont {
    position: relative;
    z-index: 1;
}

.hero-home .poster,
.hero-home .slide-img {
    position: relative;
    z-index: 1;
    width: 100%;
}

.hero-home .video {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: opacity 300ms cubic-bezier(0,0,0.3,1);
}

.hero-home.video-loaded .video {
    opacity: 1;
}

.hero-home .plyr {
    display: block;
    cursor: pointer;
}

.hero-home .plyr__video-wrapper {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.hero-home .plyr__control--overlaid {
    display: flex !important;
    align-items: center;
    justify-content: center;
	width: var(--space-16);
	height: var(--space-16);
	line-height: 1;
	border: 3px solid var(--white);
	text-align: center;
	border-radius: 50%;
	background: rgba(0, 0, 0, .5);
	color: var(--white);
	position: absolute;
	padding: 0;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	pointer-events: none;
}

.hero-home .plyr__control--overlaid svg {
    width: auto;
    height: var(--text-2xl);
}

.hero-home .plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    transform: translateY(-50%) !important;
}

@media (min-width: 64em) {
    .hero-home .slide::before {
        position: absolute;
        inset: 0 0 auto 0;
        z-index: 2;
        display: block;
        height: 172px;
        background: linear-gradient(to bottom, rgba(0,0,0,.6), rgba(0,0,0,0));
        content: '';
        pointer-events: none;
    }
}

/*============================*/
/*=====----- THEMED -----=====*/
/*============================*/

.old-west-holiday .hero-home .img-cont {
    padding-bottom: calc(100% * 610 / 640) !important;
}

.old-west-holiday .hero-home .img-cont::before {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: block;
    background: url('https://assets.simpleviewinc.com/simpleview/image/upload/v1/clients/cheyenne-redesign/hero_homepage_snow_mobile_fe6e06c4-74c6-497e-819a-b0137cf6361e.png') no-repeat center center / cover;
    content: '';
    pointer-events: none;
}

.old-west-holiday .hero-home::before {
    position: absolute;
    inset: auto 0 0 0;
    z-index: 3;
    display: block;
    height: 4vw;
    background: url('/includes/public/assets/shared/microsite/hero-texture-border.png') no-repeat center top / cover;
    content: '';
    pointer-events: none;
}

@media (min-width: 40em) {
    .old-west-holiday .hero-home::before {
        height: 2vw;
    }

    .old-west-holiday .hero-home .img-cont {
        padding-bottom: calc(100% * 717 / 1440) !important;
    }

    .old-west-holiday .hero-home .img-cont::before {
        background-image: url('https://assets.simpleviewinc.com/simpleview/image/upload/v1/clients/cheyenne-redesign/hero_homepage_snow_desktop_2152f614-87fc-45cd-81bc-3e651f128c01.png');
    }
}