.video-js {
	font-family: 'Cafe Oto';
}
.vjs-big-play-button {
	border: none !important;
	background: #239f23 !important;
	height: 2em !important;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder::before {
	position: initial !important;
}
.vjs-control-bar {
	background: rgba(0,0,0,0.7) !important;
	font-family: 'Cafe Oto';
	font-size: 1.4em !important;
}
.vjs-poster {
	background-size: cover;
}
.vjs-loading-spinner {
	/*display: none !important;*/
}

.video-js .vjs-overlay {
	position: absolute;
	width: auto;
	height: auto;
    color: #fff;
    font-size: 2em;
    font-family: 'Cafe Oto';
    text-align: center;
    text-transform: uppercase;
}
.video-js .vjs-overlay-no-background {
    max-width: 33%;
}
.video-js .vjs-overlay-background {
	background: rgba(0,0,0,0.7);
    padding: 10px;
}
.video-js .vjs-overlay-top-left {
    top: 5px;
    left: 5px;
}
.video-js .vjs-overlay-top {
    left: 50%;
    margin-left: -16.5%;
    top: 5px;
}
.video-js .vjs-overlay-top-right {
    right: 5px;
    top: 5px;
}
.video-js .vjs-overlay-right {
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}
.video-js .vjs-overlay-bottom-right {
    bottom: 3.5em;
    right: 5px;
}
.video-js .vjs-overlay-bottom {
    bottom: 3.5em;
    left: 50%;
    margin-left: -16.5%;
}
.video-js .vjs-overlay-bottom-left {
    bottom: 3.5em;
    left: 5px;
}
.video-js .vjs-overlay-left {
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
}
.video-js .vjs-overlay-center {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.video-js .vjs-no-flex .vjs-overlay-left,
.video-js .vjs-no-flex .vjs-overlay-center,
.video-js .vjs-no-flex .vjs-overlay-right {
    margin-top: -15px;
}

.video-js .default {
	top: 10px;
	left: 10px;
}
.video-js .wait {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.video-js .wait:after {
	content: 'Waiting for stream...';
	color: lightcoral;
}
.video-js .preview {
	color: lightcoral;
	font-size: 3em;
}
.video-js .preview p {
	margin: 0;
	line-height: 1;
}
.video-js .preview .time {
	color: white;
	font-family: 'Courier';
	font-size: 2em;
}
.video-js .buy {
	line-height: 2em;
	color: white;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.video-js .buy:after {
	padding: 15px;
	color: lightcoral;
	background: rgba(0,0,0,0.7);
	content: 'Buy a ticket to continue watching';
	position: relative;
	top: 50%;
}