/**
 * @version     4.0.0
 * @package     com_allvideoshare
 * @copyright   Copyright (c) 2012 - 2021 Vinoth Kumar. All Rights Reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 * @author      Vinoth Kumar <admin@mrvinoth.com>
 */

/*----------------------------------------------------------------------------------------------
 *
 *	Global
 *
 *--------------------------------------------------------------------------------------------*/
.avs-responsive-item {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
}

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

/*----------------------------------------------------------------------------------------------
 *
 *	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 .avs-grid-item {	
	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;
}

/*----------------------------------------------------------------------------------------------
 *
 *	Player
 *
 *--------------------------------------------------------------------------------------------*/
.avs-player {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
} 

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

.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;
}

/*----------------------------------------------------------------------------------------------
 *
 *	Icons
 *
 *--------------------------------------------------------------------------------------------*/
.avs .avs-svg-icon {
	display: inline-block;
	width: 16px;
	fill: #666;
	stroke: none;
	stroke-width: 0;
	vertical-align: middle;
}

.avs .avs-svg-icon-play {
	position: absolute;
	width: 32px;
	top: 50%;
	left: 50%;
	margin-top: -16px;
	margin-left: -16px;
	fill: #fff;
	pointer-events: none;
	z-index: 3;	
}

/*----------------------------------------------------------------------------------------------
 *
 *	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;
}