/*
Description: Customized Login page
Author: Aleksandar Urosevic
Url: www.2buy1click.com
Version: 1.14.07.22

ChangeLog:
* 1.14.09.16 reuse Monocolumn NoH NoF Trans template for login page
* 1.14.07.22 Add expired session exceptions
* 1.14.06.24 Finished /login/ and wp-login.php styling synchronization, added support for other native login forms button style
* 1.14.06.19 Sync /login/ and wp-login.php
* 1.14.06.04 Initial Release
*/

html {font-size: 14px;}

/* Login Page Template */
div#login {
	position: relative;
	z-index: 1;
}

div#login h1 {
	background:#fff;
	padding-bottom: 0;
	padding: 30px 15px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
div#login h1 a {
	background-image: url(/wp-content/themes/sft/images/header-logo@2x.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 100%;
	height: 42px;
	margin-bottom: 0px;
}

div#login p {
	text-align: left;
	font-size: 0.9286rem;
	line-height: normal;
}
.login-action-resetpass div#login p.reset-pass {padding-bottom:50px;}
div#login form {
	background: #fff;
	margin-top: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	position: relative;
	overflow: visible;
	padding-top: 15px;
	padding-bottom: 100px;
}

div#login form#loginform p {}
div#login form#loginform p label {
	color: #333;
	font-size: 1rem;
	text-align: left!important;
}
div#login form input { line-height: normal; }
div#login form#loginform input#user_login {}
div#login form#loginform input#user_pass {}
div#login form#loginform p.forgetmenot {position: relative; top: 10px;}
div#login form#loginform p.forgetmenot input#rememberme {}
div#login form#loginform p.submit {float: right;}
div#login form#loginform p.submit input#wp-submit,
div#login form#lostpasswordform p.submit input#wp-submit,
div#login form#resetpassform p.submit input#wp-submit,
div#login form#registerform p.submit input#wp-submit {
	-webkit-transition-timing-function: cubic-bezier(.5,.01,0,1.04);
	-moz-transition-timing-function: cubic-bezier(.36,0,.22,.99);
	transition-timing-function: cubic-bezier(.81,.09,0,1);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-property: opacity, background-color, color, bottom;
	-moz-transition-property: opacity, background-color, color, bottom;
	transition-property: opacity, background-color, color, bottom;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	transition-delay: 0s;
	display: inline-block;
	vertical-align: top;
	border-radius: 5px;
	-moz-border-radius: 5px;
	top:0!important;
	color: #fff;
	box-shadow:none;
	padding:8px 17px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.19);
	text-decoration: none;
	line-height: normal;
	font-size: 1rem!important;
	font-weight: 600;
	outline: none;
	-webkit-appearance: none;
	background-color: #ff6633;
	border: 1px solid #e55728;
	height: auto;
}
div#login form#loginform p.submit input#wp-submit:hover,
div#login form#lostpasswordform p.submit input#wp-submit:hover,
div#login form#resetpassform p.submit input#wp-submit:hover,
div#login form#registerform p.submit input#wp-submit:hover {
	background-color: #da4a1b;
	text-decoration: none;
	color: #fff;
}
div#login p#nav {
	float: right;
	padding-left: 0px;
	margin: 0px !important;
	top: -40px;
	position: relative;
}
div#login p#backtoblog {
	margin: 0px !important;
	float: left;
	padding-right: 0px;
	position: relative;
	top: -40px;
}
div#login p#nav a,
div#login p#backtoblog a {
	text-decoration: none;
	color: #333;
	-webkit-transition-property: border,background,color;
	-moz-transition-property: border,background,color;
	transition-property: border,background,color;
	-webkit-transition-duration: .05s;
	-moz-transition-duration: .05s;
	transition-duration: .05s;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}
div#login p#nav a:hover,
div#login p#backtoblog a:hover {
	color: #f63!important;
}

.login #login_error, .login .message {
	padding: 12px 24px;
	padding-bottom:20px!important;
	margin-bottom: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.login .message {border-left: 0; padding-bottom: 0;}
.interim-login #login_error, .interim-login.login .message {margin-bottom: 0;}