/* Force header banner color for both light & dark schemes */
/* Top banner (site title area) */
.md-header {
  background-color: #690303 !important;
}

/* Lower menu bar (tabs line) */
.md-tabs {
  background-color: #690303 !important;
}
/* Active navigation tab underline color */
.md-tabs__link--active {
  border-bottom-color: #690303 !important;
}
/* Increase the logo size in the top banner */
.md-header__button.md-logo img {
    height: 48px;  /* Default is ~24px */
    width: auto;   /* Keep aspect ratio */
}

/* Make sure the logo is vertically centered */
.md-header__button.md-logo {
    display: flex;
    align-items: center;
}

/* Subtle "site-style" divider under the MkDocs header */
.md-header {
  border-bottom: 3px solid rgba(255,255,255,0.12); /* or a light version of your hr line */
}

/* Make the header feel closer to the EarthScope site */
.md-header {
  border-bottom: 3px solid rgba(255, 255, 255, 0.14);
}

/* Optional: make the title a bit more “site-like” */
.md-header__title {
  font-weight: 600;
  letter-spacing: 0.2px;
}

/* Optional: slightly increase logo presence */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 1.6rem;
}