/* Hide "On GitHub" section from versions menu */
body > div.injected > div > div > dl:nth-child(2) {
  display: none !important;
}

.md-header {
  background-color: #7261d5 !important;
}

.rst-versions {
  z-index: 4 !important;
}

.rst-versions .rst-current-version {
  color: #7261d5 !important;
  background-color: #ffffff !important;
}

.rst-versions .rst-current-version .fa {
  color: #7261d5 !important;
}

.rst-versions.rst-badge {
  font-size: 1.2em !important;
  align-items: center !important;
  bottom: inherit !important;
}

.rst-versions.rst-badge .rst-current-version {
  line-height: 40px !important;
  text-align: right !important;
  height: 40px !important;
  overflow: hidden;
}

.rst-versions .rst-other-versions {
  background-color: #ffffff !important;
}

.rst-versions .rst-other-versions hr {
  display: none !important;
}

.rst-versions .rst-other-versions dd a {
  color: #7261d5 !important;
}

body > div.injected > div > div > dl:nth-child(1) > dt {
  color: #7261d5 !important;
  margin-bottom: 10px;
}

body > div.injected > div > div > dl:nth-child(1) > dd {
  width: 100%;
}

.rst-versions.rst-badge.shift-up .rst-current-version .fa-book {
  float: none !important;
}

body > div.injected > div > div > div {
  display: none !important;
}

body > div.injected > .rst-versions {
  max-height: fit-content !important;
  width: 110px !important;
  background: #7261d5 !important;
  left: 50% !important;
  margin-left: -714px;
  top: 128px;
  right: inherit !important;
  border: 1px solid #7261d5;
}

@media (max-width: 2000px) {
  body > div.injected > .rst-versions {
    margin-left: -654px !important;
    top: 115px !important;
  }
}

@media (max-width: 1600px) {
  body > div.injected > .rst-versions {
    margin-left: -594px !important;
    top: 105px !important;
  }
}

@media (max-width: 1220px) {
  body > div.injected > .rst-versions {
    top: 4px !important;
    right: 250px !important;
    left: inherit !important;
    margin-left: inherit !important;
  }

  .rst-versions .rst-current-version {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
  }

  .rst-versions .rst-current-version .fa {
    color: #ffffff !important;
  }

  .md-nav--primary > .md-nav__title {
    background-color: #8672fa !important;
  }

  .md-nav--primary .md-nav__item--active > .md-nav__link {
    color: #8672fa !important;
  }
}

@media (max-width: 1220px) {
  body > div.injected > .rst-versions {
    top: 4px !important;
    right: 250px !important;
    left: inherit !important;
    margin-left: inherit !important;
  }
}

@media (max-width: 955px) {
  body > div.injected > .rst-versions {
    right: 50px !important;
  }
}

body > header.md-header--shadow ~ .injected > .rst-versions {
  top: 68px;
}

@media (max-width: 2000px) {
  body > header.md-header--shadow ~ .injected > .rst-versions {
    top: 65px !important;
  }
}

@media (max-width: 1600px) {
  body > header.md-header--shadow ~ .injected > .rst-versions {
    top: 55px !important;
  }
}

@media (max-width: 1220px) {
  body > header.md-header--shadow ~ .injected > .rst-versions {
    top: 4px !important;
  }
}

body > header.md-header--shadow ~ .md-container .md-nav--primary {
  margin-top: 32px;
}

body > div.md-container > nav {
  background-color: #8672fa;
}

.sidra-card-grid {
  max-width: 2900px;
  margin: 0 auto;
  display: grid;
  grid-gap: 1rem;

  @media (min-width: 100px) {
    grid-template-columns: repeat(1, 1fr);
  }

  @media (min-width: 1300px) {
    grid-template-columns: repeat(2, 1fr);
  }

  @media (min-width: 1900px) {
    grid-template-columns: repeat(3, 1fr);
  }

  @media (min-width: 2500px) {
    grid-template-columns: repeat(4, 1fr);
  }
}

.sidra-small-card-grid {
  max-width: 2900px;
  margin: 0 auto;
  display: grid;
  grid-gap: 1rem;

  @media (min-width: 100px) {
    grid-template-columns: repeat(1, 1fr);
  }
  @media (min-width: 700px) {
    grid-template-columns: repeat(2, 1fr);
  }
  @media (min-width: 1400px) {
    grid-template-columns: repeat(3, 1fr);
  }
  @media (min-width: 2100px) {
    grid-template-columns: repeat(4, 1fr);
  }
}

.sidra-card {
  display: block;
  background-color: #ffffff;
  padding: 0.1rem 1rem;
  margin-right: 0.5rem;
  margin-bottom: 1rem;
  box-shadow: 0 0.3rem 0.5rem 0.1rem #d0cddf;
  font-size: 0.6rem;

  &-tutorial {
    display: inline-flexbox;
    background-color: #ffffff;
    padding: 0.1rem 1rem;
    margin-right: 0.5rem;
    border: solid 1px #8672fa;
    margin-bottom: 1rem;
    border-radius: 25px;
    font-size: 0.6rem;

    .sidra-small-card-title {
      font-weight: 800;
      margin-top: 0.6rem;
      margin-bottom: 0;
    }
  }

  &-summary {
    display: inline-flexbox;
    background-color: #f3f1ff;
    padding: 0.1rem 1rem;
    margin-right: 0.5rem;
    margin-bottom: 1rem;
    border-radius: 25px;
    font-size: 0.6rem;

    .sidra-small-card-title {
      font-weight: 500;
      margin-top: 0.9rem;
      margin-bottom: 0;
    }
  }

  &-versions {
    display: inline-flexbox;
    background-color: #d0d3d5;
    padding: 0.1rem 1rem;
    margin-right: 0.5rem;
    margin-bottom: 1rem;
    border-radius: 25px;
    font-size: 0.6rem;

    .sidra-small-card-title {
      font-weight: 500;
      margin-top: 0.9rem;
      margin-bottom: 0;
    }
  }

  &-info {
    display: inline-flexbox;
    background-color: #d0cddf;
    padding: 0.1rem 1rem;
    margin-right: 0.5rem;
    margin-bottom: 1rem;
    border-radius: 25px;
    font-size: 0.6rem;

    .sidra-small-card-title {
      font-weight: 500;
      margin-top: 0.9rem;
      margin-bottom: 0;
    }
  }

  .sidra-card-title {
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0;
  }

  .sidra-small-card-title {
    font-weight: 500;
    margin-top: 0.9rem;
    margin-bottom: 0;
  }

  .sidra-card-text {
    margin-top: 0.25rem;
    color: black;
  }

  .sidra-card-img {
    float: left;
  }

  .sidra-card-margin-img {
    float: left;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
  }
}

.version-tag {
  display: inline-block;
  background-color: #d0d3d5;
  font-weight: 800;
  font-size: 0.5rem;
  height: 5hv;
  width: 10hv;
  border-radius: 5px;
  margin: 0;
}

body > header > nav > div.md-header__title > div {
  --md-primary-fg-color: #8672fa !important;
}

.swagger-ui {
  .model-box {
    word-break: break-all;
  }
}

.sidra-card-versions {
  display: inline-flexbox;
  background-color: #d0d3d5;
  padding: 0.1rem 1rem;
  margin-right: 0.5rem;
  margin-bottom: 1rem;
  border-radius: 25px;
  font-size: 0.6rem;
}

.sidra-card-versions h3 {
  color: var(--md-typeset-a-color);
  margin: 0.8em 0;
}

.sidra-card-info {
  display: inline-flexbox;
  background-color: #d0cddf;
  padding: 0.1rem 1rem;
  margin-right: 0.5rem;
  margin-bottom: 1rem;
  border-radius: 25px;
  font-size: 0.6rem;
}

.sidra-card-info h3 {
  color: var(--md-typeset-a-color);
  margin: 0.8em 0;
}

.md-footer-meta {
  background: #eaecf0;
}

.md-copyright {
  position: relative;
  font-size: 0;
  height: 60px;
  align-items: center;
  display: flex;
}

.md-copyright::before {
  content: "Powered by";
  position: relative;
  display: inline-block;
  color: #15212f;
  font-size: 0.4rem;
  margin-right: 5px;
  margin-top: 5px;
}

.md-copyright::after {
  content: "";
  background-image: url(../img/logo_sidra_smaller.svg);
  width: 106px;
  height: 40px;
  position: relative;
  display: inline-block;
}