/**
 * @file
 * Region default layout.
 */

/*
 * Media query breakpoints.
 * Processed by postcss/postcss-custom-media.
 */

/* Navigation related breakpoints */

/* Grid related breakpoints */

/* Grid shifts from 6 to 14 columns. */

/* Width of the entire grid maxes out. */

.region--hero > *:last-child {
    margin-bottom: 0;
  }

.region--hero:has(.hero-banner) {
    display: grid;
    grid-template: "container";
    background: black;
    align-items: center;
    justify-items: center;
    place-items: center;
    align-content: center;
    justify-content: center;
    place-content: center;
    overflow: hidden;
    position: relative;
    max-height: -moz-fit-content;
    max-height: fit-content;
    color: white;}

.region--hero:has(.hero-banner) .breadcrumb {
      --_background-color: white;
    }

@media(min-width: 1200px) {

.region--hero:has(.hero-banner) .breadcrumb {
        display: flex;
        justify-content: center;
    }
      }

.region--hero:has(.hero-banner) .breadcrumb__link {
      color: inherit;
    }

.region--hero:has(.hero-banner) .site-branding {
      background-color: transparent;
    }

.region--hero:has(.hero-banner) > * {
      grid-area: container;
      z-index: 1;
    }

.region--hero:has(.hero-banner) .hero-banner {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      position: relative;
      z-index: 0;
      opacity: 0.6;
      /*@media(--nav) {
        translate: 0 calc(var(--header-height-wide-when-fixed) + var(--sp));
      }*/
      
    }

.region--hero .wide-content {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }