/* Video Hightlight Component Styling */
.video-highlight__container {
  display: block;
  position: relative;
  float: none;
  clear: both;
}

.video-highlight__text_left {
  display: flex;
  flex-wrap: wrap;
}

.video-highlight__text_right {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
  .video-highlight__container .video-highlight__text-column {
    width: 48%;
  }
}

@media only screen and (min-width: 768px) {
  .video-highlight__container .video-highlight__video-column {
    width: 48%;
  }
}

.video-highlight__container .video-highlight__text_left .video-highlight__text-column {
  order: 1;
}

.video-highlight__container .video-highlight__text_left .video-highlight__video-column {
  order: 2;
}

.video-highlight__container .video-highlight__text_right .video-highlight__text-column {
  order: 2;
}

.video-highlight__container .video-highlight__text_right .video-highlight__video-column {
  order: 1;
}

.video-highlight__video {
  position: relative;
  display: block;
  padding: 0;
}

.video-highlight__video iframe {
  max-width: 100%;
}