/******* [Featured Image] Large Media with Text *********/

.featured-media--large-video-wrapper, .featured-media--large-image-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.large-image--half,
.large-video--half {
  width: 100%;
}

.large-image {
  min-height: 350px;
}

.large-image-text,
.large-video-text {
  height: auto;
}

.large-image-text h2,
.large-video-text h2 {
  margin-bottom: 30px;
  font-size: 35px;
}

.large-image-text .subtitle,
.large-video-text .subtitle {
  margin-bottom: 30px;
}

.featured-media--large-video-wrapper a:not(.button),
.featured-media--large-image-wrapper a:not(.button) {
  display:inline-block;
}

.featured-media--large-video-wrapper .paragraph__column{
  padding: 0px;
}

@media (min-width: 768px) {
  .featured-media--large-video-wrapper, .featured-media--large-image-wrapper {
    display: flex;
    align-items: center;
  }

  .featured-media--large-video-wrapper .large-video--half, .featured-media--large-image-wrapper .large-image--half {
    flex: 1;
  }

  .large-image, .large-video {
    height: 100%;
    display: flex;
    align-items: center;
  }

  .large-image--half{
    width: 50%;
  }

  .large-image--right, .large-video--right {
    order: 2;
  }
}

@media (min-width: 992px) {
  .featured-media--large-video-wrapper, .featured-media--large-image-wrapper {
    height: 442px;
  }

  .large-image, .large-image-text, .large-video, .large-video-text {
    max-height: 385px;
  }
}

@media (min-width: 1367px) {
  .featured-media--large-video-wrapper, .featured-media--large-image-wrapper {
    height: calc(50vw / 16 * 10.5);
  }
  
  .large-image, .large-image-text, .large-video, .large-video-text {
    max-height: calc(50vw / 16 * 9);
  }
}

/* display videos correctly with oEmbed, while maintaining display for existing */
.large-video--half .field--name-field-video,
.large-video--half .field--name-field-media-oembed-video {
  position:relative;
  padding-bottom:56.25%;
}

.large-video--half .field--name-field-video iframe,
.large-video--half .field--name-field-media-oembed-video iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

/* keep display compatible with existing video embed */
.large-video--half .field--name-field-video .video-embed-field-responsive-video:after,
.large-video--half .field--name-field-media-oembed-video .video-embed-field-responsive-video:after {
  content:unset;
}

.large-video--half .field--name-field-video .video-embed-field-responsive-video,
.large-video--half .field--name-field-media-oembed-video .video-embed-field-responsive-video {
  position:static;
}

div[class^="featured-media--"].background-- {
  background-color: var(--light-gray);
}

div[class^="featured-media--"].background--light-gray {
  background-color: var(--light-gray);
}

div[class^="featured-media--"].background--trillium {
  background-color: var(--trillium);
}

div[class^="featured-media--"].background--white {
  background-color: var(--white);
}

div[class^="featured-media--"].background--sycamore {
  background-color: var(--sycamore);
}

div[class^="featured-media--"].background--elms {
  background-color: var(--under-the-elms);
}

div[class^="featured-media--"].background--elms .large-image-text *,
div[class^="featured-media--"].background--elms .large-video-text * {
  color: var(--white);
}