/**
 * Toggle
 */

.sk-toc-toggle-item {
    margin-bottom: 10px;
}

    .sk-toc-toggle-item-title {
        background: #333;
        color: #fff;
        padding: 15px 20px;
        padding-right: 40px;
        position: relative;
        cursor: pointer;
    }

        .sk-toc-toggle-item-title-icon {
            display: block;
            line-height: 1;
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            transition: transform .6s;
        }

            .sk-toc-toggle-item-title-icon svg {
                width: 10px;
                fill: #fff;
            }

            .sk-toc-toggle-item.sk-toc-active .sk-toc-toggle-item-title-icon {
                transform: translateY(-50%) rotate(90deg);
            }

    .sk-toc-toggle-item-content {
        padding: 15px 20px;
        border: 1px solid #333;
        display: none;
    }

/**
 * TOC
 */

.sk-toc-toc {
    margin-bottom: 20px;
    top: 0;
	border: 1px solid #070707;
    padding: 20px;
}

.content .sk-toc-toc {
    /*display: none;*/
}

    .sk-toc-toc-header {
        display: flex;
        align-items: center;
        cursor: pointer;
    }

        .sk-toc-toc-header-icon-list {
            display: block;
            line-height: 1;
        }

            .sk-toc-toc-header-icon-list svg {
                height: 15px;
            }

        .sk-toc-toc-header-title {
            
        }

        .sk-toc-toc-header-icon-angle {
            display: block;
            line-height: 1;
            transform: rotate(90deg);
            margin-left: 15px;
        }

        .sidebar .sk-toc-toc-header-icon-angle {
            display: none;
        }

            .sk-toc-toc-header-icon-angle svg {
                height: 20px;
            }

            .sk-toc-toc.sk-toc-active .sk-toc-toc-header-icon-angle {
                transform: rotate(-90deg);
            }

    .sk-toc-toc-content {
        padding: 15px 0;
        display: none;
    }

    .sk-toc-active .sk-toc-toc-content {
        display: block;
    }

        .sk-toc-toc-content ol {
            margin-bottom: 0;
            list-style-type: none;
            padding-left: 0;
            margin-left: 0;
            border-left: 1px solid #f38181;
        }

            .sk-toc-toc-content li {
                position: relative;
                padding: 0 0 0 10px !important;
                margin: 3px 0 !important;
                list-style-type: none !important;
                text-indent: 0 !important;
            }
            
            .sk-toc-toc-content li.toc-active::before {
                display: block;
                content: '';
                height: 100%;
                width: 5px;
                position: absolute;
                left: -3px;
                background: #f38181;
            }

            .entry-content .sk-toc-toc-content li.toc-active::before {
                display: none;
            }

.sk-toc-go-to-top {
    width: 35px;
    height: 35px;
    position: fixed;
    z-index: 99999;
    background: #f38181;
    border-radius: 50%;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    display: none;
    opacity: 0;
}

    .sk-toc-go-to-top svg {
        fill: #fff;
        height: 60%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    }

@media only screen and (max-width: 960px) {

    .sidebar .sk-toc-toc {
        display: none;
    }

    .content .sk-toc-toc {
        display: block;
    }

    .sk-toc-go-to-top {
        display: block;
    }

}