/**
 * @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
 */
.ytpw_basic_playerWrap {
	position: relative;
	height: 0;
	padding-bottom: 56.25%; /* 16:9 */
	margin-bottom:25px;
}
.ytpw_basic_playerWrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

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

/* GRID CSS STYLES */
.ytpw_basic_gridWrap .gridImage img {
	display:block;
	max-width:100%;
	width:100%;
}

.ytpw_basic_gridWrap p {}

.ytpw_video {
	cursor:pointer;
}

.ytpw_video.ytpw_empty {
	cursor:default;
}

/* FLEX GRID LAYOUT */
.ytpw_row {
	display: flex;
	display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
}

.ytpw_video {
	flex: 1;
	-webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */ 
}

/* With Gutters */
.ytpw_row {
 	margin: -1em 0 1em -1em;
}
.ytpw_row > .ytpw_video {
	padding: 1em 0 0 1em;
}


/* Scroller  */
#scrollbar { width: 200px; height: 200px; 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;
}


/**
 * CSS3 Tips
 *
 * A stylesheet for creating tooltips without using anything other than CSS3.
 *
 * created by c.bavota
 * released under GPL v2
 *
 * November 6th, 2013
 */
[data-tips] {
	position: relative;
	text-decoration: none;
}
	[data-tips]:after,
	[data-tips]:before {
	    position: absolute;
	    z-index: 100;
		opacity: 0;
	}
		[data-tips]:after {
			content: attr(data-tips);
			height: 25px;
			line-height: 25px;
			padding: 0 10px;
			font-size: 12px;
			text-align: center;
			color: #fff;
			background: #222;
			border-radius: 5px;
			text-shadow: 0 0 5px #000;
			-moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
			-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
			box-shadow: 0 0 5px rgba(0,0,0,0.3);
			white-space: nowrap;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		[data-tips]:before {
			content: "";
			width: 0;
			height: 0;
			border-width: 6px;
			border-style: solid;
		}
			[data-tips]:hover:after,
			[data-tips]:hover:before {
				opacity: 1;
			}
/* Top tips */
[data-tips].top-tip:after,
[data-tips].top-tip:before {
    -webkit-transition: bottom 0.25s ease-in-out, opacity 0.25s ease-in-out;
    -moz-transition: bottom 0.25s ease-in-out, opacity 0.25s ease-in-out;
    transition: bottom 0.25s ease-in-out, opacity 0.25s ease-in-out;
	bottom: 10%;
	left: -9999px;
	margin-bottom: 12px;
}
	[data-tips].top-tip:before {
		border-color: #222 transparent transparent transparent;
		margin-bottom: 0;
	}
	[data-tips].top-tip:hover:after,
	[data-tips].top-tip:hover:before {
		bottom: 90%;
		left: 0;
	}
	[data-tips].top-tip:hover:before {
		left: 15px;
	}

	
div.moduletable.overflowvisible .wallviewbootstrap {overflow:visible!important;}

/* RESPONSIVE FLEX GRID BREAKPOINTS */
@media (max-width: 768px) {
.ytpw_row {
  	margin:0em;
}
.ytpw_video.firstcol,.ytpw_video.centercol,.ytpw_video.lastcol {
	flex: 0 0 100%;  
	-webkit-flex: 0 0 100%; /* Safari 6.1+ */
    -ms-flex: 10 0 100%; /* IE 10 */ 
	padding:0em;
	margin:0em 0em 1em 0em;
	 
}

}