/* ==========================================================================
   Fonts
   ========================================================================== */
@font-face {
    font-family: 'callunaregular';
    src: url('../fonts/calluna-regular-webfont.eot');
    src: url('../fonts/calluna-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/calluna-regular-webfont.woff2') format('woff2'),
         url('../fonts/calluna-regular-webfont.woff') format('woff'),
         url('../fonts/calluna-regular-webfont.ttf') format('truetype'),
         url('../fonts/calluna-regular-webfont.svg#callunaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'crimson_textregular';
    src: url('../fonts/crimsontext-regular-webfont.eot');
    src: url('../fonts/crimsontext-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/crimsontext-regular-webfont.woff2') format('woff2'),
         url('../fonts/crimsontext-regular-webfont.woff') format('woff'),
         url('../fonts/crimsontext-regular-webfont.ttf') format('truetype'),
         url('../fonts/crimsontext-regular-webfont.svg#crimson_textregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ParaTypeFuturaPTMedium';
    src: url('../fonts/ParaTypeFuturaPTMedium.eot');
    src: url('../fonts/ParaTypeFuturaPTMedium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ParaTypeFuturaPTMedium.woff2') format('woff2'),
         url('../fonts/ParaTypeFuturaPTMedium.woff') format('woff'),
         url('../fonts/ParaTypeFuturaPTMedium.ttf') format('truetype'),
         url('../fonts/ParaTypeFuturaPTMedium.svg#ParaTypeFuturaPTMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*
  1. Base
*/
.jld-audio-track-one, .jld-audio-track-two, .jld-audio-track-three, .jld-audio-track-four, .jld-audio-track-five, .jld-audio-track-six {
  max-width: 1416px;
  width: 100%;
  float: left;
  margin: 0 0 96px 0;
}

/*
  2. Components
*/
div.player {;
  width: 100%; }
  div.player:after {
    content: "";
    display: table;
    clear: both; }

/*
  Small only
*/
@media screen and (max-width: 39.9375em) {
  div.player img.album-art {
    width: 100%;
    height: auto; } }
/*
  Medium only
*/
/*
  Large Only
*/
div.jld-song-info-container {
  width: 920px;
  float: left;
  /* width of info container ////////////////////////////////////// */
  padding-left: 32px;
  margin: 0 12px;
}
div.meta-container {
  float: left;
  width: 100%;
  align-items: center;
  display: flex; }
    div.meta-container div.time-container:after {
      content: "";
      display: table;
      clear: both; }
    div.meta-container div.time-container div.current-time {
      float: left;}
    div.meta-container div.time-container div.duration {
      float: right;}
.song-artist, .time-container {
    font-family: 'crimson_textregular',serif;
    font-style: normal;
    font-weight: normal; 
    font-size: 22px;
    line-height: 30px;
    letter-spacing: .025em;
    text-align: left;
    color: #5e5e5c;
    text-decoration: none;
    -webkit-font-smoothing:antialiased; 
    -moz-osx-font-smoothing: grayscale;}

/*
  Small only
*/
@media screen and (max-width: 39.9375em) {
  div.meta-container {
    width: 100%; } }
/*
  Medium only
*/
/*
  Large Only
*/
div.control-container {
  width: 448px;
  float: left;
  display: flex; 
  justify-content: space-between;
  align-items: center;
  padding-right: 64px;
  margin: 0 12px;} /* width of controls ////////////////////////////////////// */

  div.control-container div.amplitude-prev {
    width: 24px;
    height: 28px;
    cursor: pointer;
    background: url("../img/previous.svg");
    display: inline-block;
    vertical-align: middle; }
  div.control-container div.amplitude-play-pause {
    width: 80px;
    height: 80px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle; }
    div.control-container div.amplitude-play-pause.amplitude-paused {
      background: url("../img/play.svg"); }
    div.control-container div.amplitude-play-pause.amplitude-playing {
      background: url("../img/pause.svg"); }
  div.control-container div.amplitude-next {
    width: 24px;
    height: 28px;
    cursor: pointer;
    background: url("../img/next.svg");
    display: inline-block;
    vertical-align: middle;
    text-align: right; }

/*
  Small only
*/
@media (min-width: 405px) and (max-width: 604px) {
  div.control-container div.amplitude-prev {
    margin-right: 75px; }
  div.control-container div.amplitude-next {
    margin-left: 75px; } }
/*
  Medium only
*/
@media (min-width: 605px) and (max-width: 808px) {
  div.control-container div.amplitude-prev {
    margin-right: 40px; }
  div.control-container div.amplitude-next {
    margin-left: 40px; } }
/*
  Large Only
*/
@media (min-width: 808px) and (max-width: 3000px) {
  div.control-container div.amplitude-prev {
    margin-right: 75px; }
  div.control-container div.amplitude-next {
    margin-left: 75px; } }
progress.amplitude-song-played-progress:not([value]) {
  background-color: #5e5e5c; }

progress.amplitude-song-played-progress {
  background-color: #5e5e5c;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  display: block;
  cursor: pointer;
  height: 2px;
  border: none;
  margin: 12px 0;}

progress[value]::-webkit-progress-bar {
  background-color: #5e5e5c;}

progress[value]::-moz-progress-bar {
  background-color: #5e5e5c;}

progress[value]::-webkit-progress-value {
  background-color: rgba(23, 85, 240, 1.0);}

/*
  3. Layout
*/
body {
  background-color: #1a1917; }
  body div#preload {
    display: none; }

/*
  4. Pages
*/
/*
  5. Themes
*/
/*
  6. Utils
*/
/*
  7. Vendors
*/

/*# sourceMappingURL=app.css.map */