#content {
    position: relative;
}

#content .mCSB_scrollTools {
    opacity: 0;
}

#content-blocker {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 10;
}

article.page {
    box-shadow: none;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger {
    height: 50px;
    background-color: transparent;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    height: 47px;
    position: relative;
    padding: 5px 0;
    background-color: #fff;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:before,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:after {
    content: '';
    display: block;
    height: 14px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfjBhIUECPa3sG3AAABRElEQVQ4y83SzU7TQRQF8B9p/uOKuMCwMjVUY2NY8wY+gLqVYGnkIXwB0/DxBOzZgvIGxkTlM5jAogkJCU0EDJtiQstHhwW1daRadnpmNeeec+fOzeG/w0BPNvMQu85v1yR45YOPyu7cTl6yqqFp3ev+lmDSioYoalgz9XdLUPbFqdg+fSzBZCLvYwlKVn6T/7T0+Etmwmp79puWdWUhlY9b+4M8ipo2lbqW4KUNzURSV0/uZ7aMC+RkXnhjVPbLizXLtt1zt8PkDCk6VuWZry6SbvtmPPFYxX7CX9jxnM8uE7pmWhEUTasltUufcp4qyDohPLBgXhUc2xOMGGzXrlcsb9GJlig6NOtRsu6Cim+iqOWH90Ygb0ldy3dz10SCByqOtJxYVuiSi6pm5HtG5r63qt515TBsrDPrTQwaM9wv6P8MV4MBrS6ngeuFAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE5LTA2LTE4VDE4OjE2OjM1KzAyOjAwwFk/QwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOS0wNi0xOFQxODoxNjozNSswMjowMLEEh/8AAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.5;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:after {
    transform: rotate(180deg) translateY(-10px);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar:before,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar:after,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar:before,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar:after {
    opacity: 1;
}

@media screen and (min-width: 55em) {
    .sidebar {
        box-shadow: none;
    }
}
