.plyr__poster {
	pointer-events: none;
}

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

	position: relative;
	width: 100%;
	max-width: var(--width-base);
	padding: var(--space-8) var(--space-5) 0 var(--space-5);
	margin: 0 auto var(--space-12) auto;
}

.video-player .title {
    font-family: var(--font-display);
    font-size: var(--text-3xl);
    font-weight: var(--font-weight-black);
    line-height: var(--leading-none);
    text-transform: uppercase;
    color: var(--dark-gray);
    letter-spacing: .02rem;
	margin-bottom: var(--space-4);
}

.video-player .plyr__control--overlaid {
	border: 3px solid var(--white);
	border: 3px solid var(--plyr-video-control-color, var(--white));
	background: rgba(0, 0, 0, .7);
    background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,rgba(0, 0, 0, .7))));
}

.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));
}

@media (min-width: 64em) {
	.video-player .title {
		font-size: 3.75rem;
		margin-bottom: var(--space-5);
	}
}