div.wp-block-vdsdev-parse-beatport-vdsdev-parserbeatport-playlist li:hover {
  cursor: pointer;
}

div.wp-block-vdsdev-parse-beatport-vdsdev-parserbeatport-playlist li {
  list-style-type: none;
}

div.wp-block-vdsdev-parse-beatport-vdsdev-parserbeatport-playlist > ul > li:before {
  content: 'GG'; /* ┃┃  ► */
  font-size: 10pt;
  color: rgba(0,0,0,0);
  margin-left: -7px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("https://img.icons8.com/ios-filled/50/000000/play.png");
}

div.wp-block-vdsdev-parse-beatport-vdsdev-parserbeatport-playlist > ul.play > li.current:before {
  content: 'GG';
  background-image: url("https://img.icons8.com/ios-filled/50/000000/pause.png") !important;
}

div.wp-block-vdsdev-parse-beatport-vdsdev-parserbeatport-playlist > ul.pause > li.current:before {
  content: 'GG';
  background-image: url("https://img.icons8.com/ios-filled/50/000000/play.png") !important;
}

.wp-block-vdsdev-parse-beatport-vdsdev-parserbeatport-playlist ul {
  margin: 0;
}

.wp-block-vdsdev-parse-beatport-vdsdev-parserbeatport-playlist li {
  margin-left: 0;
}

#vdsdev-audioplayer-controls > button.vdsdev-controls {
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: center;
}

#vdsdev-audioplayer-controls > .vdsdev-controls.btn-prev {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAABiElEQVRoge2ZMS8EQRiG37mciEp0SgmVQhQKW/gD+vsL/gJOS6JVSvgJ/oBGqdBJFFql0FAQwaPZyGZyZtbezO0O87SbvM/3bvZys99KmUwmk8l0GGAaOOh6pk9YADcAXc50yWaAQ+Cdki5m+oQbwC0WXct0yWaBY+DTFjaVxsj0CTeBu1GyptIYmS7ZXHnHvLSZ6RMOgPs6wrrSGJku2TxwVldWRxoj01diADz+VuiSxsh0FVgAzpvIfpLGyHQVMMAW8DyOsCqtZD6FyvSVWAIuxpVVpcBi6ExXgT4wBF5CCUt2Q2dW5zZWiRVJp5LW6j187WKM+Z6/J0nAFLAt6UqJlLDpA4WkE0nLbQ8zDr22BwhFzxhzKWlV0o6kt5bnaczf+rFXLlxLKiTtSXoN7B1GyPRD6n+IVpn0jyhWobQPjSPksY7xDxMtUorTf7Gy5Gm/6lri9JcPljztdZAljrWgOwI+JlakIk97ZWqJ019iW/IYnxXWQ2fWFcf60LMfMjOTyWQy/5svRXFPkH5K2U8AAAAASUVORK5CYII=");
}

#vdsdev-audioplayer-controls > .vdsdev-controls.btn-play-pause {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAABWUlEQVRoge2ZPU4DMRBGZ4GQBjpamhwAiYaGG3AIbsCPBAfgCpS0lLRcAAlRkvTUtElFgxA8CjQSIZD1rtcezeJXb/G9lWV/HosUCoXCd4BzYN06RzR88QQcWGeJgnlugZF1plawyCtwCWxaZ2vELyLKM3AIVNYZg1giotwBO9Y5awkQAXgHroEt67x/EiiiTIETYNU69wINRZQxsG+dfY6WIgAfwA2wbe0gIlEiygtwAQy9iyi27aBDEcWmHSQQAYt2kEhEydcOEoso6dtBJhGAN+CKVO0go4jSqB0Er0mA9r8hiomIHFVV9bDso5VMYWLYFZF7atqBB5Eg1qwDBDAWkWPPS2smIqcislcn0YiMu1Uvtl/3B6L7iqKlcSO5QEIR9zXe/cXK/VW3F8OHR5yPg9wP6NKeyl0QIOF+iO3+WSH/qdwFPyTcP7314jH0DBhY5ygUCv+cTyS4gJtcT/1lAAAAAElFTkSuQmCC");
}

#vdsdev-audioplayer-controls > .vdsdev-controls.btn-next {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAABSUlEQVRoge2ZrU4EMRRGvwIJiFUkSCQCAYYXWAEvwCsQ9hUIiyaBR+AV1uMBAQaFhWQljmD4EYSDajKZQcxm2s60uUeOOLffNJ1pbyXDMAzDCARwDqwO3dmmKMAzMB6ys21RgF/gChgN0blIUc8c2I/gPAg15rZFPTNgfSjOLkUBXoHDITi7Fq2+yY0+naGKArwBk76cIYt6roHN1M4YQQDegQngUjljBfHcAluBnXf/OWMHAfgAToDlgM7PujNFEM89sB3LmTIIwBdwGsE5BVbqY3f1IK2nr1+eJB055x79g6UeB9OFXUkPwAWwJuU7I1VeJB3nOiMNcg7yI+lS0o5z7qax+jMh6WL/ljSN4DyTtFcN0SDg9z77H2IRW5TsN41FbOOzP1gVcdTNvvlQRDso+wbdnMxbpkU0sYu4VijjoscwDMMwFuQPpEpgEuZ4dGQAAAAASUVORK5CYII=");
}

#vdsdev-audioplayer-controls > .vdsdev-controls.btn-play-pause.pause {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAAWElEQVRoge3PQQqAMBAEwcT//zl+QMHopZGq8+5AjwEA783dh7XWejQ85+X21/87x85xmZAaITVCaoTUCKkRUiOkRkiNkBohNUJqhNQIqRFSI6RGCAD8yQmiFAhEmlSRvAAAAABJRU5ErkJggg==");
}

@media (max-width: 600px) {
  .mejs-time.mejs-currenttime-container, .mejs-time.mejs-duration-container {
    margin: 0 !important;
    padding: 1px !important;
  }
  .mejs-time.mejs-currenttime-container {
    position: absolute;
    right: 0;
  }
  .mejs-time.mejs-duration-container {
    position: relative;
    top: 40px;
  }
  #vdsdev-audioplayer-wraper {
    padding: 10px 5px  !important;
  }
  #vdsdev-audioplayer-wraper .vdsdev-audioplayer-trackname-inner-mediaplayer {
    line-height: normal;
    font-size: 10pt;
    white-space: normal;
  }
}

#vdsdev-audioplayer-wraper {
  position: fixed;
  bottom: 0px;
  /* top: 452px; */
  right: auto;
  left: 0px;
  width: 100%;
  background: black;
  padding: 10px 10px;


  display: -webkit-flex;
  display: flex;

  z-index: 999;

}

#vdsdev-audioplayer-controls {
  width: 200px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}

#vdsdev-audioplayer-controls button {
  background: none;
  width: 40px;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 15pt;
  letter-spacing: 0pt;
  text-align: center;
  white-space: nowrap;
}

#vdsdev-audioplayer-controls button, #vdsdev-audioplayer-controls button:focus, #vdsdev-audioplayer-controls button:active {
    outline: none;
    border: none;
    text-decoration: none;
}

#vdsdev-audioplayer-controls button.btn-play-pause {
  font-size: 20pt;
}

.vdsdev-audioplayer-trackname-inner-mediaplayer {
  position: absolute;
  font-size: 20pt;
  color: white;
  height: 100%;
  vertical-align: middle;
  margin: 0;
  padding: 0 10px;
  display: flex;
  align-items: center;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  white-space: nowrap;
  max-width: 95%;
  overflow: hidden;
}

.mejs-controls .mejs-time {
  /* display: block; */
  font-size: 10pt;
}

.mejs-time.mejs-currenttime-container {
  margin: 0;
  margin-left: 20px;
}

.mejs-time.mejs-duration-container {
  margin: 0;
  margin-right: 10px;
}

.audio-player,.audio-player div,.audio-player p,.audio-player a,.audio-player button {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

.audio-player {
    position: relative;
    margin: 0 auto;
    background: #d14242;
    width: 426px;
    height: 120px;
}

.audio-player p {
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    left: 143px;
    top: 62px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 17px;
    color: #fcc;
    font-weight: 700;
}

.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
  background: none;
}

.mejs-offscreen {
  display: none;
}

.mejs-controls {
  display: -webkit-flex;
display: flex;

  position: static;
  padding: 0;
}

.mejs-controls .mejs-time-rail {
  margin: 0 5px;
}

.mejs-controls .mejs-button.mejs-volume-button {
  margin: 0;
  margin-left: 20px;
  margin-right: 10px;
}

.mejs-controls .mejs-horizontal-volume-slider {
  margin-right: 30px;
}

.mejs-inner, .mejs-controls {
  height: 100%;
}

.mejs-time-total {
  margin: 0;
}

.mejs-controls .mejs-button.mejs-playpause-button {
  display: none;
}

.mejs-controls a.mejs-horizontal-volume-slider, .mejs-button.mejs-volume-button {
  display: -webkit-flex;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.mejs-horizontal-volume-total {
  top: auto;
}

.mejs-controls .mejs-button button {
    /* position: absolute;
    display: block; */
    /* width: 50px;
    height: 50px;
    cursor: pointer;
    background: #961717; */
}

.mejs-controls .mejs-play button,.mejs-controls .mejs-pause button {
  display: none;
    width: 50px;
    height: 50px;
    background: #961717 url(../img/playerbuttons.png) 0 0 no-repeat;
}

.mejs-controls .mejs-pause button {
    background-position: 0 -120px;
}

.mejs-button.mejs-volume-button {
  position: static;
  height: 100%;
}

.mejs-button.mejs-volume-button button {
  position: relative;
  margin: 0;

  font-size:25pt;
  font-weight:100;
  color: white;
  background:none;
  overflow: visible;
  width: auto;
  height: 100%;
}

.mejs-button.mejs-volume-button button {
  /* content: "🔊"; */
  width: 50px;
  background-size: 32px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAEBElEQVRoge2ZTWgdVRTH/7fx5RltpdbWgiahImIXKbiwBIJKXFkErYKgoLjxA7HiotKFFLoSu9CFjR8LF11YRUWtsdqKwY2ISBW1agup1krpxpA2BdFUW19+LuY83/ByZjLz5k0nQs7mMHP+95z7m3lv5tw70pIt2f/HgABsBU4CZ4BXgL6q55XLgF7gfebbzqrnltkMYtyBAPi56vllMoPYlwAB0MiZb11JU00tWgc+TIEAIEe+LTZkAlhf5tzjRTNB5ATZCEzZsHPADmBZmRC9wAdZIPKAWO6VwC7gvA0/AFxeBkQd2J8VIi9IrM4tsbtzCFhVKUSnIFavH/jB0hwELusWxIG8EGkgRD/RT4E3gYEEzVpg0lKNA6EIxMWdQiwAsgI4ZbLfgXsTdAPAtOmeKALxcacQaSCWf5DWe2gOeDpBd4fFzwLX5IWoF4VYCCRWaxvQsCHuVQd2W3xP/GQfMAbMOLXvMc1zRSGygli9R4iu+j/AiBPvB2YNeEPz5Ispta80zfELCdJ28Y4BdSf+gsVfap44nVI7mGaumyDApcAzwIMktPdET7LDNvRJJz5ksVNArzIW7orF8t0aO30CGE2A2WyakzgtCvCNxTeV17+k22eSHpI0KWlQ0gRwm6PbJ+m4pH5Jo058wvxIJSAhhLkQwm5JQ5JelVSTtAe4ok2HpLfs8HYn1Vfmh6u6I5KkEEJD0mOSvpC0RtIWR/a5+Y1O7JD59ZWCSP9d9Wft8C5Hctj8tU5s2vyqEP8TOkWaT62OGz4vX7sRPeanJP0ZQljeFuuTNCvpbAjhEmfsX5Lqld+RbtliAbnR/FEnttr8THsAWC6pLumPykGIXrrb7XDckQyZP+bE1pg/XSkI0KPo8Tui6I/7siO7yfzXTuwG85OVgADLgEclHZH0sKRzku4PIcy06YKk++xwv5Nq2PzBxdCi/ArcnADcbFFO4Lco31p8U1VNYx9R0/gATmdrmnjTOG9dAmyw2DTWNI6l1F5tg37pJkgWA563YT95sERbRQBj8auzC//ObDbNzgsJQmthdR4YduIDREvdBjDk5UhKnGsjrggI8BTRyhCiB4KnaS51X8sM0QaTtNNeGAS4Opa/AWxN0N1Ja/NhXW6QbsCk5O0BfjPZGeDuBN0gre2gxzuCaIPxPuR0DGJ5XwfeAK5KiK8FjlqqvYUgisIUqDcA/GhpvgRWdAXEkteAvWWDAKO0NrG/o6Qd+RrwXhkgzP+s8BGwsusQsYKZYXLkjH9K+BvYTpFN6xyFM8HkyLfDhnwCXF/m3L3iNeDdFI7ZHLkuAq4rc74LTaAGvJMA8n1lE+vEDOZtB2TetueiN6KF0zaiznWKqOnsqXpeS7ZkHdi/JwL5wR8qk8IAAAAASUVORK5CYII=");
}

.mejs-button.mejs-volume-button.mejs-unmute button {
  /* content: "🔇"; */
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAD3ElEQVRogdWZX2iPURjHz36G3xCaZNKW/LnxpyYXhl1IuUAu1AoXJCXljjAXFMoUsSYrpQiNZAqR3bjiwpUINSzyZ1b+LJkaY/u4+D2v3+l1zvt7/5z31c7Nb53vc57n+eyc93nPOa8CTgBvgPlqGLecUmq0UqpGKXV3WMMAI4A2Cu3jcIcpB666ggFywC7gOdALtAJ5V/mWCu4EBhgFXOff1uQ656AkEi2zAAiAF2nlbUsm1swIxA0LBMBghBwqgMVAeXwSFR0mBAQAEeJvkyGPgCWZwISFiAgyT2ICDAEngZFJYAKfGYKfidgg4nsi0AL8kuH3gSrnMFEhooJo8euBHnHxEpiaBMa/zBYScjklBZH4NcATcfMYqHQFMxgVohQIcA64BFRb9CqZEYAOoMwVjDMQ8ftezPqATRa76cAXsdsRF2IsMC4JTAn/1cBNzfywxa5B9B/AjDggHcC9JDAh4+yluHT3WWwui35R78wDzRQrgzG41hUbJsI/bbsMGQJWG/SZwIAAz/U6m8ME93XHggkLIvFaZFgPMNGgnxG92eswzkQJkFgwmq8JQBOwBRhjAckDnTL0kEGv00DLTQmGBYkMo/laqnW/A5ZbYLwH+6sfGCgDukRflhQkEowvifXAA5EGgJUGkDLgtdisM+itojW6AAkNY0n0sMifgckGmyOiXzRom0W75gokFIxp+YjvDjE5YNBWidZp0GpFe+ISpCRMAMhyMXlo0KpF+4VvWwJME63bNUggTABIpZh8N2gVmosJFq0/Z3OeoNUrpe4opfJKqQ1KqXYtsO2k6R2afhq0Ie1v/0aRv78pzEjQzBhPmsBa0R8YNG/5/AZyPm2KaD1pgoSCEc0rwzsNICtEMz3sC0R7lDZIIAyFt/d56evG9wxI3CbRTeV3o2htWYAEwXhv5n6gzpBoTrPZYNBPibYnKxCAe9pS0qtZF1DrT1Js14hNL4Y9GcW3fq0CPmQEovsKUwBGAc/E5p9DFrBItLdAmQKOZw0SBgY4JloPMN4AckH0g15HXmCMM5MWSBAMsJXCocp2sJoN/KSw2Zzm1wMbCS4dbCAWmKMCALDfMsa7imqJBGEI6AwkwLfxMwTFkvsFmBQZxAVMBN99mAvAHOCb2DTEgnABE9G3fwdQQ6FCAZxOBKE51e+DnYEYfHs7gFkUbxlvkfS7iS9gmtdB/pnxbhdvY7msyBQmoe92pzNhCBh6mSX0nf6n87AwDnxnAlNqmfU78v3fYZ469J0ZzBUDyG5HvjOFyQGNFGr/JwoX5U4qTuYwabbMC0CazT8z/zufRE1gzgKv/gClhhTt6dBYiQAAAABJRU5ErkJggg==");
}

.mejs-controls .mejs-mute button,.mejs-controls .mejs-unmute button {
  /* display: none; */
    /* width: 24px;
    height: 23px;
    background: transparent url(../img/mute-unmute.png) 0 0;
    top: 28px;
    left: 140px; */
}

.mejs-controls .mejs-unmute button {
    /* background-position: 0 -23px; */
}

.mejs-controls .mejs-horizontal-volume-slider {
    /* position: absolute;
    top: 33px;
    right: 23px; */
    cursor: pointer;
    height: 100%;
    width: 10px;
    -webkit-flex-grow: 1;
flex-grow: 1;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    width: 100%;
    height: 8px;
    background: #dadada;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    position: absolute;
    width: 0;
    height: 8px;
    background: white;
    /* top: 1px; */
    /* left: 1px; */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.mejs-controls div.mejs-time-rail {
  position: static;
  -webkit-flex-grow: 10;
  flex-grow: 10;
    width: 10px;
    height: 100%;
    padding: 0;
}

.mejs-controls .mejs-time-rail span {
    /* position: absolute; */
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    /* top: 40px;
    left: 55px; */
    cursor: pointer;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
}

.mejs-controls .mejs-time-rail > span > span {
  position: absolute;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
    background: #353535;
    overflow: hidden;
    /* width: 311px !important;
    height: 12px;
    margin-top: 68px;
    margin-left: 60px; */
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    top: 0;
    left: 0;
    width: 0;
    background: #961717;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    top: 0;
    left: 0;
    width: 100%;
    /* background: #961717; */
    background: rgb(0,212,255);
  background: linear-gradient(90deg, rgba(0,212,255,1) 0%, rgba(0,0,231,1) 40%, rgba(102,0,173,1) 80%);
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
    /* position: absolute; */
    display: none;
    width: 10px;
    height: 10px;
    top: 2px;
    background: #330202;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    left: 11px;
}

.mejs-controls .mejs-time-rail .mejs-time-hovered {
  display: none;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    top: -2px;
    background: white;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
  background: none;
  border: none;
    position: absolute;
    z-index: 9999;
    color: fff;
    width: 33px;
    height: 23px;
    top: -30px;
    display: none !important;
    /* margin-left: -17px; */
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
    width: 33px;
    /* display: block; */
    left: 0;
    top: 4px;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: 700;
    color: #f89494;
    text-align: center;
    z-index: 9999;
    background: #bf3737;
    padding: 2px 2px 5px;
}

.mejs-controls .mejs-time-rail .mejs-time-float-current:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: #bf3737 transparent transparent;
    top: 15px;
    left: 8px;
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
  display: none;
}

.mejs-controls .mejs-time {
  /* display: none; */
}