/* Header Styles Position 3 */

/* MOVED TO cb-resource-v2.css */

/* These control the side panel pushy menu styles */

.menu-panel {
	position:fixed;
	top:0;
	bottom:0;
	width:300px;
	box-shadow:0px 0px 5px #333333;
	background-color:#ffffff;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	z-index: 0;
	display: none;
  	-webkit-transition: all 225ms ease;
  	-moz-transition: all 225ms ease;
  	transition: all 225ms ease;
  	-webkit-animation-duration: 1s;
  	animation-duration: 1s;
  	-webkit-animation-fill-mode: both;
  	animation-fill-mode: both;
  	-webkit-animation-name: fadeIn;
  	animation-name: fadeIn;
}

.scotch-is-showing .menu-panel {
	display: block;
}


.icon-close-menu:before {
	font-size: 24px;
}

.overlay {
	position: fixed;
	background: rgba(0, 0, 0, 0.75);
	width: 100%;
	height: 100%;
	display: none;
	z-index: 999999;
	-webkit-transition: all 225ms ease;
	-moz-transition: all 225ms ease;
	transition: all 225ms ease;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	cursor: pointer;
}
.scotch-is-showing .overlay {
	display: block;
}


@@-webkit-keyframes fadeIn {
	0% {
	opacity: 0;
	}

	100% {
	opacity: 1;
	}
}

@@keyframes fadeIn {
	0% {
	opacity: 0;
	}

	100% {
	opacity: 1;
	}
}
 
/* END Header Styles Position 3 */