/* -----------------------------------------------------------------------------
   Sidebar
   ----------------------------------------------------------------------------- */

.bond-bp-sidebar-title {
	color: var(--color-bond-black);
	font-size: 1.25rem;
	font-weight: 600;
	margin: 0 0 1rem;
	padding: 0;
}

.bond-bp-sidebar-nav .bond-bp-sidebar-menu,
.bond-bp-groups-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bond-bp-sidebar-menu {
	& li {
		margin-bottom: 0;

		& + li {
			margin-top: 0.375rem;
		}

		&::before {
			content: none;
			display: none;
		}
	}

	& > li > a,
	& > li > a:link,
	& > li > a:visited {
		display: block;
		padding: 0.5rem 0.75rem;
		border-bottom: 0;
		border-radius: 4px;
		color: var(--color-bond-black);
		font-size: 1.0625rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}

	& > li > a:hover,
	& > li > a:focus {
		background: var(--color-bond-grey-light);
		color: var(--color-bond-black);
	}

	& li.current-menu-item {
		& > a,
		& > a:link,
		& > a:visited,
		& .bond-bp-sidebar-link,
		& .bond-bp-sidebar-link:link,
		& .bond-bp-sidebar-link:visited {
			background: var(--color-bond-grey-light);
			color: var(--color-bond-red-darker);
			font-weight: 700;
			padding: 0.625rem 0.75rem;
		}
	}
}

.bond-bp-sidebar-link,
.bond-bp-sidebar-link:link,
.bond-bp-sidebar-link:visited {
	display: block;
	padding: 0.5rem 0.75rem;
	border-bottom: 0;
	border-radius: 4px;
	color: var(--color-bond-black);
	font-size: 1.0625rem;
	font-weight: 400;
	line-height: 1.5;
	text-decoration: none;
}

.bond-bp-sidebar-link:hover,
.bond-bp-sidebar-link:focus {
	background: var(--color-bond-grey-light);
	color: var(--color-bond-black);
}

.bond-bp-sidebar-link--placeholder {
	cursor: default;

	&:hover {
		background: transparent;
		color: var(--color-bond-black);
	}
}

.bond-bp-sidebar-heading {
	color: var(--color-bond-grey);
	font-size: 0.9375rem;
	font-weight: 400;
	margin: 1.5rem 0 0.5rem;
	padding: 0 0.75rem;
}

.bond-bp-my-groups {
	& .bond-bp-sidebar-heading {
		color: var(--color-bond-grey);
		font-size: 1.1rem;
		font-weight: 400;
		margin: 1rem 0 0.5rem;
		margin-left: -0.25rem;
		padding: 0;
	}

	& .bond-bp-sidebar-menu > li > a,
	& .bond-bp-sidebar-menu > li > a:link,
	& .bond-bp-sidebar-menu > li > a:visited,
	& .bond-bp-sidebar-link,
	& .bond-bp-sidebar-link:link,
	& .bond-bp-sidebar-link:visited {
		padding: 0.5rem 0.75rem;
	}
}