/* General styles for all menus */
.cbp-spmenu { position: fixed;}
.cbp-spmenu a { display: block;}
.cbp-spmenu a:hover {}
.cbp-spmenu a:active {}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical { height: 100vh; top: 0; z-index: 1000;}
.cbp-spmenu-horizontal { width: 100%; left: 0; z-index: 1000; overflow: hidden;}

/* Vertical menu that slides from the left or right */
.cbp-spmenu-left { left: 0; background-color: #fff; width: 100vw; transform: translateX(-100%);}
.cbp-spmenu-right { right: 0%; background-color: #fff; width: 180px; transform: translateX(100%);}
.cbp-spmenu-left.cbp-spmenu-open { transform: translateX(0%);}
.cbp-spmenu-right.cbp-spmenu-open { transform: translateX(100%);}

/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top { top: 54px; height: 0; transform: translateY(-50%);}
.cbp-spmenu-top.cbp-spmenu-open { top: 54px; height: auto; transform: translateY(0%);}

/* Push classes applied to the body */
.cbp-spmenu-push { overflow-x: hidden; position: relative; left: 0;}
.cbp-spmenu-push-toright { transform: translateX(0);}
.cbp-spmenu-push-toleft { transform: translateX(-180px);}
.cbp-spmenu-push.cbp-spmenu-push-toleft,
.cbp-spmenu-push.cbp-spmenu-push-toright,
.cbp-spmenu-push.cbp-spmenu-push-totop { overflow: hidden; height: 100vh;}

.cbp-spmenu-push.cbp-spmenu-push-toleft .wrap,
.cbp-spmenu-push.cbp-spmenu-push-toright .wrap,
.cbp-spmenu-push.cbp-spmenu-push-totop .wrap { position: relative; top: -54px; overflow: hidden; height: 100vh;}


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

/* Overlay */
.cbp-spmenu-overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; overflow: hidden; background-color: #000; opacity: 0; visibility: hidden;}
.cbp-spmenu-push-toleft .cbp-spmenu-overlay,
.cbp-spmenu-push-toright .cbp-spmenu-overlay,
.cbp-spmenu-push-totop .cbp-spmenu-overlay { top: 0; opacity: 0.8; visibility: visible;}
.cbp-spmenu-push-totop .cbp-spmenu-overlay { top: 54px;}