.video-container.right {
  margin-left: 1.25em; }

.video-container.left {
  margin-right: 1.25em; }

.video-container {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 20px;
  background-color: #000;
  background-image: url("../images/load.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25px 25px; }
  .video-container.vine {
    padding-bottom: 100%; }

.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

div.ensembleContentContainer {
  position: static !important; }

div[id^='embeddedPlayer'] {
  height: auto !important;
  width: auto !important; }

/*URG DANG ENSEMBLE OVERRIDE*/
div.ensembleContentContainer {
  position: static !important; }

/* Have to have this so ensemble doesnt screw up the H2 styling*/
body h2 {
  font-family: "Trade Gothic", Verdana, sans-serif; }

@media only screen and (min-width: 47.9em) {
  .video-container {
    width: 50%; }
    .video-container[data-vid-size="small"] {
      width: 40%;
      padding-bottom: 22.5%; }
    .video-container[data-vid-size="medium"] {
      width: 60%;
      padding-bottom: 34%; }
    .video-container[data-vid-size="large"] {
      width: 70%;
      padding-bottom: 39.5%; }
    .video-container[data-vid-size="full"] {
      width: 100%;
      padding-bottom: 56.25%; }

  .video-container.vine[data-vid-size="small"] {
    padding-bottom: 40%; }
  .video-container.vine[data-vid-size="medium"] {
    padding-bottom: 60%; }
  .video-container.vine[data-vid-size="large"] {
    padding-bottom: 70%; }
  .video-container.vine[data-vid-size="full"] {
    padding-bottom: 100%; } }

/*# sourceMappingURL=svl.css.map */
