.video-player {
	--plyr-color-main: var(--primary-color-500);

	position: relative;
	margin-bottom: var(--space-12);
    background-color: var(--ocean-blue);
    padding-top: 0 !important;
}

.plyr--video {
    border-radius: 24px;
    padding: var(--space-4);
}

.video-player.controlled {
	max-width: 1160px;
    margin: 0 auto;
}
.video-player .title {
    margin: 0;
    margin-bottom: var(--space-6);
    width: 100%;
    min-height: 48px;
    color: var(--white-sands);
    font-size: 19px;
    font-display: swap;
    letter-spacing: -0.08px;
	max-width: none !important;
    text-align: center;
    font-weight: var(--font-weight-extrabold);
    text-transform: uppercase;
}

.video-player .plyr--video .plyr__controls {
    background: none;
    padding-left: 30px;
    padding-right: 30px;
    padding: var(--plyr-control-spacing, 30px);
}

.video-player .plyr__control--overlaid {
	color: var(--white-sands);
    background-color: var(--white-sands);
    border: none;
    width: 70px;
    height: 70px;
}
.video-player .plyr--video .plyr__control.plyr__tab-focus, .video-player .plyr.plyr--video .plyr__control:hover, .video-player .plyr--video .plyr__control[aria-expanded="true"] {
    background-color: var(--white-sands);
}
.video-player  button.plyr__control.plyr__control--overlaid:hover svg,
.video-player .plyr__control--overlaid svg {
    background-color: var(--white-sands);
    color: var(--bougainvillea);
    width: 28px;
    height: 28px;
    left: 50%;
    transform: translateX(-50%);
}
.video-player .plyr--video .plyr__control.plyr__tab-focus,
.video-player .plyr--video .plyr__control:hover,
.video-player .plyr--video .plyr__control[aria-expanded="true"] {
    background: var(--black);
    background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,var(--black))));
    color: var(--white);
    color: var(--plyr-video-control-color-hover,var(--white));
}

.video-player .plyr--video .plyr__video-wrapper .plyr__poster {
    pointer-events: none;
}