/* ==========================================================================
   Ride Media Carousel
========================================================================== */

.ride-media-carousel {
	margin-top: 80px;
}

.ride-media-carousel .flickity-viewport {
	overflow: visible;
}

.ride-media-carousel__item {
	width: 60%;
	padding: 0 10px;
	position: relative;
	overflow: visible;
}

.ride-media-carousel__inner {
	position: relative;
	overflow: hidden;
	transform: scale(.92);
	transform-origin: center;
	transition: transform .35s ease;
	aspect-ratio:  16 / 9;
}

.ride-media-carousel__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ride-media-carousel__image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ride-media-carousel__item.is-selected,
.ride-media-carousel__inner{
	transform: scale(1);
}

.ride-media-carousel__image {
	width: 100%;
	display: block;
	object-fit: cover;
}

/* #overview .ride-media-carousel .ride-media-carousel__play {
	width: 90px;
	height: 90px;
	background: var(--color-accent);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 32px;
	position: absolute;
    left: 45%;
    top: 40%;
    cursor: pointer;
    border-radius: 50% !important;
    border: none;
} */

#overview .ride-media-carousel .ride-media-carousel__play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90px;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	border-radius: 50% !important;
	background: var(--color-accent);
	color: var(--color-white);
	font-size: 32px;
	cursor: pointer;
	z-index: 2;
}

.ride-media-carousel .flickity-prev-next-button {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50% !important;
    background: var(--color-white);
    padding: 10px;
}

.ride-media-carousel .flickity-prev-next-button:hover {
	border: 1px solid var(--color-accent);
	
}

.ride-media-carousel .flickity-prev-next-button:focus {
    outline: none;
    box-shadow: none;
}

#overview .ride-media-carousel .flickity-button-icon {
    fill: var(--color-black);
    width: 15px;
    height: 15px;
    top: 12px;
    left: 12px;
}

.ride-media-carousel .flickity-prev-next-button:hover .flickity-button-icon {
    fill: var(--color-white);
}

.ride-media-carousel .flickity-prev-next-button.previous {
	left: -40px;
}

.ride-media-carousel .flickity-prev-next-button.next {
	right: -40px;
}

.ride-media-carousel {
	--slide-width: 60%;
}

.ride-media-carousel__item {
	width: var(--slide-width);
}

/* @media (max-width: 991px) {
	.ride-media-carousel__item {
		width: 90%;
	}
} */

.ride-video-modal {
	position: fixed;
	inset: 0;
	display: none;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, .85);
	z-index: 9999;
}

.ride-video-modal.is-open {
	display: flex;
}

.ride-video-modal__content {
	width: min(1100px, 90vw);
	aspect-ratio: 16 / 9;
}

.ride-video-modal.is-open .ride-video-modal__player{
	height: 100%;
}

.ride-video-modal.is-open iframe {
	width: 100%;
	height: 100%;
}

#overview .ride-video-modal__close{
	right: 50px;
    position: absolute;
    top: 50px;
    width: 50px;
    height: 50px;
    font-size: 32px;
    color: white;
    background: transparent;
    border: none;
	cursor: pointer;
}

@media (max-width: 999px) {
	.ride-media-carousel__item {
		width: 100%;
		padding: 0 5px;
	}
	
	.ride-media-carousel .flickity-viewport {
		overflow: hidden;
	}
	
	.ride-media-carousel__inner {
		aspect-ratio: 5 / 4;
	}
	
	.ride-media-carousel {
		--slide-width: 100%;
	}
}