/* white: header title color */

.content-wrapper {
  left: 0;
  position: relative;
  transition: left .3s;
}
.sidenav-no-scroll .content-wrapper {
  left: 350;
}


#sidebar-hamburger-menu {
		position: fixed;
		top: 12px;
		z-index: 5000;
		left: 13px;  /* blp */
		font-size: 32px;
	}
  
	.sidenav {
		background: #212121;
		box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
		display: block;
		font-size: 16px;
		font-weight: 400;
		height: 100%;
		left: 0;
		position: fixed;
		overflow: auto;
		transform: translate(-262px, 0);
		transition: transform .3s;
		top: 0;
		width: 256px;
		z-index: 100; 

	}
	
	.sidenav.show {
		transform: translate(0, 0); 
		width:350px; /* blp sets the width of the sidebar */
	}

	.sidenav-brand {
		background: #FF5722;
		border-bottom: 1px solid #FF7043;
		color: #FAFAFA;
		font-size: 24px;
		font-weight: bold;
		line-height: 32px;
		padding-left: 55px;  /* blp-padding */
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.sidenav-header {
		/*background: transparent;*/
		background: rgba(39, 4, 4, 0.88);

		border-bottom: 1px solid #424242;
		color: white;
		font-size: 19.2px;
		line-height: 32px;
		margin: 0;
		/* padding: 16px 24px 15px; */
		padding-top: 16px;
		padding-right: 30px;
		padding-bottom: 15px;
		padding-left: 15px; /* blp-padding */
	}
	.sidenav-menu {
		list-style: none;
		margin: 0;
		padding: 0; 
	}
	
	.sidenav-menu li {
		display: block;
		position: relative; 
		padding-left: 15px; /* blp-padding */
	}
	
	.sidenav-menu a {
		background: transparent;
		color: #BDBDBD;
		display: block;
		/*line-height: 24px;*/
		line-height: 18px;  /* this will get overwritten by the JS code at hamburger.txt for mobile vs desktop */
		padding: 16px 32px;
		text-decoration: none; 
	}
	
	.sidenav-menu a:hover {
		background: #616161; 
	}
	
	
	.sidenav-menu a.active {
		color: #FAFAFA; 
	}
	
	.sidenav-menu a.active .sidenav-link-icon,
	.sidenav-menu a.active .sidenav-dropdown-icon {
		color: #FAFAFA; 
	}

	.sidenav-link-icon {
		color: white;
		display: block;
		height: 24px;
		left: 24px;
		position: absolute;
		text-align: center;
		top: 16px;
		width: 24px; 
	}

	.sidenav-link-title {
		display: block;
		/* padding: 0 16px 0 40px; */
	}

	.sidenav-dropdown {
		border-bottom: 1px solid #424242;
		display: none;
		list-style: none;
		margin: 0;
		padding: 0; 
	}
	
	.sidenav-dropdown li {  /* blp */
		padding-left: 0px;  /* I wish we could have lessen the sub level indenting */
	}
	
	.sidenav-dropdown a {
		background: #191919;
		padding-left: 72px; 
	}
	
	.sidenav-dropdown a:hover {
		/* background: #616161;  */
	}
	
	.sidenav-dropdown li:first-child a {
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); 
	}

	.sidenav-dropdown-icon {
		color: white;
		display: none;
		height: 16px;
		right: 16px;
		position: absolute;
		text-align: center;
		top: 16px;
		width: 16px; 
	}
	
	.sidenav-dropdown-icon.show {
		display: block; 
	}

	.sidenav-overlay {
		/* blp */
		/* background: rgba(255, 255, 255, 0.8); */
		background: rgba(0, 0, 0, 0.8);
		display: none;
		height: 100%;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 99; 
	}

	.sidenav-no-scroll {
		overflow: hidden !important; 
	}

  
	  .toggle {
		color: #666;
		display: block;
		height: 72px;
		line-height: 72px;
		text-align: center;
		width: 72px;
	  }