1/*! This file is auto-generated */
  2html,
  3body {
  4	height: 100%;
  5	margin: 0;
  6	padding: 0;
  7}
  8
  9body {
 10	background: #f0f0f1;
 11	min-width: 0;
 12	color: #3c434a;
 13	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 14	font-size: 13px;
 15	line-height: 1.4;
 16}
 17
 18a {
 19	color: #2271b1;
 20	transition-property: border, background, color;
 21	transition-duration: .05s;
 22	transition-timing-function: ease-in-out;
 23}
 24
 25a {
 26	outline: 0;
 27}
 28
 29a:hover,
 30a:active {
 31	color: #135e96;
 32}
 33
 34a:focus {
 35	color: #043959;
 36	box-shadow: 0 0 0 2px #2271b1;
 37	/* Only visible in Windows High Contrast mode */
 38	outline: 2px solid transparent;
 39}
 40
 41p {
 42	line-height: 1.5;
 43}
 44
 45.login .message,
 46.login .notice,
 47.login .success {
 48	border-right: 4px solid #72aee6;
 49	padding: 12px;
 50	margin-right: 0;
 51	margin-bottom: 20px;
 52	background-color: #fff;
 53	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
 54	word-wrap: break-word;
 55}
 56
 57.login .success {
 58	border-right-color: #00a32a;
 59}
 60
 61/* Match border color from common.css */
 62.login .notice-error {
 63	border-right-color: #d63638;
 64}
 65
 66.login .login-error-list {
 67	list-style: none;
 68}
 69
 70.login .login-error-list li + li {
 71	margin-top: 4px;
 72}
 73
 74#loginform p.submit,
 75.login-action-lostpassword p.submit {
 76	border: none;
 77	margin: -10px 0 20px; /* May want to revisit this */
 78}
 79
 80.login * {
 81	margin: 0;
 82	padding: 0;
 83}
 84
 85.login .input::-ms-clear {
 86	display: none;
 87}
 88
 89.login .pw-weak {
 90	margin-bottom: 15px;
 91}
 92
 93.login .button.wp-hide-pw {
 94	background: transparent;
 95	border: 1px solid transparent;
 96	box-shadow: none;
 97	font-size: 14px;
 98	line-height: 2;
 99	width: 2.5rem;
100	height: 2.5rem;
101	min-width: 40px;
102	min-height: 40px;
103	margin: 0;
104	padding: 5px 9px;
105	position: absolute;
106	left: 0;
107	top: 0;
108}
109
110.login .button.wp-hide-pw:hover {
111	background: transparent;
112}
113
114.login .button.wp-hide-pw:focus {
115	background: transparent;
116	border-color: #3582c4;
117	box-shadow: 0 0 0 1px #3582c4;
118	/* Only visible in Windows High Contrast mode */
119	outline: 2px solid transparent;
120}
121
122.login .button.wp-hide-pw:active {
123	background: transparent;
124	box-shadow: none;
125	transform: none;
126}
127
128.login .button.wp-hide-pw .dashicons {
129	width: 1.25rem;
130	height: 1.25rem;
131	top: 0.25rem;
132}
133
134.login .wp-pwd {
135	position: relative;
136}
137
138.no-js .hide-if-no-js {
139	display: none;
140}
141
142.login form {
143	margin: 24px 0;
144	padding: 26px 24px;
145	font-weight: 400;
146	overflow: hidden;
147	background: #fff;
148	border: 1px solid #c3c4c7;
149	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
150}
151
152.login form.shake {
153	animation: shake 0.2s cubic-bezier(.19,.49,.38,.79) both;
154	animation-iteration-count: 3;
155	transform: translateX(0);
156}
157
158@keyframes shake {
159	25% {
160		transform: translateX(20px);
161	}
162	75% {
163		transform: translateX(-20px);
164	}
165	100% {
166		transform: translateX(0);
167	}
168}
169
170@media (prefers-reduced-motion: reduce) {
171	.login form.shake {
172		animation: none;
173		transform: none;
174	}
175}
176
177.login-action-confirm_admin_email #login {
178	width: 60vw;
179	max-width: 650px;
180	margin-top: -2vh;
181}
182
183@media screen and (max-width: 782px) {
184	.login-action-confirm_admin_email #login {
185		box-sizing: border-box;
186		margin-top: 0;
187		padding-right: 4vw;
188		padding-left: 4vw;
189		width: 100vw;
190	}
191}
192
193.login form .forgetmenot {
194	font-weight: 400;
195	float: right;
196	margin-bottom: 0;
197}
198
199.login .button-primary {
200	float: left;
201}
202
203.login .reset-pass-submit {
204	display: flex;
205	flex-flow: row wrap;
206	justify-content: space-between;
207}
208
209.login .reset-pass-submit .button {
210	display: inline-block;
211	float: none;
212	margin-bottom: 6px;
213}
214
215.login .admin-email-confirm-form .submit {
216	text-align: center;
217}
218
219.admin-email__later {
220	text-align: right;
221}
222
223.login form p.admin-email__details {
224	margin: 1.1em 0;
225}
226
227.login .admin-email__heading {
228	border-bottom: 1px #f0f0f1 solid;
229	color: #50575e;
230	font-weight: normal;
231	padding-bottom: 0.5em;
232	text-align: right;
233}
234
235.admin-email__actions div {
236	padding-top: 1.5em;
237}
238
239.login .admin-email__actions .button-primary {
240	float: none;
241	margin-right: 0.25em;
242	margin-left: 0.25em;
243}
244
245#login form p {
246	margin-bottom: 0;
247}
248
249#login form .indicator-hint,
250#login #reg_passmail {
251	margin-bottom: 16px;
252}
253
254#login form p.submit {
255	margin: 0;
256	padding: 0;
257}
258
259.login label {
260	font-size: 14px;
261	line-height: 1.5;
262	display: inline-block;
263	margin-bottom: 3px;
264}
265
266.login .forgetmenot label,
267.login .pw-weak label {
268	line-height: 1.5;
269	vertical-align: baseline;
270}
271
272.login h1 {
273	text-align: center;
274}
275
276.login h1 a {
277	background-image: url(../images/w-logo-blue.png?ver=20131202);
278	background-image: none, url(../images/wordpress-logo.svg?ver=20131107);
279	background-size: 84px;
280	background-position: center top;
281	background-repeat: no-repeat;
282	color: #3c434a;
283	height: 84px;
284	font-size: 20px;
285	font-weight: 400;
286	line-height: 1.3;
287	margin: 0 auto 24px;
288	padding: 0;
289	text-decoration: none;
290	width: 84px;
291	text-indent: -9999px;
292	outline: none;
293	overflow: hidden;
294	display: block;
295}
296
297#login {
298	width: 320px;
299	padding: 5% 0 0;
300	margin: auto;
301}
302
303.login #nav,
304.login #backtoblog {
305	font-size: 13px;
306	padding: 0 24px;
307}
308
309.login #nav {
310	margin: 24px 0 0;
311}
312
313#backtoblog {
314	margin: 16px 0;
315	word-wrap: break-word;
316}
317
318.login #nav a,
319.login #backtoblog a {
320	text-decoration: none;
321	color: #50575e;
322}
323
324.login #nav a:hover,
325.login #backtoblog a:hover,
326.login h1 a:hover {
327	color: #135e96;
328}
329
330.login #nav a:focus,
331.login #backtoblog a:focus,
332.login h1 a:focus {
333	color: #043959;
334}
335
336.login .privacy-policy-page-link {
337	text-align: center;
338	width: 100%;
339	margin: 3em 0 2em;
340}
341
342.login form .input,
343.login input[type="text"],
344.login input[type="password"] {
345	font-size: 24px;
346	line-height: 1.33333333; /* 32px */
347	width: 100%;
348	border-width: 0.0625rem;
349	padding: 0.1875rem 0.3125rem; /* 3px 5px */
350	margin: 0 0 16px 6px;
351	min-height: 40px;
352	max-height: none;
353}
354
355.login input.password-input {
356	font-family: Consolas, Monaco, monospace;
357}
358
359.js.login input.password-input {
360	padding-left: 2.5rem;
361}
362
363.login form .input,
364.login input[type="text"],
365.login form input[type="checkbox"] {
366	background: #fff;
367}
368
369.js.login-action-resetpass input[type="text"],
370.js.login-action-resetpass input[type="password"],
371.js.login-action-rp input[type="text"],
372.js.login-action-rp input[type="password"] {
373	margin-bottom: 0;
374}
375
376.login #pass-strength-result {
377	font-weight: 600;
378	margin: -1px 0 16px 5px;
379	padding: 6px 5px;
380	text-align: center;
381	width: 100%;
382}
383
384body.interim-login {
385	height: auto;
386}
387
388.interim-login #login {
389	padding: 0;
390	margin: 5px auto 20px;
391}
392
393.interim-login.login h1 a {
394	width: auto;
395}
396
397.interim-login #login_error,
398.interim-login.login .message {
399	margin: 0 0 16px;
400}
401
402.interim-login.login form {
403	margin: 0;
404}
405
406/* Hide visually but not from screen readers */
407.screen-reader-text,
408.screen-reader-text span {
409	border: 0;
410	clip-path: inset(50%);
411	height: 1px;
412	margin: -1px;
413	overflow: hidden;
414	padding: 0;
415	position: absolute;
416	width: 1px;
417	word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
418}
419
420/* Hide the Edge "reveal password" native button */
421input::-ms-reveal {
422	display: none;
423}
424
425#language-switcher {
426	padding: 0;
427	overflow: visible;
428	background: none;
429	border: none;
430	box-shadow: none;
431}
432
433#language-switcher select {
434	margin-left: 0.25em;
435}
436
437.language-switcher {
438	margin: 0 auto;
439	padding: 0 0 24px;
440	text-align: center;
441}
442
443.language-switcher label {
444	margin-left: 0.25em;
445}
446
447.language-switcher label .dashicons {
448	width: auto;
449	height: auto;
450}
451
452.login .language-switcher .button {
453	margin-bottom: 0;
454}
455
456@media screen and (max-height: 550px) {
457	#login {
458		padding: 20px 0;
459	}
460
461	#language-switcher {
462		margin-top: 0;
463	}
464}
465
466
467@media screen and (max-width: 782px) {
468	.interim-login input[type=checkbox] {
469		width: 1rem;
470		height: 1rem;
471	}
472
473	.interim-login input[type=checkbox]:checked:before {
474		width: 1.3125rem;
475		height: 1.3125rem;
476		margin: -0.1875rem -0.25rem 0 0;
477	}
478
479	#language-switcher label,
480	#language-switcher select {
481		margin-left: 0;
482	}
483}
484
485@media screen and (max-width: 400px) {
486	.login .language-switcher .button {
487		display: block;
488		margin: 5px auto 0;
489	}
490}
491