/* Contributors block, placed in the footer's "Ways to participate" column.
   Type and colours mirror the footer rules in site.css
   (.Footer-nav-folder-heading, .Footer-nav a). */

/* The background repeats .Footer's so the white logos stay visible on the
   older pages that don't load site.css. */
.Footer-contributors {
  margin-top: 40px;
  background-color: #0d0d0d;
  color: #fff;
}

.Footer-contributors-heading {
  margin: 0 0 1em;
  font-family: "Suez One", Georgia, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 27px;
  line-height: 1em;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #f26e31;
  -webkit-hyphens: manual;
  hyphens: manual;
}

/* In the mid layout the theme narrows each column to 10em (160px). At 27px
   the heading would run ~70px past it into the Subscribe column; at 21px it
   ends inside the column's own 20px padding. */
.Footer--mid:not(.Footer--compact) .Footer-contributors-heading {
  font-size: 21px;
}

.Footer-contributors-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.Footer-contributors-item {
  margin: 0;
  padding: 0;
}

/* min-content makes each entry exactly as wide as its logo, so a long name
   wraps under the logo instead of widening the column. */
.Footer-contributors-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  width: -webkit-min-content;
  width: min-content;
  color: #fff;
  text-decoration: none;
  transition: color .15s ease-out;
}

/* Same fade as the other footer links (.Footer-nav a:hover). */
.Footer-contributors-link:hover {
  color: rgba(255, 255, 255, .5);
}

.Footer-contributors-link:hover .Footer-contributors-logo {
  opacity: .5;
}

.Footer-contributors-link:focus-visible {
  outline: 2px solid #52c2c8;
  outline-offset: 6px;
}

.Footer-contributors-logo {
  display: block;
  width: auto;
  height: 52px;
  transition: opacity .15s ease-out;
}

/* The Alamosur wordmark is much denser than the Davao mark, so it sits a
   little smaller (and centred) in the same 52px row to look equal in weight. */
.Footer-contributors-logo--alamosur {
  height: 42px;
  margin: 5px 0;
}

.Footer-contributors-name {
  font-family: urbane, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
  line-height: 1.4em;
  letter-spacing: .06em;
}

/* Phones: smaller logos so both still fit side by side in the column. */
@media screen and (max-width: 640px) {
  .Footer-contributors-logo {
    height: 44px;
  }

  .Footer-contributors-logo--alamosur {
    height: 36px;
    margin: 4px 0;
  }
}