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

.login { position: relative; background: #1a1a1a; }
.login > * { position: relative; z-index: 10; }

.login h1 a { background: url(../resources/images/logo.png) no-repeat 0 0; background-position: center; background-size: contain; width: 100%; }
.login form { border: none; border-radius: 5px; background: #fff; color: #000; }
.wp-core-ui .button-primary { border: none; border-radius: 0; background: #D11112; color: #fff; font-size: 14px; line-height: 1; font-weight: 700; box-shadow: none; text-shadow: none; text-transform: uppercase; transition: background .3s, color .3s; }
.wp-core-ui .button.button-large { min-height: auto; padding: 10px 15px; line-height: 1; }
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:active,
.wp-core-ui .button-primary:focus { border: 1px solid #D11112; padding: 9px 14px; background: #fff; color: #D11112; box-shadow: none; transform: none; }

.login form .input,
.login input[type=password],
.login input[type=text] { border: 2px solid #d4d7db; border-radius: 0; background-color: #fff; color: #2d2a26; }
.login input:focus { border-color: #D11112; box-shadow: 0 0 2px #D11112; outline: none; }

.login label { vertical-align: middle; margin-bottom: 0; }

.login a { transition: color .3s; }
.login #backtoblog a,
.login #nav a { color: #fff; }

a:active,
a:hover,
.login #backtoblog a:hover,
.login #nav a:hover { color: #D11112; }