.player-embedded {
    position: relative;
    width: 100%;
    background: #000;
    overflow: hidden;
}

.player-embedded video,
.player-embedded .plyr {
    width: 100%;
    height: 100%;
    display: block;
}

.video-poster-overlay {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 30;
    background-color: #000;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-poster-overlay img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.video-poster-overlay.hide {
    display: none;
}
.video-poster-play {
    width: 74px;
    height: 74px;
    border: 0;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.65);
    color: #fff;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.video-poster-loader {
    position: absolute;
    inset: 0;
}
.plyr--video .plyr__controls {
	right: inherit;
	width: 100%;
}
.plyr__controls {
	display: grid;
	grid-template-columns: repeat(10,  1fr);
}
.plyr__progress__container {
	grid-row: 2;
	grid-column: 1/11;
	width: 100%;
	max-width: 100%;
}
.plyr__time--current.plyr__time {
	grid-row: 1;
	grid-column: 9;
	text-align: right;
}
.plyr__time + .plyr__time::before {
	margin-right: var(--plyr-control-spacing,15px);
}
.plyr__time--duration.plyr__time {
	grid-row: 1;
	grid-column: 10;

}
.plyr__control[data-plyr='rewind'],
.plyr__control[data-plyr='play'],
.plyr__control[data-plyr='fast-forward'],
.plyr__control[data-plyr='fullscreen'],
.plyr__control[data-plyr='volume']

{
	grid-row: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, .18);
}
.plyr__volume {
	grid-row: 3;
	grid-column: 8/10;
}
.plyr__volume input[type="range"] {
	max-width: 100%;	
}
.plyr__control[data-plyr='fullscreen'] {
	grid-column: 10;
}
.plyr--fullscreen-enabled.is-fullscreen .plyr__time--current.plyr__time {
	width: 70px;
	margin: 0 -110px 0 auto;
}
.plyr--fullscreen-enabled.is-fullscreen .plyr__time--duration.plyr__time {
	width: 70px;
	margin: 0 0 0 auto;
}

@media only screen and (max-width : 768px) {

	.plyr__time--current.plyr__time {
		grid-row: 1;
		grid-column: 10;
	}
	.plyr__volume {
		grid-row: 3;
		grid-column: 9;
	}
	.plyr__volume [data-plyr='volume']{
		display: none!important;
	}
}

