/*
Theme Name: dt-the7-child
Author: Stephan Dittmann
Author URI: https://www.dessounds.de
Description: DRHV06_Theme ist das Theme des Dessau-Rosslauer HV 06. Es ist ein Child-Theme von dt-the7. Das Parent-Theme darf daher nicht gelöscht oder bearbeitet werden.
Version: 1.1.0
*/

/************************************** GENERAL STUFF */

:root {

    --sth-main-color-tupel: 0, 90, 167;
    --sth-main-color-dark-tupel: 0, 63, 144;
    --sth-main-accent-tupel: 239, 125, 19;

    --sth-main-color: rgb(0, 90, 167);

    --sth-main-color-dark: rgb(0, 63, 144);
    --sth-main-color-middle: rgb(0, 121, 189);
    --sth-main-color-bright: rgb(26, 176, 220);

    --sth-accent: rgb(239, 125, 19);

    --sth-special-color: rgb(239, 125, 19);
    --sth-negative: rgb(175, 3, 3);
    --sth-positive: rgb(75, 163, 16);

    --sth-white: rgb(255, 255, 255);
    --sth-grey-bright: rgb(204, 204, 204);
    --sth-grey-dark: rgb(102, 102, 102);

	--sth-secundary-font: 'Open Sans', Arial, sans-serif; 

}

/* Colors 

DRHV-Dunkelblau #003f90
DRHV-Standartblau #005aa7
DRHV-Mittelblau #0079bd
DRHV-Hellblau #1ab0dc
DRHV-Orange #ef7d13
DRHV-Rot #af0303
DRHV-Grün #4ba310
DRHV-Hellgrau #CCCCCC
DRHV-Hellgrau #666666

*/

/***************************************** Login CSS */

BODY {
    font-family: 'Roboto', Arial, sans-serif;
}

body.login {
    background: var(--sth-main-color-dark) url(../../assets/img/drhv_backgrounds/drhv_background_arena_1_blau_70.png);
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--sth-white);
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    -webkit-backdrop-filter: brightness(0.6) blur(5px);
    backdrop-filter: brightness(0.6) blur(5px);
    background-blend-mode: hard-light;
}

body.login div#login {
    width: 350px;
    padding: 0;
}

/* body.login div#login h1{} */

body.login div#login h1 a {
    background-image: url(../../assets/img/drhv06-logo-outline-drhv_blau-vector.svg);
    background-size: contain;
    height: 200px;
    width: 200px;
}

body.login #login_error {
    background-color: var(--sth-main-color-middle);
}

body.login div#login .message {
    background-color: var(--sth-main-color-middle);
    border-left: 10px solid var(--sth-accent);
}

body.login div#login form.admin-email-confirm-form P {
    color: var(--sth-main-color);
}

body.login div#login form#loginform {
    padding: 1.3rem;
    background: rgba(var(--sth-main-color-dark-tupel), .6);
    margin-top: 3rem;
    border: 1px solid rgba(175, 175, 175, 0.559);
    box-shadow: 0 1px 3px rgba(var(--sth-main-color-tupel), 0.6);
}

/* body.login div#login form#loginform p {} */

body.login div#login form#loginform label {
    font-family: "Arial";
    font-weight: 200;
}

body.login div#login form#loginform input {
    border-radius: 0;
}

body.login div#login form#loginform input#user_login,
body.login div#login form#loginform input#user_pass {
    background: transparent;
    color: white;
    font-size: inherit;
}

body.login input.password-input{
	font-family: var(--sth-secundary-font);
}

/* body.login div#login form#loginform p.forgetmenot {}
body.login div#login form#loginform p.forgetmenot input#rememberme {}
body.login div#login form#loginform p.submit {} */

body.login div#login form#loginform p.submit input#wp-submit {
    border-color: var(--sth-main-color);
    text-shadow: none;
    border-radius: 0;
}

body.login div#login form#loginform p.submit input#wp-submit:hover {
    background-color: var(--sth-accent);
}

/* body.login div#login p#nav {} */

body.login div#login p#nav a {
    color: var(--sth-white);
}

.login #backtoblog a,
.login #nav a {
    color: var(--sth-main-color-bright);
}

/* body.login div#login p#backtoblog a{} */

body.login div#login div.privacy-policy-page-link a.privacy-policy-link {
    color: var(--sth-grey-bright);
    font-size: smaller;
}

body.login div#login p#backtoblog a:hover,
body.login div#login p#nav:hover,
body.login div#login div.privacy-policy-page-link a.privacy-policy-link:hover {
    color: var(--sth-main-color-bright);
}

/* Login Language Switcher */

body.login .language-switcher {
    display: none;
}

/* Private Policy Link */

.privacy-policy-page-link .privacy-policy-link.a {
    color: var(--sth-white);
}