/* Custom Login Page CSS */

/* Change the background color of the login page */
body.login {
    background-color:rgb(241, 248, 250);
   
}

/* Style the login form */
.login form {
    background: #ffffff; 
    border: 2px solid #ddd;
    padding: 20px; 
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(20, 20, 20, 0.1); 
}

/* Change the logo */
#login h1 a {
    background-image: url('../images/custom-logo.png'); 
    background-size: contain;
    width: 100%; 
    height: 80px;
}

/* Customize the button */
.wp-core-ui .button-primary {
    background: #026A81;
    border-color: #026A81; 
    color: #ffffff; 
    text-shadow: none;
    box-shadow: none; 
    font-size:15px;
}

/* Customize input fields */
.login input[type="text"],
.login input[type="password"] {
    background: #f7f7f7; 
    border: 1px solid #ddd;
    color: #333333; 
}

/* Change the color of the links */
.login #nav a,
.login #backtoblog a {
    color: #fff !important;
}

/* Customize error messages */
.login .message {
    background: #f1f1f1;
    border-left: 4px solid #0073aa; 
    color: #333333; 
}

/* Customize the "Remember Me" checkbox */
.login .forgetmenot label {
    color: #333333; 
}