﻿.pages{
    padding-top: 15px;
}
ul.youtubeVideos {
	list-style-type: none;
	margin: 0;
	padding: 0;
	clear: both;
}
ul.youtubeVideos li {
	float: left;
	margin: 0 5px 0 5px;
}

/* Gallery view specific styles */

.youtubegallery ul.youtubeVideos li {
	border: 5px solid #FFF;
}
.youtubegallery ul.youtubeVideos li.currentvideo {
	border-color: #C8C8C8;
}
.youtubegallery ul.youtubeVideos li .info {
	display: none;
}
.youtubegallery #ytvideomain {
	display: none;
	width: 100%;
	height: 500px;
	margin: 0 0 5px 0;
}
.youtubeVideos .video_gallery--wrapper {
	padding:15px;
	background:#ececec;
}
.youtubeVideos .video_gallery--wrapper .video--mini{
	overflow:hidden;
	margin-bottom:10px;
}
.youtubeVideos .video_gallery--wrapper .video--mini iframe{
	height:275px;
}
.youtubeVideos .video_gallery--wrapper .video--info h6{
	font-size:20px;
}
.youtubeVideos .video_gallery--wrapper .video--info p{
	font-size:14px;
}
.youtube-thumbnail {
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 250px;
    overflow: hidden;
    margin-bottom: 10px;
}
.youtube-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.youtube-thumbnail .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    margin-top: -32px;
    margin-left: -32px;
    background: url('https://img.icons8.com/ios-filled/100/ffffff/play-button-circled.png') no-repeat center center;
    background-size: contain;
    pointer-events: none;
}

/* List view specific styles */

.youtubelist ul.youtubeVideos li .still {
	float: left;
	margin: 10px;
}
.youtubelist ul.youtubeVideos li {
	width: 100%;
	margin: 0 0 14px 0;
}
.youtubelist ul.youtubeVideos li .info {
	min-height: 90px;
	background: #e1e1e1 !important;
	border: 2px #cccccc solid !important;
	padding: 0.6em !important;
	margin-bottom: 0 !important;
}
.youtubelist ul.youtubeVideos li .info h6 a {
	color: #0871dc;
	font-weight: bold;
}
.youtubelist ul.youtubeVideos li .info p {
	color: #343434;
}

/* Widget specific styles */

.youtubewidget ul.youtubewidget li {
	margin: 0;
	overflow: hidden;
}
.youtubewidget ul.youtubewidget li a img {
	float: left;
	width: 30%;
	max-height: 50px;
	margin: 5px;
}