/**
 * login.css
 * - User login form
 * - User reset form
 */

form.user-login-form,
form.user-pass,
form.tfa-entry-form {
  display: flex;
  flex-direction: column;
  max-width: 500px;
  margin: 2rem auto 3rem 0;

  .form-item ~ .form-item {
	  margin-top: 1rem;
	}

	label {
		display: inline-block;
    margin-right: 0.5rem;
    font-weight: var(--font-weight-semibold);
	}

  input[type=text],
  input[type=password] {
  	font-size: 1.25rem;
		appearance: none;
    display: block;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    width: 100%;
    height: 45px;
    margin-top: 0.5rem;
    padding: 0.5rem 0.5rem;
    padding-left: 0.714rem;
    border: 1px solid var(--main-green);
    border-radius: 0;
    -webkit-transition: border-color 0.15s;
    -khtml-transition: border-color 0.15s;
    -moz-transition: border-color 0.15s;
    -ms-transition: border-color 0.15s;
    -o-transition: border-color 0.15s;
    transition: border-color 0.15s;
  }

  .form-actions {
  	display: flex;
    flex-direction: row;
    width: 100%;
    margin: 2rem 0 0 0;

    input[type=submit] {
	    background: var(--main-green);
	    color: white;
	    padding: 0.75rem 1.5rem;
	    font-size: 1.25rem;
	    border-radius: 8px;
	    -webkit-transition: 0.25s;
	    -khtml-transition: 0.25s;
	    -moz-transition: 0.25s;
	    -ms-transition: 0.25s;
	    -o-transition: 0.25s;
	    transition: 0.25s;
	    &:hover {
	    	transition: 0.25s;
	    	border-colour: var(--mid-green);
	    	background: var(--mid-green);
	    }
    }
  }
}