/*
 * visAware site overrides.
 * Keep this file small; content should do most of the work.
 */

.visaware-brand {
  align-items: baseline;
  display: inline-flex;
  gap: 0.75rem;
  text-decoration: none;
}

.visaware-brand__name {
  color: var(--q2-foreground, #242424);
  font-size: 1.45rem;
  font-weight: 800;
  letter-spacing: 0;
}

.visaware-brand__tagline {
  color: var(--q2-muted-color, #646464);
  font-size: 0.95rem;
  font-weight: 500;
}

#body-wrapper {
  padding-block: clamp(2rem, 5vw, 4rem);
}

#body-wrapper .container {
  max-width: 68rem;
}

.content-item {
  padding-block: clamp(2rem, 5vw, 4rem);
}

.content-item h1 {
  margin-bottom: 1rem;
}

.content-item h2 {
  margin-top: 2.25rem;
}

.content-item h3 {
  font-size: 1.2rem;
  margin-top: 1.25rem;
}

.content-item ul {
  margin-block: 1rem 1.5rem;
}

@media (max-width: 48rem) {
  .visaware-brand {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.1rem;
  }

  .visaware-brand__tagline {
    font-size: 0.85rem;
  }
}