@charset "UTF-8";
/* CSS Document */

/* #sideBarWrap updated:

position:absolute to fixed
removed padding
padding applied to .scrollInner
scrolled items should not have padding or margins. it throws off how the scrollable area needs to be calculated
height is removed because that needs to be calculated through JS to match the window height
 */
html.mobile #sideBarWrap {
    background: #eaeff5;
    width: 235px;
    position: fixed;
    right: -235px;
    top: 0;
    z-index: 4998;
	padding:0;
	-moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
	 transition: all 0.3s ease-out 0s;
}




html.mobile #sideBarScroll{
    height: 100%;
    width: 100%;
    overflow: scroll; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;

}

html.mobile #wrapper.sidebar-open #sideBarScroll {display: block;}

html.mobile #wrapper.sidebar-open #sideBarScroll #sideBarInner{
    padding: 1.428em 1.428em 4em;
}
#wrapper.sidebar-open  #sideBarWrap{
    right: 0;
}



@media only screen and (min-width: 768px) {

#sideBarInner {padding: 0;}

}