/*
.mkte_playlist { display:flex; margin-bottom:10%; }
.playlist__left { flex:1; padding-right:5%; }
.playlist__left ul { padding:0; margin:0; list-style:none; border-top:1px solid #000; }
.playlist__left ul li { border-bottom:1px solid #000; padding-left:10px; }
.playlist__left ul li h3 { margin-top:12px; margin-bottom:12px; font-size:26px; vertical-align:middle; line-height:1em; }
.playlist__left ul li h3:before { 
    content:""; display:inline-block; margin-right:15px; width:35px; height:24px; background-repeat:no-repeat; background-size:auto 100%; 
    vertical-align:bottom; background-image:url(../img/icon-play.svg); border-right:1px solid #000; 
}
.playlist__left ul li a.activo h3:before { background-image:url(../img/icon-pause.svg); }


.playlist__right { flex:1; }
.playlist__right h2 { margin-top:0; margin-bottom:15px; }
.playlist__right p { font-size:20px; }
*/



.flex{display:-webkit-flex;display:flex;}
.flex-wrap{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.flex-align{-webkit-align-items:center;align-items:center;}
.w-full{width:100%;}

/* HTML5 Audio Player with Playlist, source: https://codepen.io/sekedus/pen/ExxjZEz */
#simp button,#simp input,#simp img{border:0;}
#simp{ border-top:1px solid #000; }
#simp .simp-album{padding:20px; padding-bottom:5px; }
#simp .simp-album .simp-cover{margin-right:20px; display:none; }
#simp .simp-album .simp-cover img{max-width:80px;width:100%;margin:0;padding:0;display:block;}
#simp .simp-album .simp-title{font-size:32px; font-weight:300; }

#simp .simp-album .simp-artist{font-size:90%;color:#6c7883; display:none; }
#simp button.fa, #simp button.fas { font-family: "Font Awesome 5 Free"; font-weight: 300; }
#simp .simp-controls{padding:15px;}
#simp .simp-controls button{ width:32px;height:32px;background:none; cursor:pointer;border:0;border-radius:3px;}
#simp .simp-controls button:focus { color:#000; }
#simp .simp-controls button[disabled]{color:#636469;cursor:initial;}
#simp .simp-controls button:not([disabled]):hover{background:var( --e-global-color-2bd2bfe ); }
#simp .simp-controls .simp-prev,#simp .simp-controls .simp-next{font-size:18px;}
#simp .simp-controls .simp-tracker,#simp .simp-controls .simp-volume{flex:1;margin-left:10px;position:relative;}
#simp .simp-controls .simp-buffer {position:absolute;top:50%;right:0;left:0;height:5px;margin-top:-2.5px;border-radius:100px;}
#simp .simp-controls .simp-loading .simp-buffer {-webkit-animation:audio-progress 1s linear infinite;animation:audio-progress 1s linear infinite;background-image: linear-gradient(-45deg, #000 25%, transparent 25%, transparent 50%, #000 50%, #000 75%, transparent 75%, transparent);background-repeat:repeat-x;background-size:25px 25px;color:transparent;}
#simp .simp-controls .simp-time,#simp .simp-controls .simp-others{margin-left:10px;}
#simp .simp-controls .simp-others { display:none; }


#simp .simp-controls .simp-volume{max-width:110px;}
#simp .simp-controls .simp-volume .simp-mute{margin-right:5px;}
#simp .simp-controls .simp-others .simp-active{background:#242f3d;}
#simp .simp-controls .simp-others .simp-shide button{font-size:100%;padding:0;width:24px;height:14px;display:block;}
#simp .simp-controls input[type=range]{-webkit-appearance:none;background:transparent;height:19px;margin:0;width:100%;display:block;position:relative;z-index:2;}
#simp .simp-controls input[type=range]::-webkit-slider-runnable-track{background:rgba(183,197,205,.66);height:5px;border-radius:2.5px;transition:box-shadow .3s ease;position:relative;}
#simp .simp-controls input[type=range]::-moz-range-track{background:rgba(183,197,205,.66);height:5px;border-radius:2.5px;transition:box-shadow .3s ease;position:relative;}
#simp .simp-controls .simp-load .simp-progress::-webkit-slider-runnable-track{background:#2f3841;}
#simp .simp-controls .simp-load .simp-progress::-moz-range-track{background:#2f3841;}
#simp .simp-controls .simp-loading .simp-progress::-webkit-slider-runnable-track{background:rgba(255,255,255,.25);}
#simp .simp-controls .simp-loading .simp-progress::-moz-range-track{background:rgba(255,255,255,.25);}
#simp .simp-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;height:13px;width:13px;margin-top:-4px;cursor:pointer;border-radius:50%;box-shadow:0 1px 1px rgba(0,0,0,.15), 0 0 0 1px rgba(47,52,61,.2);}
#simp .simp-controls input[type=range]::-moz-range-thumb{-webkit-appearance:none;background:#fff;height:13px;width:13px;cursor:pointer;border-radius:50%;box-shadow:0 1px 1px rgba(0,0,0,.15), 0 0 0 1px rgba(47,52,61,.2);}
#simp .simp-footer{padding:10px 10px 12px;font-size:90%;text-align:center;opacity:.7;}
#simp .simp-display{overflow:hidden;max-height:650px;transition:max-height .5s ease-in-out;}
#simp .simp-hide{max-height:0;}


/**** Controles ******/
#simp .fa-play:before {
    content:""; background-repeat:none; background-position:center; background-size: 100% auto; background-image:url(../img/play-outline.svg); display:block; width:25px; height:25px;
}
#simp .fa-pause:before {
    content:""; background-repeat:none; background-position:center; background-size: 100% auto; background-image:url(../img/pause-outline.svg); display:block; width:25px; height:25px;
}
#simp .fa-backward:before {
    content:""; background-repeat:none; background-position:center; background-size: 100% auto; background-image:url(../img/play-back-outline.svg); display:block; width:25px; height:25px;
}
#simp .fa-forward:before {
    content:""; background-repeat:none; background-position:center; background-size: 100% auto; background-image:url(../img/play-forward-outline.svg); display:block; width:25px; height:25px;
}
#simp .fa-volume-up:before {
    content:""; background-repeat:none; background-position:center; background-size: 100% auto; background-image:url(../img/volume-medium-outline.svg); display:block; width:25px; height:25px;
}

/* playlist */
#simp ul{margin:5px 0 0;padding:0;list-style:none;max-height:245px;}
#simp ul li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin:0;padding:8px 10px;cursor:pointer; border-bottom:1px solid #000; }

#simp ul li:hover{background-color: #efdcd0; }
#simp ul li.simp-active{background-color: #efdcd0; }
#simp ul li .simp-desc{ font-size:20px; display:inline-block; margin-left:5px; line-height:1em; }
/* playlist scrollbar */
#simp ul{overflow-y:auto;overflow-x:hidden;scrollbar-color:#73797f #2f3841; border-top:1px solid #000; }
#simp ul::-webkit-scrollbar-track{background-color:#2f3841;}
#simp ul::-webkit-scrollbar{width:6px;background-color:#2f3841;}
#simp ul::-webkit-scrollbar-thumb{background-color:#73797f;}
/* progress animation */
@-webkit-keyframes audio-progress{to{background-position:25px 0;}}
@keyframes audio-progress{to{background-position:25px 0;}}
/* mobile */
@media screen and (max-width:480px) {
#simp .simp-controls .simp-volume,#simp .simp-controls .simp-others{display:none;}
#simp .simp-controls .simp-time{margin-right:10px;}
}
@media screen and (max-width:370px) {
#simp .simp-time .simp-slash,#simp .simp-time .end-time{display:none;}
}



@media only screen and (max-width: 1250px) {
    #simp .simp-album .simp-title { font-size:24px; }
    #simp ul li { font-size:18px; }
    #simp ul li .simp-desc { font-size:14px; }
    #simp .simp-controls .simp-time { font-size:18px; }
}