/*! 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 */

.pushy { position: fixed; width: 200px; height: 100%; top: 0; z-index: 9999; background: #000; font-size: 0.9em; font-weight: bold; -webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
-moz-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7); box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7); overflow: auto; -webkit-overflow-scrolling: touch; padding-top:100px; }

.pushy .logo-box { float:left; width:100%; margin-top:42px; }
.pushy .logo-box a { text-align:center; padding:20px 0px; background: #2e2e2e; display:inline-block; width:100%; }
.pushy .logo-box a img { width:90%; }

.pushy ul { margin-bottom:0px; margin-top: 0px; }
.pushy ul li { float:left; width:100%; padding:0; list-style:none; }
.pushy ul li a { border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: #b3b3b1; display: block; float: left; font-size: 13px; font-weight: normal; text-align: left; 
text-decoration: none; text-transform: uppercase; padding: 6%; width: 88%; }

.pushy ul li a:hover, .pushy ul li.current-menu-item a { background: #000; color: #FFF; }

.pushy ul ul { padding:0; float: left; }
.pushy ul ul li a { font-size: 12px; text-transform:capitalize; padding: 8% 10%; width: 80%; }

.pushy ul.sub-menu li { position: relative; line-height:normal; }
.pushy ul.sub-menu li:after, .pushy ul.sub-menu li:before { content: ''; display: block; margin: auto; height: 1px; width: 0;  background: #fff; transition: width .5s ease, background-color .5s ease; position: absolute; }
.pushy ul.sub-menu li:after { bottom: 0px; right: 0; }
.pushy ul.sub-menu li:before { top: 0px; left: 0; }
.pushy ul.sub-menu li:hover:after, .pushy ul.sub-menu li.current-menu-item:after, .pushy ul.sub-menu li:hover:before, .pushy ul.sub-menu li.current-menu-item:before { width: 30%; }
.pushy ul.sub-menu > li:hover > ul.sub-menu > li:hover:after, .pushy ul.sub-menu > li:hover > ul.sub-menu > li:hover:before { content:'' }

/* Menu Movement */

.pushy-left { -webkit-transform: translate3d(-200px,0,0); -moz-transform: translate3d(-200px,0,0); -ms-transform: translate3d(-200px,0,0); -o-transform: translate3d(-200px,0,0); transform: translate3d(-200px,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(200px,0,0); -moz-transform: translate3d(200px,0,0); -ms-transform: translate3d(200px,0,0); -o-transform: translate3d(200px,0,0); transform: translate3d(200px,0,0); }

.pushy, #container, .push { -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99); -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99); transition: transform .2s cubic-bezier(.16, .68, .43, .99); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; }

.site-overlay { display: none; }

.pushy-active .site-overlay { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 200px; z-index: 9999; }

@media screen and (max-width: 768px){
    .pushy { font-size: 1.0em; }
}