/**
 * @file
 * Site primary.
 */

.site-primary {
  background-color: var(--white);
}

.site-primary__content {
  align-items: center;
  background-color: var(--white);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: space-between;
  padding-block: var(--size-4);
  position: relative;
  width: 100%;
}

@media (min-width: 1280px) {
  .site-primary__content {
    min-height: 92px;
    padding-block: 0;
  }
}

@media (--desktop) {
  .site-primary__content {
    min-height: 92px;
    padding-block: 0;
  }
}

.site-primary__content .site-branding {
  grid-column: span 3;
  grid-row: 1;
}

.site-primary__content .mobile-button {
  grid-column: 4;
  grid-row: 1;
}

@media (min-width: 1280px) {
  .site-primary__content .mobile-button {
    grid-column: 0;
    grid-row: 0;
  }
}

@media (--desktop) {
  .site-primary__content .mobile-button {
    grid-column: 0;
    grid-row: 0;
  }
}

.site-primary__content .site-navigation {
  grid-column: span 4;
  grid-row: 2;
  -webkit-margin-before: var(--size-6);
  margin-block-start: var(--size-6);
}

@media (min-width: 1280px) {
  .site-primary__content .site-navigation {
    grid-column: span 3;
    grid-row: 1;
    -webkit-margin-before: 0;
    margin-block-start: 0;
  }
}

@media (--desktop) {
  .site-primary__content .site-navigation {
    grid-column: span 3;
    grid-row: 1;
    -webkit-margin-before: 0;
    margin-block-start: 0;
  }
}