/* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */
/* Font Family
================================================== */

@import url('https://fonts.googleapis.com/css?family=Oxygen:300,400,700');



/* Setup
================================================== */
#audiojs_wrapper0{
    display: none !important;
}
.error-message {
    display: none !important;
}
@media (max-width: 1199px) {
    .containerplayer {
        padding-top: 12px;
        position: relative;
        margin: 0 auto;
        max-width: 800px;
        width: 100%;
    }
    .luisterlive{
        display:none;
    }
}
@media (min-width: 1200px){
    .containerplayer {
        margin-left: 3%;
        float: left;
        padding-top: 12px;
        position: relative;
        max-width: 600px;
        width: 100%;
    }
    .luisterlive{
        float: left;
        margin-left: 50px;
        margin-top: 10px;
    }
    .luisterlive h6{
        color: #ffffff;
        margin-top: -10px;
    }
    #mainwrap{
        padding-left: 30px;
        border-left: 1px solid #e1e1e1;
    }
}
.columnplayer { width:inherit; }




/* Audio Player Styles
================================================== */

audio {
    display: none;
}

#audiowrap,
#plwrap {
    margin:0 auto;
}



/* Plyr Overrides
================================================== */

.plyr--audio .plyr__controls {
    background-color:transparent;
    border:none;
    color:#fff;
    padding:20px 20px 20px 13px;
    width:100%;
}

.plyr--audio .plyr__controls button.tab-focus:focus,
.plyr--audio .plyr__controls button:hover,
.plyr__play-large {
    background:rgba(0,0,0,.1);
}

.plyr__progress--played,
.plyr__volume--display {
    color:rgba(0,0,0,.1);
}

.plyr--audio .plyr__progress--buffer,
.plyr--audio .plyr__volume--display {
    background:rgba(0,0,0,.1);
}

.plyr--audio .plyr__progress--buffer {
    color:rgba(0,0,0,.1);
}


/* Media Queries
================================================== */

@media only screen and (max-width:600px) {
    #nowPlay span#npAction { display:none; }
    #nowPlay span#npTitle { display:block; text-align:center; width:100%; }
}