.sidebar-animate {
	transition: all 500ms ease;
}

/** sidebar **/

.sidebar {
	position: relative;
	display: inline-block;
	height: 100%;
	background: #fff;
	color: #000;
}

/** sidebar-nav **/

.sidebar-nav {
	position: relative;;
	z-index: 2;
	display: block;
	width: auto;
	pointer-events: none; /* was auto - changing doesn't seem to really break anything and fixes issue with wistia video maximisation */
	background: transparent;
	padding-right: 15px;
	padding-top: 10px;
}

.sidebar-nav .sidebar-button {
	cursor: pointer;
	border-radius: 5px;
	font-size: 20px;
	color: #000;
	background: #fff;
	opacity: 0.4;
	padding: 10px 15px;
	display: block;
	margin-bottom: 10px;
	pointer-events: all;

	transition: all 0.2s linear;
}
.sidebar-nav .sidebar-button:hover,
.sidebar-nav .sidebar-button-toggled {
	opacity: 0.85;
}
.sidebar-nav .sidebar-button:last-child {
	margin-bottom: 0px;
}