.video-player {
	position: relative;
	margin-bottom: 48px;
}

.video-player .title {
	margin: 0;
	padding: 20px 20px 20px 37px;
    color: #FFF;
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: din-condensed, sans-serif;
	text-transform: uppercase;
	display: inline-block;
	color: #fff;
	line-height: 1.05em;
	font-size: 35px;
	z-index: 2;
	text-shadow: -6px 5px 40px #000, -6px 4px 22px #000;
}

@media (min-width: 64em) {
	.video-player .title {
		font-size: 60px;
		padding: 20px 20px 46px 37px;
	}
}

/* This is a fix for an issue caused by Foundation */
.video-player button { margin: 0; }

.video-player .plyr__control--overlaid {
	opacity: 0.6;
	border: 3px solid var(--plyr-video-control-color,#fff);
	background-color: transparent;
    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"] {
	opacity: 0.85;
    background-color: transparent;
    background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#000)));
    color: #fff;
    color: var(--plyr-video-control-color-hover,#fff);
}