@charset "utf-8";

/* ----------------------------------------------
pushy
------------------------------------------------*/
.pushy{position:fixed; width:300px; height: 100%; top:0px; right:0px; z-index: 9999; font-size: 1em; font-weight: normal; overflow: auto; -webkit-overflow-scrolling: touch; margin:0px; padding:0px; box-shadow:0 0 4px rgba(0, 0, 0, 0.2);}

.menu-btn{padding:10px; width:40px; height:40px; line-height:30px; text-align: center; cursor: pointer; position:fixed; top:30px; right:30px; font-size:36px; z-index:999; border-radius:4px; box-shadow:0 0 4px rgba(0, 0, 0, 0.2);}
.menu-btn:hover{padding:10px;}

/* Site Overlay */
.site-overlay{display: none;}
.pushy-active .site-overlay{display: block; position:fixed; top:0; right:300px; bottom:0; left:0; z-index: 9999;}

/* sideBox */
.sideBox {margin:20px;}
.sideBox .widget_box {margin-bottom:20px;}
.sideBox .widget_box h2 {font-weight:normal;}

/* Menu Movement */
.pushy-left{
    -webkit-transform: translate3d(308px,0,0);
    -moz-transform: translate3d(308px,0,0);
    -ms-transform: translate3d(308px,0,0);
    -o-transform: translate3d(308px,0,0);
    transform: translate3d(308px,0,0);
}

.pushy-open{
    -webkit-transform: translate3d(0px,0,0);
    -moz-transform: translate3d(0px,0,0);
    -ms-transform: translate3d(0px,0,0);
    -o-transform: translate3d(0px,0,0);
    transform: translate3d(0px,0,0);
}

/* Menu Transitions */

.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);
    /* improves performance issues on mobile*/
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}