/*------------------------------------------------------------------
[Custom Menu Widget] => Used for sidebar only
-------------------------------------------------------------------*/
#sidebar {

	.widget_nav_menu {


		.sub-menu {
		    display: none;

            a:before {
                content: "-";
                margin-right: 10px;
            }

            .sub-menu a:before {
                content: "- -";
                margin-right: 10px;
            }

		}

		ul {
			margin: 0;

            ul {
                margin: 0;
                border: none;

                li:first-child a {
                    border-top: 0;
                }

            }

            > li:first-child > a {
                border-top: 1px solid $borders__color-light;
            }

		}

        // Border radius
        > div > ul > li:first-child > a {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

        > div > ul > li:last-child > a {
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
        }

        a {
            display: block;
            position: relative;
            padding: pem( 7 ) pem( 10 );
            color: #777;
            border: 1px solid $borders__color-light;
            border-top: 0;
            @include transition( $transition__speed );

            .fa {
                margin-right: pem( 7 );
            }

        }

        .menu-item-has-children > a {
            padding-right: 30px;
        }

        // Add arrows
        .parent {

            > a:after {
                display: block;
                content: "\f054";
                position: absolute;
                right: 0;
                top: 50%;
                height: 20px;
                line-height: 20px;
                margin-top: -10px;
                color: #bbb;
                font-size: pem( 12 );
                overflow: visible;
                width: 30px;
                text-align: center;
            }

            &.active > a:after {
                content: "\f078";
            }

        }

        // Active styles
        a:hover {
            background-color: #f9f9f9;
            text-decoration: none;
        }

        .current-menu-item > a {
            background-color: $accent__main;
            color: #fff;
        }

        // Sub paddings
        ul ul li a {
            padding-left: 20px;
        }

        ul ul ul li a {
            padding-left: 30px;
        }

        // Display active items when on page
        .current_page_item > .sub-menu,
        .current-menu-item > .sub-menu {
            display: block;
        }

	}

}

// Footer fix for child items
.site-footer {

    .widget_nav_menu {

        li {
            position: relative;

            ul {
                margin: 0 0 0 20px;

                li:first-child {
                    border-top: 1px solid transparent;
                    margin-top: 4px;
                }

                li:last-child {
                    border-bottom: 0;
                    padding-bottom: 0;
                }

            }

        }

    }

}
