/*=====[ Standard Video Elements ]=====*/
/* Images must be stored in <ROOT directory>/images/<filename> */

:root {
	--pwd_videoHeight:60px;
	--pwd_videoWidth:100px;
	--pwd_videoRight:20px;
	--pwd_videoBottom:35px;
	--pwd_videoRightMobile:25px;
	--pwd_videoBottomMobile:20px;
	--pwd_videoImageBG:url(../images/Video.png);
	--pwd_videoImagePlay:url(../images/play.png);
}
#pwd_videoIconContainer {
	position:fixed;
	height:var(--pwd_videoHeight);
	width:var(--pwd_videoWidth);
	right:var(--pwd_videoRight);
	bottom:var(--pwd_videoBottom);
	padding:0;
	margin:0;
	text-align:center;
	cursor:pointer;
}
#pwd_videoIconContainer .pwd_videoBGImage {
	position:absolute;
	content:var(--pwd_videoImageBG);
	width:100%;
	left:0;
	bottom:0;
}
#pwd_videoIconContainer .pwd_videoBtnPlay {
	position:absolute;
	content:var(--pwd_videoImagePlay);
	width:30px;
	height:30px;
	left:50%;
	top:0;
	border-radius:50%;
	transform:translateX(-50%);
}
#pwd_videoBtnClose {
	position:absolute;
	background-color:rgba(255,0,0,0.5);
	border:solid 2px #ffffff;
	border-radius:4px;
	font-size:2em;
	font-weight:bold;
	padding:2px 4px;
	cursor:pointer;
}

@media (max-width:600px) {
	#pwd_videoIconContainer {
		right:var(--pwd_videoRightMobile);
		bottom:var(--pwd_videoBottomMobile);
	}
}