/* ----------------------------------------- */
/*      Featured Video Section               */
/* ----------------------------------------- */
.featured_video_section {
  display        : flex;
  flex-direction : column;
  align-items    : center;
  padding        : 5%;
  position: relative;
  }

.featured_video_section::before {
  content            : '';
  position           : absolute;
  inset              : 0;
  background-image   : url('/wp-content/themes/mw-tgpp/img/Template Page/Template-Page_bkgd_dots_top.png');
  background-position: center bottom;
  background-repeat  : no-repeat;
  background-size    : auto 150%;
  transform          : scaleY(-1);
  z-index            : -1;
  pointer-events     : none;
  margin-top: 5%;
}

.featured_video_inner {
  display              : grid;
  grid-template-columns: 35% 60%;
  gap                  : 5%;
  align-items          : center;
  max-width            : 1200px;
  width                : 100%;
}

.featured_video_text {
  display       : flex;
  flex-direction: column;
  gap           : 20px;
}

.featured_video_headline {
  font-family   : "pulpo-rust-50", serif;
  /* font-size     : 3rem; */
  /* line-height   : 3.5rem; */
  letter-spacing: 1px;
  color         : var(--Orange);
  text-transform: uppercase;
  margin        : 0;
}

.featured_video_copy {
  font-family: var(--body-font);
  font-size  : var(--small-body-font);
  /* line-height: var(--body-line-height); */
  font-weight: 100;
  color      : var(--Orange);
  margin     : 0;
}

.featured_video_embed {
  position: relative;
  width   : 100%;
}

.featured_video_embed iframe {
  width        : 100%;
  aspect-ratio : 16 / 9;
  height       : auto;
  border       : 0;
}

/* ----------------------------------------- */
/*      Responsive                           */
/* ----------------------------------------- */
@media only screen and (max-width: 885px) {
  .featured_video_inner {
    display       : flex;
    flex-direction: column;
    gap                  : 5%;
  }

  .featured_video_headline {
    font-size  : 1rem;
    line-height: 1.5rem;
  }

  .featured_video_section {
    padding: 10%;
  }

  .featured_video_text {
    order: 2;
  }

  .featured_video_embed {
    padding-bottom: 10%;
  }

}
