/**
 * Admin page
 */
.pushtape-player-admin-container-class {
  border-left: 1px solid #ddd;
  font-size: 0.9em;
  padding-left: 10px;
}


/**
 * Player
 */
.pt-play-pause:focus {
  /* @TODO: Add another indicator here or remove to address accessibility */
  outline:0;
  opacity:.8; /* Some sort of indicator, at least*/
}
.pt-previous,
.pt-next {
  display:block;
  margin-left:2em;
  float:right;
}
.pt-previous .genericon,
.pt-next .genericon {
  font-size:2.5em;
  vertical-align:middle;
  line-height:1.5em;
}
.pt-play-pause,
.pt-play-pause .genericon {
  font-size:2em;
}
/* Hide/Show */
.pause-btn,
.pt-play-pause.pt-playing .play-btn {
  display:none;
}
.pt-play-pause.pt-playing .pause-btn {
  display:inline-block;
}
.pause-btn {
}
.pt-scrubber {
  margin-bottom: 0.6em;
  margin-top: 1em;
}
.pt-scrubber .pt-statusbar {
  height: 0.6em;
  position: relative;
  border-right:solid 1px #CCC;
  border-bottom:solid 1px #CCC;
  border-top:solid 1px #DCDCDC;
  border-left:solid 1px #DCDCDC;
  background:#F9F9F9;
  border-radius:1px;
  padding:1px;
}
.pt-scrubber.dragging .pt-statusbar {
  cursor: grabbing;
  cursor:-webkit-grabbing;
}
.pt-scrubber .pt-statusbar .pt-position,
.pt-scrubber .pt-statusbar .pt-loading {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  width:0;
}
.pt-scrubber .pt-statusbar .pt-position {
  background-color: #666666;
  position:relative;
}
.pt-scrubber .pt-statusbar .pt-loading {
  background-color:#F1F1F1;
}
.pt-scrubber .pt-statusbar .pt-handle {
  position:absolute;
  width:1.7em;
  height:.95em;
  right:-1.6em; /* Half of width */
  top:-.24em; /* Slightly less than half of height*/
  background:#FDFDFD;
  border:solid 1px #999;
  border-bottom:solid 1px #777;
  border-right:solid 1px #777;
  border-radius:1px;
  transition: all .1s;
  cursor: pointer;
}
.pt-time {
  float:right;
  font-size:1em;
}
.pt-current-track-title {
  color:#DDD;
  font-size:1.7em;
  vertical-align:middle;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pushtape-player-playlist {
  clear:both;
  margin:0;
  padding:0;
  list-style-type:none;
  font-size:1.1em;
}
.pushtape-player-playlist a {
  display:block;
  padding:1em;
  border-bottom:solid 1px #EEE;
}
.pushtape-player-playlist li.last a {
  border-bottom:none;
}
.pushtape-player-playlist a:hover,
.pushtape-player-playlist a.pt-playing,
.pushtape-player-playlist a.pt-paused {
  background:#FBFBEF;
}
.pt-link.pt-loading { opacity:.2;}
.pt-link.pt-playing { opacity: 1; font-weight:bold;}
.pt-link.pt-paused { opacity:.5; font-weight:bold;}

/**
 * Genericons for better icons. 
 * See: http://genericons.com/
 */
.pt-link {}
.pt-link:before {
  font-family:Genericons;
  content: '\f452 ';
  vertical-align:bottom;
  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.pt-link.pt-playing:before {
  font-family:Genericons;
  content: '\f448 ';
  vertical-align:bottom;
  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.pt-play-pause.pt-buffering,
.pt-link.pt-buffering {
  -webkit-animation: buffering 1.6s infinite;
  animation:  buffering 1.6s infinite;
}

/* Utility class to hide elements if no links found on page load */
.pt-hide {
  display:none;
}

/* Buffering animation */
@-webkit-keyframes buffering {
  0%   { opacity:1; }
  50%   { opacity:.5; }
  100% { opacity:1; }
}

@keyframes buffering {
  0%   { opacity:1; }
  50% { opacity:.5; }
  100% { opacity:1; }
}

/**
 * Album Tracklist (field_tracklist) styles.
 *
 * The D7 pushtape/flux theme scoped these under .view-tracklist and
 * .view-tracklist-premium wrappers; D10's embedded tracklist view renders
 * only a generic .item-list wrapper, so we scope under it here. In
 * particular, the global theme rule `.views-field.views-field-title
 * { position: absolute; top: -40px; }` (styles.css) would otherwise push
 * every track title offscreen, making it appear as though the title is
 * missing from the audio list.
 */
.item-list ol {
  list-style-position: inside;
  margin-left: 0;
  text-indent: 0;
  padding-left: 0;
  width: 100%;
  margin-top: 20px;
}
.item-list .views-row {
  line-height: 50px;
  padding: 5px 10px;
  padding-left: 20px;
  border-bottom: solid #eee 1px;
  list-style-type: decimal-leading-zero;
}
.item-list .views-row-last {
  border-bottom: none;
}
.item-list .views-row:hover {
  background: #f6f6f6;
}
.item-list .views-field-field-audio {
  float: left;
}
.item-list .views-field-field-audio .pushtape-player-audio {
  font-size: 2.5em;
  text-align: center;
  padding: 0;
  margin-right: 0.1em;
  outline: none;
  vertical-align: bottom;
}
.item-list .views-field-title {
  position: static;
  top: auto;
  left: auto;
  font-weight: bold;
}