footer {
  color: #fff;
  background: var(--addgene-dark-blue);
  box-shadow: 0 50vh 0 50vh var(--addgene-dark-blue);
  padding-top: 5rem;
  padding-bottom: 5rem;

  @media (min-width: 1400px) {
    padding-top: 6.25rem;
  }

  h2 {
    color: #fff;
  }

  .tagline {
    border-bottom: 1px solid var(--addgene-dark-blue-subtle-border);
  }

  .footer-social-row {
    padding: 2rem 0;
    margin: 0 0 3rem 0;
    border-top: 1px solid var(--addgene-dark-blue-subtle-border);
    border-bottom: 1px solid var(--addgene-dark-blue-subtle-border);
  }

  .social-icons {
    gap: 1.5rem 2rem;

    a {
      text-decoration: none;

      &:hover {
        text-decoration: none;
        transform: scale(1.1);
        transition: transform 0.75s ease;
      }
    }
  }

  .footer-links,
  .footer-links-row {
    a {
      color: #fff;

      &:hover {
        color: var(--addgene-link-hover-on-dark-blue);
      }
    }
  }

  .footer-links {
    gap: 1rem;
  }

  .footer-links-row {
    h4 {
      text-transform: uppercase;
    }

    .list-unstyled {
      margin-bottom: 0;

      li {
        margin-bottom: 0.25rem;

        &:last-child {
          margin-bottom: 0;
        }
      }
    }
  }
}