/* This is all standard from tocbot example */

.toc {
	position: fixed;
	overflow-y: auto
}

.toc>ul {
	overflow: hidden;
	position: relative
}

.toc > ul li {
    list-style: none
}

.toc-list {
	margin: 0;
	padding-left: 10px
}

a.toc-link {
	color: currentColor;
	height: 100%
}

.is-collapsible {
	max-height: 1000px;
	overflow: hidden;
	transition: all 300ms ease-in-out
}

.is-collapsed {
	max-height: 0
}

.is-position-fixed {
	position: fixed !important;
	top: 0
}

.is-active-link {
	font-weight: 700
}

/* this puts light bar to the left of all links */
.toc-link::before {
     background-color: #dddddd;
     content: ' ';
     display: inline-block;
     height: inherit;
     left: 0;
     margin-top: -1px;
     position: absolute;
     width: 2px
}

.toc {
    height: 100%;
    width: 280px;
    transform: translateX(0)
}

/* Tiny tweaks/customizations */

/* use larger font, light gray */
.toc>ul {
    font-size: 110%;
    color: #aaaaaa;
}
/* Use cardinal red bar for active link */
.is-active-link::before {
     background-color: #8c1515;
 }

/* spacing between items */
.toc > ul li:not(:last-child) {
    margin-bottom: .5em;
}