body.login {
    background-color: #2e2e2e !important;
}

/* Replace the WordPress logo with your custom logo */
#login h1 a, .login h1 a {
    background-image: url('/wp-content/uploads/2024/12/Elite-Rugby-App-2.png') !important;
    background-size: contain !important; /* Ensures the whole logo displays */
    background-position: center;
    width: 320px; /* Adjust as needed */
    height: 80px; /* Adjust as needed */
}

/* Add a white 1px border around the login form */
#loginform {
    border: 1px solid #ffffff !important;
    background-color: #2e2e2e !important;
    
}

#loginform input.input{
    font-size: 25px !important;
    border-width: 2px !important;
    border-color: #2d2d2d !important;
    border-radius: 5px !important;
    padding: 3px 10px 3px 10px !important;
    background-color: #222222 !important;
    color: #ffffff !important;
}

/* Style the login button */
#login form .submit .button {
    height: auto;
    background-color: #ff5722 !important;
    font-size: 13px !important;
    color: #ffffff !important;
    padding: 1px 12px;
    border: 1px solid #ff5722 !important;
    box-shadow: none !important;
    text-transform: none;
    cursor: pointer;
}

#login p a.wp-login-lost-password{
    color: #ff5722 !important;
}

/* Labels and "forgot password" link color */
#login form label,
#login p a,
.login #nav a,
.login #backtoblog a {
    color: #8c8c8c !important;
    font-size: 17px !important;
}

#backtoblog{
    display: none;
}

input#rememberme{
    background-color: white;
}

.login .message, .login .notice, .login .success {
    border-left: 4px solid #ff5722 !important;
}