/*
 * @file
 * Styling for Great Lakes regions.
 */

/*
 * Region fixed hero.
 */
.region--fixed-hero {
  --region-fixed-hero-height: max(700px, calc(90dvh - var(--drupal-displace-offset-top, 0px) - var(--drupal-displace-offset-bottom, 0px)));

  min-height: var(--region-fixed-hero-height);
}

.region--fixed-hero__fixed {
  position: fixed;
  top: var(--drupal-displace-offset-top, 0);
  inset-inline: 0;
  min-height: var(--region-fixed-hero-height);
  margin-inline: auto;
}

/*
 * Special treatment for highlighted region.
 */
.region-highlighted {
  --background: var(--theme-surface-alt);

  background: var(--background);
  border-image: linear-gradient(var(--background), var(--background)) fill 0 / / 100vh 0 0 0;
  padding-bottom: var(--spacing-m);

  @media (forced-colors: active) {
    border-image: none;
    border-bottom: solid 1px transparent;
  }

  .page-title {
    margin-bottom: var(--spacing-m);
  }
}