@import "../base";

footer {
  @extend .page-footer;

  background-color: lighten($footer-bg-color, 2%);

  .footer-copyright {
    padding: 30px 0;
    background-color: $footer-bg-color;
    a {
      font-weight: normal;
      color: $background-color;
    }
  }

  .social-media {
    strong {
      color: $background-color;
    }
    img {
      width: 30px;
      height: 30px;
      vertical-align: middle;
    }
  }

  .top-action {
    height: 32px;
    width: 32px;
    text-align: center;
    color: $background-color;
    background-color: $primary-color;
    border-radius: 50%;
    line-height: 42px;
    transition: all .15s linear;

    &:hover {
      background-color: darken($primary-color, 5%);
      color: $background-color;
    }

    i {
      margin-top: 5px;
    }
  }
}

// Sticky footer
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

main {
  flex: 1 0 auto;
}
@import "../base";

footer {
  @extend .page-footer;

  background-color: lighten($footer-bg-color, 2%);

  .footer-top {
    a {
      color: rgba($background-color, 0.7);
      &:hover {
        color: $background-color;
      }
    }
    h2, h3, h4, h5 {
      color: $background-color;
    }
    h2 {
      font-size: 20px;
      line-height: 40px;
    }
    h3, h4, h5 {
      font-size: 16px;
      line-height: 32px;
    }
  }

  .footer-copyright {
    padding: 30px 0;
    background-color: $footer-bg-color;
    a {
      font-weight: normal;
      color: $background-color;
    }
  }

  .social-media {
    strong {
      color: $background-color;
    }
    img {
      width: 30px;
      height: 30px;
      vertical-align: middle;
    }
  }

  .top-action {
    height: 32px;
    width: 32px;
    text-align: center;
    color: $background-color;
    background-color: $primary-color;
    border-radius: 50%;
    line-height: 42px;
    transition: all .15s linear;

    &:hover {
      background-color: darken($primary-color, 5%);
      color: $background-color;
    }

    i {
      margin-top: 5px;
    }
  }
}

// Sticky footer
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

main {
  flex: 1 0 auto;
}
Fix the colors of links and headers in the footer
:bug: Fix the colors of links and headers in the footer
