/*
  Banner background for the top bar and tabs.
  Switch off by setting:
    --banner-image: none;
    --banner-overlay: none;
*/
:root {
  --banner-image: none;/*url("../images/banner.png");*/
  --banner-overlay: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.55),
    rgba(0, 0, 0, 0.05)
  );
}

.md-header,
.md-tabs {
  background-image: var(--banner-overlay), var(--banner-image);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Maintain readable contrast for header content */
.md-header,
.md-tabs {
  color: #fff;
}

.alpha-banner {
  border-left: 0.25rem solid var(--md-accent-fg-color);
  padding: 0.8rem 1rem;
  background: color-mix(in srgb, var(--md-accent-fg-color) 10%, transparent);
}

.support-yes {
  color: #2e7d32;
  font-weight: 700;
}

.support-partial {
  color: #ef6c00;
  font-weight: 700;
}

.support-no {
  color: #c62828;
  font-weight: 700;
}