:root {
  /* Make sure Read the Docs' very light gray background is nowhere to be seen. */
  --atoti-background-color: #ffffff;
  /* Make sure it replaces all the occurences of Read the Docs' default blue color. */
  --atoti-brand-color: #00aeef;
  /* System fonts for all code blocks. */
  --atoti-code-font: "SFMono-Regular", Consolas, "Liberation Mono", Menlo,
    Courier, monospace;
  /* Used in https://www.atoti.io's footer. */
  --atoti-dark-gray: #383a3b;
  --atoti-darker-gray: #272525;
  /* Atoti brand color where the lightness in HSL is incremented by 6% like in the official Read the Docs theme. */
  --atoti-link-hover-color: #0fbfff;
  /*
    Use same font as https://www.atoti.io and fallback to system fonts.
    Make sure it overrides all the references to Read the Docs' Lato and Roboto fonts so that these are never loaded by the browser.
  */
  --atoti-prose-font: "gotham", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  --atoti-text-color: #000000;
}

/* Use FontAwesome 5 on top of Read the Docs' version 4 to get up to date brand icons. */
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("fonts/fa-brands-400.woff") format("woff");
}
i.fab {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
}
.fa-gitter:before {
  content: "\f426";
}

@font-face {
  font-family: "gotham";
  src: url("fonts/Gotham-Light.woff") format("woff");
  font-weight: lighter;
  font-style: normal;
}
@font-face {
  font-family: "gotham";
  src: url("fonts/Gotham-Book.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gotham";
  src: url("fonts/Gotham-Medium.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "gotham";
  src: url("fonts/Gotham-Bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "gotham";
  src: url("fonts/Gotham-LightItalic.woff") format("woff");
  font-weight: lighter;
  font-style: italic;
}
@font-face {
  font-family: "gotham";
  src: url("fonts/Gotham-BookItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "gotham";
  src: url("fonts/Gotham-MediumItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "gotham";
  src: url("fonts/Gotham-BoldItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
}

.atoti-footer a,
.btn,
.rst-content .toctree-wrapper p.caption,
.rst-versions,
.wy-breadcrumbs-aside a,
body,
h1,
h2,
h3,
h4,
h5,
h6,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
legend,
textarea {
  color: var(--atoti-text-color);
  font-family: var(--atoti-prose-font);
  font-variant: tabular-nums;
}

.atoti-footer {
  display: flex;
  font-size: 0.9em;
  font-weight: lighter;
  justify-content: space-between;
}

.atoti-footer a:hover,
.wy-breadcrumbs-aside a:hover {
  color: var(--atoti-dark-gray);
}

.atoti-footer a:visited,
.wy-breadcrumbs-aside a:visited {
  color: var(--atoti-darker-gray);
}

.logo {
  height: 74px !important;
}

.rst-content .linenodiv pre {
  font-family: var(--atoti-code-font);
}

.rst-content dl:not(.docutils) dt,
.wy-menu-vertical p.caption,
a {
  color: var(--atoti-brand-color);
}

.rst-content dl:not(.docutils) dt {
  border-top-color: var(--atoti-brand-color);
}

.rst-versions,
.rst-versions .rst-current-version {
  background: var(--atoti-darker-gray);
}

.rst-versions .rst-current-version {
  color: #ffffff;
}

.wy-body-for-nav,
.wy-nav-content,
.wy-nav-content-wrap {
  background: var(--atoti-background-color);
}

.wy-nav-content {
  /* Take all the available width. */
  max-width: none !important;
}

.wy-side-nav-search > div.version {
  color: rgba(255, 255, 255, 0.75);
}

.wy-nav-side {
  background: var(--atoti-dark-gray);
}

.wy-nav-top,
.wy-side-nav-search {
  background: var(--atoti-brand-color);
}

a:hover {
  color: var(--atoti-link-hover-color);
}