// SalesCrowd SideMenu
.sales-crowd-sidemenu {
  position: relative;
    ul {
        padding: 0;
        margin: 0;
    }
    li {
        list-style: none;
    }
    a {
        text-decoration: none;
    }
    @include position(fixed, 0px auto 0px 0px);
    @include size(220px 100%);
    @include transform(translateX(-220px));
    @include transition(all 0.25s linear);
    background: $sliding-menu-background;
    z-index: 999999;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    li a {
        border-bottom: $sliding-menu-border;
        color: $sliding-menu-color;
        display: block;
        font-weight: bold;
        padding: 1em;
        @include transition(all 0.2s ease-in-out);
        &:focus {
            background-color: $sliding-menu-background-focus;
        }
        &:hover {
            background-color: $sliding-menu-background-hover;
            color: $sliding-menu-color-hover;
        }
        strong {
          font-weight: 900;
        }
    }
    &.is-visible {
        @include transform(translateX(0));
    }
}

.sales-crowd-sidemenu-fade-screen {
    @include position(fixed, 0px 0px 0px 0px);
    @include transition;
    background: black;
    opacity: 0;
    visibility: hidden;
    z-index: 999998;
    &.is-visible {
        opacity: 0.4;
        visibility: visible;
    }
}

.sales-crowd-sidemenu-button {
    @include button(flat, $brand);
    padding: 10px 16px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    outline: none;
    img {
        height: 1.3em;
    }
}