:root{
  --osc-accent: #00883A;
}


.navbar-logo {
  border-radius: 4px;
  object-fit: cover;
}

h1 {
  font-size: 3rem;
  font-weight: 900;              
  color: var(--osc-accent);               
}

h2, h3, h4, h5, h6 {
  color: #00883A;
}

.sidebar-section {
  padding-left: .6em;
  padding-bottom: .3em;
}

/* Annoyingly, the sidebar section headers are not semantically marked up as headers, 
so we have to use the following CSS selector to make them bold. This is a bit brittle, 
but it works for now. */
ul.list-unstyled.mt-1 > li.sidebar-item.sidebar-item-section > div.sidebar-item-container > a.sidebar-item-text.sidebar-link > span.menu-text {
  /* font-weight: bold; */
  font-size: 1.3em;
}

ul#quarto-sidebar-section-1.collapse.list-unstyled.sidebar-section.depth1.show > li.sidebar-item > div.sidebar-item-container > a.sidebar-item-text.sidebar-link > span.menu-text {
  font-size: 1.2em;
}

.collapse.list-unstyled.sidebar-section.depth2.show > li.sidebar-item > div.sidebar-item-container > a.sidebar-item-text.sidebar-link > span.menu-text {
  font-size: 1.1em;
}