/* #region OFFCANVAS
====================*/
.offcanvas-wrapper .side-bar-left {
    left: -320px;
    padding-left: 45px;
}

.offcanvas-wrapper .side-bar-left .side-bar-menu {
    left: -45px;
}

.offcanvas-wrapper .side-bar-right {
    right: -320px;
    padding-right: 45px;
}

.offcanvas-wrapper .side-bar-right .side-bar-menu {
    right: -45px;
}

.offcanvas-left.open-left {
    padding-left: 320px;
}

.offcanvas-left.open-left .side-bar-left .side-bar-view {
    left: 320px;
}

.offcanvas-left.open-left .side-bar-left .side-bar-menu {
    left: 275px;
}

.offcanvas-left.open-left.offcanvas-empty-menu-left {
    padding-left: 275px;
}

.offcanvas-left.open-left.offcanvas-empty-menu-left .side-bar-left .side-bar-view {
    left: 275px;
}

.offcanvas-left.open-left.offcanvas-empty-menu-left .side-bar-left .side-bar-menu {
    left: 230px;
}

.offcanvas-right.open-right {
    padding-right: 320px;
}

.offcanvas-right.open-right .side-bar-right .side-bar-view {
    right: 320px;
}

.offcanvas-right.open-right .side-bar-right .side-bar-menu {
    right: 275px;
}

.offcanvas-right.open-right.offcanvas-empty-menu-right {
    padding-right: 275px;
}

.offcanvas-right.open-right.offcanvas-empty-menu-right .side-bar-right .side-bar-view {
    right: 275px;
}

.offcanvas-right.open-right.offcanvas-empty-menu-right .side-bar-right .side-bar-menu {
    right: 230px;
}

@media screen and (min-width: 40em) {
    .offcanvas-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .offcanvas-left {
        padding-left: 45px;
    }

    .offcanvas-right {
        padding-right: 45px;
    }

    .offcanvas-left.open-left,
    .offcanvas-left.open-left.offcanvas-empty-menu-left {
        padding-left: 320px !important;
    }

    .offcanvas-left.open-left.offcanvas-empty-menu-left .side-bar-left .side-bar-view {
        left: 320px !important;
    }

    .offcanvas-wrapper .side-bar-left .side-bar-menu,
    .offcanvas-left.open-left.offcanvas-empty-menu-left .side-bar-left .side-bar-menu {
        left: 275px !important;
    }

    .offcanvas-right.open-right,
    .offcanvas-right.open-right.offcanvas-empty-menu-right {
        padding-right: 320px !important;
    }

    .offcanvas-right.open-right.offcanvas-empty-menu-right .side-bar-right .side-bar-view {
        right: 320px !important;
    }

    .offcanvas-wrapper .side-bar-right .side-bar-menu,
    .offcanvas-right.open-right.offcanvas-empty-menu-right .side-bar-right .side-bar-menu {
        right: 275px !important;
    }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .offcanvas-left .site-content,
    .offcanvas-right .site-content {
        min-width: 34em;
    }

    .offcanvas-left.offcanvas-right .site-content {
        min-width: 31em;
    }
}

@media screen and (min-width: 64em) {
    .offcanvas-left .site-content,
    .offcanvas-right .site-content {
        min-width: 58em;
    }

    .offcanvas-left.offcanvas-right .site-content {
        min-width: 55em;
    }
}
/* #endregion OFFCANVAS */