/* ---------------------------- */
/* WordPress Login Page */
/* ---------------------------- */

.login #login {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: auto;
    min-height: 70vh;
    max-width: var(--wi-container-max-width);
    background-color: var(--e-global-color-secondary);
    padding: calc(var(--wi-container-padding) * 2) var(--wi-container-padding) var(--wi-sections-margin-bottom) var(--wi-container-padding);
    margin: 0 auto;
}

.interim-login #login {
    min-height: 100vh;
}

.login #login input[type="submit"],
.login .language-switcher input[type="submit"] {
    padding: var(--wi-button-padding);
    line-height: var(--wi-paragraph-line-height);
    transition: var(--wi-transition-all);
}

.login #login input[type="submit"]:focus,
.login #login input[type="submit"]:hover,
.login .language-switcher input[type="submit"]:focus,
.login .language-switcher input[type="submit"]:hover {
    box-shadow: none;
}

.login .wp-login-logo {
    padding: 0;
    margin: 0 0 calc(var(--wi-container-padding) * 2) 0;
}

.login .wp-login-logo a {
    margin: 0;
}

.login .notice,
.login .message,
.interim-login.login .notice,
.interim-login.login .message {
    background: var(--wi-container-background-color);
    border-radius: var(--wi-border-radius);
    margin: 0 0 calc(var(--wi-container-padding) * 2) 0;
}

.login form {
    width: auto;
    max-width: 350px;
    background: var(--wi-container-background-color);
    border: none;
    border-radius: var(--wi-border-radius);
    margin: var(--wi-sections-margin);
    padding: calc(var(--wi-container-padding) * 2);
}

.login form#loginform input:not([type="button"]):not([type="submit"]) {
    background-color: var(--wi-white-color);
    border: none;
    border-radius: var(--wi-border-radius);
}

#login #nav,
#login #backtoblog,
#login .privacy-policy-page-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: var(--wi-container-background-color);
    border: none;
    margin: 0;
    width: 100%;
    max-width: 350px;
}

#login #nav {
    border-radius: var(--wi-border-radius) var(--wi-border-radius) 0 0;
    padding: calc(var(--wi-container-padding) * 2) calc(var(--wi-container-padding) * 2) var(--wi-container-padding) calc(var(--wi-container-padding) * 2);
}

#login #backtoblog,
#login .privacy-policy-page-link {
    padding: var(--wi-container-padding) calc(var(--wi-container-padding) * 2);
}

#login .privacy-policy-page-link {
    border-radius: 0 0 var(--wi-border-radius) var(--wi-border-radius);
    padding: var(--wi-container-padding) calc(var(--wi-container-padding) * 2) calc(var(--wi-container-padding) * 2) calc(var(--wi-container-padding) * 2);
}

#login #nav a,
#login #backtoblog a,
#login .privacy-policy-page-link a {
    color: var(--e-global-color-primary);
    transition: color var(--wi-transition);
}

#login #nav a:hover,
#login #backtoblog a:hover,
#login .privacy-policy-page-link a:hover {
    color: var(--e-global-color-accent);
}

.login .language-switcher {
    background-color: var(--e-global-color-secondary);
    padding: 0 var(--wi-container-padding) calc(var(--wi-container-padding) * 2) var(--wi-container-padding);
    margin: 0 auto;
    width: auto;
    min-height: 30vh;
    max-width: var(--wi-container-max-width);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.login .language-switcher form#language-switcher {
    display: flex;
    flex-direction: row;
    vertical-align: middle;
    align-items: stretch;
    justify-content: space-between;
    background: var(--wi-container-background-color);
    border: none;
    border-radius: var(--wi-border-radius);
    margin: 0;
    padding: calc(var(--wi-container-padding) * 2);
    width: 100%;
    max-width: 350px;
}

.login .language-switcher form#language-switcher label {
    display: flex;
    align-items: center;
}

.login .language-switcher form#language-switcher #language-switcher-locales {
    color: var(--e-global-color-text);
    transition: var(--wi-transition-all);
}

.login .language-switcher form#language-switcher #language-switcher-locales:hover {
    color: var(--e-global-color-accent);
}