.marietta-slide-in-nav-menu-block {
  position: static;
  font-size: 0;
  box-sizing: border-box;
}

.marietta-slide-in-nav-menu-block.contextual-links-region {
  position: static;
}

.marietta-slide-in-nav-menu {
  font-size: 1rem;
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.marietta-slide-in-nav-menu.closed {
  bottom: auto;
}

.marietta-slide-in-nav-menu.active {
/*   bottom: 0; */

}

.marietta-slide-menu-outer-wrapper {
  position:relative;
  width: 100%;
  height:100%;
  overflow-x:hidden;
}

.marietta-slide-menu-wrapper {
  position:absolute;
  background: #AAA;
  height: 100%;
  max-width: 350px;
  z-index: 500;
  top: 0;
  right: -350px;
  bottom: 0;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  padding: 25px;
}



.marietta-slide-in-nav-menu.active .marietta-slide-menu-wrapper {
  /*-moz-transform: translateX(-350px);
  -ms-transform: translateX(-350px);
  -webkit-transform: translateX(-350px);
  transform: translateX(-350px);*/
  right: 0;
}

.slide-menu-close-button {
  position:relative;
  display:block;
  height: 18px;
  width: 18px;
}

.slide-menu-close-button::before,
.slide-menu-close-button::after {
  width: 24px;
  height: 2px;
  display: block;
  background: #fff;
  top: 8px;
  left: -3px;
  content: '';
  position: absolute;
}

.slide-menu-close-button::before {
    -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.slide-menu-close-button::after {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);

}

.marietta-slide-in-nav-menu.active .marietta-slide-menu-overlay {
  position:fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 499;
  background: rgba(0, 0, 0, 0.5);
  display:block;
}

.marietta-slide-menu-overlay {
  display:none;
}

.slide-nav-menu {
  display: none;
}