/* Colors */
/* Light theme */
html[data-theme=light] {
  --pst-color-success-bg: #9adaba;
  --pst-color-on-background: #bfbfbf;
  --pst-color-surface: #cfcfcf;
  --pst-color-border: #aaabad;
  --own-prev-next: rgba(0, 0, 0, 0.15);
}
html[data-theme=dark] {
  --own-prev-next: rgba(0, 0, 0, 0.3);
}
html {
  --own-guilabel-color: #222;
  --own-guilabel-bg: #eee;
  --own-guilabel-border1: #bcbcbc;
  --own-guilabel-border2: #444;
}

/* Theme overrides */
html {
  font-size: 15px;
}
body {
  font-family: "Open Sans", sans-serif !important;
}
p {
  font-size: 14px;
}
html[data-theme=dark] .bd-content img:not(.only-dark,.dark-light) {
  background-color: #00000000 !important;
}
html[data-theme="dark"] .filter-invert {
  filter: invert(1) !important;
}
html[data-theme="dark"] .math {
  filter: none !important;
}
.logo__image {
  filter: drop-shadow(3px 3px 3px black);
  margin-right: 0.5em;
}
.logo__title {
  font-weight: 900;
  font-variant: small-caps;
  font-size: 0.85em;
}
button.version-switcher__button{
  min-width: 8em;
}
div.sidebar-header-items__end {
  flex-flow: row wrap;
}
.rst-content .toctree-wrapper>p.caption, h1, h2, h3, h4, h5, h6, legend {
  font-family: "Open Sans",sans-serif;
}
code {
  font-family: "Source Code Pro", Consolas, "Ubuntu Mono", Menlo, "DejaVu Sans Mono", monospace, monospace !important;
  font-size: 0.875em;
}
/* blockquote { */
  /* background-color: #00000000; */
  /* border: 0px; */
  /* border-radius: 0px; */
  /* padding: 0px; */
/* } */
.bd-sidebar-primary {
  display: flow;
}
.wy-nav-top {
  background: #000;
}
th p {
  margin-bottom: 0;
}
.version-switcher__menu, button.version-switcher__button {
  width: 100%;
}
.bd-sidebar-primary .version-switcher__container {
    margin-top: auto !important;
    padding-bottom: 20px; /* Give it some breathing room from the screen edge */
    border-top: 1px solid rgba(0,0,0,0.05); /* Optional: a subtle line to separate it */
}
.new {
  font-weight: bold;
  font-size: 80%;
  background-color: #27ae60;
  border: 1px solid #208050e6;
  color: white;
  display: block;
  border-radius: 4px;
  float: right;
  padding: 3px;
  margin: 4px 0px 10px 10px;
}
.new-prev {
  background-color: unset;
  color: gray;
  border-color: gray;
}
.grey{
  color: grey;
}
.red{
  color: #DB4437;
}
.green{
  color: #0F9D58;
}
.yellow{
  color: #F4B400;
}
.orange{
  color: #FF8C00;
}
.blue{
  color: #4285F4;
}
.magenta{
  color: magenta;
}
.mouse {
  color: #cbd3e9;
  border: 1px solid #7fbbe3;
  background: #7da4bf;
  font-size: 80%;
  font-weight: 700;
  border-radius: 4px;
  padding: 2.4px 6px;
  margin: auto 2px;
}
html[data-theme="dark"] .mouse {
  background: #334552;
}

dl.simple, ol.simple, ul.simple {
  list-style: disc;
  margin-left: 1em;
  margin-bottom: 1em;
}
ol.arabic {
  list-style: decimal !important;
}
ul.simple > li {
  list-style: disc;
}
li p {
  margin-bottom: 0;
}
.command {
  font-family: monospace;
  font-size: 0.9em;
  color: #e74c3c;
}
.tight-table td {
  white-space: normal !important;
}
.video {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2em;
  display: block;
}
span.guilabel {
  color: var(--own-guilabel-color);
  background: linear-gradient(
        to bottom, 
        var(--own-guilabel-bg),
        color-mix(in srgb, var(--own-guilabel-bg), black 50%) 
    );
  border-bottom: 2px solid var(--own-guilabel-border1);
  border-right: 2px solid var(--own-guilabel-border1);
  border-top: 2px solid var(--own-guilabel-border2);
  border-left: 2px solid var(--own-guilabel-border2);
  display: inline-block;
  line-height: normal;
}
.prev-next-area a {
  background-color: var(--own-prev-next);
  border-radius: 1em;
  margin: 0.4em;
}
.admonition p.admonition-title~*, div.admonition p.admonition-title~* {
  margin-left: 0em;
}
div.admonition-docs > p.admonition-title:after {
  color: #fff;
}
html[data-theme="dark"] div.admonition-docs > p.admonition-title {
  color: #fff;
}
div.admonition-docs > p.admonition-title:after {
  content: "\f02d" !important;
}
[data-theme=light] div.admonition-docs > p.admonition-title {
  background-color: #686868 !important;
}
[data-theme=dark] div.admonition-docs > p.admonition-title {
  background-color: #313131 !important;
}
[data-theme=light] div.admonition-docs {
  color: #000;
  background-color: #DDDDDD !important;
}
[data-theme=dark] div.admonition-docs {
  color: #aaa;
  background-color: #444 !important;
}
html[data-theme="dark"] .wy-nav-content {
  background-color: #101010 !important;
}
.wy-nav-content {
  max-width: 950px;
}
html[data-theme="dark"] .wy-menu-vertical li.toctree-l1.current > a, html[data-theme="dark"] .wy-menu-vertical li.current a {
    border-color: #141414;
}
html[data-theme="dark"] .rst-content code, html[data-theme="dark"] .rst-content tt {
    color: #e74c3c !important;
}
span.title-top-navbar {
    margin-right: 1em;
    font-variant: small-caps;
    font-weight: 900;
}
span.title-top-navbar img.logo {
    width: 2em;
    margin-right: 1em;
}
@media screen and (max-width: 960px) {
  .version-switcher__container {
    padding-bottom: 0 !important;
  }
  button.version-switcher__button {
    margin-bottom: 0em !important;
    min-width: 10em;
  }
  div.sidebar-header-items__end {
    display: grid !important;
  }
}
@media screen and (min-width: 1100px){
  .wy-nav-content {
      background: #ffffff;
  }
  .wy-nav-content-wrap {
      background: #ffffff;
  }
}
@media screen and (max-width: 1168px){
  .wy-tray-container {
      bottom:auto;
      top: 0;
      width: 100%;
  }
  .wy-body-for-nav {
      background:#fcfcfc;
  }
  .wy-nav-top {
      display: block;
  }
  .wy-nav-side {
      left: -300px;
  }
  .wy-nav-side.shift {
      width: 35%;
      left: 0;
  }
  .wy-menu.wy-menu-vertical,.wy-side-nav-search,.wy-side-scroll {
      width: auto;
  }
  .wy-nav-content-wrap {
      background: #ffffff;
      margin-left: 0;
  }
  .wy-nav-content-wrap .wy-nav-content {
      padding: 1.618em;
  }
  .wy-nav-content-wrap.shift {
      position: fixed;
      min-width: 100%;
      left: 35%;
      top: 0;
      height: 100%;
      overflow: hidden;
  }
  .wy-tray-container li {
      width: 100%;
  }
  .rst-versions {
      width: 35%;
      display: none;
  }
  .rst-versions.shift {
      display: block;
  }
}