/* Top header (banner) background color */
.md-header {
  background-color: rgb(255, 255, 255); /* Replace with your desired RGB */
}

/* Optional: adjust header text/icon colors for contrast */
.md-header__title,
.md-header__button,
.md-header__topic,
.md-header__topic span {
  color: rgb(228, 0, 43) !important;
}

/* Drawer (sidebar) banner background */
.md-sidebar__inner > .md-header {
  background-color: rgb(255, 255, 255); /* teal color example */
}

/* Optional: drawer text/logo color for contrast */
.md-sidebar__inner > .md-header * {
  color: rgb(228, 0, 43) !important;
}


/* Collapsed sidebar (mobile drawer) top banner background */
.md-nav__title {
  background-color: rgb(255, 255, 255) !important; /* Replace with your RGB color */
}

/* Optional: text/icon color in the mobile drawer banner */
.md-nav__title .md-nav__button,
.md-nav__title .md-logo,
.md-nav__title .md-header__topic,
.md-nav__title .md-header__topic span {
  color: rgb(228, 0, 43) !important;
}

/* Header logo size */
.md-header .md-logo img {
  height: 64px;   /* ← adjust this */
  width: auto;    /* keep aspect ratio */
  padding: 0px;
}

:root {
    /* Replace these with your desired RGB values */
    --md-primary-fg-color: rgb(228, 0, 43);  /* Dodger Blue */
    --md-primary-bg-color: rgb(255, 255, 255); /* Background color */
    --md-accent-fg-color: rgb(248, 0, 43);  /* Hot Pink */
  }

 /* Full-screen search modal icon (inside the overlay) */
/*.md-search__icon[for="__search"] {
  color: rgb(228, 0, 43);
}*/

/* Ensure search input stays visible on hover */
.md-search__form:hover,
.md-search__form:focus-within {
  background-color: rgb(225, 225, 225);  /* light gray, or any contrasting color */
}

img.centered {
  display: block;
  margin: 0 auto;
}