Current File : /home/aventura/www/site/wp-content/themes/kleo/assets/css/plugins/mediaelement.css

/* --------------------------------------------------
    Mediaelement - KLEO Compatibility
----------------------------------------------------- */
.mejs-container.mejs-audio {
  /*height: 30px !important;*/
}
.kleo-video-wrap *,
.post-audio * {
  outline: none !important;
}
/* Start: LAYERS */
.mejs-poster {
  background-size: cover;
}
.mejs-overlay {
  width: 100% !important;
}
.mejs-overlay-button {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-left: -25px !important;
}
.mejs-overlay-button:before {
  font-family: "fontello";
  font-size: 22px;
  content: "\e8c4";
  color: #fff;
  display: block;
  text-align: center;
  line-height: 50px;
  width: 50px;
  height: 50px;
  padding-left: 5px;
  /* Temporary */
}
/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
  background: none;
  font-size: 11px !important;
  /*overflow: hidden;*/
}
/* rtMedia compatibility */
.rtm-lightbox-container .mejs-container .mejs-controls {
  background: rgba(255, 255, 255, 0.2) !important;
}
.mejs-container.mejs-audio div.mejs-volume-button {
  min-height: 0;
}
.mejs-container .mejs-controls > div {
  min-height: 26px;
  height: auto;
}
.mejs-controls .mejs-button button {
  background-image: none;
  height: 16px !important;
  line-height: 0 !important;
  margin: 8px 5px;
}
.mejs-controls .mejs-button button:before {
  font-family: "fontello";
  font-size: 13px;
  color: #000;
  display: inline-block;
}
/* End: CONTROL BAR */
/* Start: Time (current / duration) */
.mejs-container .mejs-controls .mejs-time {
  min-height: 0;
}
/* rtMedia compatibility */
body[class*="rtm-3.7"] .rtmedia-activity-container .mejs-time {
  margin: 2px !important;
}
.mejs-container .mejs-controls .mejs-time span {
  color: #000;
}
/* rtMedia compatibility */
.rtmedia-activity-container .mejs-time.mejs-currenttime-container {
  /*display: none;*/
}
/* End: Time (current / duration) */
/* Start: Play/pause */
.mejs-controls .mejs-play button:before {
  content: "\e8c4" !important;
}
.mejs-controls .mejs-pause button:before {
  content: "\e8c8" !important;
}
.mejs-overlay-loading,
.mejs-overlay-loading span {
  background: none !important;
}
/* End: Play/pause */
/* Stop */
/* End: Play/pause */
/* Start: Progress bar */
.mejs-controls .mejs-time-rail a {
  height: 4px;
}
.mejs-controls .mejs-time-rail span {
  border-radius: 0;
  height: 6px;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
  background: #fff;
  margin: 6px 5px;
}
.mejs-controls .mejs-time-rail .mejs-time-total .mejs-offscreen {
  display: none;
}
/* rtMedia compatibility */
.rtm-lightbox-container .mejs-time-rail .mejs-time-total {
  background: rgba(255, 255, 255, 0.5);
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
  background: #000;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
  background: #00B9F7;
}
.mejs-controls .mejs-time-rail .mejs-time-float {
  border: 1px solid #e5e5e5;
  background: #e5e5e5;
}
.rtmedia-activity-container .mejs-time-rail .mejs-time-float {
  margin-left: -17px !important;
}
/* End: Progress bar */
/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button button:before {
  content: "\e88c";
}
.mejs-controls .mejs-unfullscreen button:before {
  content: "\e88e";
}
/* End: Fullscreen */
/* Start: Mute/Volume */
.mejs-controls .mejs-volume-button button:before {
  content: "\e887" !important;
}
.mejs-controls .mejs-mute button:before {
  content: "\e887" !important;
}
.mejs-controls .mejs-unmute button:before {
  content: "\e886" !important;
}
/* horizontal version */
.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls div.mejs-horizontal-volume-slider {
  float: right;
}
/* rtMedia compatibility */
body[class*="rtm-3.7"] .rtmedia-activity-container .mejs-time-rail {
  margin: 9px 5px 0 0 !important;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  background: #fff;
  border-radius: 0;
  height: 6px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  background: #444;
  border-radius: 0;
  height: 6px;
}
/* End: Mute/Volume */
/* Start: TRACK (Captions and Chapters) */
/* End: TRACK (Captions and Chapters) */
/* Start: ERROR */
/* End: ERROR */
/* Start: Loop */
/* End: Loop */
/* Start: backlight */
/* End: backlight */
/* Start: picture controls */
/* End: picture controls */
/* context menu */
.mejs-contextmenu {
  z-index: 1001;
  /* make sure it shows on fullscreen */
}
/* Start: SourceChooser */
/* End: SourceChooser */
/* Start: Postroll */
/* End: Postroll */
.mejs-controls * {
  outline: none !important;
}