:root {
  --max-sidebar-width: 30%;
}

@font-face {
  font-family: "DejaVu Sans";
  src: url("https://kendo.cdn.telerik.com/2021.2.616/styles/fonts/DejaVu/DejaVuSans.ttf") format("truetype");
}

body {
  padding-top: 4em;
  padding-bottom: 0;
  font-family: 'DejaVu Sans', sans-serif;
}

h1 {
  font-size: 2.2em;
  font-weight: 700;
  padding: 0 0 0.3em;
  border-bottom: 1px solid silver;
  margin-bottom: 0.8em;
}

h2 {
  font-size: 1.6em;
  font-weight: 500;
  color: #70360f;
  border-bottom: 1px solid silver;
  margin: 1.25em 0 0.6em;
  padding: 8px 0;
  /* border-radius: 8px; */
  /* box-shadow: 0 0 1px 0 #4e4e4e57; */
  /* background-color: #e7e7f3; */
}

.output_html.output_result h2 {
  font-size: 1.2em;
  color: #663d3d;
}

h3 {
  font-size: 1.3em;
  text-decoration: underline;
  color: #3f3f3f;
}

h4 {
  margin-top: 1.4em;
  font-size: 1.2em;
  color: #663d3d;
}

h5 {
  font-size: 1.1em;
  color: #353535;
}

h6 {
  font-size: 1em;
}

pre {
  line-height: 143%;
}

.sphx-glr-timing {
  padding-top: 1em;
}

.sphx-glr-thumbcontainer .figure img {
  box-shadow: none;
  border: none;
}
.figure.align-default {
  justify-content: space-around;
  padding: 0;
}
.figure.align-default > p,
.figure.align-left > p {
  color: rgb(87, 87, 87);
}
div.figure {
  margin-top: 0;
  padding-top: 0;
}
.figure.align-default > img[alt="_images/null.png"],
.figure.align-left > img[alt="_images/null.png"] {
  display: none;
}
img.sphx-glr-single-img,
.figure img {
  box-shadow: 0 0 4px 0 lightgray;
  border: 1px solid lightgray;
  padding: 5px;
  margin-bottom: 6px;
  margin-top: 0;
}

.footnote.brackets {
  padding-top: 8px;
}

img.sphx-glr-single-img:hover,
.figure img:hover {
  box-shadow: 0 0 10px 0 lightgray;
}

.sphx-glr-footer.container,
.sphx-glr-download.container {
  width: 100%;
}

.literal-block-wrapper {
  width: 100%;
}

.bodywrapper > .body {
  box-shadow: 0 0 30px 0 rgb(128, 128, 128, 0.3);
  margin-top: 1em;
  /* width: calc(100% - 2em); */
  max-width: 900px;
  padding-top: 3em;
  padding-bottom: 3em;
  padding-left: 3.5em;
  padding-right: 3.5em;
}

table caption:hover {
  position: relative;
  color: gray;
}

.sphx-glr-download-link-note {
  box-sizing: border-box;
  max-width: 900px;
}

.sphx-glr-thumbcontainer .caption .caption-text a {
  transform: translateY(12px);
}

.ui.sphinx-tab {
  font-size: inherit;
  font-weight: inherit;
}

.ui.sphinx-menu {
  font-size: inherit;
  font-weight: inherit;
  display: flex;
}

.sphinx-tabs {
  width: 100%;
  padding: 0;
  margin-bottom: 1em;
}

.docutils.container {
  width: auto;
}
.highlighttable .code {
  max-width: 100%;
}
.highlighttable .linenos {
  width: auto;
}
.ui.segment[class*="bottom attached"] {
  width: 100%;
  padding: 2em;
}

.ui.segment[class*="bottom attached"]:last-child {
  transform: translateX(1px);
}

.sphinx-menu a {
  margin: 0;
}

.sphinx-menu > a > div {
  padding: 0;
}

#navbar-related {
  border-radius: 0;
  display: none;
}

.navbar.navbar-fixed-top {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.7);
}

#content-wrapper {
  margin-left: var(--max-sidebar-width);
  box-sizing: border-box;
  width: calc(100% - var(--max-sidebar-width));
  min-height: 100%;
  padding-bottom: 0;
  margin-bottom: 0;
}

/* sidebar */
#sidebar-wrapper {
  position: fixed;
  top: 3.5em;
  bottom: 0;
  left: 0;
  height: calc(100% - 3.5em);
  width: var(--max-sidebar-width);
  padding: 0;
  background-color: #333333;
  overflow-x: hidden;
  overflow-y: hidden;
  z-index: 50;
}

.sidebar.hidden-xs {
  position: relative;
  overflow-x: hidden;
  overflow-y: scroll;
  width: calc(100% + 16px);
  height: calc(100% - 2em);
  padding-top: 1em;
  /* margin-bottom: 2em; */
  box-sizing: border-box;
  padding-bottom: 0.5em;
}

/* logo */
.sidebar > .logo {
  margin: auto;
  /* padding: 1em; */
  padding-right: 16px;
  width: 100%;
  max-width: 275px;
  padding-bottom: 1em;
  padding-top: 1em;
  /* padding-left: 0.5em;
  padding-right: 1.5em; */
}

/* searchbar */
#searchbox > h3,
#searchbox > p {
  display: none;
}

#searchbox {
  /* box-sizing: border-box; */
  display: flex;
  justify-content: space-around;
  padding-right: 16px;
}

.search.form-inline > .input-append.input-group {
  display: flex;
  width: 30vw;
  padding-left: 24px;
  padding-right: 24px;
}
.sidebar.hidden-xs > h3 {
  display: none;
}
.toctree-wrapper.compound > p.caption {
  display: none;
}
.sidebar.hidden-xs > p:not(p.logo) {
  padding-left: 24px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 1.11em;
  font-weight: 400;
  color: #6e6e6e;
  margin: 10px 0 0;
}
.sidebar.hidden-xs > ul {
  padding: 0;
}
.sidebar.hidden-xs > ul:last-child {
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.sidebar.hidden-xs > h3 > a,
.sidebar.hidden-xs > div > h3 {
  display: block;
  padding-left: 24px;
  color: white;
  text-decoration: none;
}
.sidebar > ul > li > a > code {
  color: white;
}
.sidebar > ul > li.current > a > code {
  color: #c7254e;
}
.sidebar > ul > li:hover {
  background-color: rgb(66, 66, 66);
}

.sidebar > ul > li.current,
.sidebar > ul > li.current:hover {
  background-color: rgb(255, 255, 255);
}

.sidebar > ul > li > a {
  display: block;
  padding-top: 0.15em;
  padding-bottom: 0.15em;
  padding-left: 24px;
  padding-right: 24px;
  color: rgb(209, 209, 209);
  text-decoration: none;
  cursor: pointer;
}

.sidebar .toctree-l3 {
  display: block;
  text-decoration: none;
  cursor: pointer;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  padding-left: 26px;
  padding-right: 26px;
}

.sidebar .toctree-l3 > a {
  display: block;
  color: #5e5e5e;
}
/* selected list item header */
.sidebar > ul > li.current > a {
  color: black;
  font-weight: 550;
}

/* selected list item's sub-list */
.sidebar > ul > li.current > ul {
  padding: 0;
}

/* selected list item's sub-list items */
.sidebar > ul > li.current > ul > li {
  list-style: none;
  background-color: rgb(235, 235, 235);
  color: gray;
  font-weight: 500;
}

/* selected list item's sub-list's item on hover */
.sidebar > ul > li.current > ul > li:hover {
  background-color: rgb(214, 214, 214);
}
.sidebar > ul > li.current > ul > li > ul > li:hover {
  background-color: rgb(205, 205, 205);
}

/* selected list item's sub-list's item a tags */
.sidebar > ul > li.current > ul > li > a {
  display: block;
  padding-left: 48px;
  padding-right: 48px;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  color: rgb(58, 58, 58);
  text-decoration: none;
  cursor: pointer;
}
/* selected list item's sub-list's item selected a tags */
.sidebar > ul > li.current > ul > li > a.current {
  color: black;
  font-weight: 500;
}

ul.this-page-menu {
  padding-left: 0;
}

ul.this-page-menu a {
  padding-left: 24px;
  color: rgb(209, 209, 209);
}

.row.footer-relbar {
  display: none;
}

/* footer */
footer {
  margin-left: calc(var(--max-sidebar-width) + 0.6em);
  box-sizing: border-box;
  min-height: 100%;
  /* width: calc(75% - 0.35em); */
  width: calc(100% - var(--max-sidebar-width) - 0.55em);
  max-width: 900px;
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 1.5em;
  padding-bottom: 2.25em;
  color: whitesmoke;
  background-color: #333333;
  box-shadow: 0 0 30px 0 rgb(128, 128, 128, 0.3);
}

footer .flex {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.5em;
}
footer .flex a {
  text-decoration: none;
}
footer a,
footer a:visited {
  color: rgb(255, 166, 94);
}
footer a:hover,
footer a:active {
  color: rgb(255, 205, 164);
}

table:not([class]):not([id]) {
  display: block;
  font-size: small;
  overflow-x: auto;
  margin: 0;
}

tr th {
  border-bottom: 1px solid silver;
}

tr th,
tr td {
  padding-right: 9px;
  padding-left: 9px;
  padding-top: 5px;
}

.reference.download.internal {
  background-color: #dcd9d4;
  background-image: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(0, 0, 0, 0.5) 100%
    ),
    radial-gradient(
      at 50% 0%,
      rgba(255, 255, 255, 0.1) 0%,
      rgba(0, 0, 0, 0.5) 50%
    );
  background-blend-mode: soft-light, screen;
}

/* @media screen and (max-width: 1300px) {
  #sidebar-wrapper {
    width: 30%;
  }
  #content-wrapper {
    margin-left: 30%;
    width: 70%;
  }
  .bodywrapper > .body {
    width: calc(70vw - 2em);
    max-width: 992px;
  }
} */

@media screen and (max-width: 992px) {
  .bodywrapper > .body {
    width: calc(100vw - 2em);
    max-width: 992px;
  }

  footer {
    width: calc(100vw - 2em);
    margin-left: 0;
    max-width: 992px;
  }
  #content-wrapper {
    margin: 0;
    width: 100%;
  }

  #sidebar-wrapper {
    display: none;
  }
}

@media screen and (max-width: 650px) {
  #content-wrapper {
    padding: 0;
  }
  footer {
    margin-left: -15px;
    width: calc(100% + 30px);
  }
  .bodywrapper > .body {
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
  .search.form-inline > .input-append.input-group {
    width: calc(100vw - 2.5em);
  }
  .navbar-nav {
    overflow-x: hidden;
  }
}

.doctest.highlight-default {
  margin: 1em 0;
}
/*
.sim-gallery {
  display: flex;
  align-items: center;
  justify-content: center;
}
 .sim-gallery a:first-child {
  background-color: #ffeeee;
}
.sim-gallery a:last-child {
  background-color: #e5f6fd;
} 
.sim-gallery div {
  display: block;
  justify-content: center;
  margin: 1em 3em;
  padding: 1em;
  border-radius: 0.5em;
  border: 1px solid silver;
  /* cursor: pointer; 
  box-shadow: 0 0 15px 0 #3b3b3b8a;
}
.sim-gallery div:first-child p {
  margin: 1em 0;
  width: 170px;
  height: 160px;
  background-image: url("sim.png");
  background-size: 170px 160px;
}
.sim-gallery div:last-child p {
  margin: 1em 0;
  width: 170px;
  height: 160px;
  background-image: url("fit.png");
  background-size: 170px 160px;
}
.sim-gallery a {
  margin: 1em; 
  padding: 3em 1.5em; 
  text-decoration: none;
  font-size: 1.2em;
  text-align: center;
  font-weight: 1000;
}
.sim-gallery div:hover {
  box-shadow: 0 0 30px 0 #3b3b3b8a;
}
*/

h6.center {
  text-align: center;
}

.sphx-glr-script-out .highlight {
  font-size: smaller;
}

details.reveal-theory  {
  width: 100%;
  padding: 0.75rem;
  margin: 0;
  box-shadow: 0 .1rem 1rem -.6rem #00000066;
  border-radius: 5px;
  overflow: hidden;
}

details.reveal-theory summary {
  display: block;
  padding-left: 1.2rem;
  position: relative;
  cursor: pointer;
}