#toc_container {
    display: flex;
}

#ctoc-list-captions {
    border: 1px solid #ccc;
    background-color: #fff;
    display: inline-flex;
    flex-direction: column;
    padding: 20px;
}

#ctoc-list-captions ol,
#ctoc-list-captions ul {
    margin: 10px 0 0;
    padding: 0;
    list-style-type: none;
}

#ctoc-list-captions .ctoc-list-captions-title {
    font-size: 20px;
    color: #000000;
    position: relative;
    min-width: 220px;
}

#ctoc-list-captions .ctoc-list-captions-title span {
    position: absolute;
    right: 10px;
    top: 13px;
    transition: 0.3s ease all;
}

#ctoc-list-captions .ctoc-list-captions-title span:hover::after {
    border-top: 10px solid #ccc;
}

#ctoc-list-captions .ctoc-list-captions-title span::after {
    transition: 0.3s ease all;
    cursor: pointer;
    content: '';
    position: absolute;
    border: 10px solid transparent;
    border-top: 10px solid #000;
}

#ctoc-list-captions li {
    color: #000;
}

#ctoc-list-captions li a {
    color: #000000;
}

#ctoc-list-captions li a:hover {
    color: #0E080F;
}

.ctoc {
    background-color: #fff;
    color: #181818;
}

.ctoc-toggle {
    cursor: pointer;
    font-size: 1.5rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
}

/*Remove on AMP*/
.ctoc-toggle:after {
    content: '';
    display: inline-block;
    height: 9px;
    width: 9px;
    border: 2px solid transparent;
    border-bottom-color: #181818;
    border-right-color: #181818;
    transform: rotate(45deg);
    transition: .3s ease;
    position: relative;
    top: -3px;
    right: 2px;
}

.ctoc-toggle.active:after {
    transform: scale(1, -1) rotate(45deg);
    top: 3px;
}

@media ( max-width: 767px ) {
    .ctoc-body {
        display: none;
    }
}

/*End Remove on AMP*/
.ctoc-toggle + .ctoc-body {
    padding-top: 0;
}

.ctoc-body {
    padding: 1.5rem;
}

.ctoc-body > ul {
    margin: 0;
    padding: 0;
}

.ctoc:not(.ctoc--images) ol a:before,
.ctoc:not(.ctoc--images) ul a:before {
    display: inline-block;
    margin-right: .25rem;
}

.ctoc:not(.ctoc--images) ol a:before {
    counter-increment: heading;
    content: counters(heading, '.') '.';
}
.ctoc:not(.ctoc--images) ul a:before {
    content: '';
    width: 4px;
    height: 4px;
    background-color: #000;
    border-radius: 50%;
}

.ctoc--images ul,
.ctoc--images ol {
    list-style: none;
}

.ctoc-body ul,
.ctoc-body ol {
    padding: 10px 0px 10px 15px;
    counter-reset: heading;
}

.ctoc-body > ul {
    padding: 0;
}

.ctoc__item {
    color: inherit;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: flex-start;
    padding: .25rem 0;
    align-items: center;
}

.ctoc__item-thumbnail {
    width: 50px;
    height: 50px;
    margin: 0 10px;
    background-position: center center;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
}

.ctoc__item-thumbnail img {
    max-width: 100%;
    height: auto;
}

.ctoc__item-number {
    display: none;
}