/*! Pushy-Reloaded
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/julianxhokaxhiu/pushy-reloaded/
* by Christopher Yee - Julian Xhokaxhiu */
.pushy {
	position: fixed;
	width: 270px;
	height: 100%;
	top: 0;
	z-index: 9999;
	background: #000033; /* darker blue */
	font-weight: bold;
	-webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, 0.7);
	box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, 0.7);
	overflow: auto;
	-webkit-transform: translate3d(-270px, 0, 0);
	transform: translate3d(-270px, 0, 0); }

.pushy li {/* enables momentum scrolling in iOS overflow elements */ }
    
.pushy li > a {
	display: block;
	color: #FFFFFF; /* white */
	padding: 15px 30px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	border-top: 1px solid #9999ff; /* lavendar*/
	text-decoration: none; }

.pushy li > a:hover {
	background: #000099; /* dark blue */
	color: #FFFFFF; } /* white*/

.pushy, .pushy-container {
	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	-o-transition: -o-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	/* improves performance issues on mobile*/
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000; }

.pushy-static {
	-webkit-transition: -webkit-transform 0;
	-o-transition: -o-transform 0;
	transition: transform 0; }

.pushy-site-overlay {
	display: none; }

.pushy-active .pushy {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0); }
	
.pushy-active .pushy-site-overlay {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: rgba(0, 0, 0, 0.7); }

.pushy-active .pushy-container {
	-webkit-transform: translate3d(270px, 0, 0);
	transform: translate3d(270px, 0, 0); }

/* @media (min-width: 768px) {
.pushy {
	width: 400px;
	-webkit-transform: translate3d(-400px, 0, 0);
	transform: translate3d(-400px, 0, 0); }

.pushy-active .pushy-container {
	-webkit-transform: translate3d(400px, 0, 0);
	transform: translate3d(400px, 0, 0); } } */

.pushy > .pushy-main-submenu {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0; }

.pushy > .pushy-main-submenu li.pushy-open > .pushy-submenu {
	left: 0; }

.pushy > .pushy-main-submenu li.pushy-open > .pushy-close-submenu {
	display: block;
	position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 10%;
    cursor: pointer; }

/* @media (min-width: 768px) {
.pushy > .pushy-main-submenu li.pushy-open > .pushy-close-submenu {
	width: 5%; } } */

.pushy > .pushy-main-submenu .pushy-submenu {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: -100%;
    width: 90%;
    margin: 0;
    -webkit-box-shadow: 10px 0px 30px -10px rgba(0, 0, 0, 0.7);
	box-shadow: 10px 0px 30px -10px rgba(0, 0, 0, 0.7);
    background: #333332;
    -webkit-transition: left 0.25s ease-in-out;
	-o-transition: left 0.25s ease-in-out;
	transition: left 0.25s ease-in-out; }

.pushy > .pushy-main-submenu .pushy-submenu .pushy-submenu {
	background: lighter(#333332, 5%); }

/* @media (min-width: 768px) {
.pushy > .pushy-main-submenu .pushy-submenu {
	width: 95%; } } */
		
.pushy > .pushy-main-submenu .pushy-close-level {
	display: none; }