/*
Theme Name: Forensic Education Stream
Theme URI: #
Author: Gaurav Kaushik
Author URI: #
Description: Students can see their study material on this website.
Version: 0.1
*/
	




	/* ========================== GENERAL CSS - STARTS  ========================== */
		/* COMMON ELEMENTS - CSS */
			html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, big, font, img, small, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%;}
			body {line-height:normal;}
			ol, ul {list-style:none;}
			blockquote, q {quotes:none;}
			:focus {outline:0;}
			ins {text-decoration:none;}
			del {text-decoration:line-through;}
			table {border-collapse:collapse; border-spacing:0;}

			*::-moz-selection {
			    background: none repeat scroll 0 0 #24890d;
			    color: #fff;
			    text-shadow: none;
				}
			/* BODY */
			body, html{
				min-height: 100%; height: 100%;
			}
			html{
				background:#f7f7f7;
				background-size: cover;
			}
			body{
				overflow-x: hidden;
				background: #f7f7f7;
			 }
			.container{
				width: 1170px;
				padding: 0;
			}
			body, html, div, li, a, h1, h2, h3, h4, h5, h6, blockquote, input, label, fieldset, button, td, th{
				font-family: 'Roboto Slab', serif;
				font-family: 'Nunito', sans-serif;
				font-family: 'Quicksand', sans-serif;
				font-family: 'Roboto', sans-serif;
				
			}
			strong, b{
				font-weight: 700;
			}
	

	/* ========================== Login Screen ========================== */
			.frontpage_wrap{
				position: fixed;
				width: 100%; height: 100%;
				left: 0; top: 0;
				z-index: 1;
				margin: 0 0 0 0;
				padding:0 0 0 0;
				overflow-y: auto;
				background: -moz-linear-gradient(325deg, rgba(128,0,128,1) 0%, rgba(0,0,128,1) 69%, rgba(0,0,128,1) 100%); /* ff3.6+ */
				background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(128,0,128,1)), color-stop(69%, rgba(0,0,128,1)), color-stop(100%, rgba(0,0,128,1))); /* safari4+,chrome */
				background: -webkit-linear-gradient(325deg, rgba(128,0,128,1) 0%, rgba(0,0,128,1) 69%, rgba(0,0,128,1) 100%); /* safari5.1+,chrome10+ */
				background: -o-linear-gradient(325deg, rgba(128,0,128,1) 0%, rgba(0,0,128,1) 69%, rgba(0,0,128,1) 100%); /* opera 11.10+ */
				background: -ms-linear-gradient(325deg, rgba(128,0,128,1) 0%, rgba(0,0,128,1) 69%, rgba(0,0,128,1) 100%); /* ie10+ */
				background: linear-gradient(125deg, rgba(128,0,128,1) 0%, rgba(0,0,128,1) 69%, rgba(0,0,128,1) 100%); /* w3c */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800080', endColorstr='#000080',GradientType=1 ); /* ie6-9 */
			}
			.frontpage_wrap:before{
				position: absolute;
				width:100%;
				height:100%;
				background: url(images/bg.jpg) no-repeat center;
				background-size: cover;
				content:'';
				margin: 0 auto;
				z-index:-1;
				left:0; top: 0; opacity: 0.05;
			}


			.login_area_wrap{
				position: absolute;
				width:900px;
				height:640px;
				content:'';
				margin:auto;
				z-index:2;
				left:0; right:0; bottom:0; top: 0;
			}
			.login_area{
				float: left;
				width:100%;
				height:auto;
				background: #fff;
				padding: 50px 50px 60px 50px;
				margin-bottom: 25px;
			}
			.login_area a.logo{
				display: table;
				margin: 0 auto 40px auto; padding-bottom: 40px;
				position: relative;
				text-decoration: none;
			}
			.login_area a.logo:after{
				position: absolute;
				width:48px;
				height:4px;
				border-radius:3px;
				-webkit-border-radius:3px;
				background: #133d7d;
				content:'';
				margin: 0 auto;
				z-index:2;
				left:0; right:0; bottom:0;
			}
			.login_area h2{
				text-align: center;
				color:#133d7d;
				font-size: 21px;
				font-weight:800;
				margin:0 0 10px 0;
				text-transform: uppercase;
				letter-spacing: 2px;
			}
			.login_area h3{
				text-align: center;
				color:#133d7d;
				font-size: 48px;
				font-weight:300;
				margin:0 0 25px 0;
			}
			.login_area p{
				text-align: center;
				color:#133d7d;
				font-size: 18px;
				font-weight:normal;
				margin:0 0 45px 0;
			}
			.all_errors{
				float: left;
				width: 100%;
				margin: 0 0 25px 0;
				padding:25px 35px;
				border: 2px solid red;
				border-radius:3px;
				-webkit-border-radius:3px;
			}
			.all_errors .error{
				float: left;
				width: 100%;
				margin: 0 0 0 0;
			}
			.all_errors .error span.red, .all_errors .error span.black{
				float: left;
				width: 100%;
				text-align: center;
				color:red;
				font-size: 14px;
				font-weight:normal;
				padding:0 0 0 0;
				margin: 0 0 0 0;
			}
			.all_errors .error span.red{
				text-transform: uppercase;
			}
			.all_errors .error span.black{
				color: #111;
				margin-bottom: 10px;
			}
			.all_errors .error span.red.title{
				margin-bottom: 10px;
			}
			.all_errors a.logoutall{
				display: table;
				width: auto; height: 42px; line-height: 42px;
				padding: 0 25px;
				background: #f6b323;
				text-align: center;
				color:#fff;
				font-size: 14px;
				font-weight:normal;
				margin:0 auto 0 auto;
				text-decoration: none;
			}
			.loginform{
				display: table;
				width:540px;
				margin: 0 auto 0 auto;
			}
			.loginform input.remail, .loginform input.rphone{
				float: left;
				width: 100%; height: 48px;
				background: #fff; border: 2px solid #ccc;
				padding: 0 0 0 20px;
				text-align: left;
				color:#444;
				font-size: 16px;
				font-weight:normal;
				margin:0 0 20px 0;
				border-radius:4px;
				-webkit-border-radius:4px;
			}
			.loginform input[type="password"]{
				float: left;
				width: 100%; height: 48px;
				background: #fff; border: 2px solid #ccc;
				padding: 0 0 0 20px;
				text-align: left;
				color:#444;
				font-size: 16px;
				font-weight:normal;
				margin:0 0 20px 0;
				border-radius:4px;
				-webkit-border-radius:4px;
			}
			.loginform input[type="submit"]{
				display: table;
				margin: 0 auto 0 auto;
				background: #e23232; border: none; border-bottom: 5px solid #bd1e1e;
				width: 240px; height: 60px;
				cursor: pointer;
				text-align: center;
				color:#fff;
				font-size: 16px;
				font-weight:bold;
				text-transform: uppercase;
				letter-spacing: 1px;
				margin:0 auto 0 auto;
				border-radius:33px;
				-webkit-border-radius:33px;
			}
			.login_area_wrap h5{
				text-align: center;
				color:#fff;
				font-size: 16px;
				font-weight:normal;
				margin:0 0 0 0;
			}
			.login_area_wrap h5 a{
				text-decoration: underline;
			}
			.logoutform .error{
				float: left;
				width: 100%;
				margin: -8px 0 20px 0;
				padding:0 0 0 0;
				color: red;
			}
	




	/* ========================== Page #2 - CSS ========================== */

		/* ******** SEP ********  */
			.course_page_wrap{
				float: left;
				width: 100%; height: 100%;
				position: relative;
				margin: 0 0 0 0;
				padding:0 0 0 0;
				background: #f7f7f7;
			}

		/* ******** SEP ********  */
			.sidebar{
				position: fixed;
				width:20%; height: 100%;
				left: 0; top: 0;
				background: #133d7d;
				box-shadow:0 0 55px rgba(0,0,0,0.15);
				-webkit-box-shadow:0 0 55px rgba(0,0,0,0.15); 
				z-index: 999;
				padding: 40px;
			}
			.sidebar a.logo{
				float: left;
				margin: 0 0 0 0;
				text-decoration: none;
			}

			.sidebar .menuicon{
				display: none;
			}
			.sidebar .menuicon-close{
				display: none;
			}

			nav.sidenav{
				float: left;
				width: 100%;
				margin: 100px 0 0 0;
				padding:0 0 0 0;
			}
			nav.sidenav ul{
				float: left;
				width: 100%;
			}
			nav.sidenav ul li{
				text-align: left;
				color:#fff;
				font-size: 18px;
				font-weight:300;
				margin:0 0 25px 0;
				padding-bottom: 25px;
				border-bottom: 1px solid rgba(255,255,255,0.07);
			}
			nav.sidenav ul li:last-child{
				border-bottom: none;
			}
			nav.sidenav ul li a{
				color: #fff;
				text-decoration: none;
			}
			nav.sidenav ul li a span{
				color:rgba(255,255,255,0.5);
				font-size: 14px;
			}

			.contact{
				position: absolute;
				bottom:20px;
			}
			.contact p{
				text-align: left;
				color:rgba(255,255,255,0.7);
				font-size: 18px;
				font-weight:300;
				margin:0 0 16px 0;
			}
			.contact p span{
				margin-right: 6px;
				color: #fff;
			}
		

		/* ******** SEP ********  */
			.course_content_wrap{
				float: right;
				width: 80%;
				margin: 0 0 0 0;
				padding:60px;
			}

			.ginfo{
				float: left;
				width: 100%;
				margin: 0 0 30px 0;
				padding:0 0 0 0;
			}
			.ginfo p{
				text-align: left;
				color:#111;
				font-size: 14px;
				font-weight:bold;
				margin:0 0 8px 0;
			}
			.ginfo ul{

			}
			.ginfo ul li{
				text-align: left;
				color:#666;
				font-size: 13px; line-height: 16px;
				font-weight:normal;
				margin:0 0 8px 0;
				position: relative;
				padding-left: 25px;
			}
			.ginfo ul li:before{
				position: absolute;
				width: 16px; height: 16px;
				left: 0; top: 0;
				content: '-';
			}


			.userbar{
				float: left;
				width: 100%;
				margin: 0 0 0 0;
				padding:10px 10px 10px 40px;
				background: #e23232;
				border: 1px solid #ca2626;
				border-radius:3px;
				-webkit-border-radius:3px;
				box-shadow:3px 3px 2px rgba(0,0,0,0.05);
				-webkit-box-shadow:3px 3px 2px rgba(0,0,0,0.05);
			}
			.userbar h4{
				float: left;
				text-align: left;
				color:#fff;
				font-size: 16px; line-height: 36px;
				font-weight:600;
				letter-spacing: 1px;
				margin:0 0 0 0;
				text-transform: capitalize;
			}
			.userbar form{
				float: right;
			}
			.userbar button{
				float: right;
				text-align: left;
				color:rgba(255,255,255,1);
				font-size: 14px; line-height: 36px;
				font-weight:400;
				text-decoration: none;
				margin:0 0 0 0;
				text-transform: capitalize;
				padding: 0 20px;
				background: #133d7d; border: none; cursor: pointer;
				border-radius:4px;
				-webkit-border-radius:4px;
				transition:0.5s;
				-webkit-transition:0.5s;
			}
			.userbar button:hover{
				background: #1a4e9e;
			}

			.course_content_spec{
				float: left;
				width: 100%;
				margin: 40px 0 0 0;
				padding:0 0 0 0;
			}
			
			.course_content{
				float: left;
				width: 72%;
				background: #fff;
				border-radius:3px;
				-webkit-border-radius:3px;
				box-shadow:0 0 55px rgba(0,0,0,0.15);
				-webkit-box-shadow:0 0 55px rgba(0,0,0,0.15);
				padding: 40px;
			}

			.course_content h2{
				text-align: left;
				color:#113265;
				font-size: 36px;
				font-weight:normal;
				margin:0 0 25px 0;
				padding-bottom: 25px;
				border-bottom: 1px solid #eee;
			}
			.course_content h3{
				text-align: left;
				color:#113265;
				font-size: 30px;
				font-weight:normal;
				margin:0 0 20px 0;
			}
			.course_content h4{
				text-align: left;
				color:#113265;
				font-size: 24px;
				font-weight:normal;
				margin:0 0 20px 0;
			}
			.course_content p{
				text-align: left;
				color:#666;
				font-size: 16px; line-height: 30px;
				font-weight:normal;
				margin:0 0 20px 0;
			}
			.course_content ul{
				list-style: disc;
				padding: 0 0 0 18px;
			}
			.course_content ol{
				list-style: decimal;
				padding: 0 0 0 18px;
			}
			.course_content li{
				text-align: left;
				color:#666;
				font-size: 16px; line-height: 30px;
				font-weight:normal;
				margin:0 0 10px 0;
			}

			.course_content_sidebar{
				float: right;
				width:25%;
				background: #fff;
				padding: 30px 30px;
				border-radius:3px;
				-webkit-border-radius:3px;
			}
			.course_content_sidebar h2{
				text-align: left;
				color:#444;
				font-size: 19px;
				font-weight:600;
				margin:0 0 35px 0;
	
			}
			.course_content_sidebar ul{

			}
			.course_content_sidebar ul li{
				text-align: left;
				color:#666;
				font-size: 16px;
				font-weight:normal;
				margin:0 0 16px 0;
				padding-bottom: 16px;
				border-bottom: 1px solid #eee;
			}
			.course_content_sidebar ul li:last-child{
				border-bottom: none;
			}
			.course_content_sidebar ul li span.shortsize{
				color: #e23232; 
				font-size: 11px; 
				text-transform: uppercase;
				font-weight: 500;
			}
			.course_content_sidebar ul li input{
				width: 100%; float: left; margin-bottom: 10px;
				background: none; border: none; color: #16px;
			}
			.course_content_sidebar ul li button{
				float: left;
				width: 160px; height: 42px;
				background: #3bb678; color: #fff; border: none;
				text-align: center; font-size: 16px;
				border-radius:3px;
				-webkit-border-radius:3px; cursor: pointer;
			}
			

			footer{
				float: left;
				width: 100%;
				margin: 30px 0 0 0;
				padding:30px 0;
			}
			.copyright{
				text-align: center;
				color:#666;
				font-size: 16px;
				font-weight:normal;
				margin:0 0 0 0;
			}



	/* ========================== EXTRA - CSS ========================== */
		/* ******** #1 FORM ********  */
			.post-password-form{
				width: 0; height: 0; visibility: hidden;
			}
			.fnav-item.cmdSave{
				display: none !important;
			}
			.blah_bookload{
				float: left;
				width: 100%;
				margin: 0 0 0 0;
				padding:0 0 0 0;
			}
			.blah_bookload img{
				display: table;
				width: auto; height: auto;
				margin: 0 auto 0 auto;
			}
			.blah_bookcontent{
				float: left;
				width: 100%;
				margin: 0 0 0 0;
				padding:0 0 0 0;
				display: none;
			}