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

body.login {
    background-color: #181819;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#login {
    min-height: calc(100vh - 100px);
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    padding: 50px 0;
}

#login h1 a, .login h1 a {
    background: url(../resources/images/temp/logo-light.svg) no-repeat center / cover;
    width: 240px;
    height: 55px;
    margin: 0 auto 25px;
    padding: 0;
    text-decoration: none;
    text-indent: -9999px;
    outline: none;
    overflow: hidden;
    display: block;
}

.login #nav a,
.login #nav a:hover,
.login #nav a:active,
.login #nav a:focus,
.login #backtoblog a,
.login #backtoblog a:hover { color: #EDECDB; outline: 0; box-shadow: none; }

.login #nav a:hover,
.login #backtoblog a:hover { text-decoration: underline; }

.login .button-primary,
.login .button-primary:hover,
.login .button-primary:focus { background-color: #181819; border-color: #181819; text-shadow: none; box-shadow: none; }