body.login {
    background-color: #000;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

body.login:after {
    background: url("../images/561-interior.jpg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    height: 100%;
    opacity: .2;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

#login {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 0;
    width: 350px;
}

.login #backtoblog a, .login #nav a {
    text-decoration: none;
    color: #fff;
}

.login h1 a {
    background-image: url('../images/logo.png');
    background-size: contain;
    height: 120px;
    margin-bottom: 0px;
    width: 350px;
}

.login #login_error,
.login .message,
.login .success {
    border-left: 4px solid #ec6a2a;
    margin-bottom: 0;
    margin-top: 20px;
}

.wp-core-ui .button-primary {
    background: #ec6a2a;
    border-color: #ec6a2a;
}

.wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary.hover,
.wp-core-ui .button-primary:focus,
.wp-core-ui .button-primary:hover {
    background: #135e96;
    border-color: #135e96;
    color: #fff
}

.wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0b2430
}

.wp-core-ui .button-primary.active,
.wp-core-ui .button-primary.active:focus,
.wp-core-ui .button-primary.active:hover,
.wp-core-ui .button-primary:active {
    background: #135e96;
    border-color: #135e96;
    box-shadow: none;
    color: #fff
}