/* Override some Tachyons red colours. */

.bg-dark-red {
  background-color: #c70a00;
}

.bg-light-red {
  background-color: #ff8b85;
}

.dark-red {
  color: #c70a00;
}

.light-red {
  color: #ff8b85;
}


/* Override some Tachyons gray colours. */

.bg-moon-gray {
  background-color: #c4c4c4;
}

.bg-near-black {
  background-color: #232323;
}

.moon-gray {
  color: #c4c4c4;
}

.near-black {
  color: #232323;
}


/* Extend some Tachyons concepts. */

.lh-copy-extra {
  line-height: 1.75;
}

@media screen and (min-width: 60em) {
  .w-45-l {
    width: 45%;
  }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .w-45-m {
    width: 45%;
  }
}


/* Collapsing menu. */

.hide {
  left: 100%;
}

.show {
  left: 0%;
}

#menu-vertical {
  transition: 0.25s;
}


/* SVG icons. */

.cc {
  fill: currentcolor;
}


/* Make an exception to the Tachyons approach to get styled h2 headings without
   having to use shortcodes for them. */

.content h2 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 2rem;
}


/* Make an exception to the Tachyons approach to get styled inline code
 * snippets without having to use shortcodes for them. */
code {
  color: #96ccff;
}


/* Make an exception to the Tachyons approach to get styled code blocks without
   having to use shortcodes for them. */

pre {
  background-color: #1d1f21;
  overflow-x: auto;
  padding: 1.5rem 1rem;
}

pre code {
  color: #c5c8c6;
}