/* =====================
   HEADER PARTIAL
   ===================== */

.header-inner {
  /* Bootstrap .container */
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  /* Old .site-header .container */
  background-color: rgba(88, 92, 13, 0.45);
  border-radius: var(--border-radius-large);
  padding: 15px 25px;
  max-height: 70px;
  /* Bootstrap .col-lg-12.d-flex.align-items-center */
  display: flex;
  align-items: center;
}

/* Bootstrap .container responsive max-widths — copied verbatim */
@media (min-width: 576px)  { .header-inner { max-width: 540px;  } }
@media (min-width: 768px)  { .header-inner { max-width: 720px;  } }
@media (min-width: 992px)  { .header-inner { max-width: 960px;  } }
@media (min-width: 1200px) { .header-inner { max-width: 1140px; } }
@media (min-width: 1400px) { .header-inner { max-width: 1320px; } }

/* Bootstrap .me-auto on the logo link */
.site-header-text {
  display: flex;
  align-items: center;
  margin-right: auto;
}

/* bi-box was invisible in old Bootstrap code (no icons CSS was loaded).
   Hide it to match the original appearance. */
.bi-box {
  display: none;
}