/**
 * Login Styles für Tag der Schiene
 * Pfade und Schriftgrößen werden über :root von PHP gesteuert
 */

@font-face {
    font-family: 'FuturaPTBold';
    src: url('../webfonts/FuturaPTBold/font.woff2') format('woff2');
    font-weight: bold;
}

@font-face {
    font-family: 'FuturaPTBook';
    src: url('../webfonts/FuturaPTBook/font.woff2') format('woff2');
    font-weight: normal;
}

body.login {
    background-color: #f7f0e9;
    font-family: 'FuturaPTBook', sans-serif;
}

#login {
    width: 400px;
}

/* Das Logo wird über die PHP-Variable --login-logo gesetzt */
#login h1 a {
    background-image: var(--login-logo);
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 100px;
}

.login form {
    margin: 24px 0;
    padding: 26px 24px;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

.login .message, 
.login .notice, 
.login .success {
    border-left: none !important;
    text-align: center;
}

/* Schriftgröße wird über --login-font-size gesteuert */
p, 
#backtoblog a, 
#nav a, 
.login label, 
.login .forgetmenot label {
    font-family: 'FuturaPTBook', sans-serif;
    font-size: var(--login-font-size, 16px) !important;
    color: #002148 !important;
}

.login label {
    text-transform: uppercase;
}

input#user_login, 
input#user_pass {
    border-radius: 50px;
    padding: 5px 15px;
    border: 1px solid #002148 !important;
    margin-top: 5px;
    font-size: var(--login-font-size, 16px);
}

.wp-core-ui #login .button-primary {
    background-color: #00a99d;
    border-color: #00a99d;
    border-radius: 93px;
    text-shadow: none;
    box-shadow: none;
    text-transform: uppercase;
    padding: 0 30px;
    font-size: var(--login-font-size, 16px);
    width: 100%;
    height: auto;
    line-height: 2;
}

.wp-core-ui #login .button-primary:hover {
    background-color: #002148;
    border-color: #002148;
}

.language-switcher, 
.privacy-policy-page-link {
    display: none;
}