/* ogin.css */

body.login {
    background-color: #f0f0f0;
}

#login h1 {
    background-color: #10608C;
    padding: 1rem 0;
}

#login h1 a {
    background-image: url('/app/uploads/2025/08/allegany-logo-white.svg');
    background-size: contain;
    width: 100%;
    height: 80px;
    pointer-events: none; /* Disable the link */
}

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

.login form {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.login .button, .login.button-primary {
    border-radius: 1.5rem;
    padding: 4px 16px;
    background-color: rgb(5, 140, 189);
    border-bottom-color: rgb(1, 136, 184);
    border-left-color: rgb(1, 136, 184);
    border-right-color: rgb(1, 136, 184);
    color: rgb(250, 251, 251);
    border-top-color: rgb(1, 136, 184);

    &:hover {   
        background-color: #dff6ff;
        color: #355554;
        border: 1px solid #355554;
        -webkit-text-decoration: none;
        text-decoration: none;
    }
    &:active, &:focus {
        background-color: #dff6ff;
        color: #355554;
        border: 1px solid #355554;
        -webkit-text-decoration: none;
        text-decoration: none;
    }
}


.member-hidden {
    display: none;
}

.login-footer {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

.login-footer svg {
    max-width: 100px; /* Adjust the size as needed */
    width: 100px; /* Ensure the width is set */
    height: auto; /* Maintain aspect ratio */
}

body.interim-login .login-footer,
    #wp-auth-check-form .login-footer {
        display: none!important;
}

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