/**
CHANGES FOR CUSTOM.CSS SHOULD BE MADE INSIDE CUSTOM.SCSS

To make changes to styling, first run the following in the root of the project:
  - pip install -e .[dev]

Then you can edit and make changes to this file and see the results by doing the following:
  Steps:
  - Run: pysassc custom.scss custom.css
  - That command will compile scss changes into css.
  - After doing changes commit scss and css files.
*/
.wy-nav-side {
  background: #101115; }

@media screen and (min-width: 1100px) {
  .wy-nav-content-wrap {
    background: #101115; } }

a {
  color: #7d17ff; }
  a:hover {
    color: #b84ff3; }
  a:visited {
    color: #7d17ff; }

.rst-content {
  color: #3d3d3d; }
  .rst-content code.literal {
    color: #d26a98; }
  .rst-content tt.literal {
    color: #d26a98; }
  .rst-content .note {
    color: #003274;
    background: #ccddf3;
    padding: 1rem;
    margin-bottom: 1rem; }
    .rst-content .note .admonition-title {
      display: none; }
  .rst-content .warning {
    color: #605000;
    background: #fcf4cc;
    padding: 1rem;
    margin-bottom: 1rem; }
    .rst-content .warning .admonition-title {
      display: none; }
  .rst-content .highlight {
    background: #f5f5f5; }

.wy-side-scroll {
  background-color: #101115; }

.wy-side-nav-search {
  background-color: #101115; }
  .wy-side-nav-search input[type="text"] {
    width: 100%;
    border-radius: 0px;
    padding: 6px 12px;
    border-color: #101115; }

.wy-menu-vertical a {
  font-size: 100%;
  color: #a8acb8;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  background-color: inherit;
  line-height: 21px; }
  .wy-menu-vertical a:hover {
    background-color: unset;
    opacity: 1; }

.wy-menu-vertical li.current > a {
  background-color: #101115;
  color: white;
  padding: 0.55em 2.427em; }
  .wy-menu-vertical li.current > a span.toctree-expand {
    display: block;
    font-size: inherit;
    line-height: inherit;
    color: inherit; }
    .wy-menu-vertical li.current > a span.toctree-expand:before {
      display: block;
      font-size: inherit;
      line-height: inherit;
      color: inherit; }
    .wy-menu-vertical li.current > a span.toctree-expand:hover {
      color: white; }
  .wy-menu-vertical li.current > a:hover {
    background-color: #101115;
    color: white; }
    .wy-menu-vertical li.current > a:hover span.toctree-expand {
      color: white; }

.wy-menu-vertical .toctree-l1 {
  opacity: 1; }
  .wy-menu-vertical .toctree-l1:hover {
    opacity: 1;
    background-color: inherit; }

.wy-menu-vertical li.toctree-l1.current {
  opacity: 1;
  background-color: inherit; }
  .wy-menu-vertical li.toctree-l1.current > a {
    border: 0px; }

.wy-menu-vertical .toctree-l2:hover {
  background-color: #000; }

.wy-menu-vertical li.toctree-l2.current > a {
  background-color: #000;
  color: white; }

.wy-menu-vertical li.toctree-l2.current li.toctree-l3 > a {
  background-color: #000;
  color: #838383; }
  .wy-menu-vertical li.toctree-l2.current li.toctree-l3 > a:hover {
    color: #fff; }
    .wy-menu-vertical li.toctree-l2.current li.toctree-l3 > a:hover span.toctree-expand {
      color: #fff; }

.wy-menu-vertical li.toctree-l2.current li.toctree-l3.current > a {
  color: #fff; }

.wy-menu-vertical li.toctree-l2 a {
  border: 0px;
  background-color: #1e2028;
  color: #cdd1e1; }
  .wy-menu-vertical li.toctree-l2 a span.toctree-expand {
    display: block;
    font-size: inherit;
    line-height: inherit;
    color: inherit; }
    .wy-menu-vertical li.toctree-l2 a span.toctree-expand:before {
      display: block;
      font-size: inherit;
      line-height: inherit;
      color: inherit; }
    .wy-menu-vertical li.toctree-l2 a span.toctree-expand:hover {
      color: white; }
  .wy-menu-vertical li.toctree-l2 a:hover {
    color: white;
    background-color: #000; }
    .wy-menu-vertical li.toctree-l2 a:hover span.toctree-expand {
      color: white; }

.wy-menu-vertical li.toctree-l3.current > a {
  background-color: #e4e7ea;
  color: #838383; }

.wy-menu-vertical li.toctree-l3.current li.toctree-l4 > a {
  background-color: #e4e7ea;
  color: #838383; }

.wy-menu-vertical li.toctree-l3.current li.toctree-l4.current > a {
  color: #3d3d3d; }

.wy-nav-top {
  background-color: #101115; }

.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #3d3d3d;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  box-shadow: unset; }

.btn-neutral {
  background: unset !important;
  color: #838383 !important; }
  .btn-neutral:active {
    padding: 0.375rem 0.75rem;
    box-shadow: unset; }

.wy-side-nav-search .wy-dropdown > a.icon,
.wy-side-nav-search > a.icon {
  color: #fff; }

.wy-menu-vertical li.current a {
  padding: 0.55em 2.427em !important; }

.wy-nav-top > a {
  color: #fff !important; }