/*
|--------------------------------------------------------------------------
| Wheels of Faith Motorcycle Ministry
| Member System CSS
|--------------------------------------------------------------------------
|
| File:
| /css/wofmm-members.css
|
| Created By:
| OpenAI ChatGPT with Thomas L. Vaughn
|
| Date Created:
| 2026-07-07
|
| Date Updated:
| 2026-07-07
|
| Purpose:
| Styles the WOF-MM member login system, restricted-content message,
| logged-in/logout screen, and member-related dropdown menu visibility.
|
| Notes:
| This file is loaded separately from style.css to keep membership styling
| organized and easier to maintain.
|
|--------------------------------------------------------------------------
*/

/*
|--------------------------------------------------------------------------
| WOF-MM Login Form Field Styling
|--------------------------------------------------------------------------
*/

.login-username input,
.login-password input {
    width: 280px;
    max-width: 100%;
    padding: 10px;
    font-size: 16px;
    border: 2px solid #999999;
    border-radius: 6px;
    background-color: #ffffff;
}

.login-username label,
.login-password label,
.login-remember label {
    font-size: 16px;
    font-weight: 600;
}

.login-username,
.login-password,
.login-remember {
    margin-bottom: 16px;
}

/*
|--------------------------------------------------------------------------
| WOF-MM Login Button Styling
|--------------------------------------------------------------------------
*/

#wofmm-loginform .button-primary,
#wofmm-loginform input[type="submit"] {
    background-color: #b22222;
    color: #ffffff;
    border: 2px solid #7a0000;
    border-radius: 8px;
    padding: 10px 24px;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0,0,0,0.18);
}

#wofmm-loginform .button-primary:hover,
#wofmm-loginform input[type="submit"]:hover {
    background-color: #8b0000;
}

/*
|--------------------------------------------------------------------------
| WOF-MM Login Form Label Styling
|--------------------------------------------------------------------------
*/

#wofmm-loginform p.login-username label,
#wofmm-loginform p.login-password label,
#wofmm-loginform p.login-remember label {
    font-weight: 700 !important;
}

/*
|--------------------------------------------------------------------------
| WOF-MM Show Password Styling
|--------------------------------------------------------------------------
*/

.wofmm-show-password-wrap {
    margin-top: 12px;
    font-weight: 600;
}

/*
|--------------------------------------------------------------------------
| WOF-MM Logged-In Message Styling
|--------------------------------------------------------------------------
*/

.wofmm-login-success a {
    color: #8b0000;
    font-weight: 700;
    text-decoration: underline;
}

.wofmm-login-success a.button {
    display: inline-block;
    background: #8b0000;
    color: #ffffff;
    padding: 10px 18px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 700;
}

.wofmm-login-success a.button:hover {
    background: #650000;
    color: #ffffff;
}

/*
|--------------------------------------------------------------------------
| WOF-MM Restricted Content Message
|--------------------------------------------------------------------------
*/

.wofmm-restricted-message {
    max-width: 760px;
    margin: 50px auto;
    padding: 32px 32px 32px 40px;
    background: #f7eadc;
    border-left: 6px solid #8b0000;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
    font-size: 17px;
    line-height: 1.6;
}

.wofmm-restricted-message h2 {
    margin-top: 0;
    color: #1f2f3d;
    font-size: 28px;
    font-weight: 700;
}

.wofmm-login-button {
    display: inline-block;
    margin-top: 12px;
    padding: 12px 22px;
    background: #8b0000;
    color: #ffffff !important;
    font-weight: 700;
    text-decoration: none;
    border-radius: 6px;
}

.wofmm-login-button:hover {
    background: #650000;
    color: #ffffff !important;
}

/*
|--------------------------------------------------------------------------
| WOF-MM Navigation Menu Dropdown Visibility Fix
|--------------------------------------------------------------------------
*/

#top-menu li li a,
.et-menu li li a,
.nav li li a {
    color: #1F1F1F !important;
    opacity: 1 !important;
    font-weight: 700;
}

#top-menu li ul,
.et-menu li ul,
.nav li ul {
    background-color: #F4E6D4 !important;
}

#top-menu li li a:hover,
.et-menu li li a:hover,
.nav li li a:hover {
    color: #003F46 !important;
    background-color: rgba(255,255,255,.45) !important;
}