/* Show "Left" drawer for the "Right" drawer in the demo */
.snapjs-right .snap-drawer-left {	display: block;	right: 0;	left: auto;}

/* Hide the actual "Right" drawer in the demo */
.snapjs-right .snap-drawer-right {	display: block;}

/* Show the "Drag" background in the demo */
/*
#content {	background: #BFC7D8 url(drag.png) center 75% no-repeat;}
*/


/* Demo toolbar styles */
/* #toolbar {  background: #536ea7;  border-bottom: 1px solid #111b32;  position: absolute;  top: 0;  right: 0;  left: 0;  width: auto;  height: 44px;} */

/*
#open-right {  background: url(open.png) center center no-repeat;  display: block;  width: 44px;  height: 44px;}
*/

/* Show the red "No Drag" box in the demo */
#no-drag {	position: absolute;	top: 50%;	left: 50%;	width: 50%;	height: 100px;	margin-left: -25%;	margin-top: -50px;	background: red;	color: #FFF;	text-align: center;	line-height: 100px;}

/* Styles for the social buttons in the demo */
.demo-social {	padding: 0 15px;}

/* Show the translucent white "Toggle" boxes in the demo */
.toggler {	width: 80%;	background: rgba(255,255,255,0.5);	margin: 0 auto;	position: relative;	top: 70px;	padding: 20px;	margin-bottom: 20px;	text-align: center;}

/* Styles for expanding "Search" input in the "Expanding" demo */
.search {	padding-bottom: 10px;	border-bottom: 1px solid rgba(0, 0, 0, 0.2);	
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);	   
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);	        
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);}

#search {	height: 30px;	width: 87%;	margin: 7px 7px 0 7px;	background: linear-gradient(#414A5A,#4C5464);	background: -webkit-linear-gradient(#414A5A,#4C5464);	padding-left: 15px;	border: 1px solid #222936;	-webkit-border-radius: 25px;	   -moz-border-radius: 25px;	        border-radius: 25px;	-webkit-box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.5),0 1px 2px -1px rgba(255, 255, 255, 0.4);	   -moz-box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.5),0 1px 2px -1px rgba(255, 255, 255, 0.4);	        box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.5),0 1px 2px -1px rgba(255, 255, 255, 0.4);}
#search:focus {	outline: none;	border-color: #151515;}

/* Styles for fading out the drawer content in the "Expanding" demo */
.drawer-inner {	-webkit-transition: opacity 0.3s ease; 	   -moz-transition: opacity 0.3s ease; 	    -ms-transition: opacity 0.3s ease; 	     -o-transition: opacity 0.3s ease; 	        transition: opacity 0.3s ease; }
.snapjs-expand-left .drawer-inner,.snapjs-expand-right .drawer-inner {	opacity: 0;}

/* Styles for the "Settings" demo */
.opt {	padding: 20px;	border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.opt p {	font-weight: bold;	margin-top: 0;	margin-bottom: 5px;	color: #222;	color: rgba(0, 0, 0, 0.6);}

/* Default demo styles */
.snap-content {  background: #fff;}

/* 
.snap-drawers {  background: #323949;}
.snap-drawer {	background: #323949;	color: #eee;}
*/

.snap-drawers {  background: #470000;}
.snap-drawer {	background: #2F2D2D;	color: #fff;}
.snap-drawer h3 {  font-size: 36px;  font-weight: normal;  margin: 15px;}
.snap-drawer h4 {  padding: 15px;  border-top: 1px solid rgba(255, 255, 255, 0.1);  margin-bottom: 0;}
.snap-drawer ul {  padding: 0;  margin: 0;  list-style-type: none;}
.snap-drawer li > a {  display: block;  border-bottom: 1px solid rgba(0,0,0, 0.1);  border-top: 1px solid rgba(255, 255, 255, 0.1);  padding: 15px;  font-weight: bold;  text-shadow: 0 1px 0 #000;  text-decoration: none;  color: #ccc;  text-indent: 20px;}
.snap-drawer li > a {color: #fff;}
.snap-drawer p {  opacity: 0.5;  padding: 15px;  font-size: 12px;}