/* Custom styles for the login page */
body.login {
    background-color: #f8f9fa;
    font-family: 'Roboto', sans-serif !important; /* Bootstrap's default font */
}

#login h1 a {
    background-image: url('../images/logo.png?v=1');
    width: 300px !important;
    height: 130px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    margin-bottom: 20px !important;
}

#login {
    width: 350px !important;
}

.login form {
    max-width: 400px !important;
    margin: auto !important;
    background: #fff !important;
    flex: 1 1 auto;
    padding: 1.25rem;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125) !important;
    border-radius: .25rem !important;
}

.login .button-primary {
    padding: 10px !important;
    background: #007bff !important;
    border-color: #007bff !important;
    box-shadow: none !important;
    text-shadow: none !important;
    display: inline-block !important;
    font-weight: 400 !important;
    border: 1px solid transparent !important;
    padding: .375rem .75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    border-radius: .25rem !important;
}

.login .button-primary:hover {
    background: #0056b3 !important;
    border-color: #0056b3 !important;
}

.login .wp-generate-pw, .login .two-factor-email-resend .button {
    font-weight: 400 !important;
    color: #007bff !important;
    text-align: center !important;
    vertical-align: middle !important;
    user-select: none !important;
    background-color: transparent !important;
    border: 1px solid #007bff !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    border-radius: 0.25rem !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

.login .wp-generate-pw:hover, .login .two-factor-email-resend .button:hover {
    color: #fff !important;
    background-color: #007bff !important;
    border-color: #007bff !important;
    text-decoration: none !important;
}

.login .submit {
    margin-top: 10px !important;
}

.login .submit #wp-submit {
    width: 100% !important;
}

.login .submit.reset-pass-submit #wp-submit {
    width: auto !important;
}

.login #backtoblog a, .login #nav a {
    color: #007bff !important;
}

.login #backtoblog a:hover, .login #nav a:hover {
    color: #0056b3 !important;
}

.login .policy-strength-string {
    font-size: 14px !important;
}

.login .pass-strength-result strong {
    font-weight: bold !important;
    margin-top: 14px !important;
}

/* Bootstrap card styling for the login form */
.login .card {
    margin: auto !important;
    padding: 20px !important;
    border: 1px solid #e3e3e3 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.13) !important;
}

/* Bootstrap input styling */
.login .input, .login input[type="text"], .login input[type="password"] {
    display: block !important;
    width: 100% !important;
    padding: .375rem .75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}

.login input[type="text"]:focus, .login input[type="password"]:focus {
    border-color: #80bdff !important;
    outline: 0 !important;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) !important;
}

.login #backtoblog {
    display: none !important;
}

/* Bootstrap checkbox styling */
.login .form-check {
    display: block !important;
    position: relative !important;
    padding-left: 1.5rem !important;
    margin-bottom: .125rem !important;
}

.login .form-check-input, .login #rememberme {
    /*position: absolute !important;
    margin-top: .3rem !important;
    margin-left: -1.5rem !important;*/
}

.login .form-check-label .login .forgetmenot label {
    margin-bottom: 0 !important;
}

/* Error, success, and warning messages */
.login .alert {
    padding: .75rem 1.25rem !important;
    margin-bottom: 1rem !important;
    border: 1px solid transparent !important;
    border-radius: .25rem !important;
}

.login .alert-success {
    color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;
}

.notice {
    position: relative !important;
    padding: .75rem 1.25rem !important;
    margin-bottom: 1rem !important;
    border: 1px solid transparent !important;
    border-radius: .25rem !important;
    box-shadow: none !important;
}

.notice.notice-error {
    color: #721c24 !important;
    background-color: #f8d7da !important;
    border-left: 0px !important;
    border-color: #f5c6cb !important;
}

.notice.notice-info {
    color: #004085 !important;
    background-color: #cce5ff !important;
    border-color: #b8daff !important;
}

.notice.notice-success {
    color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;
}

.login .dashicons {
    color: #007bff !important;
    border-color:#007bff !important;
}

.custom-login-footer {
    margin-top: 20px;
    color: #666;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 10px;
}

#mls_gdpr_banner {
    display: none !important;
}