.widget_seo101_toc_widget {
    padding: 20px;
    box-sizing: border-box;
}

@media all and (max-width: 799px) {
    .widget_seo101_toc_widget {
        position: fixed !important;
        z-index: 9;
        top: initial !important;
        left: -120% !important;
        bottom: 90px;
        background: #ffffff;
        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
        width: calc(100% - 40px) !important;
        box-sizing: border-box;
        transition: all .2s linear;
        opacity: 0;
        border-radius: 3px;
        height: auto;
        max-height: calc(100vh - 180px) !important;
        overflow: hidden;
    }

    body.sticky-mobile-toc .widget_seo101_toc_widget {
        opacity: 1;
        left: 18px !important;
        bottom: 90px !important;
    }
}

@media all and (min-width: 800px) {
    .widget_seo101_toc_widget {
        padding: 20px;
    }
}

body.sticky-toc .widget_seo101_toc_widget {
    position: fixed;
}

.widget_seo101_toc_widget .widget-title {
    font-size: 20px;
    font-weight: normal;
    line-height: 27px;
}

#inner-toc {
    padding: 0;
}

.seo101-toc-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.seo101-toc-item {
    padding: 10px 0 10px 0;
}

.seo101-toc-item:before {
    content: none;
}

.seo101-toc-item a {
    line-height: 22px;
    color: inherit;
    text-decoration: none;
}

.seo101-toc-item.active a {
    font-weight: 600;
}

@media all and (max-width: 799px) {
    #inner-toc {
        overflow-y: scroll;
        max-height: calc(100vh - 270px) !important;
        padding-right: 15px;
    }

    .seo101-toc-item {
        padding: 5px 0 5px 0;
    }

    .seo101-toc-item a {
        font-family: "Gilroy-Bold", Arial, sans-serif;
        font-size: 14px;
        line-height: 17px;
        color: #000000;
    }
}


#mobileTocToggle,
#mobileTocOverlay {
    display: none;
}

@media all and (max-width: 799px) {
    #mobileTocToggle {
        display: block;
        overflow: hidden;
        padding: 0 10px 0 36px;
        box-sizing: border-box;
        height: 40px;
        min-width: 40px;
        width: auto;
        max-width: 200px;
        line-height: 40px;
        vertical-align: middle;
        font-family: "Gilroy-Bold", Arial, sans-serif;
        text-decoration: none;
        z-index: 9;
        position: fixed;
        left: 20px;
        bottom: 35px;
        border-radius: 3px;
        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
        background: #ffffff url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyIgdmlld0JveD0iMCAwIDExMCAxMTAiIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiPjx0aXRsZT5mb3VyIGJhcnM8L3RpdGxlPjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPjxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPjxnIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIGZpbGw9IiMwMDAwMDAiPjxwYXRoIGQ9Ik03LjA3MiwxMy4wNDggTDE5LDEzLjA0OCBMMTksMjUgTDcuMDcyLDI1IEw3LjA3MiwxMy4wNDggWiBNNy4wNzIsMzcgTDE5LDM3IEwxOSw0OSBMNy4wNzIsNDkgTDcuMDcyLDM3IFogTTcuMDcyLDYxIEwxOSw2MSBMMTksNzMgTDcuMDcyLDczIEw3LjA3Miw2MSBaIE03LjA3Miw4NSBMMTksODUgTDE5LDk3IEw3LjA3Miw5NyBMNy4wNzIsODUgWiBNMzEsMTMuMDQ4IEwxMDMsMTMuMDQ4IEwxMDMsMjUgTDMxLDI1IEwzMSwxMy4wNDggWiBNMzEsMzcgTDEwMywzNyBMMTAzLDQ5IEwzMSw0OSBMMzEsMzcgWiBNMzEsNjEgTDEwMyw2MSBMMTAzLDczIEwzMSw3MyBMMzEsNjEgWiBNMzEsODUgTDEwMyw4NSBMMTAzLDk3IEwzMSw5NyBMMzEsODUgWiIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPjwvZz48L2c+PC9zdmc+") 8px center no-repeat;
        background-size: 18px;
        color: #000000;
        transition: all 0.2s linear;
    }

    #mobileTocOverlay {
        display: none;
        position: fixed;
        z-index: 8;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(127, 127, 127, .2);
    }

    body.sticky-mobile-toc #mobileTocToggle {
        color: #ff3f56;
        transition: all 0.2s linear;
    }

    body.sticky-mobile-toc #mobileTocOverlay {
        display: block;
    }
}

:root {
    --medium: 1000px;
}