/* =============================================
   Video Gallery Grid
   ============================================= */
.page-template-template-video-gallery .Rubicon_header .header .desktop_link,
.page-template-template-video-gallery .Rubicon_header .header .menu_mobile {
  display: none;
}

.page-template-template-video-gallery .Rubicon_header .header {
  align-items: center;
  justify-content: center;

  .logo {
    .mobile_logo {
      right: 0;
    }
  }
}

.vg-gallery-section {
  padding: 80px 0 0;

  @media (max-width:992px) {
    padding: 50px 0 0;
  }
}

.vg-gallery-group {
  margin-bottom: 70px;

  @media (max-width:992px) {
    margin-bottom: 40px;
  }

  &:last-child {
    margin-bottom: 0;
  }

  &:not(:first-child) {
    @media (max-width:767px) {
      border-top: 1px solid #000;
      padding-top: 35px;
    }
  }

  .title-55 {
    text-align: center;
    text-transform: uppercase;

    @media (max-width:767px) {
      margin-bottom: 20px;
    }
  }


}

.vg-gallery-heading {
  font-family: 'Columbus MT Std', Georgia, serif;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #223261;
  text-align: center;
  margin: 0 0 40px;


}

.vg-gallery-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;

  @media (min-width:1300px) {
    gap: 77px;
  }
}

.vg-card {
  cursor: pointer;
}

/* Aspect-ratio thumbnail container */
.vg-card-thumb {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  background: #c8cdd9;
  overflow: hidden;
  border: 1px solid rgba(200, 205, 217, 0.4);
}

.vg-card-thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.vg-card:hover .vg-card-thumb img {
  transform: scale(1.03);
}

.vg-card-thumb-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #c8cdd9;
}

/* Play button */
.vg-card-thumb button.vg-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background: none;
  border: none !important;
  padding: 0;
  cursor: pointer;
  z-index: 2;
  transition: transform 0.2s ease;

  &:hover {
    background: transparent !important;
  }
}

.vg-play-btn svg {
  width: 60px;
  height: 60px;

  @media (max-width:1200px) {
    width: 45px;
    height: 45px;
  }

  @media (max-width:767px) {
    width: 30px;
    height: 30px;
  }
}

.investments_section.vg-filter-section {
  display: none;

  .filter_section {
    margin-bottom: 0;
  }
}

.vg-card:hover .vg-play-btn {
  transform: translate(-50%, -50%) scale(1.1);
}

/* Card text */
.vg-card-info {
  padding: 5px 0 0;
}

.vg-card-title {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.2px;
  font-weight: 300;
  color: #000000;
  margin: 0px;

  @media (max-width:992px) {
    font-size: 14px;
    line-height: 20px;
  }
}

.vg-card-subtitle {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: -0.2px;
  margin: 0;

  @media (max-width:992px) {
    font-size: 14px;
    line-height: 20px;
  }
}

/* Lightbox */
.vg-lightbox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.vg-lightbox.is-open {
  display: flex;
  align-items: center;
  justify-content: center;
}

.vg-lightbox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.92);
}

.vg-lightbox-inner {
  position: relative;
  width: 100%;
  max-width: 900px;
  z-index: 1;
  margin: 80px 20px;

  @media (max-width:767px) {
    margin: 30px 6px;
  }

  @media (min-height:650px) {
    max-width: 1000px;
  }

  @media (min-height:750px) {
    max-width: 1200px;
  }

  @media (min-height:800px) {
    max-width: 1300px;
  }

  @media (min-height:900px) {
    max-width: 1320px;
  }
}

.vg-lightbox-video {
  position: relative;
  padding-top: 56.25%;
  border: 2px solid #223261;
}

.vg-lightbox-video:hover iframe,
.vg-lightbox-video iframe {
  /* Force the control bar to stay visible */
  opacity: 1 !important;
  visibility: visible !important;
}

.vg-lightbox-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  bottom: 0;
  background-color: #000000;
}

.vg-lightbox-inner button.vg-lightbox-close {
  position: absolute;
  top: -44px;
  right: 0;
  background: none;
  border: none !important;
  color: #000 !important;
  font-size: 36px;
  line-height: 1;
  cursor: pointer;
  font-weight: 300;
  padding: 0;

  &:hover {
    background-color: transparent !important;
    color: #223261 !important;
  }
}

@media (max-width: 767px) {
  .vg-gallery-grid {
    gap: 22px 14px;
  }

  .vg-gallery-section {
    padding: 30px 0 0;
  }
}

.investor_banner_section {
  width: 100%;
  overflow: hidden;
  padding: 40px 50px 0;

  @media (max-width: 1200px) {
    padding: 50px 40px 0;
  }

  @media (max-width: 767px) {
    padding: 60px 20px 0;
  }

  .iframe_wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    /* 16:9 Aspect Ratio */
    height: 0;
    overflow: hidden;

    @media (min-width:1200px) {
      padding-bottom: unset;
      height: 75dvh;
    }

    @media (min-width:1440px) {
      padding-bottom: unset;
      height: 80dvh;
    }

    iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
    }
  }

  video,
  iframe {
    width: 100%;
    height: auto;
    display: block;
  }
}

/* All Investments — single card, centered, max half-width on desktop */
.vg-gallery-grid--single {
  display: flex;
  justify-content: center;
}

.vg-gallery-grid--single .vg-card {
  width: calc(50% - 16px);
}

@media (max-width: 767px) {
  .vg-gallery-grid--single .vg-card {
    width: 100%;
  }
}