/* Outer wrapper */
.video-banner-wrapper {
max-width: 1800px;
  position: relative;
  z-index: 20;
}

.video-banner-wrapper:after {
    background: url(swoop-white.svg) no-repeat bottom center;
    background-size: 100.3%;
    bottom: -1px;
    content: " ";
    display: block;
    position: absolute;
    height: 50%;
    width: 100%;
    z-index: 20;
}

.main .site-main__header.is-hidden {
  display: none;
}

/* Video container */
.video-container {
  position: relative;
  color: white;
}

/* Video element */
#banner-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: relative;
  z-index: 20;
}


/* Unmute/Mute toggle button */
.toggle-sound {
background-color: #153447;
border-radius: 4px;
  position: absolute;
  bottom: 2.2rem;      /* bottom-6 */
  right: 1.2rem;        /* left-6 */
  padding: 4px 10px;
  z-index: 40;
  color: white;
  font-size: 0.85rem; /* text-xxs - approximately 10px */
  text-decoration: none;
}

.toggle-sound:hover,
.toggle-sound:active,
.toggle-sound:focus {
    color: white;
  opacity: 0.8;
  text-decoration: none;
}

.anniversary-page {

}

/* Responsive video sizing for desktop */

@media (min-width: 78.9375em) {
  .anniversary-page .site-header {
    --site-header--logo-width: 14.5rem;
    --site-header--logo-height: 5.0625rem;
  }
  
  .anniversary-page .site-header__logo.img-fit {
    top: 2px;
  }
}

@media (min-width: 960px) {
  :root {
    --site-header-height: 120px;
  }

  .video-container {
    height: calc(100vh - var(--site-header-height));
    max-height: 1000px;
  }

  #banner-video {
    height: 100%;
  }
}