/*-----------------------------------------------------------------------

    This file styles the options page in the backend.
    Feel free to adjust it to your needs.

------------------------------------------------------------------------*/

/* Videos
------------------------------------- */
.video-categories-list {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
}

.videos-archive-sidebar{
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}

.videos-archive-sidebar ul{
	list-style: none;
}

.video-categories-list .category-title { text-align: center; }

.video-categories-list .inline li a {
	display: block;
	float: left;
	font-size: 14px;
	line-height: 12px;
	padding: 5px;
	text-align: center;
	width: 80px;
}
.video-category .read-more {
	font-size: 28px;
	padding: 0 0 0 30px;
}


/* Video list
------------------------------------- */
/* Cover */
.video-item .cover { 
	background: #000;
	background: rgba(0, 0, 0, 0.8) !important;
	color: #ccc;
	display: table;
	height: 200px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	text-align: center;
	text-align: left;
	visibility: hidden;
	width: 100%;
}

.video-item:hover .cover,
.p .cover {
	-moz-transition: opacity .5s linear;
	-o-transition: opacity .5s linear;
	-webkit-transition: opacity .5s linear;
	opacity: 1 !important;
	visibility: visible !important;
}

.video-item .no-image .info {
	background: #000;
	color: #ccc;
	display: table;
	height: 200px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	width: 100% ;
}

.video-item .cover .title, .no-image .info .title {
	display: table-cell;
	vertical-align: middle;
	padding: 20px;
	text-align: center;
}
.video-img .cover a, .no-image .info a { color: #eee;}
.video-img .cover a:hover, .no-image .info a:hover { color: #fff; text-decoration: none !important}
.video-img .cover i,
.video-img .cover strong,
.no-image .info i,
.no-image .info strong { color: #fff;}


.video-img { 
	position: relative;
	overflow: hidden; 
}

.video-img .edit-link, 
.no-image .edit-link {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0 10px
}


/* Share buttons
------------------------------------- */
.share-btn { color: #fff; border-radius: 0; }
.share-btn:hover { color: #fff !important; }

.facebook-btn { background: #3b5998; }
.twitter-btn { background: #55acee; }
.plus-btn { background: #dd4b39; }

.facebook-btn:hover { background: #3b4088 !important; }
.twitter-btn:hover { background: #09f !important; }
.plus-btn:hover { background: #c00 !important; }

.space { padding: 10px 0; }


@media print {
	body, p, ul, ol, li, strong, div, h1, h2, h3, h4, h5, h6 { 
		font-family: Lucida, Georgia, Times New Roman, serif !important;
		font-size: 12pt;
	}
	.video-content { width: 100% !important;}
	.video-sponsored { display: none !important; }
}