/**
 * Application page.
 *
 * Styles for application-level pages (Ex. “Welcome,” “Logged Out,” etc.)
 *
 * @todo Refactor global styles so these overrides aren’t necessary.
 */

.application-page {
  border-top: none;
  color: var(--color-input-color);
  font-size: var(--font-size);
  line-height: var(--line-height);
  padding-bottom: 3em;

  & a:not(.btn) {
    color: var(--color-input-color);

    &:active,
    &:focus,
    &:hover {
      color: var(--color-button-secondary-background);
      text-decoration: none;
    }
  }

  /* Headers */
  & .h2 {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 1em;
  }
  & .h4 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    margin: 0 0 .75em;
  }

  /* Buttons */
  & .btn-lg {
    font-size: 16px;
    padding: .6em 1.3em;
  }
}