.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;
}

.m-pikabu-left .navigation-header
{
    background:transparent;
}
.m-pikabu-left .navigation-header
{
    display: none;
}

.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;
}

.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;
    }
    .back-it-up-left
    {
        text-align:right;
    }

@media (min-width: 992px) {
    .hidden-small {
        display: block;
    }
}
.sectionHeader {
    font-size:14px;
    color:#666;
    margin-bottom: 8px;
}
.no-subs
{
    font-weight:bold;
    display:block;
    padding:10px;
    color:#333;
}
.has-subs
{
    cursor:pointer;
    font-weight:bold;
    display: block;
    padding: 10px;
    color:#fff;
}
.has-subs:before
{
    content:'+';
    float:left;
    width:20px;
    text-align:center;
    height:24px;
    padding-top:2px;
    display:inline-block;
}
.show-sub-menu .has-subs:before
{
    content:'x';
    font-weight:bold;
}
.main-nav-menu li
{
    /* padding:12px 0; */
}
.main-nav-menu li ul li
{
    border:none;
    padding:3px;
}

.main-nav-menu li:first-child
{
    border-top:none;
    padding-top:0;
}
.main-menu-item ul
{
    display:none;
}
.main-menu-item.show-sub-menu ul
{
    display:block;
}
.entity-page-selected, .selected, .menuSubCatSelected
{
    font-weight:bold;
}
.main-nav-menu
{
    padding: 0;
    margin:0;
    list-style:none;
}
.main-nav-menu li ul
{
    list-style:none;
    padding: 15px;
    font-weight:normal;
}
