@media (min-width: 1020px) {
.navbar-brand-container {
  margin-right: 1em;
}
}


@media (min-width: 991.98px) {
body.quarto-light #quarto-header {
  border-bottom: 1px solid #dee2e6;
}
body.quarto-dark #quarto-header {
  border-bottom: 1px solid #3b3f47;
}
}

.navbar-brand > img {
  max-height: 36px;
}

.trademark {
  font-size: 0.6rem;
  display: inline-block;
  margin-left: -3px;
}

.btn-action-primary {
  color: white;
  background-color: #447099;
}

.btn-action-primary:hover {
  background-color: #305775;
  color: white;
}

.btn-action {
  min-width: 165px;
  border-radius: 30px;
  border: none;
}

span.color-box-container {
  display: inline-flex;
  align-items: center;
}

span.color-box {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.2em;
  border: 1px solid #000;
}

/* Footer sponsor logos, subject cards, hero animation and the hero CTA now
   live in minerva.scss, which Quarto content-hashes so CSS changes are not
   served from a stale browser cache. */