.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.html5media-player,
.html5media-player div,
.html5media-player h1,
.html5media-player a,
.html5media-player img,
.html5media-player span:not(.mejs-time-float):not(.mejs-time-float-corner),
.html5media-player p,
.html5media-player button {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}

.html5media-player .mejs-container,
.html5media-player .mejs-container .mejs-controls {
  font-family: "Lato", Verdana, Arial, sans-serif;
  background: #316034;
  width: 344px;
  height: 104px;
  border-radius: 3px;
}
.html5media-player .mejs-controls .mejs-button {
  cursor: pointer;
  display: block;
  position: absolute;
}
.html5media-player .mejs-controls .mejs-play,
.html5media-player .mejs-controls .mejs-pause {
  top: 40px;
  left: 16px;
}
.html5media-player .mejs-controls .mejs-currenttime-container,
.html5media-player .mejs-controls .mejs-duration-container {
  height: 20px;
  position: absolute;
}
.html5media-player .mejs-controls .mejs-currenttime-container span,
.html5media-player .mejs-controls .mejs-duration-container span {
  line-height: 20px;
  margin: auto;
  font-size: 12px;
}
.html5media-player .mejs-controls .mejs-currenttime-container {
  left: 50px;
  top: 40px;
}
.html5media-player .mejs-controls .mejs-duration-container {
  top: 40px;
  left: 199px;
}
.html5media-player .mejs-controls .mejs-time-rail {
  left: 88px;
  top: 45px;
  width: 100px;
  height: 10px;
  position: absolute;
}
.html5media-player .mejs-controls .mejs-time-rail .mejs-time-slider,
.html5media-player .mejs-controls .mejs-time-rail .mejs-time-slider span:not(.mejs-time-float):not(.mejs-time-float-corner) {
  border-radius: 10px;
}
.html5media-player .mejs-controls .mejs-time-rail .mejs-time-float {
  border: 1px solid #0b2243;
  border-radius: 0;
  margin-bottom: 9px;
  background: #f9f9f9;
}
.html5media-player .mejs-controls .mejs-volume-button {
  right: 62px;
  top: 40px;
}
.html5media-player .mejs-controls .mejs-horizontal-volume-slider {
  position: absolute;
  right: 16px;
  top: 45px;
  height: 10px;
  width: 50px;
}
.html5media-player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  height: 10px;
  top: 0;
  border-radius: 10px;
}
.html5media-player .mejs-controls .mejs-jump-forward-button,
.html5media-player .mejs-controls .mejs-skip-back-button,
.html5media-player .mejs-controls .mejs-speed-button {
  top: 72px;
}
.html5media-player .mejs-controls .mejs-jump-forward-button {
  left: 164px;
}
.html5media-player .mejs-controls .mejs-skip-back-button {
  left: 92px;
}
.html5media-player .mejs-controls .mejs-speed-button {
  left: 108px;
  width: 60px;
  height: 20px;
}
.html5media-player .mejs-controls .mejs-speed-button button {
  width: 60px;
  height: 20px;
}
.html5media-player .mejs-controls .mejs-speed-button .mejs-speed-selector {
  left: 0;
  z-index: 4;
}
.html5media-player .mejs-controls .mejs-speed-button .mejs-speed-selected {
  color: #806998;
}
.html5media-player .html5media-download,
.html5media-player .html5media-title {
  position: relative;
  z-index: 3;
  width: 344px;
  color: white;
}
.html5media-player .html5media-download {
  text-align: right;
  padding-right: 16px;
  padding-top: 8px;
  margin-top: 32px;
  margin-bottom: 8px;
  width: 32px;
  height: 32px;
  left: 16px;
}
.html5media-player .html5media-download a {
  color: white;
}
.html5media-player .html5media-download a :hover,
.html5media-player .html5media-download a :focus {
  color: #806998;
}
.html5media-player .mejs-controls {
  z-index: auto !important;
}
.html5media-player .mejs-speed-selector-list-item,
.html5media-player .mejs__speed-selector-list-item {
  margin: 0px 0px 4px !important;
}
.html5media-player .html5media-title {
  padding-left: 16px;
  padding-top: 8px;
  height: 32px;
  margin-top: -104px;
  width: 328px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.oral-history .item-images .player-element .item-file {
  margin-top: 64px;
}

@media screen and (max-width: 768px) {
  .person .oral-history .player-element .item-file {
    margin-top: 72px;
  }
}

/*# sourceMappingURL=media-player.css.map */