/*!
  Spacing for ToC links and toggle stubs.
*/
.toc .nav > .nav-item {
  margin: 0em;
}
.toc .nav > .nav-item > .nav-link {
  padding: 0.5em 1em;
  margin: 0em;
}
.toc .nav > .nav-item > span.nav-link {
  padding-left: 0em;
}
.expand-stub {
  left: unset;
}
.toc .level2 {
  margin-top: 0em;
}

/*!
  Fix for non-fixed header, toc, and affix.
*/
header {
  position: unset;
}

.sidenav > .sidetoggle {
  position: sticky;
  top: 0;
}

.sidefilter {
  position: unset;
  width: unset;
}

.sidetoc {
  position: unset;
  width: unset;
}

.sideaffix {
  position: sticky;
  top: 0;
  width: unset;
  margin-top: 0px;
  padding-top: 25px;
}

/*!
  Layout for the ToC | Content | Affix elements
  [ Toc | [ article | affix ] ]
*/
#wrapper {
  display: flex;
  flex-direction: column;
}

.body-content[role=main] {
  flex-grow: 1;
  display: grid;
  gap: 0em 2em;
  grid-template-columns: minmax(16em,20%) minmax(0,1fr);
  grid-template-rows: 1fr auto;
  grid-template-areas: "toc articleAffix";
}

.sidenav {
  grid-area: toc;
}

.article {
  grid-area: articleAffix;
  display: grid;
  grid-template-areas: "article affix";
  grid-template-columns: minmax(0,1fr) minmax(12em,15%);
  grid-template-rows: auto auto;
  margin: 0px 0px !important;
}

.article > div:nth-child(1) {
  grid-area: article;
}

.article > div:nth-child(2) {
  grid-area: affix;
}


/*!
  Responsive layout
  >  1086px: ToC | Article | Affix
  <= 1086px: ToC | Article
  <=  768px: Collapsed ToC
             Article
*/
@media only screen and (max-width: 1086px) {
  .article {
    grid-template-areas: "article article";
  }

  .sideaffix {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .body-content[role=main] {
    gap: 0.5em 2em;
    grid-template-columns: 100%;
    grid-template-rows: auto 1fr;
    grid-template-areas: "toc" "articleAffix";
  }
}
.carousel-indicators {
  bottom:-50px;
}
.carousel-inner {
   margin-bottom:50px;
}

.carousel-indicators li,
.carousel-indicators li.active {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border-width: medium;
  border-style: solid;
  border-color: #17425080;
  background-color: #17425040;
}

ol.carousel-indicators li.active {
  border-color: #174250ff;
  background-color: #174250b0;
}

.carousel-item img {
  aspect-ratio:  5 / 3;
  object-fit: contain;
}

.carousel-item div {
  min-height: 5em;
}

article h1, h2, h3, h4, h5 {
  font-family: 'Segoe UI', Tahoma, Helvetica, sans-serif;
  font-weight: bold;
}

article h1 {
  font-size: 32px;
  margin: 24px 0px 16px 0px;
}

article h2 {
  border-bottom: 1px solid black;
  font-size: 28px;
  margin: 21px 0px 14px 0px;
}

article h3 {
  font-size: 24px;
  margin: 18px 0px 12px 0px;
}

article h4 {
  font-size: 20px;
  margin: 15px 0px 10px 0px;
}

article h5 {
  font-size: 16px;
  margin: 12px 0px 8px 0px;
}