/* Site footer: layouts/partials/footer */

#footer {
  .head,
  .body {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
  }

  .head {
    background-color: var(--atlas-primary);
  }

  .body {
    min-height: 10em;
    background-color: #ff9800;

    h4 {
      color: white;
    }

    h5 {
      color: #ffe0b2;
    }

    .title {
      margin-right: 10em;
    }

    .links a {
      padding: 10px 30px;
      border: solid white;
      border-radius: 30px;
      color: white;
      font-size: 1.2em;
      transition: all 0.3s ease-out;

      &:hover {
        background-color: #ffe0b2;
        color: #f57c00;
      }
    }

    @media (max-width: 500px) {
      margin-top: -50px;
      padding: 14px 14px 30px;

      .title {
        margin-bottom: 10px;
      }
    }
  }

  .footer {
    background-color: #004f47; /* primary, darker */
    color: white;

    a {
      color: white;
    }
  }
}