$sidebar-menu-active-color:			$theme-color !default
$sidebar-menu-separator-color:		#f2f2f2 !default
$sidebar-menu-arrow-color:			#cacaca !default
$sidebar-menu-arrow-hover-color:	$theme-color !default

.page-sidebar
	.widget_nav_menu ul
		&, ul
			list-style: none
			padding: 0
			margin: 0

		li
			margin: 0
			padding: 0
			border-bottom: 1px solid $sidebar-menu-separator-color

			&:before
				content: none

			a
				padding: 8px 0
				display: block

			&:last-child
				border-bottom: 0

			ul.sub-menu
				padding-left: 20px
				border-top: 1px solid $sidebar-menu-separator-color

		.menu-item-has-children > a
			&:after
				font-family: FontAwesome
				content: "\f105"
				position: absolute
				right: 0
				color: $sidebar-menu-arrow-color

			&:hover:after
				color: $sidebar-menu-arrow-hover-color

		.current-menu-item > a
			color: $sidebar-menu-active-color

			&:after
				@include transform(rotate(90deg))