/*
 * Style tweaks
 * --------------------------------------------------
 */

#wrapper {
	
}

#wrapper > .container {
}

.row-offcanvas-left {
}

#sidebar {
	display: none;
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (min-width: 320px) {
	
	#sidebar {
		display: block;
		background: #fff;
		min-height: 80%;
		overflow-y: auto;
		margin-top: 57px;
	}
	
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }
  
  #sidebar {
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }
  
  #sidebar.active {
    left: 0;
  }

  .sidebar-offcanvas {
  	position: absolute;
  	top: 0;
    left: -70%; /* 6 columns */
   z-index: 100;
  }

  .row-offcanvas-left.active {
    left: 0%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 70%; /* 6 columns */
  }
  
  #sidebar ul,
  #sidebar ul li {
  	list-style-type: none;
  	display: block;
  	padding: 0;
  }
  
  #sidebar ul {
  	padding: 20px 0;
  }
  
  #sidebar ul li a {
  	display: block;
  	padding: 8px 15px;
  	color: #000;
  	font-size: 13px;
  	text-transform: uppercase;
  }
  
  /* SOCIAL ICONS */
 
 div.social {
 	position: relative;
 	margin-top: 15px;
 	margin-left: 15px;
 }
 
 a.social {
 	display: block;
 	float: left;
 	width: 30px;
 	height: 30px;
 	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../../Images/mobile/social_icons.jpg);
	background-repeat: no-repeat;
	margin-right: 20px;
 }
 
 a.social:last-child {
 	margin-right: 0;
 }
 
 a.mail {background-position: 0 0;}
 a.phone {background-position: -30px 0;}
 a.twitter {background-position: -60px 0;}
 a.facebook {background-position: -90px 0;}
  
}