@import 'compass';
@font-face {
  font-family: 'widget_easy_sidebar_menu_widget';
  src: url('../fonts/fontello.eot?35265427');
  src: url('../fonts/fontello.eot?35265427#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff2?35265427') format('woff2'),
       url('../fonts/fontello.woff?35265427') format('woff'),
       url('../fonts/fontello.ttf?35265427') format('truetype'),
       url('../fonts/fontello.svg?35265427#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
.widget_easy_sidebar_menu_widget{
    // padding: 20px;
    ul{
      list-style-type: none;
    }
    .current-menu-item > span > a, .current-menu-ancestor > span > a{
      font-weight: 700;
    }
    li.menu-item{
        position: relative;
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 0px;
        border-bottom: 1px solid #eee;
        @include box-sizing( border-box );
        .link__wrap{
          position: relative;
          display: block;
        }
        a{
            display: block;
            padding: 8px 0px;
            width: 100%;
            @include box-sizing( border-box );
            .nav_desc{
                display: block;
                color: #777;
            }
        }
        .easy-sidebar-menu-widget-toggler{
            position: absolute;
            padding: 0px;
            margin: 0px;
            top: 2px;
            right: 0px;
            width: 34px;
            height: 34px;
            border: 1px solid transparent;
            text-align: center;
            outline: none;
            font-size: 12px;
            i{
                font-family: "widget_easy_sidebar_menu_widget";
                font-style: normal;
                font-weight: normal;
                speak: none;
                color: #555;
                text-decoration: inherit;
                width: 100%;
                height: 100%;
                line-height: 34px;
                display: block;

                /* Font smoothing. That was taken from TWBS */
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                &:before{
                  content: '\e800';
                }
            }
            &.toggle__open{
              i:before{
                  content: '\e801';
              }
            }
            &:hover, &:focus{
              background: rgba( #efefef, 0.4 );
              border: 1px solid #eee;
            }
        }
        &.menu-item-has-children{
            .easy-sidebar-menu-widget-link{
                padding-right: 40px;
            }
        }
        .sub-menu{
            display: none;
            position: relative;
            li:first-child{
                border-top: 1px solid #eee;
                &:before{
                  content: '';
                  position: absolute;
                  left: -8px;
                  top: -8px;
                  width: 0;
                  height: 0;
                  border-left: 5px solid transparent;
                  border-right: 5px solid transparent;
                  border-bottom: 8px solid #eee;
                }
            }
            li:last-child{
                border-bottom: 0px;
            }
        }
    }
}