/*!
 * Slidebars - A jQuery Framework for Off-Canvas Menus and Sidebars
 * Version: 2.0.2
 * Url: http://www.adchsm.com/slidebars/
 * Author: Adam Charles Smith
 * Author url: http://www.adchsm.com/
 * License: MIT
 * License url: http://www.adchsm.com/slidebars/license/
 */

[canvas],
[off-canvas*='push'] {
  z-index: 1;
}
[off-canvas*='reveal'],
[off-canvas*='shift'] {
  z-index: 0;
}
[canvas='container'],
[off-canvas],
body,
html {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body,
html {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[canvas='container'] {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  position: relative;
  background-color: #fff;
  -webkit-overflow-scrolling: touch;
}
[canvas='container']:after,
[canvas='container']:before {
  clear: both;
  content: '';
  display: table;
}
[off-canvas] {
  display: none;
  position: fixed;
  overflow: hidden;
  overflow-y: auto;
  background-color: #000;
  color: #fff;
  -webkit-overflow-scrolling: touch;
}
[off-canvas*='top'] {
  width: 100%;
  height: 255px;
  top: 0;
}
[off-canvas*='right'] {
  width: 255px;
  height: 100%;
  top: 0;
  right: 0;
}
[off-canvas*='bottom'] {
  width: 100%;
  height: 255px;
  bottom: 0;
}
[off-canvas*='left'] {
  width: 255px;
  height: 100%;
  top: 0;
  left: 0;
}
[off-canvas*='overlay'] {
  z-index: 9999;
}
[canvas],
[off-canvas] {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-backface-visibility: hidden;
}
[off-canvas*='shift'][off-canvas*='top'] {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
[off-canvas*='shift'][off-canvas*='right'] {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
[off-canvas*='shift'][off-canvas*='bottom'] {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
[off-canvas*='shift'][off-canvas*='left'] {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
}
@media print {
  [canvas] {
    -webkit-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
  }
  [off-canvas] {
    display: none !important;
  }
}