/*******************************************************
 * Custom theme code styles
 * Written by Themelize.me (http://themelize.me)
 *
 * Includes the base variables & mixins needed for all
 * scss files
 *******************************************************/

.c-offcanvas-content-wrap {
  overflow: auto;
  -webkit-backface-visibility: unset !important;
  backface-visibility: unset !important;
  -webkit-transform: none !important;
  transform: none !important;
}

.c-offcanvas--left {
  width: 20em !important;
  -webkit-transform: translate3d(-20em, 0, 0) !important;
  transform: translate3d(-20em, 0, 0) !important;
}

.c-offcanvas--right {
  width: 20em !important;
  -webkit-transform: translate3d(20em, 0, 0) !important;
  transform: translate3d(20em, 0, 0) !important;
}

.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--left.is-open {
  -webkit-transform: translate3d(20em, 0, 0) !important;
  transform: translate3d(20em, 0, 0) !important;
}

.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--right.is-open {
  -webkit-transform: translate3d(-20em, 0, 0) !important;
  transform: translate3d(-20em, 0, 0) !important;
}

.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--left.is-open {
  -webkit-transform: translate3d(20em, 0, 0) !important;
  transform: translate3d(20em, 0, 0) !important;
}

.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--right.is-open {
  -webkit-transform: translate3d(-20em, 0, 0) !important;
  transform: translate3d(-20em, 0, 0) !important;
}

.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--left.is-open {
  -webkit-transform: translate3d(20em, 0, 0) !important;
  transform: translate3d(20em, 0, 0) !important;
}

.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--right.is-open {
  -webkit-transform: translate3d(-20em, 0, 0) !important;
  transform: translate3d(-20em, 0, 0) !important;
}

.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--left.is-open {
  -webkit-transform: translate3d(20em, 0, 0) !important;
  transform: translate3d(20em, 0, 0) !important;
}

.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--right.is-open {
  -webkit-transform: translate3d(-20em, 0, 0) !important;
  transform: translate3d(-20em, 0, 0) !important;
}

.c-offcanvas.is-open,
.c-offcanvas--reveal {
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}