/* =============================================================
   Footer — WashU Brown School
   Only custom styles that Bootstrap 5 cannot handle.
   Brand colors: #ba0c2f (red), #000000 (black),
   #ffffff (white), #D9D9D6 (cool gray)
   ============================================================= */


/* School name size */
footer {
  font-size: 1rem;
}

/* Uppercase micro labels — shared class */
.footer-label {
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  font-weight:  bold;
}

/* WashU link hover */
.footer-washu-link:hover {
  background: rgba(255, 255, 255, 0.08);
}

/* Social icon buttons */
.footer-social-btn {
  width: 36px;
  height: 36px;
  transition: background 0.15s;
}

.footer-social-btn:hover {
  background: rgba(255, 255, 255, 0.1);
}

/* White PNG icons on black background */
.footer-social-btn img {
  filter: brightness(0) invert(1);
}

/* Nav link styles — Bootstrap doesn't know these are links */
.footer-nav-list a {
  color: #ffffff;
  text-decoration: none;
  font-size: 1rem;
  transition: color 0.15s;
}

.footer-nav-list a:hover {
  color: var(--washu-cool-gray);
}

/* Contact value links */
#footer a.text-white:hover {
  color: var(--washu-cool-gray) !important;
}