/* Site-wide styles on top of Bootstrap 4 (loaded from base.html). */

.logo {
  font-family: 'Clicker Script', cursive;
}

.logo a {
  color: #212529;
  text-decoration: none;
}

footer {
  font-size: .9rem;
}

footer a {
  color: #212529;
}

/* Icon tiles used by the Bootstrap Studio markup on the home page */
.bs-icon {
  --bs-icon-size: .75rem;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: var(--bs-icon-size);
  width: calc(var(--bs-icon-size) * 2);
  height: calc(var(--bs-icon-size) * 2);
  color: #007bff;
}

.bs-icon-lg {
  --bs-icon-size: 2rem;
}

.bs-icon.bs-icon-rounded {
  border-radius: .5rem;
}

.bs-icon.bs-icon-secondary {
  color: #fff;
  background: #6c757d;
}