#toc_container{
    padding: 0;
    width: 100% !important;
    border: 1px solid #333;
    background-color: #f7f7f7;
    .toc_title{
        display: flex;
        justify-content: space-between;
        padding: 10px !important;
    }
    ul{
        list-style: none;
    }
    .toc_list{
        margin: 0 !important;
        padding: 15px;
        li{
            position: relative;
            padding-left: 20px;
            &:not(:last-child){
                margin-bottom: 10px;
            }
            &::before {
                content: "";
                position: absolute;
                left: 0;
                top: 10px;
                height: 5px;
                width: 5px;
                border: 1px solid #333;
                border-width: 2px 2px 0 0;
                transform: rotate(45deg);
            }
        }
        a{
            &:hover{
                text-decoration: none;
            }
        }
    }
    .toc_toggle{
        *{
            opacity: 0;
        }
        position: relative;
        &:before{
            content: "";
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            width: 20px;
            height: 20px;
            background-color: #000;
            -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-up" viewBox="0 0 16 16"%3E%3Cpath fill-rule="evenodd" d="M1.646 11.354a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708 0z"/%3E%3C/svg%3E');
            -webkit-mask-position: center;
            mask-position: center;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: contain;
            mask-size: contain;
        }
    }
    &.contracted{
        .toc_toggle:before{
            -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22 fill=%22currentColor%22 class=%22bi bi-chevron-down%22 viewBox=%220 0 16 16%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%22/%3E%3C/svg%3E');
            -webkit-mask-position: center;
            mask-position: center;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: contain;
            mask-size: contain;
        }
    }
}

/* fix scroll */
h2, h3, h4, h5, h6{
    span{
        scroll-margin-top: 150px;
    }
}

@media (max-width: 768px){
    h2, h3, h4, h5, h6{
    span{
            scroll-margin-top: 100px;
        }
    }
}

/* fix sticky sidebar da spostare  */

@media (min-width: 768px){
    aside.wp-block-template-part{
        height: 100%;
    }
}