@import "../style.css";

/* Change background color and font family */
body {
    font-family: 'Josefin Sans', sans-serif;
    color: rgba(24,48,41, 1);
    background-color: rgba(255,255,255,1);
}

/* Change Width and Height of Logo Image + Add Custom Image File */
.login h1 a {
    background-image: url(logo.png);
    width: 250px;
    height: 27px;
    background-size: 250px 27px;
}

/* Add a few changes to the color and style of form itself */
.login label {
    color: rgba(24,48,41, 1);
    display: block;
    font-weight: 100;
    margin-bottom: 1em;
}

.login form .input {
    font-weight: normal;
}

.login #backtoblog a, .login #nav a {
    color: rgba(204,131,65, 1);
    font-weight: 100;
}

.wp-core-ui .button-primary {
    background: rgba(204,131,65, 1);
    border: 0;
    font-weight: 100;
    color: rgba(255,255,255,1);
    text-shadow: 0 0 0 rgba(0,0,0,1) !important;
    box-shadow: 0 1px 0 rgba(0,0,0,1) !important;
}

.wp-core-ui .button-primary:hover {
    background: rgba(204,131,65, 1);
}
.wp-core-ui .button-primary:focus {
    background: rgba(204,131,65, 1);
}

.login #login_error, .login .message, .login .success {
    border-left: 4px solid rgba(204,131,65, 1);
}