/* JBooks brand — official logo (use on every page) */

.logo {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  line-height: 0;
  flex-shrink: 0;
}

.logo-img {
  display: block;
  width: auto;
  height: var(--logo-height, 3.5rem);
  max-width: var(--logo-max-width, min(240px, 58vw));
  object-fit: contain;
  background: transparent;
}

.logo--header .logo-img {
  --logo-height: 3.25rem;
  --logo-max-width: min(220px, 52vw);
}

@media (min-width: 768px) {
  .logo--header .logo-img {
    --logo-height: 3.75rem;
    --logo-max-width: 260px;
  }
}

.logo--footer .logo-img {
  --logo-height: 2.85rem;
  --logo-max-width: min(200px, 48vw);
}

@media (min-width: 768px) {
  .logo--footer .logo-img {
    --logo-height: 3.25rem;
    --logo-max-width: 220px;
  }
}

.logo--form {
  margin-bottom: 1.75rem;
}

.logo--form .logo-img {
  --logo-height: 3.5rem;
  --logo-max-width: min(240px, 70vw);
}

@media (min-width: 768px) {
  .logo--form .logo-img {
    --logo-height: 4.25rem;
    --logo-max-width: 280px;
  }
}

.footer-brand .logo {
  margin-bottom: 0.65rem;
}