/**
 * Header-minimal.
 *
 * Minimal header used in interstitial pages.
 */

.header-minimal {
  margin-top: 1em;
  margin-bottom: 3em;

  @media (max-width: 767px) {
    & nav {
      max-height: none;
      min-height: none;
      overflow: visible;
      transition: none;
    }
  }
  @media (min-width: 768px) {
    margin-bottom: 4em;
  }

  & a {
    color: var(--color-input-color);

    &:active,
    &:focus,
    &:hover {
      color: var(--color-button-secondary-background);
      text-decoration: none;
    }
  }
  & .pull-left {
    margin-left: -15px;
  }
}