/* Team 1747 branding, matched to the Programming Documentation site
   (github.com/frc1747/programming-documentation, docs/assets/css/style.css). */
@import url('https://fonts.googleapis.com/css?family=Oswald:300,300i,400,400i,700,700i&display=fallback');

[data-md-color-scheme="default"] {
  --md-primary-fg-color: #34b233;
  --md-primary-fg-color--light: #34b233;
  --md-primary-fg-color--dark: #000051;
  --md-accent-fg-color: #ff6f00;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #34b233;
  --md-accent-fg-color: #ff6f00;
}

.md-header {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #000000;
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 3.2rem;
}

.md-header__title {
  font-size: 1.25rem;
}

.md-search svg {
  color: #000000;
}

.md-search input::placeholder {
  color: #000000;
}

/* Section tabs (the Programming site has none): black text like the header. */
.md-tabs {
  color: #000000;
}

/* Guide videos: full content width, never taller than the screen. */
.md-typeset video.guide-video {
  display: block;
  width: 100%;
  max-height: 80vh;
  border-radius: 0.2rem;
  box-shadow: var(--md-shadow-z1);
}

/* Image galleries: a responsive grid of thumbnails that open in the lightbox. */
.md-typeset .gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
  gap: 0.8rem;
}
.md-typeset .gallery img {
  width: 100%;
  border-radius: 0.2rem;
  box-shadow: var(--md-shadow-z1);
}

/* Placeholder box for media that hasn't been captured yet. */
.md-typeset .media-todo {
  padding: 1.5rem;
  border: 2px dashed var(--md-default-fg-color--lighter);
  border-radius: 0.2rem;
  color: var(--md-default-fg-color--light);
  text-align: center;
}