ul {
    margin-top: 0.2em;
}

p {
    margin-bottom: 0.0em;
}

#body {
    color: #333;
}

#logo-div {
    font-size: 2rem;
    font-weight: bold;
    color: white;
}

hr {
    border-bottom: 4px solid #A9B1BA;
}

blockquote > blockquote > blockquote p {
    color: #444;
}

#body img {
    margin-top: 1.7rem;
    margin-bottom: 1.7rem; 
}

pre {
    margin-top: 0;
    margin-bottom: 1.2 em;
}

code {
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-weight: 700;
  vertical-align: baseline;
  padding: 0.2em 0.4em;
  border-radius: 3px;
}

/* Inline code */
code:not(pre code) {
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-weight: 700;
  vertical-align: baseline;
  color: #22a
}

/* Block code */
/* Unhighlighted */
pre code:not(.plaintext) {
  background: transparent !important;
  color: inherit;
}

/* Highlighted */
pre code.plaintext {
  background: transparent !important;
  color: #22a
}


/* --------------------------------------------*/
#sidebar ul.topics > li.parent, 
#sidebar ul.topics > li.active {
    background: #222933;
}

#sidebar ul li.active > a,
#sidebar ul li.active-parent > a {
    /* color: #1694CA !important; */
    color: #5F9FCB !important;
}

#sidebar ul li.active-leaf > a {
    color: #51C3FF !important;
}

.highlightable {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.topics {
    flex: 1;
    /* remove overflow-y: auto; */
}

.topics span b {
    /* remove numbering */
    display: none;
}

#bottom-actions {
    padding: 3rem 1rem 1rem 1rem;
}

#bottom-actions a {
    display: block;
    padding: 0.25rem;
}
#bottom-actions a i {
    width: auto;
    margin-right: 5px;
}

#footer {
    padding: 0 1em;
    text-align: center;
}

#footer a {
    display: inline !important;
    white-space: nowrap !important;
}

#footer p {
    display: inline-block;
    border-top: 1px solid #aaa;
    padding: 0 1rem;
    margin: 0.5rem 0 0 0;
}