/*
 * @version		$Id: allvideoshare.css 3.5.0 2020-01-25 $
 * @package		All Video Share
 * @copyright   Copyright (C) 2012-2020 MrVinoth
 * @license     GNU/GPL http://www.gnu.org/licenses/gpl-2.0.html
*/

/*----------------------------------------------------------------------------------------------
 *
 *	Global
 *
 *--------------------------------------------------------------------------------------------*/
.com_allvideoshare .alert-error {
	display: none;
}

/*
 * Video item page container — margin sourced from the original AllVideoShare
 * inline <style> block (not in the distributable CSS file).
 *
 * Improvement over original (designed for 1080p only):
 * Responsive margins scale with viewport width so landscape desktop real estate
 * is properly used — no fixed-column cap.  Scroll to reach related videos is
 * acceptable on large screens (the footer is below the fold there anyway).
 *
 * Breakpoint design (player width × height at 16:9 for each range):
 *   <1081px  → 5%  margins → ~90% width  (mobile/narrow — original value)
 *   1081–1439→ 7%  margins → ~86% width  (e.g. 2560×1440 @50% zoom: 1101×619px)
 *   1440–1919→ 9%  margins → ~82% width  (true 1440p CSS: 1181×664px, fits in 900px)
 *   1920–2559→ 13% margins → ~74% width  (1080p/4K@200%DPI: 1421×799px, fits in 1080px)
 *   ≥2560px  → 17% margins → ~66% width  (true 2560p: 1690×951px, fits in 1440px)
 */
#avs-video {
	margin-left: 5%;
	margin-right: 5%;
}

@media (min-width: 1081px) {
	#avs-video {
		margin-left: 5.5%;
		margin-right: 5.5%;
	}
}

@media (min-width: 1440px) {
	#avs-video {
		margin-left: 9%;
		margin-right: 9%;
	}
}

@media (min-width: 1920px) {
	#avs-video {
		margin-left: 13%;
		margin-right: 13%;
	}
}

@media (min-width: 2560px) {
	#avs-video {
		margin-left: 26%;
		margin-right: 26%;
	}
}

@media (min-width: 3840px) {
	#avs-video {
		margin-left: 19%;
		margin-right: 19%;
	}
}

.avs-player {
	position:relative !important;
	width:100% !important;
	height:0 !important;
	padding-bottom:56.25%;
}

.avs-player object,
.avs-player embed,
.avs-player iframe,
.avs-player video {
	position:absolute !important;
	margin:0px !important;
	padding:0px !important;
	top:0 !important;
	right:0 !important;
	bottom:0 !important;
	left:0 !important;
	width:100% !important;
	height:100% !important;
}

.avs-player .mejs__container {
	position: absolute !important;
	width: 100% !important;
	height: 100% !important;
}

.avs-commercials,
.avs-commercials-content,
.avs-commercials-bg,
.avs-commercials-media {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.avs-commercials {
	cursor: pointer;
	z-index: 2;
}

.avs-commercials-content {
	display: none;
}

.avs-commercials-content.active {
	display: block;
}

.avs-commercials-bg {
	z-index: 1;
}

.avs-commercials-media {
	z-index: 2;
}

.avs-commercials-status-bar {
	position: absolute;
	top: 0;
	left: 0;
	padding: 3px 7px;
	background: #999;
	color: #FFF;
	font-size: 10px;
	text-transform: uppercase;
	z-index: 3;
}

.avs-commercials-progress {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 3px;
	background: #F00;	
	z-index: 4;
}

.avs .thumbnail,
.avs .thumbnail .caption {
	padding: 0;
	border: none;
	-webkit-border-radius: 0;
	        border-radius: 0;
	-webkit-box-shadow: 0;
			box-shadow: 0;
}

.avs-thumbnail {
	position: relative;
	display: block;
	width: 100% !important;
	height: 0 !important;
	padding-bottom: 56.25%;
}

.avs-thumbnail .avs-image {
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	z-index: 1;
}

.avs-thumbnail .avs-play-icon {
	position: absolute;
	width: 32px;
	height: 32px;
	margin: -15px 0px 0px -15px;
	padding: 0px;
	top: 50%;
	left: 50%;
	z-index: 2;
}

#avs-video form input[type="text"] {
	margin: 0;
}

/*----------------------------------------------------------------------------------------------
 *
 *	GDPR
 *
 *--------------------------------------------------------------------------------------------*/
.avs-gdpr-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #222;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: #FFF;
	text-align: center;
	z-index: 9;
}

.avs-gdpr-consent-block {
	position: relative;    
	margin: 15px;
	padding: 15px;
	top: 50%;
	background: #000;
	border-radius: 3px;
	opacity: 0.9;
	transform: translateY( -50% );
    -ms-transform: translateY(- 50% );
    -webkit-transform: translateY( -50% );
}

.avs-gdpr-consent-button {
	display: inline-block;
	margin-top: 10px;
	padding: 5px 15px;
	background: #F00;
	border-radius: 3px;
	cursor: pointer;
}

.avs-gdpr-consent-button:hover {
	opacity: 0.8;
}

/*----------------------------------------------------------------------------------------------
 *
 *	Popup
 *
 *--------------------------------------------------------------------------------------------*/
.mfp-iframe-scaler iframe {
	background: #000 url( '../images/spinner-dark.gif' ) center center no-repeat;
}

/*----------------------------------------------------------------------------------------------
 *
 *	Slider
 *
 *--------------------------------------------------------------------------------------------*/
.avs .slick-loading .slick-list,
.avs .avs-slick .avs-player-container {
	background: #fff url( '../images/spinner-light.gif' ) center center no-repeat;
}
 
.avs-slick {
	display: none;
}
 
.avs-slick.avs-slick-initialized {
	display: block;
}
 
.avs-slider-layout-both .avs-slider-player {
	margin-bottom: 20px;
}
 
.avs-slider-thumbnails {	
	margin: 0 -7px;
}

.avs-slider-thumbnails .thumbnail {	
	padding: 7px;
}

.avs .avs-slick-prev,
.avs .avs-slick-next {
	position: absolute;
	display: block;
	text-align: center;
	opacity: .75;
	cursor: pointer;
	-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
			transform: translate(0, -50%);
	z-index: 9;   
}
 
.avs .avs-slick-prev:hover,
.avs .avs-slick-next:hover {
	opacity: 1;
}
 
.avs .avs-slick-prev.slick-disabled,
.avs .avs-slick-next.slick-disabled {
	opacity: .25;
}
 
.avs .avs-slick-prev {
	left: 0;
}
 
[dir='rtl'] .avs .avs-slick-prev {
	right: 0;
	left: auto;
}
 
.avs .avs-slick-next {
	right: 0;
}
 
[dir='rtl'] .avs .avs-slick-next {
	right: auto;
	left: 0;
}
 
.avs .slick-dotted.slick-slider {
	margin-bottom: 30px;
}
 
.avs .avs-slick-dots {
	position: absolute;
	display: block;
	width: 100%;
	bottom: -25px; 
	margin: 0;   
	padding: 0;    
	list-style: none;
	text-align: center;
}
 
.avs .avs-slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
 
.avs .avs-slick-dots li .avs-slick-dot {
	display: block;
	padding: 3px;
	opacity: .25;    
	line-height: 1;
}
 
.avs .avs-slick-dots li.slick-active .avs-slick-dot {
	opacity: .75;
}
 
.avs .avs-slick-dots li .avs-slick-dot:hover {
	opacity: 1;
}