/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Site header.
 */

/*
 * 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. */

.site-header {
  position: relative;
  /**
   * Ensure mobile site header is always above other elements including
   * contextual links, and Tour.
   */
  z-index: 101;
  background: var(--color--white);
}

@media (min-width: 62.5rem) {
  & .site-header {
    background: transparent;
  }
  /*   & .site-header__top {
    min-height: 120px;
  } */
}

.site-header__bottom {
  z-index: 1;
  flex-grow: 1;
}

.site-header__bottom .site-header__inner__container {
  background: var(--color--black);
}

.site-header__inner__container {
  display: flex;
  justify-content: space-between;
}