.slideout-menu {
  position: fixed; 
  left: 0; 
  top: 0; 
  bottom: 0; 
  right: 0; 
  z-index: 0;
  width: 256px; 
  overflow-y: scroll; 
  -webkit-overflow-scrolling: touch;
  /*padding-left: 1em;*/
  background: #e7e7e7;
  display: none;
}

.slideout-menu .nav-primary {
  padding-left:1rem;
}

.mb-menu-hd {;
  background: #d8d8d8;
  /*border-bottom: 2px solid #97b711;*/
  padding-left:1rem;
}

.slideout-open .slideout-menu .menu-item {

}

.slideout-open .slideout-menu { 
    display: block;
}


.slideout-panel { 
  position: relative; 
  z-index: 1; 
  will-change: transform; 
  /*box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
}

.slideout-open, 
.slideout-open body, 
.slideout-open .slideout-panel { 
  overflow: hidden; 
}


.site-container {
    background: white;
}

.header-link {
    padding: 10px 5px;
    color: #000;
    background-color: transparent;
    margin: 12px 0;
    float: right;
}


.menu-toggle {
    padding: 8px;
    margin-bottom: 0;
    margin-top: 0;
    color: #000;
    background-color: transparent;
    margin: 10px 0;
    float: right;
}

.dashicons-before:before {
  width: 30px;
    height: 30px;
    font-size: 31px;
}