.paragraph--type--side-by-side-images {
  width: 100%;
  padding: 30px 0;
}
@media (max-width: 767px) {
  .paragraph--type--side-by-side-images {
    padding: 15px 0;
  }
}
.paragraph--type--side-by-side-images .field--name-field-title {
  text-align: center;
  letter-spacing: 0px;
  color: #424245;
  opacity: 1;
  font-size: 13px;
  line-height: 20px;
  width: 100%;
  margin: 10px auto 0;
  padding: 0 60px;
}
@media (max-width: 767px) {
  .paragraph--type--side-by-side-images .area {
    width: 100%;
  }
}
.paragraph--type--side-by-side-images .area .field--name-field-image-left,
.paragraph--type--side-by-side-images .area .field--name-field-image-right {
  width: calc(50% - 10px);
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 767px) {
  .paragraph--type--side-by-side-images .area .field--name-field-image-left,
.paragraph--type--side-by-side-images .area .field--name-field-image-right {
    width: 100%;
  }
}
.paragraph--type--side-by-side-images .area .field--name-field-image-left div,
.paragraph--type--side-by-side-images .area .field--name-field-image-right div {
  width: 100%;
  margin: 0;
}
.paragraph--type--side-by-side-images .area .field--name-field-image-left div img,
.paragraph--type--side-by-side-images .area .field--name-field-image-right div img {
  cursor: pointer;
  border-radius: 10px;
  width: 100%;
}
.paragraph--type--side-by-side-images .area .field--name-field-image-left div .credit,
.paragraph--type--side-by-side-images .area .field--name-field-image-right div .credit {
  text-align: left;
  letter-spacing: 0px;
  color: #424245;
  opacity: 1;
  font-size: 12px;
  line-height: 20px;
}
.paragraph--type--side-by-side-images .area .field--name-field-image-left div .video-embed-field-lazy,
.paragraph--type--side-by-side-images .area .field--name-field-image-right div .video-embed-field-lazy {
  margin: 0;
}
.paragraph--type--side-by-side-images .area .field--name-field-image-left div .video-embed-field-lazy iframe,
.paragraph--type--side-by-side-images .area .field--name-field-image-right div .video-embed-field-lazy iframe {
  object-fit: cover;
  max-height: 491px;
  height: 338px;
  min-height: 268px;
  border-radius: 10px;
}
@media (min-width: 1800px) {
  .paragraph--type--side-by-side-images .area .field--name-field-image-left div .video-embed-field-lazy iframe,
.paragraph--type--side-by-side-images .area .field--name-field-image-right div .video-embed-field-lazy iframe {
    height: 363px;
  }
}
@media (min-width: 1025px) and (max-width: 1440px) {
  .paragraph--type--side-by-side-images .area .field--name-field-image-left div .video-embed-field-lazy iframe,
.paragraph--type--side-by-side-images .area .field--name-field-image-right div .video-embed-field-lazy iframe {
    height: 280px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .paragraph--type--side-by-side-images .area .field--name-field-image-left div .video-embed-field-lazy iframe,
.paragraph--type--side-by-side-images .area .field--name-field-image-right div .video-embed-field-lazy iframe {
    height: 172px;
    min-height: 172px;
  }
}
@media (max-width: 767px) {
  .paragraph--type--side-by-side-images .area .field--name-field-image-left div .video-embed-field-lazy iframe,
.paragraph--type--side-by-side-images .area .field--name-field-image-right div .video-embed-field-lazy iframe {
    height: 268px;
  }
}
.paragraph--type--side-by-side-images .area .field--name-field-image-left div .video-embed-field-lazy button.video-embed-field-lazy-play,
.paragraph--type--side-by-side-images .area .field--name-field-image-right div .video-embed-field-lazy button.video-embed-field-lazy-play {
  border: none;
  background: none;
  box-shadow: 2px 2px 6px #8C8C8C80;
  background-color: rgba(140, 140, 140, 0.6);
  border-radius: 50%;
}
.paragraph--type--side-by-side-images .area .field--name-field-image-left div .video-embed-field-lazy button.video-embed-field-lazy-play:before,
.paragraph--type--side-by-side-images .area .field--name-field-image-right div .video-embed-field-lazy button.video-embed-field-lazy-play:before {
  content: "";
  position: absolute;
  width: 54px;
  height: 54px;
  background: url(../../../../custom/assets/svgs/play-fill.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 3px 0px;
  opacity: 0.8;
  top: 8px;
  left: 8px;
}
.paragraph--type--side-by-side-images .area .field--name-field-image-left div .video-and-thumbnail .field--name-field-media-video-thumbnail,
.paragraph--type--side-by-side-images .area .field--name-field-image-right div .video-and-thumbnail .field--name-field-media-video-thumbnail {
  position: relative;
  cursor: pointer;
}
.paragraph--type--side-by-side-images .area .field--name-field-image-left div .video-and-thumbnail .field--name-field-media-video-thumbnail:before,
.paragraph--type--side-by-side-images .area .field--name-field-image-right div .video-and-thumbnail .field--name-field-media-video-thumbnail:before {
  content: "";
  position: absolute;
  width: 72px;
  height: 72px;
  background: url(../../../../custom/assets/svgs/play-fill.svg);
  background-repeat: no-repeat;
  background-size: 54px 54px;
  background-position: 15px 9px;
  opacity: 0.8;
  top: 50%;
  left: 50%;
  z-index: 100;
  transform: translate(-50%, -50%);
  background-color: rgba(140, 140, 140, 0.6);
  box-shadow: 2px 2px 6px #8C8C8C80;
  border-radius: 50%;
}
.paragraph--type--side-by-side-images .area .field--name-field-image-left div .video-and-thumbnail .field--name-field-media-video-thumbnail:after,
.paragraph--type--side-by-side-images .area .field--name-field-image-right div .video-and-thumbnail .field--name-field-media-video-thumbnail:after {
  content: "";
  display: block;
  position: absolute;
  background: transparent;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.paragraph--type--side-by-side-images .area .field--name-field-image-left div .video-and-thumbnail video,
.paragraph--type--side-by-side-images .area .field--name-field-image-right div .video-and-thumbnail video {
  width: 100%;
  display: none;
  border-radius: 10px;
  max-height: 491px;
  height: 338px;
  min-height: 268px;
}
@media (min-width: 1800px) {
  .paragraph--type--side-by-side-images .area .field--name-field-image-left div .video-and-thumbnail video,
.paragraph--type--side-by-side-images .area .field--name-field-image-right div .video-and-thumbnail video {
    height: 363px;
  }
}
@media (min-width: 1025px) and (max-width: 1440px) {
  .paragraph--type--side-by-side-images .area .field--name-field-image-left div .video-and-thumbnail video,
.paragraph--type--side-by-side-images .area .field--name-field-image-right div .video-and-thumbnail video {
    height: 280px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .paragraph--type--side-by-side-images .area .field--name-field-image-left div .video-and-thumbnail video,
.paragraph--type--side-by-side-images .area .field--name-field-image-right div .video-and-thumbnail video {
    height: 172px;
    min-height: 172px;
  }
}
@media (max-width: 767px) {
  .paragraph--type--side-by-side-images .area .field--name-field-image-left div .video-and-thumbnail video,
.paragraph--type--side-by-side-images .area .field--name-field-image-right div .video-and-thumbnail video {
    height: 268px;
  }
}
.paragraph--type--side-by-side-images .area .field--name-field-image-left div .video-and-thumbnail:not(.see-video) .with-placeholder .video-embed-field-lazy,
.paragraph--type--side-by-side-images .area .field--name-field-image-right div .video-and-thumbnail:not(.see-video) .with-placeholder .video-embed-field-lazy {
  display: none;
}
.paragraph--type--side-by-side-images .area .field--name-field-image-left div .video-and-thumbnail.see-video .field--name-field-media-video-thumbnail,
.paragraph--type--side-by-side-images .area .field--name-field-image-right div .video-and-thumbnail.see-video .field--name-field-media-video-thumbnail {
  display: none;
}
.paragraph--type--side-by-side-images .area .field--name-field-image-left div .video-and-thumbnail.see-video video,
.paragraph--type--side-by-side-images .area .field--name-field-image-right div .video-and-thumbnail.see-video video {
  display: block;
}
.paragraph--type--side-by-side-images .area .field--name-field-image-left .field--name-field-media-video-embed-field,
.paragraph--type--side-by-side-images .area .field--name-field-image-left .video-and-thumbnail,
.paragraph--type--side-by-side-images .area .field--name-field-image-left .field--name-field-media-image-file,
.paragraph--type--side-by-side-images .area .field--name-field-image-right .field--name-field-media-video-embed-field,
.paragraph--type--side-by-side-images .area .field--name-field-image-right .video-and-thumbnail,
.paragraph--type--side-by-side-images .area .field--name-field-image-right .field--name-field-media-image-file {
  margin-bottom: 5px;
}
.paragraph--type--side-by-side-images .area .field--name-field-image-right {
  margin-left: 5px;
}
@media (max-width: 767px) {
  .paragraph--type--side-by-side-images .area .field--name-field-image-right {
    margin: 0px;
  }
}
.paragraph--type--side-by-side-images .area .field--name-field-image-left {
  margin-right: 5px;
}
@media (max-width: 767px) {
  .paragraph--type--side-by-side-images .area .field--name-field-image-left {
    margin: 0px;
  }
}