@charset "utf-8";
/*
  BLACKPLUG Web Project
  BLACKPLUG Media Style Sheet
  Author: Robert Webber
  Date: 3-23-19
  Filename: bp_media.css
*/

/* === Media Styles === */
audio, video {
  display: block;
  margin: 12px auto;
  width: 100%;
  max-width: 800px;          /* Keeps from stretching too wide */
  height: auto;              /* Auto height for videos */
  border: 4px inset gold;
  border-radius: 6px;
  background-color: #000;    /* Adds fallback color */
  box-shadow: 0 0 12px rgba(255, 204, 0, 0.4);
}

/* === Captions (Track ::cue) Styles === */
::cue {
  background: transparent;
  text-shadow: 1px 1px 2px #000;
  color: rgb(255, 204, 0);    /* Gold captions */
  font: 1.2em "Verdana", sans-serif;
}

/* Title cue styling (if you label them in your .vtt file) */
::cue(.Title) {
  font: bold 1.5em "Georgia", serif;
  color: #fff;
  text-shadow: 0 0 10px rgba(255, 204, 0, 0.6);
}

/* === Responsive Adjustments === */
@media (max-width: 768px) {
  audio, video {
    width: 100%;
    max-width: 100%;
    border-width: 3px;
  }
}