/* Independent Desktop/Mobile backgrounds for Hero blocks on inner pages. */
[data-vmc-page-hero="1"] {
  background-color: #006d9b;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

[data-vmc-page-hero="1"][data-desktop-bg="image"] {
  background-image: var(--vmc-page-hero-image-desktop, none);
}

[data-vmc-page-hero="1"][data-desktop-bg="video"],
[data-vmc-page-hero="1"][data-desktop-bg="corporate"] {
  background-image: none;
}

[data-vmc-page-hero="1"] > .vmc-page-hero__video {
  display: none;
  z-index: 0 !important;
}

[data-vmc-page-hero="1"][data-desktop-bg="video"] > .vmc-page-hero__video {
  display: block;
}

[data-vmc-page-hero="1"]::before {
  z-index: 1;
}

[data-vmc-page-hero="1"][data-desktop-bg="image"]::before,
[data-vmc-page-hero="1"][data-desktop-bg="video"]::before {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.50) 100%);
}

[data-vmc-page-hero="1"] > .container {
  z-index: 2;
}

@media (max-width: 980px) {
  [data-vmc-page-hero="1"][data-mobile-bg="image"] {
    background-image: var(--vmc-page-hero-image-mobile, var(--vmc-page-hero-image-desktop, none));
  }

  [data-vmc-page-hero="1"][data-mobile-bg="video"],
  [data-vmc-page-hero="1"][data-mobile-bg="corporate"] {
    background-image: none;
  }

  [data-vmc-page-hero="1"] > .vmc-page-hero__video {
    display: none;
  }

  [data-vmc-page-hero="1"][data-mobile-bg="video"] > .vmc-page-hero__video {
    display: block;
  }

  [data-vmc-page-hero="1"][data-mobile-bg="image"]::before,
  [data-vmc-page-hero="1"][data-mobile-bg="video"]::before {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.50) 100%);
  }

  [data-vmc-page-hero="1"][data-mobile-bg="corporate"]::before {
    background: transparent;
  }
}