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

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

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

    a, a:hover {
      text-decoration: none;
    }

    a:hover {
      transform: scale(1.1);
      transition: transform 0.75s ease;
    }
  }

  .footer-links {
    gap: 1rem 1rem;
  }
}

[data-bs-theme="light"] footer,
[data-bs-theme="auto"] footer {
  h2 {
    color: #fff;
  }
}

[data-bs-theme="light"] .footer-links,
[data-bs-theme="auto"] .footer-links {
  a:link {
    color: #fff;
  }

  a:hover {
    color: var(--addgene-blue-light-60);
  }
}

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