/*
 * Site footer, using the original template's own classes.
 *
 * Nearly everything the footer needs already exists: the responsive column grid
 * (col-xl-2 / col-lg-4 / col-sm-6) comes from vendors.css, the spacing and
 * colour utilities from main.css, and `hover-underline` from custom.css. Only
 * the gaps below are unresolved in those files.
 */

/* Used by the footer's white top bar; defined in neither main.css nor vendors.css. */
.w-100 {
  width: 100%;
}

/* The template ships no rules for `.footer.-type-1` itself - only for
   `.footer.-dashboard` - so the link columns are given their spacing here. */
.footer.-type-1 a:hover {
  text-decoration: underline;
}

/* The top bar sits on white, so its links must not inherit the footer's white.
   `text-dark-2` handles the colour; this keeps the row readable when it wraps
   to two lines on small screens. */
.footer.-type-1 .bg-white {
  row-gap: 4px;
}

.footer.-type-1 .bi {
  display: inline-block;
  vertical-align: middle;
}