/*
 * HYPERSPACE - static archive overrides.
 *
 * Loaded after the original stylesheet. It only covers behaviour that the
 * Angular runtime used to apply inline, plus the shutdown notice styling.
 */

/* The Angular app toggled this backdrop; keep it hidden until the menu opens. */
.gc-mobile-menu-background {
  display: none;
}

/* The mobile menu panel is revealed by adding .opened (see site.js). */
nav.gc-mobile-menu > section {
  display: none;
}

nav.gc-mobile-menu.opened > section {
  display: block;
}

.gc-mobile-menu-button {
  cursor: pointer;
}

/* Buttons became anchors so they work without a router. */
.gc-login-form a.spc-btn,
.gc-landing-buttons a.spc-btn,
a.spc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

a.spc-btn:hover {
  text-decoration: none;
}

a.spc-block-btn {
  width: 100%;
}

/* Shutdown notice on the former login page. */
.gc-login-form .gc-shutdown-text {
  margin-top: 16px;
  line-height: 1.6;
}