html {
  /*****************************************************************************
    * Font features used in this theme
    */

  /* // base font size - applied at body/html level */
  --pst-font-size-base: 1rem;

  /* // heading font sizes based on bootstrap sizing */
  --pst-font-size-h1: 2.5rem;
  --pst-font-size-h2: 2rem;
  --pst-font-size-h3: 1.75rem;
  --pst-font-size-h4: 1.5rem;
  --pst-font-size-h5: 1.25rem;
  --pst-font-size-h6: 1.1rem;

  /* // smaller than heading font sizes */
  --pst-font-size-milli: 0.9rem;

  /* // Sidebar styles */
  --pst-sidebar-font-size: 0.9rem;
  --pst-sidebar-font-size-mobile: 1.1rem;
  --pst-sidebar-header-font-size: 1.2rem;
  --pst-sidebar-header-font-weight: 600;

  /* // Admonition styles */
  --pst-admonition-font-weight-heading: 600;

  /* // Font weights */
  --pst-font-weight-caption: 300;
  --pst-font-weight-heading: 400;

  /* // Font family */
  /* // These are adapted from https://systemfontstack.com/ */
  --pst-font-family-base-system: "DM Sans", sans-serif;
  --pst-font-family-monospace-system: "Red Hat Mono", Menlo, Consolas, Monaco,
    Liberation Mono, Lucida Console, monospace;

  --pst-font-family-base: var(--pst-font-family-base-system);
  --pst-font-family-heading: var(--pst-font-family-base-system);
  --pst-font-family-monospace: var(--pst-font-family-monospace-system);

  --osl-color-primary: #A04747;
  --osl-color-accent: #D8A25E;
  --osl-color-ternary: #EEDF7A;
  --osl-color-dark: #343131;
  --osl-color-dark-lighter: #4e4949;
  --osl-color-light: #f5f5f5;
  --osl-color-green: #3d7f7a;
  --osl-color-blue: #0C5DA5;
  --osl-color-purple: #845B97;
}




html[data-theme="light"] {
  --pst-color-primary: var(--osl-color-primary);
  --pst-color-secondary: var(--osl-color-accent);
  --pst-color-accent: var(--osl-color-accent);
  --pst-color-plot-background: rgb(255, 255, 255);
  --pst-color-surface: var(--osl-color-light);
  --sg-script-pre: #f0eae9;
  --pst-color-inline-code: var(--osl-color-blue);
  --pst-color-text-muted: #3a2b2b;
}

html[data-theme="dark"] {
  --pst-color-primary: var(--osl-color-primary);
  --pst-color-secondary: var(--osl-color-accent);
  --pst-color-accent: var(--osl-color-accent);
  --pst-color-plot-background: rgb(218, 219, 220);
  --pst-color-surface: #4e524f;
  --sg-script-pre: #393f3b;
  --pst-color-inline-code: #6d94d7;
}


body {
  font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: uppercase;
  font-weight: 500;
  font-family: "DM Sans", sans-serif;
}


h1 {
  font-size: 200%;
  color: var(--pst-color-primary);
}

h2 {
  font-size: 180%;
  color: var(--pst-color-secondary)
}


.brand {
  text-transform: uppercase;
  font-weight: 300;
  font-family: var(--pst-font-family-monospace-system);
}


.headerlink {
  color: #bebebe;
  text-decoration: none;
}


.headerlink:hover {
  color: #5a5a5a;
  text-decoration: none;
}


.search-button-field {
  border-radius: 2px;
}


/* spinx gallery */

.sphx-glr-download-link-note.admonition.note {
  visibility: hidden;
  height: 0px;
  padding: 0px;
  margin: 0px;
}

.reference.download.internal {
  font-weight: 300;
  background: var(--osl-color-dark);
}

.reference.download.internal:hover {
  background: var(--osl-color-dark-lighter);
}


.sphx-glr-thumbcontainer a.internal {
  color: var(--osl-color-dark);
}

.sphx-glr-thumbcontainer a.internal:hover {
  text-decoration: none;
}

.sphx-glr-thumbcontainer[tooltip]:hover::before {
  border-color: var(--osl-color-dark) transparent !important;
  opacity: 0.8;
  bottom: 82% !important;
  left: 76.5% !important;
  visibility: hidden;
}

.sphx-glr-thumbcontainer a.internal {
  font-size: 85%;
}

.sphx-glr-thumbcontainer {
  background: #fff0 !important;
  border: solid #82828259 1px !important;
  border-radius: 0px !important;
}

.sphx-glr-thumbcontainer img {
  display: block;
  max-height: 100% !important;
  max-width: 100% !important;
}

.caption-text>.reference.internal {
  color: #868585 !important;
  padding-top: 32px !important;
  font-style: oblique;
  font-size: 90%;
  font-weight: 700;
  text-transform: uppercase;
}

.sphx-glr-thumbcontainer[tooltip]:hover::after {
  background: var(--osl-color-dark) !important;
  opacity: 0.8;
  border-radius: 0px !important;
  padding-top: 15% !important;
  position: absolute !important;
  width: 94% !important;
  height: 94.5% !important;
  top: 3% !important;
  left: 3% !important;
  text-align: center !important;
  font-style: oblique;
  font-size: inherit;
  color: white;
}

.sphx-glr-thumbcontainer img {
  padding-top: 32px;
}

.sphx-glr-multi-img {
  max-width: 100% !important;
}



.sphx-glr-thumbnails {
  width: 100%;
  margin: 0px 0px 20px 0px;
  justify-content: space-between;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)) !important;
  gap: 15px;
}

.sphx-glr-timing {
  font-size: 80%;
  color: #5e5e5e;
  padding-top: 20px;
}

.sphx-glr-timing+p {
  font-size: 80%;
  color: #5e5e5e;
  padding-bottom: 20px;
}

.sphx-glr-download.docutils.container {
  margin: auto;
  /* max-width: 300px; */
}

div.sphx-glr-download code.download {
  color: white;
}

a.reference.download::before {
  color: white;
}


div.sphx-glr-download code.download {
  font-weight: 400;
}

a:hover {
  text-decoration-thickness: max(1px, .00625rem) !important;
}

a {
  text-decoration: none;
}

.prev-next-area a p.prev-next-title {
  text-decoration: none;
}

.prev-next-area a:hover p.prev-next-title:hover {
  text-decoration-thickness: max(1px, .00625rem)
}

.bd-footer {
  background-color: var(--osl-color-dark);
  min-height: 200px;
  padding-top: 80px;
}

.theme-version,
.copyright {
  color: white;
}

.theme-version a {
  color: white;
}

.theme-version a:hover {
  color: #c2c2c2;
}

.bd-header-announcement {
  background-color: var(--pst-color-primary);
}

.bd-header-announcement__content {
  color: white;
}

.bd-header-announcement a {
  color: #ffd2bb;
}

.bd-header-announcement a:hover {
  color: #f6b493;
}
.navbar-brand img {
  height: 80%;
}
.footer-item {
  padding: 12px;
}