/* Increase size of internal captions. */

.mejs__captions-layer.mejs__layer {
  text-align: center;
  background: transparent;
  padding: 4px;
  border-radius: 4px;
  width: 100% !important;
}

.mejs__captions-position {
  bottom: 30px !important;
}

.mejs__captions-position-hover {
  bottom: 35px !important;
}

.mejs__captions-text {
  box-shadow: none;
  background: transparent;
  font-family: Arial, sans-serif;
  font-size: 1.4em;
  line-height: normal;
  color: #fff;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.9), -1px -1px 5px rgba(0, 0, 0, 0.9),
    1px -1px 5px rgba(0, 0, 0, 0.9), -1px 1px 5px rgba(0, 0, 0, 0.9);
}

.mejs__fullscreen .mejs__captions-layer .mejs__captions-text {
  font-size: 2.2em !important;
}

.mejs__captions-position-fullscreen {
  bottom: 35px;
}

/* Styling of external captions. */

.mejs__button.mejs__ext-sub-button button {
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' transform='rotate(45)matrix(-1, 0, 0, 1, 0, 0)'><g id='SVGRepo_bgCarrier' stroke-width='0'/><g id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/><g id='SVGRepo_iconCarrier'><path d='M10 9.4A3.4 3.4 0 0 1 13.4 6H19a1 1 0 1 0 0-2h-5.6A5.4 5.4 0 0 0 8 9.4v7.186l-2.293-2.293a1 1 0 0 0-1.414 1.414l4 4a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L10 16.586V9.4Z' fill='%23FFFFFF'/></g></svg>");
  background-repeat: no-repeat;
  background-size: contain;
}

.mejs__button.mejs__ext-sub-button.active button {
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

.mejs__captions-layer.mejs__layer.ext-sub {
  position: static;
  height: auto !important;
}

.mejs__captions-layer.mejs__layer.ext-sub .mejs__captions-position {
  position: static;
  transition: 0.5s;
}

.mejs__container,
.ilPageVideo {
  width: 100% !important;
}