/*
  This is legacy CSS for backwards-compatibility. These rules used to live
  in player.css and may be overridden in player_[site].css

  The new, simpler way to style buttons is to use the CSS in
  puppy/media/subtree_shared_media/css/button.css

*/

.main .article-tools .fa-share:before,
.main .puppy-btn.fa-play:before,
.main .puppy-btn.fa-plus:before,
.main .puppy-btn.fa-download:before {
  /* Fixes regressions in the old media buttons
     caused by new FontAwesome markup. Take this
     out when you want to implement FA on all the
     puppy-btns on interior pages. ke
  */
  content: "";
}

.media_buttons {
  clear: both;
  margin-top: 20px;
  margin-bottom: 15px;
  padding: 0;
  min-height: 15px;
  height: auto !important;
  height: 15px;
}

p.downloadlink {
  padding: 0px;
  margin: 0px 0px 0px 0px;
}

.media_buttons a.button,
p.downloadlink a,
p.transcript a {
  border-left: 1px solid #999;
  margin-right: 0px;
  padding: 0px 5px 0px 23px;
  float: left;
  cursor: pointer;
  height: 14px;
  font-size: 11px;
  line-height: 15px;
  background-position: 5px center;
  background-repeat: no-repeat;
  font-family: inherit;
}

.media_buttons a.button.more {
  padding: 0 7px;
}

div.video a.Embed {
  border-left: 0px;
}

p.media_buttons a.first, div.media_buttons a.first {
  border-left: 0px;
  background-position: 6px center;
  padding-left: 24px;
}