/**
 * @version		1.5.0
 * @package		JoomlaXTC YouTube Playlist Wall for Joomla 3.x
 * @author		JoomlaXTC http://www.joomlaxtc.com
 * @copyright	Copyright (C) 2015 Monev Software LLC. All rights reserved.
 * @license		http://www.joomlaxtc.com/license JoomlaXTC Proprietary Use License
 */
/* YTC WRAP */
.ytcplayer1 .main {
	position: relative;
	height: 0;
	padding-bottom: 56.25%; /* 16:9 */
	
}
.ytcplayer1 .main iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ytcplayer1 img {max-width:100%;width:100%;}
.ytcplayer1 {background:#222;}
.ytcplayer1 .main {width:80%!important;float:left;  }
.ytcplayer1 .more {width:20%; float:right; text-align:left; padding:5px 0 5px;text-align:left;}

.ytpw_video {
	cursor:pointer;
}

.ytpw_prev {
	cursor:pointer;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 20px 10px 0;
	border-color: transparent #1590c3 transparent transparent;
	display:inline-block;
	margin-right:6px;
}

.ytpw_next {
	cursor:pointer;
	display:inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 20px;
	border-color: transparent transparent transparent #1590c3;
}

.ytpw_prev.ytpw_disabled {
	cursor:default;
	border-color: transparent #d6d6d6 transparent transparent;
}
.ytpw_next.ytpw_disabled {
	cursor:default;
	border-color: transparent transparent transparent #d6d6d6;
}

/* SCROLLER */
#scrollbar {height:660px; overflow-y: auto;}
#scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
#scrollbar::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 5px;
}
#scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.5);
    border-radius: 5px;
}

/* RESPONSIVE GRID */

@media(max-width:1280px){
.ytcplayer1 .main {width:50%!important;}
.ytcplayer1 .more {width:50%!important;}
#scrollbar {height:630px; overflow-y: auto;}
}
@media(max-width:1160px){
#scrollbar {height:600px; overflow-y: auto;}
}
@media(max-width:1120px){
#scrollbar {height:580px; overflow-y: auto;}
}

@media(max-width:1024px){
	#scrollbar {height:505px; overflow-y: auto;}
}

@media(max-width:980px){
	#scrollbar {height:475px; overflow-y: auto;}
}
@media(max-width:900px){
	#scrollbar {height:450px; overflow-y: auto;}
}
@media(max-width:860px){
	#scrollbar {height:420px; overflow-y: auto;}
}

@media(max-width:768px){
.ytcplayer1 .main, .ytcplayer1 .more {width:100%!important; float:none!important;}
.ytcplayer1 .main .articlemain, .ytcplayer1 .more .featuredeventsmore {text-align:center!important; height:auto!important;}
.ytcplayer1 .more {height:auto!important;}
}

.jxtc_ytcwall_tmp8 {
   max-width:100%;width:100%;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   background: #000;
}
.jxtc_ytcwall_tmp8 .content {
   max-width:100%;width:100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.jxtc_ytcwall_tmp8 .mask {position: absolute;width:100%;height:100%;
   overflow: hidden;
   top: 0;
   left: 0;
}
.jxtc_ytcwall_tmp8 img {
   display: block;
   position: relative;
   max-width:100%;width:100%;
}
.jxtc_ytcwall_tmp8 p {
   color: #fff;
   font-size:11px!important;line-height:14px!important;
   font-weight:900!important;
   text-align: center;
   position: relative;
   padding: 10px;
   margin: 10px 0 0 0!important;
}

.jxtc_ytcwall_tmp8 .mask {
   background-color: rgba(0,0,0, 0.7);
   top: -768px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
   -ms-transition: all 0.3s;
   transition: all 0.3s;
}
.jxtc_ytcwall_tmp8 p {
   -webkit-transform: translateY(-768px);
   -moz-transform: translateY(-768px);
   -o-transform: translateY(-768px);
   -ms-transform: translateY(-768px);
   transform: translateY(-768px);
    -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -o-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
}

.jxtc_ytcwall_tmp8:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   top: 0px;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-animation: 0.3s linear;
   -moz-animation: bounceY 0.3s linear;
   -ms-animation: bounceY 0.3s linear;
   animation: bounceY 0.3s linear;
}
.jxtc_ytcwall_tmp8:hover p {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
  
}

@keyframes bounceY {
    0% { transform: translateY(-205px);}
   
    100% { transform: translateY(-12px);}
   
}
@-moz-keyframes bounceY {
    0% { -moz-transform: translateY(-205px);}
   
    100% { -moz-transform: translateY(-12px);}
   
}
@-webkit-keyframes bounceY {
    0% { -webkit-transform: translateY(-205px);}
  
    100% { -webkit-transform: translateY(-12px);}
   
}


/*  Mobile Device Breakpoints */

@media(max-width:768px){
.jxtc_ytcwall_tmp8 .mask {
   top: 0px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
   filter: alpha(opacity=1);
   opacity: 1;
  
}

.jxtc_ytcwall_tmp8 p {
  
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);

   color: #fff;
   font-size:24px!important;line-height:36px!important;
   font-weight:900!important;
   text-align: center;
   position: relative;
   padding: 10px;
   margin: 40px 0 0 0!important;
}
}