.m-pikabu-nav-toggle[data-role="right"] {
  float: right;
}
.m-pikabu-nav-toggle::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  padding-left:12px;
  display: inline-block;
  height: 100%;
  text-align: left;
  font-size: 20px;
}
.m-pikabu-nav-toggle[data-role="right"]::after {
  font-size: 17px;
}
.m-pikabu-left-visible .m-pikabu-nav-toggle[data-role="left"], .m-pikabu-right-visible .m-pikabu-nav-toggle[data-role="right"] {
  background: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
}
.m-pikabu-sidebar {
  color: white;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.m-pikabu-viewport {
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  box-orient: horizontal;
  overflow: hidden;
}
.m-pikabu-sidebar {
  position: absolute;
  overflow: visible;
  display: block;
  width: 80%;
}
.m-pikabu-sidebar.m-pikabu-left {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.m-pikabu-sidebar.m-pikabu-right {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.m-pikabu-left-visible .m-pikabu-sidebar.m-pikabu-left, .m-pikabu-right-visible .m-pikabu-sidebar.m-pikabu-right {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.m-pikabu-container {
  width: 100%;
  -webkit-backface-visibility: hidden;
}
.m-pikabu-left-visible .m-pikabu-container.m-pikabu-left, .m-pikabu-right-visible .m-pikabu-container.m-pikabu-right {
  position: absolute;
}
.m-pikabu-left-visible .m-pikabu-container {
  -webkit-transform: translate3d(80%, 0, 0);
  -moz-transform: translate3d(80%, 0, 0);
  -ms-transform: translate3d(80%, 0, 0);
  -o-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0);
}
.m-pikabu-right-visible .m-pikabu-container {
  -webkit-transform: translate3d(-80%, 0, 0);
  -moz-transform: translate3d(-80%, 0, 0);
  -o-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0);
}
.m-pikabu-container,
.m-pikabu-sidebar {
  -webkit-transition: -webkit-transform 0.2s ease-in;
  -moz-transition: -webkit-transform 0.2s ease-in;
  -o-transition: -webkit-transform 0.2s ease-in;
  transition: -webkit-transform 0.2s ease-in;
}
.m-pikabu-overlay {
  display: none;
}
.m-pikabu-left-visible .m-pikabu-overlay, .m-pikabu-right-visible .m-pikabu-overlay {
  position: absolute;
  top: 0;
  z-index: 30;
  display: block;
  height: 100%;
  width: 100%;
  cursor: pointer;
  box-shadow: 0 0 5px #000;
}
.m-pikabu-overflow-scrolling .m-pikabu-sidebar {
  overflow: auto;
}
.m-pikabu-overflow-touch {
  -webkit-overflow-scrolling: touch;
}



/* Storefront Offset Navigation Styles*/
.hidden-small
{
    display:none;
}
.m-pikabu-left .hidden-small
{
    display:block;
	padding:0;
}
.navigation-header {
	padding: 15px 18px;
    background:#efefef;
}
.navigation-header i
{
    padding-right:4px;
}
.m-pikabu-left .navigation-header
{
    background:transparent;
}
.m-pikabu-left .navigation-header
{
    display: none;
}
.navigation-wrapper
{
    box-shadow:1px 1px 12px rgba(0,0,0, 0.1);
    border:1px solid #e0e0e0;
}
.sectionHeader {
    font-size:14px;
    color:#666;
    /* font-style: italic; */
    margin-bottom: 8px;
}

.m-pikabu-left .sectionHeader
{
    color:#444;
    font-size:13px;
}
.m-pikabu-left .navigation-wrapper
{
    box-shadow:none;
    border:none;
}
.navigation-body
{
    background:#fff;
}
.m-pikabu-left .navigation-body
{
    background:transparent;
}
.navPrompt
    {
        width: 100%;
        padding: 12px 6px;
        color: #fff;
        background: rgba(0,0,0,.1);
        position: fixed;
        bottom: -60px;
        text-align: center;
        font-weight: bold;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        background: rgba(19, 190, 247, .8);
        left: 0;
        cursor:pointer;
    }
    .nudge-link
    {
        bottom:0;
        z-index: 1030;
    }
    .nav-hint
    {
        background: rgba(19, 190, 247, .8);
        padding: 10px 6px 11px 6px;
        color: #fff;
        font-weight: bold;
        cursor:pointer;
        bottom:0;
        z-index:1000;
    }
    .back-it-up-left
    {
        text-align:right;
    }

@media (min-width: 992px) {
    .hidden-small {
        display: block;
    }
}