@media (min-width: 800px) {
  body.bb-buddypanel.bb-buddypanel-left {
    --buddypanel-width: 68px;

    &.buddypanel-open {
      --buddypanel-width: 230px;
    }
  }
}

.hpa-footer-section {
  --icons-color: #D5C725;

  background: #323f48;
  color: #FFFFFF;
  padding: 4rem 0 0 var(--buddypanel-width, 0px);
  transition: padding 0.2s;

  .container {
    display: grid;
    grid-template-columns: 1fr;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: center;

    @media (min-width: 500px) {
      grid-template-columns: repeat(2, auto);
    }

    @media (min-width: 980px) {
      grid-template-columns: repeat(4, auto);
    }
  }

  ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  :is(a, h3) {
    color: inherit;
    font-family: "Montserrat", Helvetica, Arial, Lucida, sans-serif;
  }

  a {
    font-size: 0.8rem;

    &:visited {
      color: inherit;
    }

    &:hover {
      color: #5FD0DF;
    }
  }

  h3 {
    font-size: 2rem;
  }


  .footer-logo {
    margin-bottom: 2rem;
    max-width: 225px;
  }

  .contact-info {
    align-items: flex-start;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.75em 1em;

    i {
      color: var(--icons-color);
    }

    a {
      line-height: 1;
    }
  }

  .social-icons {
    display: flex;
    justify-content: flex-start;
    gap: 1rem;
    margin: 0.5rem;

    a {
      align-items: center;
      background-color: var(--icons-color);
      border-radius: 50%;
      color: white;
      display: flex;
      height: 32px;
      justify-content: center;
      width: 32px;

      i {
        color: black;
      }
    }
  }
}

.font-lh-1 {
  line-height: 1 !important;
}

.copyright-wrapper {
  padding: 2rem 0;
  text-align: center;
}