.region-microsite-nav.region-microsite-nav {
  -webkit-transform: none;
          transform: none;
  height: auto!important;
  -webkit-transition: background-color .2s ease;
  transition: background-color .2s ease;
  position: relative;
}
  
  .region-microsite-nav.region-microsite-nav .menu-wrapper {
    position: static;
    width: 100%;
    height: 0;
  }
  
  .region-microsite-nav.region-microsite-nav::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 86px;
    opacity: 0;
    background-color: rgba(0,0,0,.8);
    display: block;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
  }
  
  .region-microsite-nav.region-microsite-nav.open,
  .region-microsite-nav.region-microsite-nav.black-background {
    background-color: transparent;
  }
  
  .region-microsite-nav.region-microsite-nav.open::before, .region-microsite-nav.region-microsite-nav.black-background::before {
      opacity: 1;
    }
  
  .region-microsite-nav.region-microsite-nav.open .menu-wrapper {
    height: calc(100vh - 86px);
  }

.region-microsite-nav > nav {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
}

.region-microsite-nav > nav .menu-open {
    position: static;
    margin: 0;
    margin-right: 20px;
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }

.elemental-logo.elemental-logo {
  /*background-image: svg-load('logo.svg', fill=white), svg-load('logo.svg', fill=#f26122);
  background-position: center, -1000px -1000px;
  background-size: contain;*/
  text-indent: -5000em;
  margin: 15px 20px;
  display: inline-block;
  
  /*@media (hover: hover) {
    &:hover, &:active {
      background-position: -1000px -1000px, center;
    }
  }*/
}