/* ++
Side Navigation control
-- */

div.side-navigation {
	height: 100%;
	width: 300px;
	margin-left: -300px;
	position: fixed; /* Stay in place */
	z-index: 10; /* Stay on top */
	top: 0; /* Stay at the top */
	left: 0;
	background-color: #ffffff; /* Black*/
	overflow-x: hidden; /* Disable horizontal scroll */
	padding-top: 60px; /* Place content 60px from the top */
	transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}

	/* Position and style the close button (top right corner) */
	div.side-navigation a.close-button {
		position: absolute;
		top: 0;
		right: 0px;
		font-size: 36px;
		margin-left: 50px;
		padding: 8px 8px 8px 32px;
		text-decoration: none;
		color: var(--dark);
		display: block;
		transition: 0.3s;
	}

		div.side-navigation a.close-button:hover {
			color: #c0c0c0;
		}