:root {
	--theme-color: red
}
body, html {
	background-color: var(--bg-color-app)!important
}
.video-cover-wrapper, .video-element-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}
.video-cover-wrapper {
	z-index: 99
}
.video-cover {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center
}
.theo-player-wrapper:before, .video-cover {
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat
}
.theo-player-wrapper:before {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: .4;
	-ms-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover
}
.player-wrap {
	margin-top: 2rem;
	width: 60%;
	min-width: 600px;
	max-width: 90%;
	display: flex;
	align-items: center;
	flex-direction: column;
	border-radius: .5rem;
	overflow: hidden;
	background-color: #000
}
.player-wrap .theoplayer-container, .player-wrap video {
	min-width: 320px;
	background-color: #000;
	height: inherit!important;
	border-radius: 8px
}
.app.no-autoplay .video-cover-wrapper, .app.online .video-cover-wrapper {
	display: none
}
.app.offline .video-cover-wrapper {
	display: flex
}
.app.offline #video {
	visibility: hidden!important
}
#status-overlay {
	padding-bottom: 7%;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	text-shadow: 1px 1px 6px #000
}
.video-cover-wrapper>#status-overlay {
	padding-bottom: 0;
	align-items: center;
	transform: scale(1.5)
}
#status-overlay h1 {
	margin-bottom: 0;
	font-size: 22px;
	font-weight: 400
}
#status-overlay p {
	margin-top: 10px;
	font-size: 15px;
	opacity: .8
}
@media(max-width:600px) and (orientation:portrait) {
	.player-wrap {
		min-width: auto;
		max-width: auto;
		width: 100%
	}
	.content_wrap.content_wrap_player_wrap {
		width: 100%!important
	}
}
.section_layout_feats_wrap_alt.section_layout_player_feats_wrap .section-title {
	text-align: center!important
}
.player-code-wrap {
	margin-top: 1.33rem
}