/* Off canvas layout CSS/JS provided by or adapted from work by Jason Weaver and Luke Wroblewski Requires globals.css grid.css */
#off-canvas { 
	padding: 0; 
	margin: 0; 
	width:100%; 
	overflow:hidden; 
}

.container { width: 100%; }

.row { overflow: hidden; }

.row .row { overflow: visible; }

[role="complementary"], [role="main"] { 
	width: 100%; 
	display: block; 
	position: relative; 
	z-index: 1; 
	
	/* hardware acceleration */
	-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);
	
	-webkit-transition: 0.25s all ease-out; 
	-moz-transition: 0.25s all ease-out; 
	-o-transition: 0.25s all ease-out; 
	transition: 0.25s all ease-out; 
}

[role="complementary"] {
	left: -100%;  
	float: left; 
	z-index: 2;
	position: absolute;
	top:110px;
}

[role="main"] { 
	right: 0; 
	float: right; 
	z-index: 1; 
	position: relative; 
}

.active [role="complementary"] { 
	left: 0%; 
}

.active [role="main"] { 
	right: -100%;
}

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

	menu-button, .sidebar-button { display: none; }
  }