/*********************************************
 * Table of contents
**********************************************/
.vii-toc-navigation__inner {
    max-height:calc(100vh - var(--vii-header-height) - 100px);
    padding:0 25px; border:1px solid #d9d9d9;
}

/* Title */
.vii-toc-navigation__title {background:rgba(0, 0, 0, 0); padding:15px 0;}
.vii-toc-navigation__title:before {
    content:"";
    width:calc(100% + 50px); height:1px; background:rgba(0, 0, 0, .1);
    position:absolute; bottom:0; left:-25px;
    transition:opacity .3s ease;
}
.vii-toc-navigation__title:not(.active):before {opacity:0;}
.vii-toc-navigation__icon {width:24px; color:var(--vii-color-text); font-size:16px; transition:transform .3s ease;}
.vii-toc-navigation__title:not(.active) .vii-toc-navigation__icon {transform:rotate(180deg);}

/* Item */
.vii-toc-list > ul.vii-toc-list__items {padding:20px 0 30px;}
ul.vii-toc-list__items li:not(:last-child) {margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed rgba(0, 0, 0, .1);}
ul.vii-toc-list__items li:before {opacity:0;}
ul.vii-toc-list__items button {background:rgba(0, 0, 0, 0); white-space:nowrap; text-overflow:ellipsis;}
ul.vii-toc-list__items button:hover, .vii-toc-list ul > li.active > button {color:var(--vii-color-primary);}

/* Sub */
.vii-toc-list ul ul {padding-left:15px;}
.vii-toc-list ul ul li:first-child {margin-top:10px; padding-top:10px; border-top:1px dashed rgba(0, 0, 0, .1);}

/* Error message */
.vii-toc-error-message {color:var(--vii-color-error); margin-bottom:var(--vii-spacing-12);}

/*********************************************
 * Table of contents Responsive
**********************************************/
@media only screen and (max-width:1024px) {
    .vii-toc-navigation__inner {padding-left:var(--vii-gap-container); padding-right:var(--vii-gap-container);}
    .vii-toc-navigation__title:before {
        width:calc(100% + 2 * var(--vii-gap-container));
        left:calc(-1 * var(--vii-gap-container));
    }
}