/* 
	csw-imagetextblock-videolist.css
	
	Version: [2018-01-14 12:30]
*/

.cswVideoTextblock .cswImageTextblock .cswVideoPlayerNoBorder
{
	border: 0;
}


.cswVideoTextblock .cswImageTextblock .cswVideoTitle a:focus,
.cswVideoTextblock .cswImageTextblock .cswVideoImageLink a:focus {
	outline: none !important;
}


.cswVideoTextblock .cswImageTextblock .cswVideoThumbnail {
	position: relative;
  	display: inline-block;
  	cursor: pointer;
}

/* Video Thunbnail icon */
.cswVideoTextblock.cswVideoIcon-show .cswVideoThumbnail:after, 
.cswVideoTextblock.cswVideoIcon-hideOnHover .cswVideoThumbnail:after,
.cswVideoTextblock.cswVideoIcon-showOnHover .cswImageWrapper > a:hover > .cswVideoThumbnail:after {
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	-webkit-transform: translate(-50%, -50%);
  	content: "\f01d";
  	font-family: FontAwesome;
  	font-size: 10ch;
	color: #fff;
  	opacity: 0.8;
  	text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
  	z-index: 2; 
}
.cswVideoTextblock.cswVideoIcon-show .cswImageWrapper > a:hover > .cswVideoThumbnail:after {
  opacity: 0.5;
}
.cswVideoTextblock.cswVideoIcon-hideOnHover .cswImageWrapper > a:hover > .cswVideoThumbnail:after {
	opacity: 0;
}

.cswVideoTextblock.cswVideoIcon-xs .cswVideoThumbnail:after,
.cswVideoTextblock.cswVideoIcon-xs.cswVideoIcon-showOnHover .cswImageWrapper > a:hover > .cswVideoThumbnail:after {
	  font-size: 5ch;
}
.cswVideoTextblock.cswVideoIcon-sm .cswVideoThumbnail:after,
.cswVideoTextblock.cswVideoIcon-sm.cswVideoIcon-showOnHover .cswImageWrapper > a:hover > .cswVideoThumbnail:after {
	  font-size: 7.5ch;
}
.cswVideoTextblock.cswVideoIcon-normal .cswVideoThumbnail:after,
.cswVideoTextblock.cswVideoIcon-normal.cswVideoIcon-showOnHover .cswImageWrapper > a:hover > .cswVideoThumbnail:after {
	  font-size: 10ch;
}
.cswVideoTextblock.cswVideoIcon-md .cswVideoThumbnail:after,
.cswVideoTextblock.cswVideoIcon-md.cswVideoIcon-showOnHover .cswImageWrapper > a:hover > .cswVideoThumbnail:after {
	  font-size: 12.5ch;
}
.cswVideoTextblock.cswVideoIcon-lg .cswVideoThumbnail:after,
.cswVideoTextblock.cswVideoIcon-lg.cswVideoIcon-showOnHover .cswImageWrapper > a:hover > .cswVideoThumbnail:after {
	  font-size: 15ch;
}
.cswVideoTextblock.cswVideoIcon-xl .cswVideoThumbnail:after,
.cswVideoTextblock.cswVideoIcon-xl.cswVideoIcon-showOnHover .cswImageWrapper > a:hover > .cswVideoThumbnail:after {
	  font-size: 17.5ch;
}

.cswVideoPlayerOnPage {
	border: 1px solid #bbb;
	background-color: #FFF;
	width: 100%;
	height: calc(width * 0.5625); /* default 16:9 ratio */
}

.cswPlayerIcon:after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	content: "\f26c";
	font-family: FontAwesome;
	font-size: 12ch;
	color: #999;
	opacity: 0.4;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	z-index: 2; 
}
/** .cswPlayerIcon.cswIconFirstLoad:after {
	left: 37% !important;
}**/

.cswPlayerIcon.cswLoading:after {
	position: absolute;
	top: 35%;
	left: 44%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	content: "\f110";
	font-family: FontAwesome;
	font-size: 8ch;
	color: #999;
	opacity: 0.4;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}

.cswPlayerIcon.cswLoadingComplete:after {
  content: "";
}