/* ------------------------------------------------------------ *\
	Login
\* ------------------------------------------------------------ */

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Prata&display=swap');

.login #login_error { color: #12325a; }

.login { font-family: 'Lato', sans-serif; color: #fff; background: #fff no-repeat center center; background-size: contain; }

.login h1 { transform: translateY(40px); }
.login h1 a { width: 250px; height: 160px; max-width: 100%; background: url('../dist/images/logo-fixed.png') no-repeat 0 0; background-size: contain; }
.login form { border-radius: 4px; box-shadow: 4px 4px 4px rgba(0,0,0,.2); padding: 32px 24px; border: 1px solid #003768; background: #003768; }
#login form p.submit { margin-top: 40px; }
#login form label { font-family: 'Prata', serif; font-weight: 500; letter-spacing: .1em; }
.wp-core-ui .button-primary { display: block; min-width: 170px; float: none; border: 1px solid #24b34b; border-radius: 0; margin-left: auto; background: #24b34b; color: #fff; box-shadow: none; text-shadow: none; transition: background .3s, border .3s; text-transform: uppercase; letter-spacing: .012em; font-weight: 600; }
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:active,
.wp-core-ui .button-primary:focus { border-color: #24b34b; background: transparent; color: #24b34b; box-shadow: none; transform: none; }

form#loginform input[type=checkbox]:focus, form#loginform input[type=color]:focus, form#loginform input[type=date]:focus, form#loginform input[type=datetime-local]:focus, form#loginform input[type=datetime]:focus, form#loginform input[type=email]:focus, form#loginform input[type=month]:focus, form#loginform input[type=number]:focus, form#loginform input[type=password]:focus, form#loginform input[type=radio]:focus, form#loginform input[type=search]:focus, form#loginform input[type=tel]:focus, form#loginform input[type=text]:focus, form#loginform input[type=time]:focus, form#loginform input[type=url]:focus, form#loginform input[type=week]:focus, form#loginform select:focus, form#loginform textarea:focus { border-color: #0794d9; box-shadow: none; }

.login form .forgetmenot { float: none; }

.login a { transition: color .3s; }
.login #backtoblog a,
.login #nav a,
.login .privacy-policy-link { color: #003768; }

a:active,
a:hover,
.login #backtoblog a:hover,
.login #nav a:hover,
.login .privacy-policy-link:hover { color: #1d252c; }