/* Good Vibes Horeca - loginscherm */

body.login {
    background: #0e282f;
}

.login h1 a {
    background-image: url(logo-wit.svg);
    background-size: contain;
    background-position: center;
    width: 180px;
    height: 84px;
    margin: 0 auto 28px;
}

.login h1 a:focus {
    box-shadow: 0 0 0 2px #f4ed4d;
}

.login form {
    border: 0;
    border-radius: 0;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.35);
    padding: 28px 24px 32px;
}

.login form .input,
.login input[type="text"],
.login input[type="password"],
.login form input[type="checkbox"] {
    border-radius: 0;
}

.login form .input:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login form input[type="checkbox"]:focus {
    border-color: #0e282f;
    box-shadow: 0 0 0 1px #0e282f;
}


.login.wp-core-ui .button-primary,
.login.wp-core-ui .button-primary:focus {
    background: #f4ed4d;
    border-color: #f4ed4d;
    color: #0e282f;
    border-radius: 0;
    font-weight: 600;
    text-shadow: none;
    box-shadow: none;
}

.login.wp-core-ui .button-primary:hover,
.login.wp-core-ui .button-primary:active {
    background: #e8e13a;
    border-color: #e8e13a;
    color: #0e282f;
}

.login.wp-core-ui .button-primary:focus {
    box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #f4ed4d;
}

.login.wp-core-ui .button.wp-hide-pw {
    color: #0e282f;
}

.login.wp-core-ui .button.wp-hide-pw:focus {
    border-color: #0e282f;
    box-shadow: 0 0 0 1px #0e282f;
}

.login #nav a,
.login #backtoblog a,
.login .privacy-policy-page-link a {
    color: rgba(255, 255, 255, 0.75);
}

.login #nav a:hover,
.login #backtoblog a:hover,
.login .privacy-policy-page-link a:hover,
.login #nav a:focus,
.login #backtoblog a:focus,
.login .privacy-policy-page-link a:focus {
    color: #f4ed4d;
}

.login .message,
.login .success,
.login #login_error {
    border-radius: 0;
    border-left-color: #f4ed4d;
}

.login #login_error {
    border-left-color: #d63638;
}

.login .language-switcher {
    color: rgba(255, 255, 255, 0.75);
}

.login .language-switcher label {
    color: rgba(255, 255, 255, 0.75);
}

.login .language-switcher select,
.login.wp-core-ui .language-switcher .button {
    border-radius: 0;
}

.login.wp-core-ui .language-switcher .button {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.5);
    color: #ffffff;
}

.login.wp-core-ui .language-switcher .button:hover,
.login.wp-core-ui .language-switcher .button:focus {
    background: transparent;
    border-color: #f4ed4d;
    color: #f4ed4d;
    box-shadow: none;
}

.login.wp-core-ui .button-primary {
    font-family: "Agrandir Wide", sans-serif;
    font-weight: 900;
    font-style: italic;
    font-size: 14px;
    padding: 0 16px;
}