/* Change Color Themes */
:root, [data-md-color-scheme="default"] {
  --md-default-bg-color: rgb(250, 250, 250);
  --md-primary-fg-color: #009374;
  --md-primary-fg-color--light: #5FFFD7;
  --md-primary-fg-color--dark:  #E549FF;
  --md-primary-bg-color: #fff;
  --md-primary-bg-color--light: #fff;
  --md-accent-fg-color: #1f82c0;
}
:root, [data-md-color-scheme="slate"] {
  --md-default-bg-color: rgb(26, 26, 27);
  --md-primary-fg-color: #009374;
  --md-primary-fg-color--light: #009374;
  --md-primary-fg-color--dark:  #009374;
  --md-primary-bg-color: #fff;
  --md-primary-bg-color--light:  #fff;
  --md-accent-fg-color: #1f82c0;
}

::selection{
    background-color:#009374;
    color: white;
}

.md-typeset h1 {
    font-weight: 700;
    color: var(--md-typeset-a-color);
}

[data-md-color-scheme="slate"] .md-header, [data-md-color-scheme="slate"] .md-tabs { /* firefox fallback */
  background-color: rgba(9, 9, 9, 0.95);
}

@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  [data-md-color-scheme="slate"] .md-header, [data-md-color-scheme="slate"] .md-tabs {
      background-color: rgba(0, 0, 0, 0.5);
      -webkit-backdrop-filter: blur(12px);
      backdrop-filter: blur(12px);
  }
}

.grid.cards>ul>li:hover {
    border: 0.05rem solid #009374 !important;
}

/* Wide card grids */
.md-typeset .grid.wide {
  grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 768px) {
  .md-typeset .grid.wide {
      grid-template-columns: repeat(1, 1fr);
  }
}

/* Smoothing the Navigation */

.md-content{
 animation: fade-in 200ms ease-in;
}

@keyframes fade-in{
  from {
    opacity: 0%;
  }
  to {
    opacity: 100%;
  }
}

html {
  scroll-behavior: smooth;
}

/* Add Info Icon for Navigation */
:root {
    --md-status--info: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 26 26" width="26px" height="26px"><path d="M 13 1.1875 C 6.476563 1.1875 1.1875 6.476563 1.1875 13 C 1.1875 19.523438 6.476563 24.8125 13 24.8125 C 19.523438 24.8125 24.8125 19.523438 24.8125 13 C 24.8125 6.476563 19.523438 1.1875 13 1.1875 Z M 15.460938 19.496094 C 14.851563 19.734375 14.367188 19.917969 14.003906 20.042969 C 13.640625 20.167969 13.222656 20.230469 12.742188 20.230469 C 12.007813 20.230469 11.433594 20.050781 11.023438 19.691406 C 10.617188 19.335938 10.414063 18.878906 10.414063 18.324219 C 10.414063 18.109375 10.429688 17.890625 10.460938 17.667969 C 10.488281 17.441406 10.539063 17.191406 10.605469 16.90625 L 11.367188 14.21875 C 11.433594 13.960938 11.492188 13.71875 11.539063 13.488281 C 11.585938 13.257813 11.605469 13.046875 11.605469 12.855469 C 11.605469 12.515625 11.535156 12.273438 11.394531 12.140625 C 11.25 12.003906 10.980469 11.9375 10.582031 11.9375 C 10.386719 11.9375 10.183594 11.96875 9.976563 12.027344 C 9.769531 12.089844 9.59375 12.148438 9.445313 12.203125 L 9.648438 11.375 C 10.144531 11.171875 10.621094 11 11.078125 10.855469 C 11.53125 10.710938 11.964844 10.636719 12.367188 10.636719 C 13.097656 10.636719 13.664063 10.816406 14.058594 11.167969 C 14.453125 11.519531 14.652344 11.980469 14.652344 12.542969 C 14.652344 12.660156 14.640625 12.867188 14.613281 13.160156 C 14.585938 13.453125 14.535156 13.722656 14.460938 13.972656 L 13.703125 16.652344 C 13.640625 16.867188 13.585938 17.113281 13.535156 17.386719 C 13.488281 17.660156 13.464844 17.871094 13.464844 18.011719 C 13.464844 18.367188 13.542969 18.613281 13.703125 18.742188 C 13.859375 18.871094 14.136719 18.933594 14.53125 18.933594 C 14.714844 18.933594 14.921875 18.902344 15.15625 18.839844 C 15.386719 18.773438 15.554688 18.71875 15.660156 18.667969 Z M 15.324219 8.617188 C 14.972656 8.945313 14.546875 9.109375 14.050781 9.109375 C 13.554688 9.109375 13.125 8.945313 12.769531 8.617188 C 12.414063 8.289063 12.238281 7.890625 12.238281 7.425781 C 12.238281 6.960938 12.417969 6.558594 12.769531 6.226563 C 13.125 5.894531 13.554688 5.730469 14.050781 5.730469 C 14.546875 5.730469 14.972656 5.894531 15.324219 6.226563 C 15.679688 6.558594 15.855469 6.960938 15.855469 7.425781 C 15.855469 7.890625 15.679688 8.289063 15.324219 8.617188 Z"/></svg>')
}
.md-status--info::after {
  mask-image: var(--md-status--info);
  -webkit-mask-image: var(--md-status--info);
}

/* Add Padding and Background to images -> used for transparent svgs in Dark Mode */
details > figure > img, p > img, div > figure > img {
    width: 800px;
    background: rgb(250, 250, 250);
    padding: 15px;
    border-radius: 10px;
}

.smaller-image {
    width: 500px;
}

.feral-logo {
    background: transparent;
    padding:5px;
}

/* API documentation link admonition */
:root {
  --md-admonition-icon--api: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 7H5a2 2 0 0 0-2 2v8h2v-4h2v4h2V9a2 2 0 0 0-2-2m0 4H5V9h2m7-2h-4v10h2v-4h2a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2m0 4h-2V9h2m6 0v6h1v2h-4v-2h1V9h-1V7h4v2Z"/></svg>')
}
.md-typeset .admonition.api, .md-typeset details.api {
  border-color: #448aff;
}
.md-typeset .api > .admonition-title, .md-typeset .api > summary {
  background-color: #448aff1a;
}
.md-typeset .api > .admonition-title::before, .md-typeset .api > summary::before {
  background-color: #448aff;
  -webkit-mask-image: var(--md-admonition-icon--api);
          mask-image: var(--md-admonition-icon--api);
}