body.playlists {
  padding: 0;
}

body.playlists .page {
  padding: 0 30px;
  margin: auto;
}


.playlists h1 {
  text-align: center;
  margin-top: 1em;
}
.playlists h3 {
  text-align: center;
  margin: 1em 0 2em;
  font-size: 1.3em;
}

.playlists .playlist-badge {
  text-align: center;
}

.playlists .playlist-badge img{
  vertical-align: -8px;
}

.playlists iframe {
  max-width: 500px;
  margin: auto;
}

.playlists .cover {
    max-width: 500px;
    margin: auto;
    text-align: center;
}


.playlists  .desc {
    max-width: 500px;
    margin: 2em auto;
    text-align: justify;
}

.playlists  .desc .curator {
  text-align: right;
}

.playlists  .desc a {
  font-weight: normal;
  text-decoration: underline;
}

.playlists .listen-controls{
    margin: 4em 0;
    text-align: center;
}

.playlists .listen-controls .listen-button{
    text-align: center;
    font-size: 2em;
    white-space: nowrap;
    /* background-color: #1db954; */
    color: #fff;
    padding: 0.8em;
    border-radius: 5px;
    /* line-height: 3em; */
    width: 15em;
    display: inline-block;
    margin: 0.5em 0;
}

.playlists .listen-controls .listen-button img { 
    height: 50px;
    width: 50px;
    display: inline-block;
    vertical-align: middle;
}


.playlists .listen-controls .listen-button-small{
    text-align: center;
    font-size: 1em;
    white-space: nowrap;
    /* background-color: #1db954; */
    color: #fff;
    padding: 0.4em;
    border-radius: 5px;
    /* line-height: 3em; */
    width: 15em;
    display: inline-block;
    margin: 1em 0;
    line-height: 2em;
}

.playlists .listen-controls .listen-button-small img { 
    height: 25px;
    width: 25px;
    display: inline-block;
    vertical-align: middle;
}


.playlists .listen-controls .spotify-color {
  background-color: #1db954;
}

.playlists .listen-controls .youtube-color {
  background-color: #ff0000;
}

.playlists .listen-controls .amazon-color {
  background-color: #fff;
  border: solid #aaa 1px;
  color: #444;
  }



@media (max-width: 767px){
  body.playlists .page {
      padding: 0 1em;
  }

  .playlists .listen-controls {
      margin: 1em 0 2em 0;
  }

  .playlists .listen-controls .listen-button{
    font-size: 1.5em;
    /* padding: 1em; */
    line-height: 3em;
    width: 90%;
    display: inline-block;
    padding: 0px;
    margin: 1em;
  }

}