@charset "utf-8";



/**

 * ********************************************************

 *

 * @author		NWN-Themes

 * @copyright	Copyright (c) NWN-Themes

 * @link		http://themeforest.net/user/NWN-Themes

 * @link		http://netwp.net/

 * @since		1.0.0

 *

 * @package     Lithe Core

 * @subpackage	Assets / CSS

 *

 * ********************************************************

 */



.clearboth:before,

.clearboth:after {

	display:table;

	content:"";

}

.clearboth:after {

	clear:both;

}

html {

	overflow-x:hidden;

	overflow-y:auto;

}

iframe html {

	overflow:hidden !important;

}

html,

body {

	height:100%;

	margin:0;

	padding:0;

}

#login {

	padding:40px 0;

	-webkit-box-sizing:border-box;

	   -moz-box-sizing:border-box;

	        box-sizing:border-box;

}

#login a,

#login .button {

	-webkit-transition:all 0.3s ease-in-out;

	   -moz-transition:all 0.3s ease-in-out;

		-ms-transition:all 0.3s ease-in-out;

		 -o-transition:all 0.3s ease-in-out;

			transition:all 0.3s ease-in-out;

}



/**

 * Default position

 */



.loginform-position-default .container-table {

	display:table;

	width:100%;

	height:100%;

}

.loginform-position-default .container-table-cell {

	display:table-cell;

	vertical-align:middle;

	padding:40px 0;

}



/**

 * Left top position

 */



.loginform-position-left-top #login {

	position:absolute;

	top:50px;

	left:50px;

	margin:0;

	padding:0;

}



/**

 * Left bottom position

 */



.loginform-position-left-bottom #login {

	position:absolute;

	bottom:50px;

	left:50px;

	margin:0;

	padding:0;

}



/**

 * Right top position

 */



.loginform-position-right-top #login {

	position:absolute;

	top:50px;

	right:50px;

	margin:0;

	padding:0;

}



/**

 * Right bottom position

 */



.loginform-position-right-bottom #login {

	position:absolute;

	bottom:50px;

	right:50px;

	margin:0;

	padding:0;

}



.login #login_error,

.login .message {

	margin-bottom:20px;

}

.login form .input,

.login input[type=text] {

	font-size:18px;

	margin:0 0 16px;

}

.login #nav,

.login #backtoblog {

	margin:20px 0 0;

	padding:0 20px;

}

.login #backtoblog {

	margin:10px 0 0;

}

iframe .login #login {

	padding-top:20px !important;

}

#login a:focus,

#login .button:focus {

	outline:none !important;

	box-shadow:none !important;

}

.login.interim-login #login {

	padding-top:20px;

}

#particles {

	position:fixed;

	top:0;

	left:0;

	width:100%;

	height:100%;

	overflow:hidden;

	z-index:-1;

}



@media screen 

and (min-width : 280px) 

and (max-width : 736px) {



	[class*="loginform-position-"] #login {

		position:relative;

		top:auto;

		right:auto;

		bottom:auto;

		left:auto;

		margin:auto;

		padding:0;

	}

	[class*="loginform-position-"] .container-table {

		display:table;

		width:100%;

		height:100%;

	}

	[class*="loginform-position-"] .container-table-cell {

		display:table-cell;

		vertical-align:middle;

		padding:40px 0;

	}



}