.login { 
    font-family: "Raleway", "Helvetica Neue", Helvetica, sans-serif;
    background: #808080; 
}

.login label { color: #F8F8F8; padding: 0 0 5px 0; }

.login h1 {
    padding: 10px;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.login .button.wp-hide-pw:focus {
    background: 0 0;
    border-color: #333;
    box-shadow: 0 0 0 1px #333;
    outline: 2px solid transparent;
}

.login .button.wp-hide-pw { top: 1px; min-height: 42px; color: #333; }

.login #backtoblog a, .login #nav a { color: #F8F8F8; }

a:focus,
.login #backtoblog a:focus, 
.login #nav a:focus { 
    box-shadow: 0 0 0 1px #c0c0c0, 0 0 2px 1px rgb(192,192,192);
    color: #ffffff; 
}

.login h1 a:focus  { 
    box-shadow: none;
}

.privacy-policy-page-link a { color: #b00c15; }

.language-switcher label .dashicons { color: #F8F8F8; }

.login #login_error, 
.login .message, 
.login .success { border-left: 4px solid #333333; }

.login #backtoblog a:hover, 
.login #nav a:hover, 
.login h1 a:hover { color: #F8F8F8; }

input[type="checkbox"]:focus, 
input[type="color"]:focus,
input[type="date"]:focus, 
input[type="datetime-local"]:focus, 
input[type="datetime"]:focus, 
input[type="email"]:focus, input[type="month"]:focus, 
input[type="number"]:focus, input[type="password"]:focus, 
input[type="radio"]:focus, input[type="search"]:focus, 
input[type="tel"]:focus, input[type="text"]:focus, 
input[type="time"]:focus, input[type="url"]:focus, 
input[type="week"]:focus, select:focus, 
textarea:focus {
    border-color: #333;
    box-shadow: none;
    outline: none;
}

input[type="checkbox"], 
input[type="radio"] {

    border: 1px solid #333;
    border-radius: 0;
}
input[type="checkbox"]:checked::before {

    height: 1.25rem;
    width: 1.25rem;
    /* filter: saturate(0%); */
    /* filter: contrast(200%) saturate(0%);  */
    filter: brightness(90%) contrast(200%) saturate(0%);
    /* filter: invert(20%) sepia(0%) saturate(3601%) hue-rotate(320deg) brightness(95%) contrast(98%); */
    /* filter: invert(46%) sepia(74%) saturate(460%) hue-rotate(6deg) brightness(95%) contrast(94%); */

}
.login form .input, .login input[type="password"], .login input[type="text"] {

    font-size: 1rem;
    border: 2px solid #333;
    border-radius: 5px;
    padding: 10px;
    transition: outline-color .25s ease-in-out;

}

.login form .input:focus-visible,
.login form .input:focus { outline-color: #c0c0c0; }

.login h1 a {

    background-image: url("../img/qn_logo.png") !important;
    background-size: 230px 100px !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    width: 230px !important;
    height: 100px !important;
    text-indent: -9999px !important; /* login h1 a text moves/hiddes to the left */
    display: inline-block;
    margin: 0;
    padding: 0;
    outline: 0;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3;
    text-decoration: none;
    overflow: hidden;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;

}

.login form { border: none; }

.login #loginform {

    background: #5C5858;
    border: none;
    display: flex;
    flex-direction: column;

    box-shadow: 1px 1px 6px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 1px 6px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 6px 2px rgba(0,0,0,0.2);

}
.login #loginform .submit { display: flex; }
.wp-core-ui .button-primary.focus, 
.wp-core-ui .button-primary:focus { box-shadow: none; }

.wp-core-ui .button, .wp-core-ui .button-secondary,
.login #loginform #wp-submit {

    display: inline-block;
    font-size: 1rem;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    border-width: 0px;
    border-style:none;
    border-color:unset;
    border-radius: 5px;
    padding: 1rem 2rem;
    cursor: pointer;
    line-height: 1.4;
    background: #d81f5c;
    color: #ffffff;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
    min-width: 100px;
    width: 100%;
    transition: 0.3s;

}

.login #loginform button:focus,
.login #loginform button:active { outline: none; }
.login #loginform #wp-submit:hover {

    border-color: #c21c53;
    background: #c21c53;
    color: #F8F8F8;
}

.language-switcher {
    display: flex;
    flex-direction: row;
    max-width: 320px;
    
}
.language-switcher .button {

    max-width: 100px;
    height: 30px;
    line-height: normal;
    font-size: .9rem;
    margin: 0;
    padding: 2px 10px;

}

.language-switcher .button:hover {

    border-color: #c21c53;
    background: #c21c53;
    color: #F8F8F8;
    outline: none;
    border-color: unset;
}

.wp-core-ui select {

    color: #333333;
    border: 2px solid #333;
    font-family: 'Lato';
    font-weight: normal;

}

.wp-core-ui select:hover { color: #333333; }

.wp-core-ui select:focus {
    border-color: #333333;
    color: #333333;
    box-shadow: none;
}