.video-player {
	border: 5px solid #FFF;
}

.hold-img:before {
	content: '';
	position: absolute;
	bottom: 0;
	height: 20%;
	left: 0;
	width: 100%;
	background: -moz-linear-gradient(0deg, rgba(0,0,0,0.62) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.62) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(0deg, rgba(0,0,0,0.62) 0%, rgba(0,0,0,0) 100%);
}

.hold-img i {
    display: table-cell;
}

.hold-img i:before {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    background: url(/wp-content/uploads/2023/08/play-1.svg) no-repeat center / auto 25%;
	transition: background 400ms;
}

.hold-img:hover i:before {
	background-image: url(/wp-content/uploads/2023/08/play-2.svg);
}

.hold-img i:after {
    content: '';
    position: absolute;
    bottom: 4%;
    height: 10%;
	right: 4%;
    left: 0;
    background: url(/wp-content/themes/rankings-io-child/images/logo.svg) no-repeat bottom right / contain;
    filter: brightness(100);
}

.video-pullup .video-player {
    margin-top: -13rem;
}

/********************************************************* IMPORTANT, PLEASE READ ************************************************
 * 
 * 
 * THESE ARE ALL THE DEFAULT STYLINGS OF THE RIO BLOCKS.
 * THIS SHOULD ONLY BE MODIFIED IF
 * ( A ) YOU HAVE A FULL AND COMPLETE UNDERSTANDING OF THE IMPLICARIONS OF THE CHANGE
 * ( B ) IT IS ABSOLUETELY NECESSARY */

.modal-content .video-player {
	margin: 0 !important;
}

.video-player iframe, .video-player video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1;
}

.video-player .hold-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}

.video-player .hold-img.on{
	display: none;
	z-index: 0;
}

.video-player .hold-img > div {
	display: table;
	width: 100%;
	height: 100%;
}

.video-player-html-holder, .video_iframe_cont, .video-iframe-cont{
	display: none !important;
}