@font-face {
  font-family: 'gilroylight';
  src: url("/assets/fonts/gilroy-light-webfont.eot");
  src: url("/assets/fonts/gilroy-light-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/gilroy-light-webfont.woff2") format("woff2"), url("/assets/fonts/gilroy-light-webfont.woff") format("woff"), url("/assets/fonts/gilroy-light-webfont.ttf") format("truetype"), url("/assets/fonts/gilroy-light-webfont.svg#gilroylight") format("svg");
  font-weight: normal;
  font-style: normal; }

body {
  background-color: #393d41;
  color: white;
  font-family: "Helvetica Neue"; }

a,
button,
input,
select,
textarea {
  transition-property: background-color, color;
  transition-duration: .5s;
  transition-timing-function: .5s; }

.minidocs-header {
  margin: 0; }

.minidocs-logo {
  max-height: 100px;
  width: inherit;
  display: block; }

.minidocs-content {
  padding-bottom: 50px;
  max-width: 48em; }

.markdown-body {
  color: white; }
  .markdown-body img {
    background-color: transparent; }
  .markdown-body a {
    color: #f04c34; }

.minidocs-sidebar {
  font-family: 'gilroylight';
  background-color: #0d0e0f; }

.minidocs-menu-toc a.content-link {
  background-color: #555;
  padding: 10px 0px 10px 15px !important; }
  .minidocs-menu-toc a.content-link:hover {
    padding-left: 18px; }

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb,
.minidocs-sidebar {
  background-color: black; }

@media (min-width: 600px) {
  .minidocs-sidebar {
    padding: 0px 20px 20px 15px; } }

.minidocs-menu.menu-open.menu-small {
  background-color: black !important; }

@media (max-width: 600px) {
  .minidocs-header {
    padding: 14px !important; }
    .minidocs-header h1 {
      padding: 0px;
      margin: 0px; } }

.minidocs-menu-toggle {
  left: auto;
  right: 10px;
  color: white; }

.minidocs-menu-toggle:before {
  background: white !important;
  box-shadow: 0 0.25em 0 0 white, 0 0.5em 0 0 white !important; }

.minidocs-menu .h1::before {
  display: none; }

.minidocs-menu .h1, .minidocs-menu .h2, .minidocs-menu .h3 {
  font-weight: 400; }

.minidocs-menu .h1, .minidocs-menu .h2 {
  margin-bottom: 8px; }

.minidocs-menu .h2 {
  font-size: 1.4em; }

.minidocs-menu a.content-link {
  padding: 10px;
  transition-property: background-color, color, border-color, padding-left;
  color: white; }
  .minidocs-menu a.content-link:hover, .minidocs-menu a.content-link:focus {
    color: white;
    border-left-color: transparent;
    padding-left: .65rem;
    background-color: #888; }
  .minidocs-menu a.content-link.active {
    padding-left: .65rem;
    border-left-color: #FFF;
    background-color: #FFF;
    color: black; }