.site-topnav {
  background: rgba(0, 56, 35, 0.94) !important;
  z-index: 30 !important;
  min-height: 58px;
}
.site-topnav ul {
  align-items: center;
  min-height: 58px;
  gap: 0.2em;
}
.site-nav-link {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.95em;
  padding: 0.35em 0.9em;
  white-space: nowrap;
  letter-spacing: 0.01em;
}
.site-nav-link:hover,
.site-nav-link.is-current {
  color: #c8f5df;
}
.BrainhubCarousel {
  background: #00583b;
}
.BrainhubCarousel button {
  width: 48px !important;
  height: 72px !important;
}
.BrainhubCarouselItem {
  display: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
}
.BrainhubCarouselItem.is-on {
  display: block !important;
}
.BrainhubCarousel li > div {
  background-size: cover;
  background-position: center;
  min-height: 42vw;
}
a[title] > div {
  min-height: 180px;
  background-size: cover !important;
  background-position: center center !important;
}
span.LazyLoad {
  background-size: cover;
  background-position: center;
}
@media (max-width: 800px) {
  #main .article-layout {
    flex-direction: column !important;
  }
  #main .article-layout aside {
    position: static !important;
    max-width: none !important;
    width: 100% !important;
    flex-basis: auto !important;
  }
}