#nowplaying_widget2,
#recentlyplayed2,
#recentlyplayed_widget3,
#recentlyplayed_widget5 {
    margin-bottom: 15px;
    padding: 0;
    text-align: center
}

.nowplaying {
    float: left
}

#nowplaying1,
#nowplaying2,
#nowplaying3,
#nowplaying_widget1,
#nowplaying_widget2,
#nowplaying_widget3,
#recentlyplayed_widget,
.ondemand_desc,
.srb-recentlyplayed {
    display: block;
    overflow: hidden
}

#nowplaying1 .nowplaying_image,
#nowplaying2 .nowplaying_image,
#nowplaying3 .nowplaying_image,
#nowplaying_widget1 .nowplaying_image,
#nowplaying_widget2 .nowplaying_image,
#nowplaying_widget3 .nowplaying_image,
#recentlyplayed_widget .recentlyplayed_image,
#recentlyplayed_widget2 .recentlyplayed_image {
    position: relative;
    background-size: cover;
    background-position: center center;
    overflow: hidden
}

#nowplaying1 .nowplaying_title,
#nowplaying2 .nowplaying_title,
#nowplaying3 .nowplaying_title,
#nowplaying_widget1 .nowplaying_title,
#nowplaying_widget2 .nowplaying_title,
#nowplaying_widget3 .nowplaying_title,
#recentlyplayed1 .recentlyplayed_title,
#recentlyplayed2 .recentlyplayed_title,
#recentlyplayed_widget1 .recentlyplayed_title,
#recentlyplayed_widget3 .recentlyplayed_title,
#recentlyplayed_widget5 .recentlyplayed_title {
    font-size: 16px;
    line-height: 18px;
    margin-top: 0;
    margin-bottom: 2px;
    font-weight: 600
}

#nowplaying2 .nowplaying_info,
#nowplaying3 .nowplaying_info,
#nowplaying_widget1 .nowplaying_sponsor,
#nowplaying_widget2 .nowplaying_info,
#nowplaying_widget2 .nowplaying_sponsor,
#nowplaying_widget3 .nowplaying_info,
#nowplaying_widget3 .nowplaying_sponsor,
#recentlyplayed_widget2 .recentlyplayed_info,
.nowplaying_nosong,
.ondemand_more,
.ondemand_sponsor {
    text-align: center
}

#nowplaying2 .nowplaying_album,
#nowplaying3 .nowplaying_album,
#nowplaying_widget1 .nowplaying_album,
#nowplaying_widget2 .nowplaying_album,
#nowplaying_widget3 .nowplaying_album,
#recentlyplayed_widget2 .recentlyplayed_album {
    font-size: .9em;
    font-style: italic
}

#nowplaying1 .nowplaying_image .nowplaying_start,
#nowplaying2 .nowplaying_image .nowplaying_start,
#nowplaying3 .nowplaying_image .nowplaying_start,
#recentlyplayed_widget .recentlyplayed_image .recentlyplayed_start,
#recentlyplayed_widget2 .recentlyplayed_image .recentlyplayed_start {
    position: absolute;
    font-size: 12px !important;
    background: #eee
}

#nowplaying_widget1 .nowplaying_listen .button,
#nowplaying_widget2 .nowplaying_listen .button,
#nowplaying_widget3 .nowplaying_listen .button {
    padding: 8px 16px;
    display: inline-block
}

#nowplaying_widget1 .nowplaying_sponsor,
#nowplaying_widget2 .nowplaying_listen,
#nowplaying_widget2 .nowplaying_sponsor,
#nowplaying_widget3 .nowplaying_listen,
#nowplaying_widget3 .nowplaying_sponsor {
    display: block;
    margin-top: 10px
}

#nowplaying1 {
    height: 110px;
    margin-bottom: 10px
}

#nowplaying1 .nowplaying_image {
    width: 100px;
    height: 100px;
    background-position: center center;
    overflow: hidden
}

#nowplaying1 .nowplaying_image .nowplaying_start,
#recentlyplayed_widget .recentlyplayed_image .recentlyplayed_start {
    bottom: 0;
    left: 0;
    padding: 3px
}

#nowplaying2 {
    padding-bottom: 25px
}

#nowplaying2 .nowplaying_image,
#nowplaying_widget2 .nowplaying_image,
#recentlyplayed_widget2 .recentlyplayed_image {
    width: 180px;
    height: 180px;
    margin: 0 auto 10px;
    z-index: 100
}

#nowplaying2 .nowplaying_image .nowplaying_start,
#nowplaying3 .nowplaying_image .nowplaying_start {
    top: 0;
    padding: 3px 5px
}

#nowplaying3 {
    position: relative;
    padding-bottom: 20px
}

#nowplaying3 .nowplaying_image {
    width: 100%;
    height: 220px;
    margin: 0 auto 10px;
    z-index: 0
}

#nowplaying3 .nowplaying_info,
#nowplaying_widget3 .nowplaying_info {
    position: absolute;
    bottom: 0;
    background: #0000009c;
    color: #fff;
    width: 100%;
    padding: 10px 20px 15px
}

#nowplaying_widget1 .nowplaying_listen {
    display: block;
    margin-top: 15px
}

#nowplaying_widget3 .nowplaying_image {
    width: 100%;
    height: 320px;
    margin: 0 auto 10px;
    z-index: 0
}

.srr-np-widget,
.srr-rp-widget {
    overflow: hidden
}

.nowplaying_info .nowplaying_album,
.recentlyplayed_info .recentlyplayed_album {
    font-style: italic
}

#recentlyplayed1 {
    display: inline-block;
    float: left;
    overflow: hidden;
    padding: 0;
    margin-bottom: 10px;
    position: relative;
}

#recentlyplayed1 .recentlyplayed_image,
#recentlyplayed_widget1 .recentlyplayed_image {
    position: relative;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    width: 65px;
    height: 65px;
    float: left;
    margin-right: 9px;
    z-index: 100
}

#recentlyplayed1 .recentlyplayed_info {
    font-size: 14px;
    line-height: 19px
}

#nowplaying_widget1 .nowplaying_start,
#recentlyplayed1 .recentlyplayed_start,
#recentlyplayed_widget1 .recentlyplayed_start {
    position: absolute;
    font-size: 12px !important;
    background: #eee;
    top: 0;
    right: 5px;
    padding: 3px;
}

#recentlyplayed2,
#recentlyplayed2 .recentlyplayed_image,
#recentlyplayed3,
#recentlyplayed_widget2 {
    position: relative;
    overflow: hidden
}

#recentlyplayed2 {
    display: inline-block;
    float: left
}

#recentlyplayed2 .recentlyplayed_image {
    background-size: cover;
    background-position: center center;
    width: 150px;
    height: 150px;
    margin: 0 auto
}

#nowplaying_widget2 .nowplaying_info,
#recentlyplayed2 .recentlyplayed_info,
#recentlyplayed_widget3 .recentlyplayed_info,
#recentlyplayed_widget5 .recentlyplayed_info {
    margin-top: 5px;
    z-index: 1000;
    font-size: 14px;
    line-height: 18px
}

#nowplaying_widget2 .nowplaying_start,
#recentlyplayed2 .recentlyplayed_start,
#recentlyplayed_widget3 .recentlyplayed_start,
#recentlyplayed_widget5 .recentlyplayed_start {
    position: absolute;
    font-size: 12px !important;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    top: 0;
    right: 0;
    padding: 3px
}

#recentlyplayed3 {
    display: inline-block;
    float: left;
    padding: 0;
    text-align: center
}

#recentlyplayed3 .recentlyplayed_image {
    display: block;
    width: 100%
}

#recentlyplayed3 .recentlyplayed_info {
    position: absolute;
    bottom: 0;
    padding: 15px;
    z-index: 1000;
    font-size: 13px;
    line-height: 17px;
    color: #fff;
    background: rgba(0, 0, 0, .8);
    width: 100%
}

#recentlyplayed_widget2 .imgbg,
#recentlyplayed_widget2 .recentlyplayed_image,
#recentlyplayed_widget3 .recentlyplayed_image,
#recentlyplayed_widget4 .imgbg {
    background-size: cover;
    background-position: center center
}

#recentlyplayed3 .recentlyplayed_start {
    position: absolute;
    font-size: 12px !important;
    color: #fff;
    top: 3px;
    right: 3px;
    padding: 0 5px
}

#nowplaying_widget3 .nowplaying_title,
#recentlyplayed3 .recentlyplayed_title,
#recentlyplayed_widget4 .recentlyplayed_title {
    font-size: 15px;
    line-height: 17px;
    margin-top: 0;
    margin-bottom: 2px;
    font-weight: 600
}

#nowplaying_widget1,
#recentlyplayed_widget1 {
    display: block;
    overflow: hidden;
    padding: 0;
    margin-bottom: 10px;
    position: relative
}

#recentlyplayed_widget2 {
    background: #000;
    display: block;
    padding: 0;
    margin-bottom: 0;
    opacity: .98
}

#recentlyplayed_widget2 .imgbg {
    display: block;
    height: 100%;
    opacity: .5;
    filter: blur(5px);
    z-index: 0;
    position: absolute;
    width: 100%
}

#recentlyplayed_widget2 .recentlyplayed_image {
    position: relative;
    overflow: hidden;
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 9px;
    z-index: 100
}

#recentlyplayed_widget2 .recentlyplayed_info {
    position: relative;
    margin-top: 5px;
    z-index: 1000;
    font-size: 16px;
    line-height: 20px;
    color: #fff
}

#recentlyplayed_widget2 .recentlyplayed_start {
    position: absolute;
    font-size: 12px !important;
    color: #fff;
    top: 0;
    right: 5px;
    padding: 3px;
    z-index: 1000
}

#recentlyplayed_widget2 .recentlyplayed_title {
    margin-bottom: 2px;
    font-weight: 600;
    z-index: 1000
}

#recentlyplayed_widget2 .recentlyplayed_artist {
    margin-top: 0;
    margin-bottom: 2px
}

#recentlyplayed_widget2:hover {
    opacity: 1
}

#recentlyplayed_widget3 {
    display: inline-block;
    width: 50%;
    float: left;
    overflow: hidden;
    position: relative
}

#recentlyplayed_widget3 .recentlyplayed_image {
    overflow: hidden;
    width: 150px;
    height: 150px;
    margin: 0 auto
}

#recentlyplayed_widget4 {
    display: inline-block;
    width: 49%;
    float: left;
    overflow: hidden;
    padding: 0;
    margin: 0 1% 5px 0;
    position: relative;
    text-align: center;
    height: 180px
}

#recentlyplayed_widget4 .imgbg {
    display: block;
    height: 100%;
    z-index: 0;
    position: absolute;
    width: 100%
}

#recentlyplayed_widget4 .recentlyplayed_info {
    position: absolute;
    bottom: 0;
    padding: 7px;
    z-index: 1000;
    font-size: 13px;
    line-height: 17px;
    color: #fff;
    background: rgba(0, 0, 0, .8);
    width: 100%
}

#nowplaying_widget3 .nowplaying_start,
#recentlyplayed_widget4 .recentlyplayed_start,
#recentlyplayed_widgettext .recentlyplayed_start {
    position: absolute;
    font-size: 12px !important;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    top: 0;
    right: 0;
    padding: 0 5px
}

#nowplaying_widget2,
#recentlyplayed_widget5 {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative
}

#recentlyplayed_widget5 .recentlyplayed_image {
    width: 100%;
    height: auto;
    max-width: 300px
}

#recentlyplayed_widgettext {
    display: block;
    overflow: hidden;
    padding: 0;
    margin-bottom: 5px;
    position: relative;
    background: #eee
}

#recentlyplayed_widgettext .recentlyplayed_info {
    padding: 7px;
    font-size: 14px;
    line-height: 17px
}

#recentlyplayed_widgettext .recentlyplayed_title {
    font-size: 17px;
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 2px;
    font-weight: 700
}

#nowplaying_widget1 .nowplaying_image {
    position: relative;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    width: 90px;
    height: 90px;
    float: left;
    margin-right: 9px;
    z-index: 100
}

#nowplaying_widget2 .nowplaying_image {
    width: 100%;
    height: auto;
    max-width: 200px
}

#nowplaying_widget3 {
    display: block;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    height: 350px;
    max-width: 380px;
    margin: 0 auto
}

#nowplaying_widget3 .imgbg {
    display: block;
    height: 100%;
    background-size: cover;
    background-position: center top;
    z-index: 0;
    position: absolute;
    width: 100%
}

#nowplaying_widget3 .nowplaying_info {
    position: absolute;
    bottom: 0;
    padding: 10px 5px;
    z-index: 1000;
    font-size: 13px;
    line-height: 17px;
    color: #fff;
    background: rgba(0, 0, 0, .8);
    width: 100%
}

.rp_buttons {
    text-align: center;
    display: block;
    margin: 10px 0
}

.nowplaying_nosong img {
    width: 100%;
    max-width: 400px
}

.srb-npfeature-tall {
    position: relative;
    max-height: 350px;
    background: #000;
    overflow: hidden
}

.srb-npfeature-tall .npfeature_bgimage {
    position: absolute;
    width: 100%;
    display: block;
    height: 350px;
    opacity: .5;
    background-size: cover;
    background-position: center top 30%;
    filter: blur(10px);
    z-index: 0
}

.srb-npfeature-tall .npfeature {
    position: relative;
    padding: 25px !important;
    margin: 0 auto;
    overflow: hidden;
    display: flex
}

.srb-npfeature-tall .npfeature_image {
    width: 300px
}

.srb-npfeature-tall .npfeature_image img {
    height: auto;
    width: 100%
}

.srb-npfeature-tall .npfeature_info {
    margin-left: 20px;
    align-self: center !important;
    -webkit-box-flex: 0;
    flex: 0 0 42%;
    max-width: 42%
}

.srb-npfeature-tall .npfeature_title {
    padding: 5px 20px;
    background: #222;
    color: #fff;
    font-size: 20px;
    display: inline-block;
    margin-bottom: 20px
}

.srb-npfeature-tall .npfeature_song {
    color: #fff;
    font-size: 26px;
    margin-bottom: 20px
}

.srb-npfeature-tall .npfeature_artist {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px
}

.srb-npfeature-tall .npfeature_moretext {
    font-size: 14px;
    color: #fff;
    margin-bottom: 8px
}

.srb-npfeature-short .npfeature_more img,
.srb-npfeature-tall .npfeature_more img {
    height: 40px;
    width: auto;
    margin-right: 2px
}

.srb-npfeature-tall .npfeature_play {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    align-self: center !important;
    -webkit-box-flex: 0;
    flex: 0 0 32%;
    max-width: 32%
}

.npfeature_play a:hover,
.srb-npfeature-short .npfeature_play a,
.srb-npfeature-short .npfeature_play a:hover,
.srb-npfeature-tall .npfeature_play a,
.srb-npfeature-tall .npfeature_play a:hover,
.srb-npfeature-widget .npfeature_play a {
    color: #fff !important
}

.srb-npfeature-tall .npfeature_play img {
    height: 130px;
    width: auto;
    margin-bottom: 10px;
    transition: width .6s, height .6s, transform .6s
}

.srb-npfeature-tall .npfeature_play img:hover {
    height: 140px;
    transition: width .15s, height .15s, transform .15s
}

.srb-npfeature-short {
    position: relative;
    max-height: 120px;
    background: #000;
    overflow: hidden
}

.srb-npfeature-short .npfeature {
    padding: 15px !important;
    display: flex
}

.srb-npfeature-short .npfeature_bgimage {
    position: absolute;
    width: 100%;
    display: block;
    height: 120px;
    opacity: .5;
    background-size: cover;
    background-position: center top 30%;
    filter: blur(10px);
    z-index: 0
}

.srb-npfeature-short .npfeature {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    display: flex
}

.srb-npfeature-short .npfeature_image {
    width: 90px;
    height: auto
}

.srb-npfeature-short .npfeature_info {
    text-align: left;
    margin-left: 20px;
    align-self: center !important;
    -webkit-box-flex: 0;
    flex: 0 0 24%;
    max-width: 24%
}

.srb-npfeature-short .npfeature_title {
    padding: 2px 10px;
    background: #222;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    margin-bottom: 3px
}

.srb-npfeature-short .npfeature_artist,
.srb-npfeature-short .npfeature_song {
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 0;
    color: #fff
}

.srb-npfeature-short .npfeature_song {
    font-weight: 700
}

.srb-npfeature-short .npfeature_more {
    text-align: left;
    align-self: center !important;
    -webkit-box-flex: 0;
    flex: 0 0 45%;
    max-width: 45%
}

.srb-npfeature-short .npfeature_moretext {
    font-size: 14px;
    color: #fff;
    margin-bottom: 5px
}

.srb-npfeature-short .npfeature_play {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    align-self: center !important;
    -webkit-box-flex: 0;
    flex: 0 0 20%;
    max-width: 20%
}

.srb-npfeature-short .npfeature_play img {
    height: 70px;
    width: auto;
    margin-bottom: 5px
}

.srb-npfeature-short .listennow {
    font-size: 17px
}

.srb-npfeature-widget {
    position: relative;
    border: 1px solid #aaa;
    text-align: center;
    background: #000;
    overflow: hidden
}

.srb-npfeature-widget .npfeature_bgimage {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    opacity: .5;
    background-size: cover;
    background-position: center top 30%;
    filter: blur(10px);
    z-index: 0
}

.srb-npfeature-widget .npfeature {
    position: relative;
    padding: 5px !important;
    margin: 0 auto;
    overflow: hidden;
    display: block
}

.srb-npfeature-widget .npfeature_image {
    float: none;
    width: 250px;
    margin: 0 auto
}

.srb-npfeature-widget .npfeature_image img {
    height: 250;
    width: auto
}

.srb-npfeature-widget .npfeature_info {
    margin-top: 15px
}

.srb-npfeature-widget .npfeature_title {
    padding: 5px 20px;
    background: #222;
    color: #fff;
    font-size: 17px;
    display: inline-block;
    margin-bottom: 10px
}

.srb-npfeature-widget .npfeature_song {
    color: #fff;
    font-size: 16px;
    margin-bottom: 6px
}

.srb-npfeature-widget .npfeature_artist {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
}

.srb-npfeature-widget .npfeature_moretext {
    color: #fff;
    margin-bottom: 5px
}

.srb-npfeature-widget .npfeature_more {
    margin: 10px 0 15px
}

.srb-npfeature-widget .npfeature_more img {
    height: 35px;
    width: auto;
    margin: 2px
}

.srb-npfeature-widget .npfeature_play {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    align-self: center !important
}

.srb-npfeature-widget .npfeature_play img {
    width: 280px;
    height: auto;
    margin: 15px 0;
    transition: width .6s, height .6s, transform .6s, margin .6s
}

.srb-npfeature-widget .npfeature_play img:hover {
    width: 300px;
    margin: 15px 0 9px;
    transition: width .15s, height .15s, transform .15s, margin .15s
}

#nowplaying-header {
    display: flex;
    overflow: hidden
}

#nowplaying-header .nowplaying-image {
    height: 45px;
    width: 45px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    float: left;
    margin: 0 2% 0 0;
    padding: 0
}

#nowplaying-header .nowplaying-image span {
    display: block;
    height: 100%;
    width: 100%
}

#nowplaying-header .nowplaying-info {
    width: 78%;
    float: left;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    min-width: 220px
}

#nowplaying-header .nowplaying-title {
    font-weight: 700;
    margin-bottom: 2px;
}

.srb-block.srr_nowplaying_header {
    padding-top: 12px
}

@media screen and (max-width:1200px) {
    .srb-npfeature-short .npfeature_info {
        flex: 0 0 22%;
        max-width: 22%
    }

    .srb-npfeature-short .npfeature_more {
        flex: 0 0 50%;
        max-width: 50%
    }

    .srb-npfeature-short .npfeature_more img {
        height: 35px;
        width: auto;
        margin-right: 2px
    }
}

@media screen and (max-width:991px) {

    .srb-npfeature-short .npfeature_bgimage,
    .srb-npfeature-tall .npfeature_bgimage {
        height: 120px
    }

    .srb-npfeature-short .npfeature,
    .srb-npfeature-tall .npfeature {
        padding: 10px 20px !important
    }

    .srb-npfeature-short .npfeature_image,
    .srb-npfeature-tall .npfeature_image {
        width: 90px
    }

    .srb-npfeature-short .npfeature_title,
    .srb-npfeature-tall .npfeature_title {
        padding: 2px 10px;
        font-size: 12px;
        margin-bottom: 3px
    }

    .srb-npfeature-short .npfeature_song,
    .srb-npfeature-tall .npfeature_song {
        font-size: 15px;
        margin-bottom: 0
    }

    .srb-npfeature-short .npfeature_artist,
    .srb-npfeature-tall .npfeature_artist {
        font-size: 15px
    }

    .srb-npfeature-short .listennow,
    .srb-npfeature-short .npfeature_more,
    .srb-npfeature-tall .listennow,
    .srb-npfeature-tall .npfeature_more {
        display: none
    }

    .srb-npfeature-widget .npfeature_more {
        display: block
    }

    .srb-npfeature-short .npfeature_play img,
    .srb-npfeature-tall .npfeature_play img {
        height: 70px;
        margin-bottom: 0
    }

    .srb-npfeature-short .npfeature_play img:hover,
    .srb-npfeature-tall .npfeature_play img:hover {
        height: 78px
    }

    .srb-npfeature-short .npfeature_info {
        flex: 0 0 48%;
        max-width: 48%
    }

    .srb-npfeature-short .npfeature_more img {
        height: 35px;
        width: auto;
        margin-right: 2px
    }
}