.playlists .playlist { max-height: 90vh; overflow: auto ; position: relative; }

.playlists, .playlists ul { margin:0; padding: 0; list-style: none; }
.playlists li { margin:0; padding: 0; list-style: none; background: none; }

.playlists .playlist li { clear: both; margin: 10px 0;  overflow: hidden;   }
.playlists .playlist li img { width: 100%; padding-right: 10px; }
.playlists .playlist li p { width: 100%; float: left; font-size: 11pt; padding: 0; margin: 12px  0; }
.playlists .playlist li span.ep_air { width: 45%; float: left; font-size: 11pt; }
.playlists .playlist li a { color: black; text-decoration: none; overflow: hidden; display: inline; }
.playlists .playlist li .info   {  display: inline-block; width: 45%; }  

.playlists .playlist li span.organization { display: block; font-size: 0.8em; color: #888; max-height: 1.3em; overflow: hidden; } 
.bigplaylist li span.more-info, .playlists .playlist li span.more-info { display: block; font-size: 0.8em; color: blue; cursor: pointer;  text-decoration: underline; text-align: left; float: left;  }
.playlists .playlist li.playing span.more-info {  color: white; display: inline; }
.bigplaylist li div.more-info, .playlists .playlist li div.more-info { display: none; position: absolute; background: white; z-index: 3000; max-width: 300px; border: 1px solid; border-radius: 10px; padding: 10px;  margin-top: 80px; margin-left: 30px; }
.bigplaylist li div.more-info p, .playlists .playlist li div.more-info p { width: 100%;  }
.bigplaylist li div.more-info h3, .playlists .playlist li div.more-info h3 { width: 100%; padding: 0; margin: 0;  }
.bigplaylist li div.more-info .exit, .playlists .playlist li div.more-info .exit { color: blue; text-decoration: underline; cursor: pointer; float: right;  }
.bigplaylist li span.more-info.active + div.more-info, .playlists .playlist li span.more-info.active + div.more-info { display: block;  }
.bigplaylist li div.more-info.active, .playlists .playlist li div.more-info.active { display: block;  }
 
.bigplaylist li.playing a,
.playlists .playlist li.playing a { color: black; text-decoration: none; color: white; }


.bigplaylist li.playing a,
.playlists .playlist li.playing  { background: #2f50dc;   }


.playlists > li { display: none; }
.playlists > li.selected { display: list-item; }

.playlistnames span { width: 45%; display: inline-block; margin: 3px 3px; cursor: pointer; padding: 5px; color: blue; text-decoration: underline; }
.playlistnames span.selected  {width: 45%; display: inline-block; background-color: #141B62 ; color: white;}

.bigplaylist, .bigplaylist li { padding: 0; margin: 0; background: none;  position: relative; } 
.playlists li .thumb, .bigplaylist li .thumb { width: 50%; position: relative; float: left;  margin-right: 10px;} 
.bigplaylist { padding-top: 30px; clear: both; overflow: hidden; }
.bigplaylist li { margin: 10px 3% 10px 0 ;    display: inline-block; width: 47%; float: left;  min-height: 1px; } 
.bigplaylist li img {  width: 100%; padding-right: 10px;  max-height: 154px;} 
.bigplaylist li a { color: black; text-decoration: none;  display: block; overflow: hidden;} 


.socialmedia_menu { font-size: 25pt; display: inline-block; float: right;   }
.socialmedia_menu a {  text-decoration: none;  }
.socialmedia_menu .facebook .fa { color:#3b5998 ; }
.socialmedia_menu .twitter .fa { color: #1da1f2; }
.socialmedia_menu .instagram .fa { color: #fd1d1d; }
.socialmedia_menu .youtube .fa { color: #cd201f; }

.load-more { cursor: pointer; }  
