/**
 * LMS Video Watermark & Protection - Frontend Stylesheet
 *
 * @package LMS_Video_Watermark
 */

/* Player Wrapper & Container Constraints */
.lms-video-watermark-wrapper,
.plyr,
.plyr--video,
.plyr__video-wrapper,
.tutor-video-player,
.tutor-player-wrapper,
.tutor-lesson-video,
.tutor-single-lesson-segment,
.video-js,
.presto-player,
.ld-video,
.llms-lesson-video {
	position: relative !important;
}

.lms-video-watermark-wrapper {
	display: inline-block;
	max-width: 100%;
	overflow: hidden !important;
	background-color: #000000;
}

.lms-video-watermark-wrapper video,
.lms-video-watermark-wrapper iframe {
	display: block;
	max-width: 100%;
}

/* Watermark Overlay Element */
.lms-watermark-overlay {
	position: absolute !important;
	top: 20px;
	left: 20px;
	pointer-events: none !important;
	user-select: none !important;
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	-webkit-touch-callout: none !important;
	z-index: 2147483647 !important; /* Always on top of all player controls, posters, and overlays */
	white-space: nowrap !important;
	line-height: 1.35 !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
	font-weight: 600 !important;
	box-sizing: border-box !important;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9) !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4) !important;
	will-change: left, top, transform;
	visibility: visible !important;
	display: inline-block !important;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
}

/* Fullscreen Support (Native HTML5, Plyr, Tutor LMS & Video.js) */
:fullscreen .lms-watermark-overlay,
:-webkit-full-screen .lms-watermark-overlay,
:-moz-full-screen .lms-watermark-overlay,
:-ms-fullscreen .lms-watermark-overlay,
.plyr--fullscreen-active .lms-watermark-overlay,
.vjs-fullscreen .lms-watermark-overlay,
.tutor-course-spotlight-active .lms-watermark-overlay {
	z-index: 2147483647 !important;
	position: absolute !important;
	visibility: visible !important;
	display: inline-block !important;
}

/* Disable internal media download button & drag styling */
video.lms-protected-video,
.lms-protected video,
.plyr video,
.tutor-video-player video {
	-webkit-user-drag: none;
	user-select: none;
	-webkit-user-select: none;
}
