// -------------------------------------------------------------------
// :: SIDEBAR NAV
// -------------------------------------------------------------------

.o-sidebar-nav {
	display: block;
	background: $light;
	padding: rem(4px) 0;

	.o-sidebar-nav__items {
		list-style: none;
		padding: rem(16px) rem(30px);
		border-bottom: 1px solid darken($light, 10%);

		&:last-child {
			border-bottom: none;
		}

		.o-sidebar-nav__items {
			display: none;
			padding: 0 0 0 rem(20px);
			margin: rem(16px) 0 0;
		}

		.o-sidebar-nav__item--expanded {
			.o-sidebar-nav__items {
				display: block;
			}

			.o-sidebar-nav__item {
				margin-bottom: rem(12px);

				a {
					padding: 0;
				}
			}
		}

		.o-sidebar-nav__item {
			&--active {
				font-weight: bold;
			}

			.o-sidebar-nav__item {
				font-weight: normal;

				&--active {
					font-weight: bold;
				}
			}
		}

		span.icon {
			@extend %__icon-plus-circle;
			position: absolute;
			top: 0;
			right: 0;
			font-size: rem(18px);
			height: 100%;
			display: flex;
			vertical-align: middle;
			align-items: center;
		}

		.o-sidebar-nav__item--expanded {
			span.icon {
				@extend %__icon-min-circle;
			}
		}
	}

	a {
		color: $dark-extra;
		text-decoration: none;
		display: block;
		position: relative;
		padding-right: rem(24px);

		&:hover {
			text-decoration: underline;
		}
	}

}