div.player {
  background-color: transparent;
  margin-top: 40px;
  width:100%;
  max-height:6px;
  padding:0;
}
div.player:after {
    content: "";
    display: table;
    clear: both;}
    
div.meta-container {
  float: left;
  width:100%;
  padding: 0px; }
  
.info {
font-size:0.8em;
position:relative;left:0;top:40px;
display:block;}

.info-long {
font-size:0.7em;
position:relative;left:0;top:40px;
display:block;clear:both;}

  
progress.amplitude-song-played-progress {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   display: block;
   width:90%;
   height:35px;
   margin-left:47px;
   position:relative;top:25px;
   }
    
div.control-container {
  text-align: left;
  margin-top: 50px;
  }  
  
div.control-container div.amplitude-play-pause {

    width: 33px;
    height: 33px;
    cursor: pointer;
    display: inline-block;
    position:relative;top:-45px;
}


/* 
.amplitude-active-song-container .control-container .song-artist {color:#ff6600;}
.amplitude-active-song-container .current-time, .amplitude-active-song-container .duration {color:#ff6600; font-weight:bold;}
 */


div.meta-container div.time-container {

    width:100%;
    font-family: "Playfair Display", serif;
    height:20px;
    font-size: 12px;
    color: #000;
    margin-left:-8px; 
    }
    
  div.meta-container div.time-container:after {
      content: "";
      display: table;
      clear: both; 
      }
    
  div.meta-container div.time-container div.current-time {
      float: right;
       }
    
  div.meta-container div.time-container div.duration {
      float: right;
      margin-left:10px; 
      }
    
      


    div.control-container div.amplitude-play-pause.amplitude-paused {
    border-top: 1px solid rgba(0, 0, 0, .08);
        border-right: 1px solid rgba(0, 0, 0, .08);
    border-bottom: 1px solid rgba(0, 0, 0, .08);
        border-left: 1px solid rgba(0, 0, 0, .08);
        background:#ececec;
      background: url("images/play.png");
      background-size: cover;
      background-position: bottom center;
      }
   
   
    div.control-container div.amplitude-play-pause.amplitude-playing {
    border-top: 1px solid rgba(0, 0, 0, .08);
        border-right: 1px solid rgba(0, 0, 0, .08);
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    border-left: 1px solid rgba(0, 0, 0, .08);
      background: url("images/pause.png");
      background-size: cover;
      background-position: bottom center;
      }
      

@media screen and (max-width: 39.9375em) 

{

div.meta-container {width: 100%;} 

}

progress.amplitude-song-played-progress:not([value]) {
  background-color: #fff; }



progress[value]::-webkit-progress-bar {
background:transparent;
  

  border-left: 1px solid rgba(255, 255, 255, .08);;
  border-radius: 0;
  margin-top:-48px; }

progress[value]::-moz-progress-bar {
background:transparent;
  

  border-left: none;
  border-radius: 0;
  margin-top:-48px; }

progress[value]::-webkit-progress-value {
  background-color: transparent;z-index:-1;border-right:solid #000 10px;
  border-radius: 0; margin-top:0px;}
  
  
  
  
  
  
@media only screen and (min-width: 968px) {

div.player {
  background-color: transparent;
  margin-top: 40px;
  width:100%;
  max-height:6px;
  padding:0;
}

div.control-container {
  text-align: left;
  margin-top:50px;
  }
  
  div.meta-container div.time-container {

    width:100%;
    font-family: "Playfair Display", serif;
    height:20px;
    font-size: 12px;
    color: #000;
    margin-left:-22px; 
    }
  
div.control-container div.amplitude-play-pause {
position:relative;top:-45px;
    margin:0;
    width: 33px;
    height: 33px;
    cursor: pointer;
    display: inline-block;
    }
    
progress.amplitude-song-played-progress {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   display: block;
   width:91%;
   height:35px;
   margin-left:65px;
   position:relative;top:25px;
   }

      
      
    .info {
position:relative;left:0;top:40px;
display:block;
}       

} /* END min-width: 968px */

progress.amplitude-song-played-progress:not([value]) {
  background-color: #fff; }



progress[value]::-webkit-progress-bar {
background:rgba(0, 0, 0, 1);

  border-left: none;
  border-radius: 0;
  margin-top:-48px; }

progress[value]::-moz-progress-bar {
background:transparent;
  

  border-radius: 0;
  margin-top:-48px; }

progress[value]::-webkit-progress-value {
  background-color: rgba(255, 255, 255, 0.9);z-index:-1;
  border-radius: 0; margin-top:0px;}

  body div#preload {
    display: none; }