/* 

BURGUNDY
PMS 7421C
C36 M98 Y53 K50
R95 G34 B50
#650B32

GOLD
PMS 7563C
C15 M40 Y91 K3
R210 G153 B55
#D29937

MEDIUM GOLD
C2 M15 Y43 K0
R249 G215 B156
#F9D79C

LIGHT GOLD
C2 M8 Y25 K0
R249 G230 B195
#F9E6C3

WHITE
C0 M0 Y0 K0
R255 G255 B155
#FFFFFF 

*/


/* custom logo */

#login h1 a,
.login h1 a {
    background-image: url(/wp-content/uploads/2023/04/haagendazslogo.png) !important;
    background-image: none, url(/wp-content/uploads/2023/04/haagendazslogo.png) !important;
    height: 152px;
    width: 250px;
    background-size: 250px 152px;
    background-repeat: no-repeat;
    padding-bottom: 10px;
}

.login form {
    border: 3px solid #650B32;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .04);
}

.login-password-protected input[type=password] {
    /* width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box; 
    border: 3px solid #ccc;*/
    -webkit-transition: 0.5s;
    transition: 0.5s;
    /* outline: none; */
    color: black;
}

.login-password-protected input[type=password]:focus {
    border-color: #650B32;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #fff;
}

.wp-core-ui .button-primary {
    background: #650B32;
    border-color: #650B32;
    color: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-shadow: none;
}

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

.wp-core-ui .button-primary:focus {
    background: #650B32;
    border-color: #650B32;
    color: #fff;
    box-shadow: none;
}

input[type="checkbox"] {
    background: transparent !important;
    filter: brightness(0) saturate(100%) invert(16%) sepia(47%) saturate(3223%) hue-rotate(336deg) brightness(88%) contrast(88%);
    /* accent-color: #650B32; */
}


/*
 *
 * login
 *
 */

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

input[type=password]:focus,
input[type=text]:focus,
select:focus,
textarea:focus {
    /* background: #fff; */
    border-color: #650B32;
    color: #000 !important;
    box-shadow: none;
}

.login #backtoblog a:hover,
.login #nav a:hover,
.login #backtoblog a:focus,
.login #nav a:focus {
    text-decoration: none;
    color: #650B32;
}