/*! 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: 99999; background: #fff; font-size: 0.9em; border-right: 1px solid; font-weight: bold; overflow: auto; -webkit-overflow-scrolling: touch; padding-top:160px; }

.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-bottom: 1px solid; color: #2e2e2e; display: block; float: left; font-size: 13px; font-weight: normal; text-align: left; 
text-decoration: none; text-transform: uppercase; padding: 6%; width: 100%; }

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

.pushy ul.sub-menu li { position: relative; line-height:normal; }

.pushy ul li.current_page_item a, .pushy ul li.current-menu-ancestor.current-menu-parent > a { position: relative; }
.pushy ul li a:before { content: "\f04b"; display: block; color: rgba(255,255,255,0.1); margin: auto; position: absolute; font-family: 'FontAwesome'; right: -10px; transform: rotate(180deg); 
-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); font-style: normal; }
.pushy ul li.current_page_item a:before, .pushy ul li:hover > a:before, .pushy ul li.current-menu-ancestor.current-menu-parent > a:before { right: 0; }

/* 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, .boxed .pushy-left { -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; }
}