/*! Pushy - v0.9.1 - 2013-9-16
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */

/* Menu Appearance */


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

	.pushy{
		position: fixed;
		width: 280px;
		height: 100%;
		top: 0;
		z-index: 9999;
		overflow: auto;
		-webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
	}
	
	
	
	/* Menu Movement */
	
	.pushy-left{
		-webkit-transform: translate3d(-290px,0,0);
		-moz-transform: translate3d(-290px,0,0);
		-ms-transform: translate3d(-290px,0,0);
		-o-transform: translate3d(-290px,0,0);
		transform: translate3d(-290px,0,0);
	}
	
	.pushy-open{
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	
	.container-push, .push-push{
		-webkit-transform: translate3d(290px,0,0);
		-moz-transform: translate3d(290px,0,0);
		-ms-transform: translate3d(290px,0,0);
		-o-transform: translate3d(290px,0,0);
		transform: translate3d(290px,0,0);
	}
	
	.container-push { overflow: hidden; }
	
	/* Menu Transitions */
	
	.pushy, #container, .push{
		-webkit-transition: -webkit-transform .3s cubic-bezier(.16, .68, .43, .99);
		-moz-transition: -moz-transform .3s cubic-bezier(.16, .68, .43, .99);
		-o-transition: -o-transform .3s cubic-bezier(.16, .68, .43, .99);
		transition: transform .3s cubic-bezier(.16, .68, .43, .99);
		/* improves performance issues on mobile*/
		-webkit-backface-visibility: hidden;
		-webkit-perspective: 1000;
	}
	
	/* Site Overlay */
	
	.site-overlay {
		display: none;
	}
	
	.pushy-active .site-overlay{
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 280px;
		z-index: 9999;
	}
	
}