:root {
  --sd-green: rgb(112, 190, 69);
  --snl-blue: rgb(0, 173, 239);
}

/* Footer */
footer.bd-footer {
  color: black;
  background-color: LightSlateGrey;
}

footer.bd-footer a {
  color: var(--snl-blue);
}

/* Shared block styling */
div.highlight.input,
div.highlight.output,
div.highlight.syntax,
div.highlight.command,
div.highlight.code,
div.input,
div.output,
div.syntax,
div.command,
div.code,
pre.input,
pre.output,
pre.syntax,
pre.command,
pre.code {
  margin: 1em auto;
  border: 1px solid black;
}

/* Center block-level wrappers */
div.highlight.input,
div.highlight.output,
div.highlight.syntax,
div.highlight.command,
div.highlight.code,
div.input,
div.output,
div.syntax,
div.command,
div.code {
  display: table;
}

/* Input */
div.highlight.input pre,
div.input pre,
pre.input {
  background-color: rgba(135, 207, 235, 0.85) !important;
  color: black !important;
}

/* Output */
div.highlight.output pre,
div.output pre,
pre.output {
  background-color: rgba(187, 185, 109, 0.85) !important;
  color: black !important;
}

/* Syntax */
div.highlight.syntax pre,
div.syntax pre,
pre.syntax {
  background-color: rgba(211, 211, 211, 0.85) !important;
  color: black !important;
}

/* Command */
div.highlight.command pre,
div.command pre,
pre.command {
  background-color: white !important;
  color: black !important;
}

/* Code */
div.highlight.code pre,
div.code pre,
pre.code {
  background-color: rgba(255, 230, 182, 0.85) !important;
  color: black !important;
}

/* Force text to black in all custom blocks */
.black_text,
.black_text *,
div.highlight.input pre *,
div.highlight.output pre *,
div.highlight.syntax pre *,
div.highlight.command pre *,
div.highlight.code pre *,
div.input pre *,
div.output pre *,
div.syntax pre *,
div.command pre *,
div.code pre *,
pre.input *,
pre.output *,
pre.syntax *,
pre.command *,
pre.code * {
  color: black !important;
}

/* Captioned code-block wrapper */
.literal-block-wrapper {
  margin: 1em auto;
}

/* Code block caption */
.literal-block-wrapper .code-block-caption {
  color: auto !important;
  background-color: auto !important;
  font-weight: 600;
  margin-bottom: 0.25em;
  padding: 0.25em 0.5em;
  border: 1px solid black;
  border-bottom: none;
}

/* Images */
figure img {
  width: 80%;
  max-width: 100%;
  height: auto;
}