@import "vars.less";
// @import "../icons/variables.less";

// Login
body.login {
	.sans;

	#login {
		width: 100%;
		padding: 0;
		.va;

		&:before {
			.icoAquila;
			font-size: 150px;
			line-height: 1;
			.tac;
			width: 100%;
			position: relative;
			float: left;
			padding-top: 10px;
		}

		#login_error, .message {
		    border: none;
		    padding: 0;
		    margin-left: 0;
		    background: none;
		    .tac;
		    box-shadow: none;
		}

		h1 {

			a {
				.dNI;
			}
		}

		a {
			opacity: 0.8;
			.trans;
			text-decoration: none!important;

			&:hover, &:active, &:focus {
				opacity: 1;
			}
		}

		form {
			.box-shadow(none);
			display: flex;
			flex-direction: column;
			border: none;

			p,
			.user-pass-wrap {
				width: 320px;
				max-width: 100%;
				margin: 0 auto;
				display: flex;
				flex-direction: column;
			}

			.forgetmenot {
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;

				label {
					width: auto;
					margin: 0;
				}
			}

			#wp-submit {
				border: none;
				.box-shadow(none)!important;
				text-decoration: none;
				text-shadow: none;
				.trans;
				width: 90%;
		    margin: 5%;
		    padding: 10px 15px;
		    height: auto;
		    text-transform: uppercase;
		    font-weight: 700;
		    letter-spacing: 1px;
		    font-size: 14px;
			}

			.input, input[type=checkbox], input[type=text] {
				display: block;
				appearance: none;
				outline: 0;
				border: 1px solid fade(white, 40%);
				width: 90%;
				.border-radius(3px);
				padding: 10px 15px;
				margin: 0 auto 10px auto;
				display: block;
				.tac;
				font-size: 18px;
				.trans;
				font-weight: 400;

				&:focus{
					width: 100%;
				}

				&#aiowps-captcha-answer {
					width: auto;
				}
			}

			input[type=checkbox] {
				width: 16px;
				height: 16px;
				display: inline-block;
				line-height: 1;
				margin: 5px;

				&:focus{
					width: 16px;
				}
			}

			label {
				font-size: 14px;
				.tac;
				width: 100%;
				line-height: 1.4;
				margin: 10px auto;
			}

			&#resetpassform {
				display: flex;
				flex-direction: column;
				align-items: center;

				.user-pass1-wrap {
					width: 100%;
					max-width: 350px;
					display: inline-block;

					.wp-pwd {
						opacity: 1;

						.password-input-wrapper {
							width: 100%;
							display: flex;
							flex-direction: row;
							justify-content: space-between;
							align-items: center;
					    margin-bottom: 20px;

							input {
								display: inherit;
								margin: 0;

								&[type=text] {
									display:none;
								}
							}

							.button.button-secondary {
								margin-left: 20px;
						    padding: 20px 10px;
						    border-radius: 4px;
						    display: flex;
						    flex-direction: row;
						    align-items: center;
						    justify-content: center;
						    outline: none;
						    border: none;
						    box-shadow: none;
							}

							&.show-password {
								input {
									display: none;

									&[type=text] {
										display: block;
									}
								}
							}
						}
					}
				}
			}
		}
	}

	#backtoblog, #nav {
    font-size: 13px;
    padding: 0 24px;
    width: 320px;
    max-width: 100%;
    margin: 0 auto!important;
    .tac;
    padding: 10px 0 0 0;
	}

	#backtoblog {
    padding-bottom: 100px;
	}

	.wp-social-login-widget {
		width: 300px;
		margin: 0 auto;
		text-align: center;
	}
}

// Login auth check
.interim-login #login {
  top: 0!important;
	-webkit-transform: unset!important;
	-ms-transform: unset!important;
  transform: unset!important;
}

// Login Plugins
// Jetpack
#loginform #jetpack-sso-wrap, #loginform .jetpack-sso-clear {
	width: 320px;
  max-width: 100%;
  display: inline-block;
  margin: 0 auto;
}

// All in One WP Security
.aiowps-captcha-equation {
  text-align: center;
  font-size: 20px;
  line-height: 2;
}