/*
 * Channel
*/
.channel-body{display:inline-block;width:100%;margin:10px 0 0}
@media only screen and (max-width: 767px) {
	.channel-body{margin:0;padding:10px}
}
@media only screen and (max-width: 559px) {
	.channel-body{padding:0}
}
.channel-content{width:100%;display:inline-block;position:relative}
.channel-cover{background-color:#eee;height:0;overflow:hidden;padding-bottom:27.25%;margin-bottom:10px;position:relative;width:100%}
.channel-cover .bg{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}
.dark .channel-cover{background-color:#222}
.channel-meta{width:100%;display:table;position:relative}
.channel-image{display:inline-block;vertical-align:middle;padding:10px}
.channel-image img{border-radius:50%;width:80px;height:80px}
.channel-info{display:inline-block;vertical-align:middle;padding:10px}
.channel-info .channel-name{display:table;width:100%;margin-bottom:5px}
.channel-info .channel-name h1{display:table-cell}
.channel-info .channel-name svg{display:table-cell;width:15px;height:15px;vertical-align:baseline;margin:0 3px;fill:#428bca}
.channel-info .channel-count{display:inline-block;width:100%}
.channel-info .channel-count span{display:inline-block;text-indent:10px;color:#656c7a;}
.dark .channel-info .channel-count span{color:#aaa;}
.channel-info .channel-count span:first-child{text-indent:0}
.channel-tabs{width:100%;display:inline-block}
.channel-tabs .tab_content{display:none;width:100%;margin:15px 0}
.channel_nav{display:inline-block;list-style:none;margin:0;position:relative;width:100%;border-bottom:2px solid #eee}
.dark .channel_nav{border-bottom:2px solid #363636}
.channel_nav li{display:inline-block;margin:0;padding:0}
.channel_nav li a{display:inline-block;padding:10px 30px;color:#333}
.channel_nav li a.current_tab{margin:0 0 -2px}
.dark .channel_nav li a{color:#fff}
/*
 * Channel Playlists
*/
.channel-playlist{box-sizing:unset;margin:0 1% 15px 0;width:24.25%;vertical-align:top;display:inline-block;padding:0}
.channel-playlist:nth-child(4n){margin:0 0 15px}
.rtl .channel-playlist{margin:0 0 15px 1%}
.rtl .channel-playlist:nth-child(4n){margin:0 0 15px}
.channel-playlist .thumb{margin-bottom:10px}
.channel-playlist .thumb img{}
.channel-playlist h2{display:inline-block;width:100%;margin:0}
.channel-playlist .meta{border-radius:0 4px 4px 0;width:50%;background-color:#000;color:#FFF;display:table;opacity:.75;height:100%;float:right;padding-bottom:56.25%;position:relative}
.rtl .channel-playlist .meta{border-radius:4px 0 0 4px;float:left}
.channel-playlist .meta span{text-align:center;width:100%;display:block}
.channel-playlist .meta .wrap{position:absolute;padding:0;top:50%;left:0;right:0;transform:translateY(-50%)}
@media only screen and ( max-width: 1100px ) {
	.channel-playlist{width:32.666666666667%}
	.channel-playlist:nth-child(4n){margin:0 1% 15px 0}
	.channel-playlist:nth-child(3n){margin:0 0 15px}
	.rtl .channel-playlist:nth-child(4n){margin:0 0 15px 1%}
	.rtl .channel-playlist:nth-child(3n){margin:0 0 15px}
}
@media only screen and (max-width: 986px) and (min-width:768px) {
	.channel-videos{width:32.666666666667%}
	.channel-videos:nth-child(4n){margin:0 1% 15px 0}
	.channel-videos:nth-child(3n){margin:0 0 15px}
	.channel-playlist{width:32.666666666667%}
	.channel-playlist:nth-child(4n){margin:0 1% 15px 0}
	.channel-playlist:nth-child(3n){margin:0 0 15px}
	.rtl .channel-playlist:nth-child(4n){margin:0 0 15px 1%}
	.rtl .channel-playlist:nth-child(3n){margin:0 0 15px}
}
@media only screen and (max-width: 767px) and (min-width:560px) {
	.channel-playlist{width:49%;margin:0 2% 15px 0}
	.channel-playlist:nth-child(3n),
	.channel-playlist:nth-child(4n){margin:0 2% 15px 0}
	.channel-playlist:nth-child(2n){margin:0 0 15px}
	.rtl .channel-playlist{margin:0 0 15px 2%}
	.rtl .channel-playlist:nth-child(3n),
	.rtl .channel-playlist:nth-child(4n){margin:0 0 15px 2%}
	.rtl .channel-playlist:nth-child(2n){margin:0 0 15px}
}
@media only screen and (max-width: 559px) {
	#playlists ul {padding:0 10px}
	.channel-playlist{width:100%;margin:0 0 15px}
	.channel-playlist:nth-child(3n),
	.channel-playlist:nth-child(4n),
	.channel-playlist:nth-child(2n),
	.rtl .channel-playlist,
	.rtl .channel-playlist:nth-child(3n),
	.rtl .channel-playlist:nth-child(4n),
	.rtl .channel-playlist:nth-child(2n){margin:0 0 15px}
}
/*
 * Channel About
*/
.channel-about {width:100%;display:table;}
.channel-about h2 {padding:0 0 5px;margin:0 0 5px;}
.channel-about .description{width:70%;display:table-cell;padding:0 20px}
.channel-about .links{border-left:1px solid #eee;width:30%;display:table-cell;padding:0 20px;}
.dark .channel-about .links{border-left:1px solid #363636;}
.rtl .channel-about .links{border-right:1px solid #eee;border-left:none;}
.rtl.dark .channel-about .links{border-right:1px solid #363636;border-left:none;}
.channel-about .links ul{list-style:none;padding:0;margin:0;}
.channel-about .links li{width:100%;display:inline-block;color:#333;padding:0 0 5px;margin:0 0 5px;}
.channel-about .links li a{color:#333;}
.dark .channel-about .links li a{color:#fff;}
.channel-about .links li svg{display:inline-block;vertical-align:middle;fill:#333;height:24px;width:24px;}
.channel-about .links li span{display:inline-block;vertical-align:middle;padding:0 10px}
.channel-about li a.facebook svg{fill:#3b5998}
.channel-about li a.twitter svg{fill:#00abf1}
.channel-about li a.instagram svg{fill:#87766c}
.channel-about li a.website svg{fill:#333}
.dark .channel-about li a.website svg{fill:#ccc}
/*
 * Media Queries
*/
@media only screen and (max-width: 767px) and (min-width:560px) {
	.channel-cover{padding-bottom:37.25%}
}
@media only screen and (max-width: 559px) {
	.channel-cover{padding-bottom:36.25%}
	.channel-image{padding:0}
	.channel-image img{width:60px;height:60px}
	.channel_nav li a{padding:10px 15px}
	.channel-about .description{display:inline-block;width:100%;margin-bottom:30px}
	.channel-about .links{display:inline-block;border-left:none;width:100%}
	.dark .channel-about .links{border-left:none}
	.dark.rtl .channel-about .links,
	.rtl .channel-about .links{border-left:none;border-right:none;}
}

