/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body {

}
footer {
  padding: 30px 0;
}
.sidebar-offcanvas { display:none;}


/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
	body {
		
	}

	.row-offcanvas {
		position: relative;
		-webkit-transition: all .25s ease-out;
		-o-transition: all .25s ease-out;
		transition: all .25s ease-out;
	}
  	
	.row-offcanvas-right {
		right: 0;
	}

	.row-offcanvas-left {
		left: 0;
	}

	.row-offcanvas-right .sidebar-offcanvas {
		right: -80%; /* 6 columns */
	}

	.row-offcanvas-left .sidebar-offcanvas {
		left: -80%; /* 6 columns */
	}

	.row-offcanvas-right.active {
		right: 80%; /* 6 columns */
	}

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

	.sidebar-offcanvas {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 80%; /* 6 columns */
		display: block;
		padding-left: 24px;
		padding-right: 0;
		background-color: #333333;
		min-width: 202px;
	}

	.sidebar-offcanvas .hdr {
		background-color: #232323;
		padding: 10px 15px 10px 15px;
		overflow: hidden;		
	}

	.sidebar-offcanvas .hdr a {
		color: #fff;
	}

	.sidebar-offcanvas .hdr .search {}
	.sidebar-offcanvas .hdr .search .txt {
		border: 1px solid #232323;
		padding: 4px 12px 4px 30px;
		height: 28px;
		border-radius: 5px;
	}
	.sidebar-offcanvas .hdr .search .form-control-feedback {
			left:0;
			width: 34px;
			height: 30px;
			line-height: 30px;
			font-size: 85%;
		}
	
	.sidebar-offcanvas .hdr .social { height: 32px; }
	.sidebar-offcanvas .hdr .login { color: #fff; }
	.sidebar-offcanvas .hdr .login a { display:inline-block;height: 32px;padding-top: 6px; padding-right: 2px; font-size: 1em; }

	.sidebar-offcanvas .nav a {padding-left: 40px; 
							   
							   font-size: 1.3em;color:#D61A28}

	.sidebar-offcanvas .nav > li {
		background: url(/images/arrow-right-sm.png)  28px 17px no-repeat;
	}


	.sidebar-offcanvas .nav > li > a:hover, .sidebar-offcanvas .nav > li > a:focus {
		background: url(/images/arrow-right-sm.png)  28px 17px no-repeat #000;
		outline:none;
		color: #ccc;
	}


	.sidebar-offcanvas .nav a > span {
		top:0;
		font-size: 60%;
		padding-right: 5px;
		color:#ccc;
	}

	.navbar-brand {margin-top:5px !important;height:auto !important;}
}