/* SECTION MULTICOLUMNS */

section.multicolumns .container .content {
  margin-bottom:calc(var(--section-padding) / 2);
}

.multicolumns-container h3 {
  margin-bottom: calc(var(--h5-size) / 1.48);
}

/* Video */

.video, .youtube {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}

.video picture, .youtube picture {
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  z-index: 1;
  cursor: pointer;
  z-index: 2;
}

.video picture::after, .youtube picture::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 12px solid transparent;
  border-right: 0;
  border-left:18px solid var(--white);
  left: 0;
  right: 0;
  margin: 0 auto;
  top:50%;
  transform: translateY(-50%);
  z-index: 2;
}

.youtube-video,
.file-video {
  aspect-ratio: 16 / 9;
  width: 100%;
  max-width: 100%;
  background: transparent;
}

.youtube-video iframe,
.file-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.multicolumns-container picture.image {
  overflow: hidden;
  border-radius: 32px;
}

@media screen and (min-width:1200px) {
  .the-column.video.col-2,.the-column.youtube.col-2 {
    padding-inline: var(--column-gap);
  }
}

@media screen and (max-width:1280px) and (orientation:landscape) {

}

@media screen and (max-width:1024px) and (orientation:portrait) {
  .multicolumns-container {
    gap:calc(var(--column-gap) * 2);
  }
  .multicolumns-container .the-column.text {
    order:1;
    width: calc(50% - var(--column-gap));
  }
  .multicolumns-container .the-column.video,
  .multicolumns-container .the-column.youtube,
  .multicolumns-container .the-column.image {
    order:0;
    width: 100%;
  }
}

@media screen and (max-width:520px) {
  .multicolumns-container .the-column.text {
    width: 100%;
  }
  .multicolumns-container picture.image, .video {
    border-radius: 0px;
  }
}