#offCanvasMobileNav.off-canvas.position-left{
  background-color: lighten($primary-color, 10%);
  color:$white;
  padding:.5rem;
  
  a{
    letter-spacing: 1px;
  }
  button.close-button{
    margin-top: 1.25rem;
    font-size: 1.5rem;
    margin-right:0rem;
    color:$medium-gray;
  }
  h6{
    margin: 1.5rem 0 1rem 0;
    color:$medium-gray;
    font-weight: 600;
    font-size:.85rem;
  }
  i{
    color:$medium-gray;
  }
  ul.menu.vertical{
    //  margin-top:5rem;
    li{
      //  background-color: lighten($primary-color, 7%);
      //  margin-bottom:.15rem;
      //padding:.25rem 0;
    }
    a{
      text-transform: uppercase;
      //  color:$medium-gray;
      font-weight: bold;
    }
  }
  nav.mobile-nav{
    padding:4rem 1rem;
    .accordion{
      background:transparent;
    }
    ul.menu.vertical li{
      border-top:1px solid lighten($primary-color, 25%);
      font-weight: bold;
      text-transform: uppercase;
      font-size:.85rem;
      &:before{
        font-size:1rem;
        font-weight: 400;
      }
      &:hover, &:focus{
        background-color:transparent;
      }
      a{
        font-weight: light;
        font-size:.7rem;
        color:$white;
        padding: 1rem 0rem;
        &:hover{
          color:$medium-gray;
        }
      }
      .submenu-toggle::after{
        font-family: 'icomoon';
        content: "\e145";
        border:0;
        width: auto;
        height:auto;
        color:$medium-gray;
      }
      .submenu-toggle[aria-expanded='true']::after{
        content: "\e15b";
      }
    }
    ul.menu{
      &.is-accordion-submenu.is-active li{
        a{
          color:darken($medium-gray,20%);
        }
        &.is-accordion-submenu-parent{
          li:last-child{
          border-bottom: 5px solid lighten($primary-color, 5%);
          }
        }
        ul.is-accordion-submenu.is-active{
          li.is-submenu-item.is-accordion-submenu-item a{
            color:darken($medium-gray,40%);
          }
        }
      }
    }
    .search-form{
      margin-bottom:1rem;
      .button{
        margin:0;
      }
      input[type="search"]{
        padding:.5rem 0;
        border: none;
        border-bottom: 1px solid white;
        color:white;
      }
    }
  }
}