/* ============================== */
/* Radio Station Shortcode Styles */
/* ============================== */

.radio-clear {
	display: block;
	clear: both;
}

.rs-countdown {
	font-size: 0.8em;
}

/* Timezone Shortcode */
/* ------------------ */
.radio-timezone-title, .radio-timezone, .radio-user-timezone-title, .radio-user-timezone {
	display: inline-block;
}

.radio-timezone-title, .radio-user-timezone-title, .radio-clock-title {
	font-weight: bold;
}

.radio-user-timezone-title {
	display: none;
	margin-left: 30px;
}

/* Clock Shortcode */
/* --------------- */
.radio-clock-title, .radio-server-time, .radio-server-date, .radio-server-zone,
.radio-user-time, .radio-user-date, .radio-user-zone {
	display: inline-block;
}

.radio-clock-title {
	min-width: 100px;
}

.radio-server-time, .radio-user-time, .radio-server-date, .radio-user-date {
	margin-left: 10px;
}

.radio-server-zone, .radio-user-zone {
	margin-left: 20px;
}

.radio-station-clock-widget .radio-station-server-clock, .radio-station-clock-widget .radio-station-user-clock {
	font-size: 0.9em;
	margin-top: 10px;
}

.radio-station-clock-widget .radio-server-zone, .radio-station-clock-widget .radio-user-zone {
	display: block;
	margin-left: 110px;
	font-size: 0.9em;
}

.user-timezone-change, .user-timezone-select {
	display: inline-block;
}

/* Archive Shortcodes */
/* ------------------ */

.genre-archive {
	clear: both;
}

.show-archive-list, .playlist-archive-list, .override-archive-list {
	list-style: none;
	padding-left: 0;
}

.show-archive-item, .playlist-archive-item, .override-archive-item {
    list-style: none;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
}

.show-archive-item-thumbnail, .playlist-archive-item-thumbnail, .override-archive-item-thumbnail {
	float: left;
	padding-right: 20px;
}

.genre-archive .show-archive-item-title {
    font-size: 1em;
    margin-bottom: 5px;
}

.show-archive-item-title, .playlist-archive-item-title, .override-archive-item-title {
	font-size: 1.25em;
	margin-bottom: 10px;
}

/* Show Subarchive Shortcodes */
/* -------------------------- */
.show-post {
	padding-top: 5px;
	padding-bottom: 5px;
}

.show-post-thumbnail, .show-post-info,
.show-playlist-thumbnail, .show-playlist-info,
.show-episode-thumbnail, .show-episode-info {
    display: table-cell;
    vertical-align: top;
}

.show-post-thumbnail, .show-playlist-thumbnail, .show-episode-thumbnail {
	padding-right: 30px;
	margin-top: 10px;
}

.show-post-info, .show-playlist-info, .show-episode-info {
	max-width: 600px;
}

.show-post-title, .show-playlist-title, .show-episode-title {
	margin-bottom: 10px;
}

.show-pagination-button {
	float: left; 
	display: inline-block; 
	width: 30px; 
	margin-right: 7px; 
	cursor: pointer; 
	text-align: center; 
	background-color: #eeeeee; 
	border-radius: 7px;
	border: 1px solid #777777;
	font-size: 1em;
	color: #444444;
	padding: 5px;
}

.show-pagination-button.active {
	background-color: transparent;
	font-weight: bold;
}

.show-pagination-button:hover {
	background-color: #f5f5f5;
}

/* Widget/Shortcode Styles */
/* ----------------------- */

ul.current-show-list, ul.current-show-list li, ul.upcoming-shows-list, ul.upcoming-shows-list li {
    list-style: none;
}

.current-show-avatar, .upcoming-show-avatar, .on-air-dj-avatar {
	padding-bottom: 5px;
	display: block;
	max-width: 90%;
}

.current-show-avatar img, .upcoming-show-avatar img, .on-air-dj-avatar img {
	width: 100%;
	height: auto;
}

.current-show-avatar.float-left, .upcoming-show-avatar.float-left, .on-air-dj-avatar.float-left {
	float: left;
	margin-right: 15px;
}

.current-show-avatar.float-right, .upcoming-show-avatar.float-right, .on-air-dj-avatar.float-right {
	float: right;
	margin-left: 15px;
}

.current-show-list .current-show-title, .on-air-list .on-air-dj-title {
	font-size: 1.25em;
}

.current-show-encore, .upcoming-show-encore, .on-air-dj-encore {
	font-style: italic;
}

.current-show-encore, .current-show-hosts, .on-air-dj-encore, .on-air-dj-names {
	font-size: 0.85em;
}

.current-show-hosts, .upcoming-show-hosts, .on-air-dj-names {
	overflow: hidden;
}

.current-show-list, .upcoming-shows-list,
.on-air-list, .widget .on-air-list, .on-air-upcoming-list, .widget .on-air-upcoming-list {
	list-style: none;
}

.current-show-countdown .rs-label, .upcoming-show-countdown .rs-label {
    font-weight: bold;
}

.current-show-countdown .rs-hours, .current-show-countdown .rs-minutes, .current-show-countdown .rs-seconds,
.upcoming-show-countdown .rs-hours, .upcoming-show-countdown .rs-minutes, .upcoming-show-countdown .rs-seconds,
.show-playlist-countdown .rs-hours, .show-playlist-countdown .rs-minutes, .show-playlist-countdown .rs-seconds {
	background-color: #F0F0F0;
	padding: 1px 3px;
}

.current-show-countdown, .upcoming-show-countdown, .show-playlist-countdown {
	margin-top: 5px;
	margin-bottom: 5px;
}

.current-show-desc, .on-air-dj-desc,
.current-show-playlist, .on-air-dj-playlist {
    font-size: 0.8em;
    margin-top: 5px;
    margin-bottom: 5px;
}

.current-show-schedule, .upcoming-show-schedule, .on-air-dj-schedule {
    font-size: 0.85em;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

.current-show-shifts, .upcoming-show-shifts, .on-air-dj-sched {
    font-size: 0.85em;
    margin-top: 5px;
    margin-bottom: 5px;
}

.current-shift-list, .current-shift-list-item {
    margin: 0 !important;
    padding: 0 !important;
}

.current-shift-list .current-shift-list-item {
    list-style: disc;
    text-indent: 20px;
}

.current-show-schedule .current-show-shifts.current-shift {
    font-style: italic;
}

.upcoming-shows-list .upcoming-show-title, .on-air-upcoming-list .on-air-dj-title {
	font-size: 1em;
}

.upcoming-shows-list .upcoming-show-encore, .upcoming-shows-list .upcoming-show-hosts,
.on-air-upcoming-list .on-air-dj-encore, .on-air-upcoming-list .on-air-dj-names {
	font-size: 0.75em;
}


/* Current Playlist Widget */
.show-playlist-tracks {
	line-height: 1.6em;
}

.show-playlist-track {
	margin-bottom: 10px;
	font-size: 0.75em;
}

/*Leah */

/*.current-show-title.on-air-dj-title, .current-show-title.on-air-dj-title a {
    font-weight: 800;
    color: #111;
}
.current-show-shifts, .upcoming-show-shifts, .on-air-dj-sched {
    font-size: 0.85em;
    margin-top: 0;
    margin-bottom: 5px;
}
.current-show-avatar, .upcoming-show-avatar, .on-air-dj-avatar {
    padding-bottom: 0px; 
    display: block;
    max-width: 90%;
}

.current-show-shifts, .upcoming-show-shifts, .on-air-dj-sched {
    font-size: 0.85em;
    margin-top: 0;
    margin-bottom: 5px;
    text-align: left;
}

.upcoming-show-title.on-air-dj-title, .upcoming-show-title.on-air-dj-title a {
    font-weight: 600;
}*/

li.current-show.on-air-dj {
    text-align: center;
}

.current-show-avatar, .upcoming-show-avatar, .on-air-dj-avatar {

    margin: auto;
}
.upnext {
    font-weight: 600;
}
.upnext-show-title {
    display: inline;
    font-weight: 100;
}
ul.current-show-list.on-air-list {
    padding: 0;
}
.current-show-avatar, .upcoming-show-avatar, .on-air-dj-avatar {
    max-width: 100%;
}
section#dj_masthead_widget-2 ul.current-show-list {
    /*background-color: #ffffff63;*/
    padding: 5px;
}
section#dj_masthead_widget-2 .current-show-title.on-air-dj-title, section#dj_masthead_widget-2 .current-show-shifts.on-air-dj-sched.current-shift {text-align:left}

/*app style*/
#current-show-masthead-widget-0.current-show-wrap.widget {
    background: #1a1a1a;
    border-radius: 20px;
    padding: 10px;
    padding-bottom:0px;
	min-width: 240px;
	margin-top: 6px;
}

#current-show-masthead-widget-0.current-show-wrap.widget.masthead h1.widget-title {
    color: #fff!important;
    text-transform: uppercase;
    font-size: 9px!important;
    text-align: left;
    padding: 0 6px;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    background-image: none;
}
#current-show-masthead-widget-0.current-show-wrap.widget.masthead .mh_appface { 
    padding: 8px;
    border-radius: 8px;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden;
}

#current-show-masthead-widget-0.current-show-wrap.widget.masthead .mh_appface::before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #12c2e9;
    background: -webkit-linear-gradient(to right, #f64f59, #c471ed, #12c2e9);
    background: linear-gradient(to right, #792a2fc7, #613775ad, #12c2e9a6);
    background-position: center;
    z-index: 2;
}
#current-show-masthead-widget-0.current-show-wrap.widget.masthead  .current-show-shifts.on-air-dj-sched.current-shift{
    z-index: 3;
    position: relative;
}
#current-show-masthead-widget-0.current-show-wrap.widget.masthead .current-show-title.on-air-dj-title{   font-size: 10px; text-transform: uppercase; z-index: 3;
    position: relative;}
#current-show-masthead-widget-0.current-show-wrap.widget.masthead .current-show-title.on-air-dj-title i.play-box::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f144";
    display: block;
    float: left;
    font-size: 27px;
    margin-right: 10px;
    font-style: normal;

}
a.mh-link{cursor: pointer; display:inline-block; float:left;}
#current-show-masthead-widget-0.current-show-wrap.widget.masthead h1.widget-title::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f519";
    display: block;
    float: right;
    font-size: 9px;
   
}
#current-show-masthead-widget-0.current-show-wrap.widget.masthead .current-show-avatar{
    width: 100%!important;
    position: absolute;
    z-index: 0;
    margin: 0;
    top: -33%;
    left: 0;
}
#current-show-masthead-widget-0.current-show-wrap.widget.masthead ul.current-show-list{margin:0;}
#current-show-masthead-widget-0.current-show-wrap.widget.masthead .upnext, #current-show-masthead-widget-0.current-show-wrap.widget.masthead .upnext, #current-show-masthead-widget-0.current-show-wrap.widget.masthead .upnext a {
    text-align: right;
    font-size: 9px;
    color: #fff;
}


/* light theme  */

#current-show-masthead-widget-0.current-show-wrap.widget.masthead.light {
    background: #ffffff;
}
#current-show-masthead-widget-0.current-show-wrap.widget.masthead.light .upnext, #current-show-masthead-widget-0.current-show-wrap.widget.masthead.light .upnext a {
    color: #1a1a1a;
}
#current-show-masthead-widget-0.current-show-wrap.widget.masthead.light h1.widget-title {
    color: #000!important;}

.light li.current-show.on-air-dj.default-dj{color:#000;}