/* Our video background container */
.vidbg-container {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #444;
}

.vidbg-container video {
	margin: auto;
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: none;
	opacity: 0;
}

/* The overlay shield */
.vidbg-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 1;
	transition: opacity .5s ease;
}

.vidbg-tap-to-unmute {
	cursor: pointer;
	position: absolute;
	top: 20px;
	left: 20px;
	background-color: rgba(255, 255, 255, .9);
	padding: 5px 10px;
	border-radius: 5px;
	transition: background-color .2s ease-in-out;
	display: flex;
	align-items: center;
}

.vidbg-tap-to-unmute img {
	width: 20px;
	height: 20px;
	margin-right: 7px;
}

.vidbg-tap-to-unmute:hover {
	background-color: rgba(230, 229, 229, .9);
}