/* Bigger footer logos, no dark bg — loaded LAST, high specificity */

/* Kill FA pseudo icon */
footer#footer ul.icons li a.icon:before {
  content: none !important;
}

/* Container size (click target) */
footer#footer ul.icons li a.icon {
  width: 68px !important;
  height: 68px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: transparent !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: transform .1s ease !important;
}

footer#footer ul.icons li a.icon:hover {
  transform: translateY(-2px) scale(1.08) !important;
}

/* Logo itself — override any global img rules */
footer#footer ul.icons li a.icon > img {
  width: 40px !important;
  height: 40px !important;
  max-width: none !important;   /* beats img { max-width:100% } */
  max-height: none !important;
  display: block !important;
  object-fit: contain !important;
}

/* If any old fa-* classes linger, neutralize coloring */
footer#footer ul.icons li a.icon[class*="fa-"] {
  background: transparent !important;
  color: inherit !important;
}


/* =========================
   MOBILE FIX KIT (<= 740px)
   ========================= */
@media (max-width: 740px) {
  #banner {
    background-attachment: scroll !important;
    background-position: center center !important;
    background-size: cover !important;
  }
  #banner .inner h2 {
    font-size: 2rem !important;
  }
  #banner .inner p {
    font-size: 1rem !important;
  }

  .special.container,
  .wrapper.style3.container.special,
  #research .special.container {
    max-width: 92vw !important;
    margin: 0 auto !important;
    padding: 0 4vw !important;
  }

  #nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.75rem;
    justify-content: center;
  }

  #footer .icons li a.icon {
    width: 64px !important;
    height: 64px !important;
  }

  #footer .icons li a.icon img {
    width: 36px !important;
    height: 36px !important;
  }

  img {
    max-width: 100%;
    height: auto;
  }
}