/*=========================
	BANNER VIDEO BLOCK
=========================*/
.block-banner-video {
  display: grid;
  align-content: end;
  max-height: calc(100vh - 78px);
  height: 100vh;
  padding: var(--space-5) 0px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.block-banner-video .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
  gap: var(--space-6);
}

.block-banner-video .container.switchSides .content {
  grid-column: 1;
}

.block-banner-video .content {
  grid-column: 2;
  grid-row: 1;
  padding: var(--space-7);
}

.block-banner-video .content .copy {
  margin-bottom: var(--space-5);
}

.block-banner-video .video {
    width: 100%;
    height: 100%;
    padding-bottom: 56.25%;
    position: absolute;
    top: 0px;
    left: 0px;
    pointer-events: none;
}

.block-banner-video .video::after {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0,0,0,.1) 50%, rgba(0,0,0,.6));
    position: absolute;
    top: 0px;
    left: 0px;
}

.block-banner-video .video iframe {
    translate: -50% !important;
    position: absolute !important;
    top: -60px !important;
    left: 0px;
    width: 100%;
    height: calc(100% + 120px) !important;
}

.block-banner-video .content .copy p:last-of-type {
  margin-bottom: 0px;
}

@media only screen and (max-width: 992px) {
  .block-banner-video .container {
    grid-template-columns: 2fr 1fr;
  }
  .block-banner-video {
    height: 75vh;
  }
  .block-banner-video .content {
    padding: var(--space-3);

  }
}

@media only screen and (max-width: 578px) {
  .block-banner-video .container {
    grid-template-columns: 1fr;
  }
  .block-banner-video .content {
    grid-column: 2;
    grid-row: 1;
    padding: var(--space-3);
  }
  .block-banner-video {
    padding-bottom: var(--space-4) !important;
  }
}