.sidebar-toggle {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 98;
	color: #FFFFFF;
	font-size: 18px;
	cursor: pointer;
	display: none;

	@include responsive( $bp_medium ){
		display: block;
	}

	header & {
		color: $dark_grey;
	}

	&.open {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 220px;
		background: rgba(0,0,0,0.2);
		color: #FFFFFF;

		.open {
			display: none;
		}
	}

	&:not(.open) {
		.close {
			display: none;
		}
	}
}