/* General styles for all menus */
.cbp-spmenu {
	background: #3f5f9f;
	position: fixed;
}


.cbp-spmenu-vertical {
	width: 240px;
	height: 100%;
	top: 0;
	z-index: 1000;
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-right {
	right: -240px;
}

.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
	padding-top: 53px;
}


/* Push classes applied to the body */

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}


.cbp-spmenu-push-toleft {
	left: -240px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#bodyoverlay.active {
  z-index: 10000;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  padding: 0;
  cursor: e-resize;
}

#mobileMenu {
	transform: scale(2.0);
	display: none;
	margin-top: 15px;
}

#mobileSideMenu .sub-menu li a {
	opacity: 1;
}

#mobileSideMenu .sub-menu {
	overflow: visible;
	position: static;
	max-height: 100%;
	white-space: revert;
}

#mobileSideMenu .menu li {
	height: auto;
}

#mobileSideMenu .menu li:hover .sub-menu {
	/*padding: 0 0;*/
}

/* Example media queries */

@media screen and (max-width: 900px){

	#header .menu {
		display: none;
	}

	#mobileMenu {
		display: block;
	}

	button#responsive-menu-button {
    display: none;
    transition: transform 0.5s, background-color 0.5s;
}

}