.toc-dropdown-container {
  position: relative; /* Needed for absolute positioning inside */
  border: 1px solid #ccc;
  border-radius: 3px;
  overflow: visible; /* allow dropdown to overflow */
  background: #f9f9f9;
  font-family: inherit;
  z-index: 10;
}

.toc-dropdown-list {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  border: 1px solid #ccc;
  border-top: none;
  z-index: 1000;
  display: none; /* hidden by default */
}

.toc-dropdown-container.open .toc-dropdown-list {
  display: block; /* visible when container has .open */
}



.toc-dropdown-header {
  width: 100%;
  background: white;
  padding: .5em;
  margin: 0;
  font-size: 1.3rem;  
  display: flex;
  justify-content: space-between;
  border: 1px solid #073B4C;
  align-items: center;
  cursor: pointer;
  font-weight: bold;
}

.toc-title {
  text-align: left;
}

.toc-chevron i {
  font-size: 1.2em;
  color:#073B4C;
}

.toc-dropdown-list {
  padding: 1em 1em 0 2em;
  border-top: 1px solid #073B4C;
}

.toc-item {
  margin-bottom: 1.1em;
}

.toc-item a {
  text-decoration: none;
  color: #073B4C!important;
  display: flex;
  align-items: center;
  font-weight:400;
  font-size: 1.2rem;  
  transition: .2s;
}

.toc-item a:hover{
    color: black;
}

.toc-item a i.fa-circle-right {
  margin-right: 0.5em;
  color: #073B4C;
  font-size: 1.4em;   
  transition: transform 0.3s ease;
}