/*
Theme Name: BlankSlate
Theme URI: https://opencollective.com/blankslate
Author: Web Guy
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/webguyio/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2026
Requires at least: 5.2
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme 2011-2026
BlankSlate is distributed under the terms of the GNU GPL
*/

:root {
  --gold:#C9A227;
  --black:#0B0B0B;
  --dark:#141414;
  --panel:#101010;
  --white:#ffffff;
  --muted:#d7d7d7;

  /* Club Access layout standard */
  --fol-portal-width:94%;
  --fol-portal-max-width:1400px;
  --fol-portal-top:50px;
  --fol-portal-nav-gap:14px;
  --fol-portal-bottom:80px;
  --fol-portal-padding:40px 36px;
  --fol-portal-border:1px solid rgba(201,162,39,.35);
  --fol-portal-radius:20px;
  --fol-portal-shadow:0 18px 40px rgba(0,0,0,.45);
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  margin:0;
  background:var(--black);
  color:var(--white);
  font-family:Arial, Helvetica, sans-serif;
}
h1,h2,h3 {
  margin:0 0 16px;
  text-transform:uppercase;
  letter-spacing:.04em;
  line-height:1.05;
}
p { color:var(--muted); line-height:1.55; font-size:18px; }
.site-tabs {
  top:0;
  background:rgba(5,5,5,.97);
  padding:10px 5vw;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.lions-mark {
  display:flex;
  align-items:center;
  gap:12px;
  min-width:300px;
}
.lions-mark img {
  width:62px;
  height:62px;
  object-fit:contain;
  filter:drop-shadow(0 0 8px rgba(201,162,39,.28));
  flex:0 0 auto;
}
.lions-copy span {
  color:var(--gold);
  font-style:italic;
  font-size:14px;
  letter-spacing:.03em;
  white-space:nowrap;
}
.nav-tabs {
  gap:9px;
  flex-wrap:wrap;
}
.nav-tabs button {
  cursor:pointer;
  border:1px solid rgba(201,162,39,.32);
  background:#151515;
  color:#fff;
  padding:11px 14px;
  border-radius:10px;
  text-transform:uppercase;
  font-weight:800;
  font-size:13px;
  letter-spacing:.03em;
  transition:all .2s ease;
}
.nav-tabs button:hover,
.nav-tabs button.active {
  background:var(--gold);
  color:#111;
  transform:translateY(-1px);
}
.hero {
  min-height:730px;
  background:
    linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.35),rgba(0,0,0,.76)),
    url('https://offroadlions.com/wp-content/uploads/2026/08/hero.jpg') center/cover no-repeat;
  display:flex;
  align-items:center;
  padding:90px 7vw;
}
.heroBox { max-width:880px; }
.hero h1 {
  font-size:clamp(44px,7vw,86px);
  text-shadow:0 5px 25px rgba(0,0,0,.9);
}
.hero p {
  color:white;
  font-size:clamp(20px,2.4vw,28px);
  max-width:760px;
}
.button {
  display:inline-block;
  background:var(--gold);
  color:#111;
  text-decoration:none;
  font-weight:800;
  padding:15px 22px;
  border-radius:8px;
  margin:8px 10px 0 0;
  text-transform:uppercase;
}
.button.secondary { background:#fff; color:#111; }
.section { padding:86px 7vw; }
.dark { background:var(--dark); }
.grid2 {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:52px;
  align-items:center;
}
.grid3 {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.gold { color:var(--gold); }
.who {
  background:
    radial-gradient(circle at 80% 35%, rgba(201,162,39,.16), transparent 28%),
    linear-gradient(135deg, #090909 0%, #151515 55%, #080808 100%);
  border-top:1px solid rgba(201,162,39,.35);
  border-bottom:1px solid rgba(201,162,39,.35);
}
.kicker {
  display:flex;
  align-items:center;
  gap:14px;
  color:var(--gold);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:18px;
  margin-bottom:10px;
}
.kicker:after {
  content:"";
  height:2px;
  width:220px;
  background:var(--gold);
  display:inline-block;
}
.who h2 {
  font-size:clamp(54px,7vw,88px);
  color:#f4efe1;
  text-shadow:0 3px 18px rgba(0,0,0,.65);
}
.lead {
  font-size:22px;
  color:#fff;
  font-weight:800;
  line-height:1.35;
}
.logoHero {
  background:#000;
  padding:38px;
  border-radius:24px;
  border:1px solid rgba(201,162,39,.42);
  box-shadow:
    0 0 0 1px rgba(201,162,39,.12),
    inset 0 0 44px rgba(201,162,39,.07),
    0 18px 45px rgba(0,0,0,.65);
  text-align:center;
}
.logoHero img {
  width:100%;
  max-width:650px;
  display:block;
  margin:auto;
  border-radius:16px;
  filter:drop-shadow(0 0 22px rgba(201,162,39,.38)) drop-shadow(0 12px 32px rgba(0,0,0,.85));
}
.iconRow {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  border-top:2px solid rgba(201,162,39,.85);
  margin-top:28px;
  padding-top:24px;
}
.iconBox {
  text-align:center;
  padding:10px;
  border-right:1px solid rgba(201,162,39,.28);
}
.iconBox:last-child { border-right:none; }
.icon {
  font-size:38px;
  color:var(--gold);
  margin-bottom:8px;
}
.iconBox strong {
  font-size:14px;
  text-transform:uppercase;
  line-height:1.3;
}
.communityLine {
  display:inline-block;
  border:1px solid rgba(201,162,39,.85);
  color:var(--gold);
  font-size:25px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
  padding:16px 22px;
  margin-top:24px;
}
.card {
  background:var(--panel);
  border:1px solid rgba(201,162,39,.28);
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 14px 34px rgba(0,0,0,.32);
}
.cardImg {
  width:100%;
  height:240px;
  object-fit:cover;
  display:block;
}
.pad { padding:26px; }
.cubsLogo {
  width:100%;
  max-width:430px;
  border-radius:22px;
  border:1px solid rgba(201,162,39,.35);
}
.tabs { margin-top:25px; }
.tabButtons {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:20px;
}
.tabButtons button {
  cursor:pointer;
  background:#222;
  color:#fff;
  border:1px solid rgba(201,162,39,.4);
  padding:13px 18px;
  border-radius:10px;
  font-weight:800;
  text-transform:uppercase;
}
.tabButtons button.active {
  background:var(--gold);
  color:#111;
}
.tabPanel {
  display:none;
  background:#101010;
  border:1px solid rgba(201,162,39,.3);
  border-radius:18px;
  padding:28px;
}
.tabPanel.active { display:block; }
.signGrid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  margin-top:25px;
}
.signGrid img {
  width:100%;
  border-radius:20px;
  border:1px solid rgba(201,162,39,.35);
}
.footer {
  text-align:center;
  padding:60px 7vw;
  background:#050505;
  border-top:1px solid rgba(201,162,39,.45);
}
.footer img {
  width:180px;
  max-width:80%;
  border-radius:12px;
  border:1px solid rgba(201,162,39,.35);
}
@media(max-width:980px) {
  .site-tabs {
    align-items:flex-start;
    flex-direction:column;
  }
  .nav-tabs {
    justify-content:flex-start;
  }
}
@media(max-width:850px) {
  .grid2,.grid3,.signGrid,.iconRow { grid-template-columns:1fr; }
  .iconBox { border-right:none; border-bottom:1px solid rgba(201,162,39,.25); }
  .iconBox:last-child { border-bottom:none; }
  .hero { min-height:620px; }
  .section { padding:62px 6vw; }
  .lions-mark { min-width:0; }
  .lions-copy span { white-space:normal; }
  .who h2 { font-size:48px; }
}

.cubsPhotoStack {
  width:100%;
  max-width:620px;
  margin:0 auto;
}
.cubsPhotoStack img {
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  border:1px solid rgba(201,162,39,.35);
  box-shadow:0 18px 40px rgba(0,0,0,.45);
}


/* Club Dashboard */
.club-dashboard { background:linear-gradient(180deg,#0b0b0b 0%,#141414 100%); padding:82px 24px; border-top:1px solid rgba(201,162,39,.35); }
.club-wrap { max-width:1180px; margin:0 auto; }
.club-kicker { color:var(--gold); text-transform:uppercase; letter-spacing:.16em; font-weight:700; font-size:.8rem; margin-bottom:8px; }
.club-dashboard h2 { margin:0 0 10px; font-size:clamp(2rem,4vw,3.2rem); }
.club-intro { color:var(--muted); max-width:820px; line-height:1.65; margin-bottom:28px; }
.club-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:24px 0 32px; }
.club-summary-card { background:#101010; border:1px solid rgba(201,162,39,.35); border-radius:14px; padding:18px; min-height:126px; box-shadow:0 10px 24px rgba(0,0,0,.22); }
.club-summary-card .label { color:var(--gold); text-transform:uppercase; letter-spacing:.08em; font-size:.72rem; font-weight:700; }
.club-summary-card strong { display:block; margin:10px 0 6px; font-size:1.08rem; }
.club-summary-card span { color:var(--muted); font-size:.92rem; line-height:1.45; }
.club-tabs { background:#0e0e0e; border:1px solid rgba(255,255,255,.09); border-radius:16px; overflow:hidden; }
.club-tab-buttons { display:flex; flex-wrap:wrap; gap:8px; padding:14px; border-bottom:1px solid rgba(255,255,255,.08); background:#090909; }
.clubTabBtn { appearance:none; border:1px solid rgba(201,162,39,.38); background:#151515; color:#fff; border-radius:999px; padding:10px 15px; font-weight:700; cursor:pointer; transition:.2s ease; }
.clubTabBtn:hover,.clubTabBtn.active { background:var(--gold); color:#0b0b0b; border-color:var(--gold); transform:translateY(-1px); }
.clubTabPanel { display:none; padding:26px; }
.clubTabPanel.active { display:block; }
.clubTabPanel h3 { color:var(--gold); margin-top:0; font-size:1.6rem; }
.clubTabPanel p { color:var(--muted); line-height:1.65; }
.club-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:18px; }
.club-item { background:#151515; border-left:3px solid var(--gold); padding:14px 16px; border-radius:8px; color:#eee; line-height:1.5; }
.club-note { margin-top:22px; padding:14px 16px; border-radius:10px; background:rgba(201,162,39,.08); border:1px solid rgba(201,162,39,.25); color:#ddd; font-size:.92rem; }
@media (max-width:900px) { .club-summary { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px) { .club-dashboard { padding:60px 16px; } .club-summary,.club-list { grid-template-columns:1fr; } .club-tab-buttons { flex-direction:column; } .clubTabBtn { width:100%; text-align:left; border-radius:10px; } }


/* Launch Prototype v4 • Navigation + Scrollspy Fixed additions */
.launch-section{padding:78px 5vw;background:#0b0b0b;border-top:1px solid rgba(201,162,39,.18)}
.launch-section.alt{background:#121212}
.launch-wrap{max-width:1220px;margin:0 auto}
.launch-kicker{color:var(--gold);font-size:13px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}
.launch-section h2{font-size:clamp(32px,4vw,54px)}
.launch-lead{max-width:920px;font-size:19px}
.status-grid,.action-grid,.tier-grid,.news-grid,.contact-grid,.legal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}
.status-card,.action-card,.tier-card,.news-card,.contact-card,.legal-card{background:#171717;border:1px solid rgba(201,162,39,.28);border-radius:16px;padding:22px;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.status-card h3,.action-card h3,.tier-card h3,.news-card h3,.contact-card h3,.legal-card h3{font-size:18px;color:#fff;margin-bottom:9px}
.status-card p,.action-card p,.tier-card p,.news-card p,.contact-card p,.legal-card p{font-size:15px;margin:0}
.status-label{display:inline-block;color:#111;background:var(--gold);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;padding:6px 9px;border-radius:999px;margin-bottom:13px}
.progress-track{height:10px;border-radius:999px;background:#292929;overflow:hidden;margin-top:12px}
.progress-fill{height:100%;background:linear-gradient(90deg,#8b6e13,var(--gold));border-radius:999px}
.project-next{margin-top:28px;padding:24px;border-left:4px solid var(--gold);background:#161616;border-radius:0 14px 14px 0}
.project-next strong{color:var(--gold)}
.form-shell{margin-top:30px;background:#151515;border:1px solid rgba(201,162,39,.35);border-radius:18px;padding:26px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.form-field{display:flex;flex-direction:column;gap:7px}
.form-field.full{grid-column:1/-1}
.form-field label{font-weight:800;color:#eee;font-size:14px}
.form-field input,.form-field select,.form-field textarea{width:100%;background:#0e0e0e;color:#fff;border:1px solid #454545;border-radius:10px;padding:13px 14px;font:inherit}
.form-field textarea{min-height:120px;resize:vertical}
.form-checks{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:4px}
.form-checks label{font-weight:600;color:#ddd;display:flex;gap:8px;align-items:center}
.demo-submit{cursor:pointer;border:0;background:var(--gold);color:#111;font-weight:900;text-transform:uppercase;letter-spacing:.04em;padding:14px 18px;border-radius:10px;margin-top:18px}
.demo-note{font-size:13px;color:#aaa;margin-top:12px}
.demo-message{display:none;margin-top:15px;padding:13px;border-radius:10px;background:#202015;border:1px solid rgba(201,162,39,.45);color:#f5e7a8}
.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px}
.quick-action{display:block;text-decoration:none;background:#181818;color:#fff;border:1px solid rgba(201,162,39,.32);border-radius:14px;padding:18px;text-align:center;font-weight:900;text-transform:uppercase;transition:.2s}
.quick-action:hover{background:var(--gold);color:#111;transform:translateY(-2px)}
.tier-card.featured{border-color:var(--gold);box-shadow:0 0 0 1px rgba(201,162,39,.28),0 18px 40px rgba(0,0,0,.28)}
.tier-card ul{padding-left:18px;color:#d7d7d7;line-height:1.6;font-size:14px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.cta-link{display:inline-block;text-decoration:none;background:var(--gold);color:#111;font-weight:900;padding:13px 18px;border-radius:10px;text-transform:uppercase}
.cta-link.secondary{background:#1b1b1b;color:#fff;border:1px solid rgba(201,162,39,.45)}
.public-docs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.public-doc{padding:17px;border-radius:12px;background:#171717;border:1px solid #333;color:#eee}
.public-doc small{display:block;color:#aaa;margin-top:6px}
.backend-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#271d0b;border:1px solid #6e5619;color:#f1d67a;font-size:12px;font-weight:800;margin-top:12px}
.footer-meta{max-width:950px;margin:24px auto 0;padding-top:18px;border-top:1px solid #333;color:#999;font-size:12px;line-height:1.55}
@media(max-width:980px){.status-grid,.action-grid,.tier-grid,.news-grid,.contact-grid,.legal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.public-docs{grid-template-columns:1fr 1fr}}

.nav-tabs button.club-access-nav {
  border: 1px solid #d8ad45;
  color: #f4d37a;
  font-weight: 800;
  margin-left: 6px;
}
.nav-tabs button.club-access-nav:hover,
.nav-tabs button.club-access-nav.active {
  background: linear-gradient(180deg,#4a3710,#241b09);
  color: #fff3bf;
  box-shadow: 0 0 0 1px rgba(216,173,69,.35) inset, 0 0 16px rgba(216,173,69,.18);
}
@media(max-width:650px){.status-grid,.action-grid,.tier-grid,.news-grid,.contact-grid,.legal-grid,.quick-actions,.form-grid,.public-docs{grid-template-columns:1fr}.form-field.full{grid-column:auto}.launch-section{padding:58px 20px}.nav-tabs button{font-size:11px;padding:9px 10px}.site-tabs{align-items:flex-start}.lions-mark{min-width:0}.lions-copy span{white-space:normal}}


/* v5: page order matches navigation order */
section[id]{scroll-margin-top:120px;}
.embedded-subsection{margin-top:42px;border-top:1px solid rgba(201,162,39,.28);padding-top:38px;}

/* =====================================================
   Club Access template (Login / Members pages)
   ===================================================== */

.club-access-wrap {
    width: var(--fol-portal-width);
    max-width: var(--fol-portal-max-width);

    margin: 0 auto;
    padding: var(--fol-portal-top) 0 var(--fol-portal-bottom);

    box-sizing: border-box;
}

.club-access-card {
    width: 100%;
    max-width: none;

    background: var(--panel);

    border: var(--fol-portal-border);
    border-radius: var(--fol-portal-radius);

    padding: var(--fol-portal-padding);

    box-shadow: var(--fol-portal-shadow);

    box-sizing: border-box;
}

@media (max-width: 850px) {
    .club-access-wrap {
        width: 96%;
        padding: 32px 2vw 60px;
    }

    .club-access-card {
        padding: 24px;
    }
}

@media (max-width: 550px) {
    .club-access-wrap {
        width: 100%;
        padding: 20px 12px 40px;
    }

    .club-access-card {
        padding: 18px;
        border-radius: 14px;
    }
}

/* ---------------------------------------------------------
   MEMBER DOCUMENT LIBRARY
   --------------------------------------------------------- */

.fol-document-library {
    width: 100%;
}

/* Header */

.fol-document-library-heading {
    margin-bottom: 20px;
}

.fol-document-library-intro {
    margin: 6px 0 0;
    color: #b8b8b8;
    font-size: 14px;
    line-height: 1.5;
}


/* Search + category controls */

.fol-document-controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 12px;

    margin-bottom: 22px;
}

.fol-document-search,
.fol-document-category-filter {
    width: 100%;
    min-height: 44px;

    padding: 10px 13px;

    background: #151515 !important;
    border: 1px solid rgba(201,162,39,.45) !important;
    border-radius: 8px !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-size: 14px !important;
}

.fol-document-search::placeholder {
    color: #888888 !important;
    -webkit-text-fill-color: #888888 !important;
}

.fol-document-search:focus,
.fol-document-category-filter:focus {
    border-color: #C9A227 !important;
    outline: none !important;
}

.fol-document-category-filter option {
    background: #151515;
    color: #ffffff;
}


/* Document list */

.fol-document-list {
    overflow: hidden;

    background: #151515;
    border: 1px solid rgba(201,162,39,.35);
    border-radius: 14px;
}


/* Individual document */

.fol-document-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;

    padding: 18px 20px;

    border-bottom: 1px solid rgba(201,162,39,.16);
}

.fol-document-item:last-child {
    border-bottom: 0;
}

.fol-document-item:hover {
    background: #1b1b1b;
}


/* Category */

.fol-document-category {
    margin-bottom: 5px;

    color: #C9A227;

    font-size: 11px;
    font-weight: 900;
    line-height: 1.3;

    text-transform: uppercase;
    letter-spacing: .06em;
}


/* Title */

.fol-document-title {
    margin: 0 0 6px !important;

    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;

    text-transform: none !important;
    letter-spacing: 0 !important;
}


/* Description */

.fol-document-description {
    max-width: 720px;
    margin-bottom: 8px;

    color: #cccccc;

    font-size: 13px;
    line-height: 1.45;
}


/* Metadata */

.fol-document-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;

    color: #999999;

    font-size: 11px;
    line-height: 1.4;
}

.fol-document-meta-separator {
    color: #C9A227;
}

.fol-document-main {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.fol-document-actions {
    display: flex !important;
    gap: 12px !important;
    align-items: center !important;
    justify-content: flex-end !important;

    flex: 0 0 auto !important;

    margin-left: auto !important;
}

/* View Document button */

.club-access-card .fol-document-view,
.club-access-card .fol-document-view:link,
.club-access-card .fol-document-view:visited {
    display: inline-block !important;

    min-width: 130px;
    padding: 9px 13px !important;

    background: #0B0B0B !important;
    border: 1px solid #C9A227 !important;
    border-radius: 8px !important;

    color: #C9A227 !important;
    -webkit-text-fill-color: #C9A227 !important;

    font-size: 11px !important;
    font-weight: 900 !important;

    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}

.club-access-card .fol-document-view:hover,
.club-access-card .fol-document-view:focus {
    background: #C9A227 !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    text-decoration: none !important;
}


/* Empty states */

.fol-document-empty,
.fol-document-filter-empty {
    padding: 28px 20px;

    color: #999999;

    text-align: center;
    font-size: 13px;
}


/* Make HTML hidden attribute authoritative */

.fol-document-item[hidden],
.fol-document-filter-empty[hidden] {
    display: none !important;
}


/* Mobile */

@media (max-width: 700px) {

    .fol-document-controls {
        grid-template-columns: 1fr;
    }

    .fol-document-item {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .fol-document-actions {
        width: 100%;
    }

    .club-access-card .fol-document-view {
        width: 100%;
    }
}

/* Document layout responds to available content width */
.fol-document-list {
    container-type: inline-size;
}

@container (max-width: 650px) {
    .fol-document-item {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .fol-document-main {
        width: 100% !important;
    }
    .fol-document-actions {
        width: 100% !important;
        margin-left: 0 !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }
}

/* FOL document cards: responsive actions */
@media (max-width: 700px) {
    .fol-document-item {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .fol-document-main {
        width: 100% !important;
        min-width: 0 !important;
    }
    .fol-document-actions {
        width: 100% !important;
        margin-left: 0 !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }
    .club-access-card .fol-document-actions .fol-document-view {
        width: auto !important;
        flex: 1 1 130px !important;
    }
}

/* =========================================================
   FAIRBANKS OFFROAD LIONS
   MEMBER PORTAL NAVIGATION — MASTER
   ========================================================= */

.member-portal-nav {
    display: flex !important;
    align-items: center !important;

    width: 100%;

    margin: 0 0 14px;
    padding: 0;

    box-sizing: border-box;
}

/* Lions seal */

.fol-member-nav-logo {
    flex: 0 0 auto;

    margin-right: 24px;
}

.fol-member-nav-logo a {
    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;

    text-decoration: none !important;
}

.fol-member-nav-logo img {
    display: block;

    width: 54px;
    height: 54px;

    object-fit: contain;
}

.member-portal-nav .fol-member-menu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;

    flex: 1 1 auto !important;

    width: auto !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;

    list-style: none !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
}

.member-portal-nav .fol-member-menu > li {
    display: block !important;
    position: relative;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
}

.member-portal-nav .fol-member-menu > li > a {
    display: block !important;
    width: auto !important;
    padding: 11px 15px !important;

    background: #151515 !important;
    border: 1px solid rgba(201,162,39,.38) !important;
    border-radius: 10px !important;

    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: .03em !important;
    white-space: nowrap !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        color .2s ease,
        transform .2s ease !important;
}

/* Hover / keyboard focus */
.member-portal-nav .fol-member-menu > li > a:hover,
.member-portal-nav .fol-member-menu > li > a:focus {
    background: #C9A227 !important;
    border-color: #C9A227 !important;
    color: #111111 !important;
    transform: translateY(-1px);
    outline: none;
}

/* Current member page */
.member-portal-nav .fol-member-menu > li.current-menu-item > a,
.member-portal-nav .fol-member-menu > li.current_page_item > a,
.member-portal-nav .fol-member-menu > li.current-menu-ancestor > a {
    background: #C9A227 !important;
    border-color: #C9A227 !important;
    color: #111111 !important;
}

/* =========================================================
   FOL MEMBER NAVIGATION — LOGOUT
   ========================================================= */

/* Logout button container */
.member-portal-nav .fol-member-menu > li.fol-member-logout {
    background: #351818 !important;
    border-color: #7f3535 !important;
}

/* Logout text */
.member-portal-nav .fol-member-menu > li.fol-member-logout > a {
    background: transparent !important;
    color: #f0b4b4 !important;
}

/* Hover / keyboard focus */
.member-portal-nav .fol-member-menu > li.fol-member-logout:hover,
.member-portal-nav .fol-member-menu > li.fol-member-logout:focus-within {
    background: #542020 !important;
    border-color: #b84a4a !important;
}

.member-portal-nav .fol-member-menu > li.fol-member-logout:hover > a,
.member-portal-nav .fol-member-menu > li.fol-member-logout:focus-within > a {
    color: #ffffff !important;
}

/* =========================================================
   FAIRBANKS OFFROAD LIONS — MAIN WORDPRESS NAVIGATION
   ========================================================= */

.site-tabs {
    width: 100%;
    background: #0B0B0B;
    border-top: 1px solid rgba(201,162,39,.35);
    border-bottom: 1px solid rgba(201,162,39,.35);
    position: relative;
    z-index: 1000;
}

.site-tabs .nav-tabs {
    list-style: none;
    margin: 0;
    padding: 8px 2vw;
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 6px;
}

.site-tabs .nav-tabs li {
    position: relative;
    margin: 0;
    padding: 0;
}

.site-tabs .nav-tabs li a {
    display: block;
    padding: 12px 15px;
    background: #141414;
    border: 1px solid rgba(201,162,39,.45);
    border-radius: 7px;
    color: #ffffff;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .03em;
    white-space: nowrap;
    transition: background .2s ease,
                color .2s ease,
                border-color .2s ease;
}

.site-tabs .nav-tabs li a:hover,
.site-tabs .nav-tabs li a:focus {
    background: #C9A227;
    border-color: #C9A227;
    color: #111111;
}

/* ---------------------------------------------------------
   GET INVOLVED DROPDOWN
   --------------------------------------------------------- */

.site-tabs .nav-tabs li.menu-item-has-children > a::after {
    content: " ▾";
    margin-left: 5px;
    color: #C9A227;
}

.site-tabs .nav-tabs li.menu-item-has-children:hover > a::after {
    color: #111111;
}

.site-tabs .nav-tabs li ul.sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    margin: 0;
    padding: 6px;
    list-style: none;
    background: #101010;
    border: 1px solid rgba(201,162,39,.45);
    border-radius: 8px;
    box-shadow: 0 12px 28px rgba(0,0,0,.45);
    display: none;
    z-index: 2000;
}

.site-tabs .nav-tabs li:hover > ul.sub-menu,
.site-tabs .nav-tabs li:focus-within > ul.sub-menu {
    display: block;
}

.site-tabs .nav-tabs li ul.sub-menu li {
    display: block;
    width: 100%;
}

.site-tabs .nav-tabs li ul.sub-menu li a {
    width: 100%;
    border: 0;
    border-radius: 5px;
    padding: 11px 13px;
    background: transparent;
    font-size: 13px;
}

.site-tabs .nav-tabs li ul.sub-menu li a:hover,
.site-tabs .nav-tabs li ul.sub-menu li a:focus {
    background: #C9A227;
    color: #111111;
}

/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 900px) {

    .site-tabs .nav-tabs {
        flex-wrap: wrap;
        justify-content: center;
        padding: 8px 10px;
    }

    .site-tabs .nav-tabs li a {
        font-size: 12px;
        padding: 10px 12px;
    }
}

@media (max-width: 650px) {

    .site-tabs .nav-tabs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
    }

    .site-tabs .nav-tabs li a {
        text-align: center;
        white-space: normal;
    }

    .site-tabs .nav-tabs li ul.sub-menu {
        position: static;
        width: 100%;
        margin-top: 4px;
    }
}

/* =========================================================
   FAIRBANKS OFFROAD LIONS
   WORDPRESS MAIN NAVIGATION
   ========================================================= */

.nav-tabs {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0;
    padding: 0 14px 12px 14px;
    background: #0B0B0B;
    box-sizing: border-box;
}

.nav-tabs .fol-main-menu {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    margin: 0;
    padding: 0;
}

.nav-tabs .fol-main-menu > li {
    position: relative;
    margin: 0;
    padding: 0;
}

/* Main navigation buttons */

.nav-tabs .fol-main-menu > li > a {
    display: block;
    padding: 11px 14px;
    border: 1px solid rgba(201,162,39,.55);
    border-radius: 10px;
    background: #0B0B0B;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.2;
    white-space: nowrap;
    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease;
}

/* Hover */

.nav-tabs .fol-main-menu > li > a:hover,
.nav-tabs .fol-main-menu > li > a:focus {
    background: #C9A227;
    border-color: #C9A227;
    color: #111111;
}

/* Current page */

.nav-tabs .fol-main-menu > li.current-menu-item > a,
.nav-tabs .fol-main-menu > li.current-menu-ancestor > a {
    background: #C9A227;
    border-color: #C9A227;
    color: #111111;
}

/* =========================================================
   FOL LANDING PAGE — STICKY MAIN NAVIGATION
   ========================================================= */

.fol-landing-nav {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;

    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    background: rgba(5,5,5,.97) !important;

    border-bottom: 1px solid rgba(201,162,39,.55) !important;

    box-sizing: border-box !important;
}


/* Navigation occupies remaining space beside logo */

.fol-landing-nav .nav-tabs {
    flex: 1 1 auto !important;

    display: flex !important;
    justify-content: flex-end !important;

    margin-left: auto !important;
}


/* Actual WordPress menu */

.fol-landing-nav .fol-main-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    margin-left: auto !important;
}

/* =========================================================
   GET INVOLVED DROPDOWN
   ========================================================= */

.nav-tabs .fol-main-menu li.menu-item-has-children > a::after {
    content: " ▾";
    color: #C9A227;
    margin-left: 5px;
}

.nav-tabs .fol-main-menu li.menu-item-has-children > a:hover::after,
.nav-tabs .fol-main-menu li.current-menu-ancestor > a::after {
    color: #111111;
}

/* Dropdown */

.nav-tabs .fol-main-menu .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;

    min-width: 220px;
    margin: 0;
    padding: 6px;

    list-style: none;

    background: #101010;
    border: 1px solid rgba(201,162,39,.55);
    border-radius: 10px;
    box-shadow: 0 12px 28px rgba(0,0,0,.5);
}

/* Show dropdown on hover/focus */

.nav-tabs .fol-main-menu li.menu-item-has-children:hover > .sub-menu,
.nav-tabs .fol-main-menu li.menu-item-has-children:focus-within > .sub-menu {
    display: block;
}

/* Dropdown items */

.nav-tabs .fol-main-menu .sub-menu li {
    margin: 0;
    padding: 0;
}

.nav-tabs .fol-main-menu .sub-menu li a {
    display: block;
    padding: 11px 13px;

    color: #ffffff;
    background: transparent;

    text-decoration: none;
    text-transform: uppercase;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;

    border-radius: 6px;
    white-space: nowrap;
}

.nav-tabs .fol-main-menu .sub-menu li a:hover,
.nav-tabs .fol-main-menu .sub-menu li a:focus {
    background: #C9A227;
    color: #111111;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 900px) {

    .nav-tabs {
        justify-content: center;
        padding: 8px 10px 12px;
    }

    .nav-tabs .fol-main-menu {
        flex-wrap: wrap;
        justify-content: center;
    }

    .nav-tabs .fol-main-menu > li > a {
        font-size: 12px;
        padding: 10px 12px;
    }
}

@media (max-width: 650px) {

    .nav-tabs .fol-main-menu {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        gap: 6px;
    }

    .nav-tabs .fol-main-menu > li > a {
        text-align: center;
        white-space: normal;
    }

    .nav-tabs .fol-main-menu .sub-menu {
        position: static;
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }
}

/* =========================================================
   FAIRBANKS OFFROAD LIONS — CLUB ACCESS
   FINAL CONSOLIDATED STYLE
   ========================================================= */

/* ---------------------------------------------------------
   NORMAL STATE
   Gold text / black background / gold border
   --------------------------------------------------------- */

.nav-tabs .fol-main-menu li.club-access-nav > a,
.nav-tabs .fol-main-menu li.club-access-nav.current-menu-item > a,
.nav-tabs .fol-main-menu li.club-access-nav.current_page_item > a,
.nav-tabs .fol-main-menu li.club-access-nav.current-menu-ancestor > a {
    background: #0B0B0B !important;
    border: 1px solid #C9A227 !important;
    color: #C9A227 !important;
    -webkit-text-fill-color: #C9A227 !important;
    font-weight: 900 !important;
    text-shadow: none !important;
}


/* ---------------------------------------------------------
   HOVER / FOCUS STATE
   Dark gold/black background / light gold text / glow
   --------------------------------------------------------- */

.nav-tabs .fol-main-menu li.club-access-nav > a:hover,
.nav-tabs .fol-main-menu li.club-access-nav > a:focus,
.nav-tabs .fol-main-menu li.club-access-nav.current-menu-item > a:hover,
.nav-tabs .fol-main-menu li.club-access-nav.current_page_item > a:hover,
.nav-tabs .fol-main-menu li.club-access-nav.current-menu-ancestor > a:hover {
    background: linear-gradient(
        to bottom,
        #29230F 0%,
        #17150B 55%,
        #0B0B0B 100%
    ) !important;

    border: 1px solid #C9A227 !important;

    color: #F4E5A3 !important;
    -webkit-text-fill-color: #F4E5A3 !important;

    box-shadow:
        0 0 5px rgba(201,162,39,.75),
        0 0 10px rgba(201,162,39,.35) !important;

    text-shadow:
        0 0 4px rgba(201,162,39,.35) !important;
}

/* Global Ultimate Member theme matching */
.um .um-button,
.um input[type=submit].um-button {
  background: #C9A227 !important;
  color: #111 !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}
.um .um-form input[type=text],
.um .um-form input[type=password],
.um .um-form input[type=email] {
  background: #1a1a1a !important;
  border: 1px solid rgba(201,162,39,.35) !important;
  color: #fff !important;
  border-radius: 10px !important;
}

/* =========================================================
   FAIRBANKS OFFROAD LIONS
   ULTIMATE MEMBER — MEMBERS DIRECTORY
   Standalone Members page + FED Directory
   ========================================================= */

body.page-id-26 .entry-content {
    width: var(--fol-portal-width) !important;
    max-width: var(--fol-portal-max-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 3vw !important;
    padding-right: 3vw !important;
    box-sizing: border-box !important;
}

body.page-id-26 .um-directory,
body.page-id-26 .um-members-wrapper,
body.page-id-26 .um-members {
    width: 100% !important;
    max-width: none !important;
}

/* Compact native directory cards/list. Masonry retains control of grid placement. */
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-member {
    min-height: 0 !important;
    opacity: 1 !important;
    background: #151515 !important;
    border: 1px solid rgba(201,162,39,.35) !important;
    border-radius: 10px !important;
    color: #fff !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-member-cover {
    display: none !important;
}
/* Status stays out of the flow so all cards retain their compact height. */
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-member-status {
    display: none !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-member-status.rejected {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    left: auto !important;
    width: 22px !important;
    height: 22px !important;
    padding: 0 !important;
    border: 1px solid #f3b0b0;
    border-radius: 50%;
    background: #8a2626 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 14px !important;
    font-weight: 800;
    line-height: 1 !important;
    z-index: 2;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-list .um-member-status.rejected {
    right: 48px !important;
    top: calc(50% - 11px) !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-list .um-member {
    position: relative !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-list .um-member.rejected .um-member-card {
    padding-right: 30px !important;
}

/* Explicit rejection tooltip: appears on hover, keyboard focus and tap focus. */
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .fol-rejection-indicator {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 22px !important;
    height: 22px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    cursor: help;
    overflow: visible !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .fol-rejection-indicator:focus-visible {
    outline: 2px solid var(--gold) !important;
    outline-offset: 3px;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .fol-rejection-tooltip {
    display: block !important;
    position: absolute;
    top: 0;
    right: calc(100% + 8px);
    width: max-content;
    max-width: min(220px, calc(100vw - 100px));
    padding: 8px 10px !important;
    border: 1px solid var(--gold);
    border-radius: 6px;
    background: #222 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    white-space: normal;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    z-index: 50;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .fol-rejection-indicator:hover .fol-rejection-tooltip,
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .fol-rejection-indicator:focus .fol-rejection-tooltip {
    visibility: visible;
    opacity: 1;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-member-photo {
    padding: 16px 0 10px !important;
    margin: 0 !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-member-photo a,
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-member-photo img {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    padding: 0 !important;
    margin: 0 !important;
    top: 0 !important;
    border-radius: 50% !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-member-photo img {
    object-fit: cover;
    border: 2px solid #151515 !important;
    box-shadow: 0 0 0 1px rgba(201,162,39,.5) !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-member-card {
    padding: 0 14px 16px !important;
    background: transparent !important;
    min-width: 0;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-member-name,
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-member-name a {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    white-space: normal !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-member-name a:hover,
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-member-name a:focus-visible {
    color: var(--gold) !important;
    -webkit-text-fill-color: var(--gold) !important;
    text-decoration: underline !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-member-meta,
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-member-metaline {
    background: transparent !important;
    color: #ddd !important;
    border-color: rgba(201,162,39,.25) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-member-meta a {
    color: var(--gold) !important;
    -webkit-text-fill-color: var(--gold) !important;
    text-decoration-color: currentColor !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-list .um-member {
    padding: 14px !important;
    margin-bottom: 10px !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-list .um-member-card-container {
    align-items: center !important;
    margin: 0 !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-list .um-member-photo {
    flex: 0 0 48px !important;
    width: 48px !important;
    padding: 0 !important;
    margin-right: 14px !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-list .um-member-card {
    flex: 1 1 0 !important;
    width: auto !important;
    padding: 0 !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-list .um-member-card-content {
    min-width: 0;
}

:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-member-card a.um-edit-profile-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 6px 12px !important;
    box-sizing: border-box;
    border: 1px solid var(--gold) !important;
    border-radius: 7px !important;
    background: var(--gold) !important;
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    text-shadow: none !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-member-card a.um-edit-profile-btn::before {
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-member-card a.um-edit-profile-btn:hover,
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-member-card a.um-edit-profile-btn:focus-visible {
    background: #fff !important;
    border-color: #fff !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-member-actions-a {
    color: var(--gold) !important;
    -webkit-text-fill-color: var(--gold) !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-new-dropdown {
    background: #1c1c1c !important;
    border-color: var(--gold) !important;
    max-width: calc(100vw - 48px);
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-new-dropdown ul li a {
    background: #1c1c1c !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    white-space: normal;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-new-dropdown ul li a:hover,
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-new-dropdown ul li a:focus-visible {
    background: var(--gold) !important;
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
}
.fol-contact-private-note {
    margin: 6px 0 !important;
    color: #c8c8c8 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-member-directory-view-type {
    display: inline-flex !important;
    gap: 6px;
    width: auto !important;
    height: auto !important;
    margin: 0 12px 12px 0 !important;
}
/* Both choices stay visible; the native click handler changes the view. */
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-member-directory-view-type-a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 40px;
    padding: 6px 12px;
    box-sizing: border-box;
    border: 1px solid var(--gold);
    border-radius: 7px;
    font-size: 14px !important;
    line-height: 1.4 !important;
    color: var(--gold) !important;
    -webkit-text-fill-color: var(--gold) !important;
    text-decoration: none !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-member-directory-view-type-a[data-type="grid"]::after { content: "Cards"; }
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-member-directory-view-type-a[data-type="list"]::after { content: "List"; }
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-member-directory-view-type-a[aria-pressed="true"] {
    background: var(--gold) !important;
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory a:focus-visible {
    outline: 2px solid var(--gold) !important;
    outline-offset: 3px;
}

body.page-id-26 .um-member-directory-header,
body.page-id-26 .um-members-wrapper {
    max-width: none !important;
}

@media (max-width: 650px) {
    body.page-id-26 .entry-content {
        width: 94% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

/* =========================================================
   FAIRBANKS OFFROAD LIONS
   MEMBER EVENTS CALENDAR — CONSOLIDATED
   ========================================================= */

/* ---------------------------------------------------------
   MEMBER PORTAL NAVIGATION ABOVE CALENDAR
   --------------------------------------------------------- */

.events-member-portal-wrap {
    width: 100%;
    max-width: none;

    margin: 0 0 var(--fol-portal-nav-gap) !important;
    padding-top: var(--fol-portal-top) !important;

    box-sizing: border-box;
}

.events-member-portal-wrap .member-portal-nav {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.events-member-portal-wrap .fol-member-menu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
    background: transparent !important;
    border: none !important;
}

.events-member-portal-wrap .fol-member-menu > li {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.events-member-portal-wrap .fol-member-menu > li > a {
    display: block !important;
    width: auto !important;

    padding: 11px 15px !important;

    background: #151515 !important;
    border: 1px solid rgba(201,162,39,.38) !important;
    border-radius: 10px !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: .03em !important;
    white-space: nowrap !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        color .2s ease,
        transform .2s ease !important;
}


/* Hover / focus */

.events-member-portal-wrap .fol-member-menu > li > a:hover,
.events-member-portal-wrap .fol-member-menu > li > a:focus {
    background: var(--gold) !important;
    border-color: var(--gold) !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    transform: translateY(-1px);
    outline: none !important;
}


/* Current calendar page */

.events-member-portal-wrap
.fol-member-menu > li.current-menu-item > a,

.events-member-portal-wrap
.fol-member-menu > li.current_page_item > a,

.events-member-portal-wrap
.fol-member-menu > li.current-menu-ancestor > a {
    background: var(--gold) !important;
    border-color: var(--gold) !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

/*
 * TEC outer view controls page width.
 */
.tribe-events-view {
    width: 100% !important;
    max-width: 1100px !important;

    margin: 0 auto 80px !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    box-sizing: border-box !important;
}

/*
 * FOL calendar content panel.
 */
.tribe-events .tribe-common-l-container {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: var(--fol-portal-padding) !important;

    background: var(--panel) !important;

    border: var(--fol-portal-border) !important;
    border-radius: var(--fol-portal-radius) !important;

    box-shadow: var(--fol-portal-shadow) !important;

    box-sizing: border-box !important;
}

/* ---------------------------------------------------------
   CALENDAR HEADER
   --------------------------------------------------------- */

.tribe-events .tribe-events-header {
    margin: 0 0 26px !important;
    padding: 0 !important;
}


/* ---------------------------------------------------------
   SEARCH / VIEW BAR
   --------------------------------------------------------- */

.tribe-events .tribe-events-c-events-bar {
    overflow: hidden;

    margin: 22px 0 26px !important;

    background: #151515 !important;

    border: 1px solid rgba(201,162,39,.35) !important;
    border-radius: 12px !important;

    box-shadow: none !important;
}


/* Search input */

.tribe-events .tribe-events-c-search__input-control input {
    background: transparent !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
}

.tribe-events .tribe-events-c-search__input-control input::placeholder {
    color: #999999 !important;
    -webkit-text-fill-color: #999999 !important;
    opacity: 1 !important;
}


/* Search icon */

.tribe-events .tribe-events-c-search__input-control-icon-svg {
    color: #888888 !important;
}

.tribe-events .tribe-events-c-search__input-control-icon-svg path {
    fill: #888888 !important;
}


/* Find Events */

.tribe-events .tribe-events-c-search__button {
    background: var(--gold) !important;
    background-color: var(--gold) !important;
    background-image: none !important;

    border: 1px solid var(--gold) !important;
    border-radius: 9px !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 900 !important;

    text-transform: uppercase !important;

    box-shadow: none !important;
}

.tribe-events .tribe-events-c-search__button:hover,
.tribe-events .tribe-events-c-search__button:focus {
    background: #F4E5A3 !important;
    border-color: #F4E5A3 !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    outline: none !important;
}


/* ---------------------------------------------------------
   LIST / MONTH / DAY VIEW SELECTOR
   --------------------------------------------------------- */

.tribe-events .tribe-events-c-view-selector__list-item-link {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-weight: 800 !important;
    text-decoration: none !important;
}

.tribe-events
.tribe-events-c-view-selector__list-item--active
.tribe-events-c-view-selector__list-item-link {
    color: var(--gold) !important;
    -webkit-text-fill-color: var(--gold) !important;
}

.tribe-events .tribe-events-c-view-selector__list-item-link:hover,
.tribe-events .tribe-events-c-view-selector__list-item-link:focus {
    color: #F4E5A3 !important;
    -webkit-text-fill-color: #F4E5A3 !important;
}


/* ---------------------------------------------------------
   TOP BAR — PREVIOUS / NEXT / TODAY / UPCOMING
   --------------------------------------------------------- */

/* Previous / next arrow controls */

.tribe-events .tribe-events-c-top-bar__nav-link {
    color: var(--gold) !important;
    opacity: 1 !important;
}

.tribe-events .tribe-events-c-top-bar__nav-link-icon-svg {
    color: var(--gold) !important;
    opacity: 1 !important;
}

.tribe-events .tribe-events-c-top-bar__nav-link-icon-svg path {
    fill: var(--gold) !important;
    stroke: var(--gold) !important;
}

.tribe-events .tribe-events-c-top-bar__nav-link:hover,
.tribe-events .tribe-events-c-top-bar__nav-link:focus {
    color: #F4E5A3 !important;
}

.tribe-events
.tribe-events-c-top-bar__nav-link:hover
.tribe-events-c-top-bar__nav-link-icon-svg path,

.tribe-events
.tribe-events-c-top-bar__nav-link:focus
.tribe-events-c-top-bar__nav-link-icon-svg path {
    fill: #F4E5A3 !important;
    stroke: #F4E5A3 !important;
}


/* Today button */

.tribe-events .tribe-events-c-top-bar__today-button {
    padding: 7px 13px !important;

    background: var(--black) !important;

    border: 1px solid rgba(201,162,39,.55) !important;
    border-radius: 7px !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-weight: 700 !important;
}

.tribe-events .tribe-events-c-top-bar__today-button:hover,
.tribe-events .tribe-events-c-top-bar__today-button:focus {
    border-color: var(--gold) !important;

    color: var(--gold) !important;
    -webkit-text-fill-color: var(--gold) !important;
}


/* Upcoming / datepicker heading */

.tribe-events .tribe-events-c-top-bar__datepicker-button {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 800 !important;
}

.tribe-events .tribe-events-c-top-bar__datepicker-button:hover,
.tribe-events .tribe-events-c-top-bar__datepicker-button:focus {
    color: var(--gold) !important;
    -webkit-text-fill-color: var(--gold) !important;
}


/* Datepicker caret */

.tribe-events
.tribe-events-c-top-bar__datepicker-button-icon-svg {
    color: var(--gold) !important;
}

.tribe-events
.tribe-events-c-top-bar__datepicker-button-icon-svg path {
    fill: var(--gold) !important;
}


/* ---------------------------------------------------------
   MONTH SEPARATORS
   --------------------------------------------------------- */

.tribe-events .tribe-events-calendar-list__month-separator {
    margin: 28px 0 22px !important;
}

.tribe-events
.tribe-events-calendar-list__month-separator-text {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.tribe-events
.tribe-events-calendar-list__month-separator::after {
    background: rgba(201,162,39,.35) !important;
}


/* ---------------------------------------------------------
   EVENT ROWS
   --------------------------------------------------------- */

.tribe-events .tribe-events-calendar-list__event-row {
    margin: 0 !important;
    padding: 20px 0 24px !important;

    border-bottom: 1px solid rgba(201,162,39,.16) !important;
}

.tribe-events .tribe-events-calendar-list__event-row:last-child {
    border-bottom: 0 !important;
}


/* Date column */

.tribe-events
.tribe-events-calendar-list__event-date-tag-weekday {
    color: #bdbdbd !important;
    -webkit-text-fill-color: #bdbdbd !important;

    font-weight: 800 !important;
}

.tribe-events
.tribe-events-calendar-list__event-date-tag-daynum {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-weight: 900 !important;
}


/* Event title */

.tribe-events
.tribe-events-calendar-list__event-title {
    margin-bottom: 7px !important;
}

.tribe-events
.tribe-events-calendar-list__event-title-link,

.tribe-events
.tribe-events-calendar-list__event-title-link:visited {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 800 !important;

    text-decoration: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

.tribe-events
.tribe-events-calendar-list__event-title-link:hover,

.tribe-events
.tribe-events-calendar-list__event-title-link:focus {
    color: var(--gold) !important;
    -webkit-text-fill-color: var(--gold) !important;
}


/* Event date / time */

.tribe-events
.tribe-events-calendar-list__event-datetime {
    color: #dddddd !important;
    -webkit-text-fill-color: #dddddd !important;

    font-weight: 600 !important;
}


/* Venue */

.tribe-events
.tribe-events-calendar-list__event-venue {
    color: #bdbdbd !important;
    -webkit-text-fill-color: #bdbdbd !important;
}


/* ---------------------------------------------------------
   BOTTOM PREVIOUS / NEXT EVENTS
   --------------------------------------------------------- */

.tribe-events .tribe-events-c-nav {
    margin-top: 28px !important;
    padding-top: 22px !important;

    border-top: 1px solid rgba(201,162,39,.28) !important;
}

.tribe-events .tribe-events-c-nav__prev,
.tribe-events .tribe-events-c-nav__next {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-weight: 800 !important;
    text-decoration: none !important;
}

.tribe-events .tribe-events-c-nav__prev:hover,
.tribe-events .tribe-events-c-nav__next:hover,
.tribe-events .tribe-events-c-nav__prev:focus,
.tribe-events .tribe-events-c-nav__next:focus {
    color: var(--gold) !important;
    -webkit-text-fill-color: var(--gold) !important;
}


/* Bottom navigation arrows */

.tribe-events .tribe-events-c-nav__prev-icon-svg path,
.tribe-events .tribe-events-c-nav__next-icon-svg path {
    fill: var(--gold) !important;
    stroke: var(--gold) !important;
}


/* ---------------------------------------------------------
   SUBSCRIBE TO CALENDAR
   --------------------------------------------------------- */

.tribe-events
.tribe-events-c-subscribe-dropdown__button {
    background: var(--gold) !important;
    background-color: var(--gold) !important;

    border: 1px solid var(--gold) !important;
    border-radius: 9px !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    font-weight: 900 !important;

    box-shadow: none !important;
}

.tribe-events
.tribe-events-c-subscribe-dropdown__button-text {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    font-weight: 900 !important;
}

.tribe-events
.tribe-events-c-subscribe-dropdown__button:hover,
.tribe-events
.tribe-events-c-subscribe-dropdown__button:focus {
    background: #F4E5A3 !important;
    border-color: #F4E5A3 !important;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 850px) {

    .events-member-portal-wrap {
        width: 96% !important;
    }
}


@media (max-width: 600px) {

    .events-member-portal-wrap {
        width: calc(100% - 24px) !important;
    }

    .events-member-portal-wrap .fol-member-menu {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 7px !important;
    }

    .events-member-portal-wrap .fol-member-menu > li,
    .events-member-portal-wrap .fol-member-menu > li > a {
        width: 100% !important;
    }

    .events-member-portal-wrap .fol-member-menu > li > a {
        text-align: left !important;
        white-space: normal !important;
    }

    .tribe-events .tribe-events-c-events-bar {
        border-radius: 9px !important;
    }
}

/* =========================================================
   FOL FED — EVENT DETAIL
   ========================================================= */

.fol-event-detail {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    box-sizing: border-box !important;
}


/* Event title */

.fol-event-detail h2 {
    margin: 8px 0 22px !important;

    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}


/* Date / location information */

.fol-event-detail-meta {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;

    margin: 0 0 24px !important;
}

.fol-event-detail-meta > div {
    padding: 14px 16px !important;

    background: #151515 !important;
    border: 1px solid rgba(201,162,39,.28) !important;
    border-radius: 9px !important;

    box-sizing: border-box !important;
}

.fol-event-detail-meta strong {
    display: block !important;

    margin: 0 0 5px !important;

    color: var(--gold) !important;

    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    text-transform: uppercase !important;
    letter-spacing: .06em !important;
}

.fol-event-detail-meta span {
    display: block !important;

    color: #ffffff !important;

    font-size: 14px !important;
    line-height: 1.4 !important;
}


/* Event description/content */

.fol-event-detail-content {
    margin: 0 0 24px !important;
    padding: 20px 0 0 !important;

    border-top: 1px solid rgba(201,162,39,.20) !important;

    color: #d8d8d8 !important;

    font-size: 14px !important;
    line-height: 1.65 !important;
}

.fol-event-detail-content p:first-child {
    margin-top: 0 !important;
}

.fol-event-detail-content p:last-child {
    margin-bottom: 0 !important;
}

.fol-event-detail-content a {
    color: var(--gold) !important;
    text-decoration: none !important;
}

.fol-event-detail-content a:hover,
.fol-event-detail-content a:focus {
    color: #ffffff !important;
    text-decoration: underline !important;
}


/* Back to Calendar */

.fol-event-back {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 40px !important;
    padding: 10px 18px !important;

    background: transparent !important;

    border: 1px solid rgba(201,162,39,.60) !important;
    border-radius: 8px !important;

    color: var(--gold) !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    text-transform: uppercase !important;
    letter-spacing: .04em !important;

    text-decoration: none !important;
}

.fol-event-back:hover,
.fol-event-back:focus {
    background: var(--gold) !important;
    border-color: var(--gold) !important;

    color: #111111 !important;
    text-decoration: none !important;
}


/* Invalid/unavailable event */

.fol-event-detail-empty {
    padding: 18px 20px !important;

    background: #151515 !important;
    border: 1px solid rgba(201,162,39,.28) !important;
    border-radius: 9px !important;

    color: #ffffff !important;
}


/* Mobile */

@media (max-width: 650px) {

    .fol-event-detail h2 {
        font-size: 20px !important;
    }

    .fol-event-detail-meta {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   FAIRBANKS OFFROAD LIONS
   FRONTEND DASHBOARD — MEMBER PORTAL
   ========================================================= */

/* ---------------------------------------------------------
   FED LEFT NAVIGATION — FOL PORTAL STYLE
   --------------------------------------------------------- */

/* Sidebar column */
.club-access-card .fed_dashboard_menus {
    background: #151515 !important;
    border: 0 !important;
    border-radius: 12px !important;
    padding: 12px !important;
    box-sizing: border-box !important;
}

/* Every FED menu panel */
.club-access-card .fed_dashboard_menus .fed_menu_item,
.club-access-card .fed_menu_item.panel,
.club-access-card .fed_menu_item.panel-secondary {
    margin: 0 0 5px !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 8px !important;

    box-shadow: none !important;
    overflow: hidden !important;
}

/* Every menu heading — explicitly defeat FED teal */
.club-access-card .fed_dashboard_menus .fed_menu_item > .panel-heading,
.club-access-card .fed_menu_item.panel-secondary > .panel-heading {
    position: relative !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 8px !important;

    color: #d7d7d7 !important;
}

/* Full clickable row */
.club-access-card .fed_dashboard_menus .fed_menu_item .panel-title > a,
.club-access-card .fed_menu_item.panel-secondary .panel-title > a {
    display: block !important;
    width: 100% !important;

    padding: 12px 14px !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 8px !important;

    color: #d7d7d7 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    text-decoration: none !important;

    box-shadow: none !important;

    transition:
        background .2s ease,
        color .2s ease !important;
}

/* FED internal row layout */
.club-access-card .fed_menu_item .fed_display_inline {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.club-access-card .fed_menu_item
.fed_display_inline > div:first-child {
    display: flex !important;
    align-items: center !important;
}

/* Icons */
.club-access-card .fed_menu_item .fed_menu_icon,
.club-access-card .fed_menu_item svg {
    color: #C9A227 !important;
}

/* Icon spacing */
.club-access-card .fed_menu_item .fed_menu_icon {
    width: 20px !important;
    margin-right: 10px !important;
    text-align: center !important;
}

/* Labels */
.club-access-card .fed_menu_item .fed_menu_title {
    color: inherit !important;
    font-weight: 700 !important;
}

/* Hover / focus */
.club-access-card .fed_dashboard_menus
.fed_menu_item .panel-title > a:hover,
.club-access-card .fed_dashboard_menus
.fed_menu_item .panel-title > a:focus {
    background: #222222 !important;
    background-color: #222222 !important;

    color: #ffffff !important;
    outline: none !important;
}

/* Hide FED's redundant built-in Profile menu.
   Keep it in FED internally for compatibility/authorization. */
.club-access-card .fed_menu_item:has(.panel-heading#profile) {
    display: none !important;
}

/* Hide internal Action Item route from FED navigation.
   Members reach this page by clicking an assigned task. */
.club-access-card .fed_menu_item:has(.panel-heading#action_item) {
    display: none !important;
}

/* ---------------------------------------------------------
   ACTIVE FED ITEM
   Uses FED's native .active class
   --------------------------------------------------------- */

/* Active menu heading */
.club-access-card
.fed_menu_item
.panel-heading.active {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
}

/* Active menu row */
.club-access-card
.fed_menu_item
.panel-heading.active
.panel-title > a {
    position: relative !important;

    background: #292929 !important;
    background-color: #292929 !important;

    color: #ffffff !important;

    padding-left: 17px !important;
}

/* Gold active indicator */
.club-access-card
.fed_menu_item
.panel-heading.active
.panel-title > a::before {
    content: "";

    position: absolute;
    top: 7px;
    bottom: 7px;
    left: 0;

    width: 3px;

    background: #C9A227;
    border-radius: 3px;
}

/* Active icon */
.club-access-card
.fed_menu_item
.panel-heading.active
.fed_menu_icon,
.club-access-card
.fed_menu_item
.panel-heading.active svg {
    color: #C9A227 !important;
}/* ---------------------------------------------------------
   FED MAIN PROFILE WORKSPACE
   --------------------------------------------------------- */

/* Right-side dashboard area */
.club-access-card .fed_dashboard_items {
    background: transparent !important;
}

/* Main FED panel */
.club-access-card .fed_dashboard_item.panel-primary {
    background: #101010 !important;
    border: 1px solid rgba(201,162,39,.35) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

/* Replace teal PROFILE heading */
.club-access-card .fed_dashboard_item.panel-primary > .panel-heading {
    background: #181818 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(201,162,39,.35) !important;
    padding: 16px 20px !important;
}

/* PROFILE heading text */
.club-access-card .fed_dashboard_item > .panel-heading .panel-title {
    color: #ffffff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}

/* Gold profile icon */
.club-access-card .fed_dashboard_item > .panel-heading .panel-title svg {
    color: #C9A227 !important;
    margin-right: 8px !important;
}

/* Main profile body */
.club-access-card .fed_dashboard_item > .panel-body {
    background: #101010 !important;
    padding: 24px !important;
}

/* =========================================================
   FOL FRONTEND DASHBOARD — MOBILE MENU TOGGLE
   ========================================================= */

.fed_dashboard_wrapper button.collapse-toggle,
button.collapse-toggle[data-target="#fed_default_template"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    margin: 0 0 14px !important;
    padding: 9px 14px !important;

    background: #101010 !important;
    border: 1px solid rgba(201,162,39,.65) !important;
    border-radius: 8px !important;

    color: var(--gold) !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    text-transform: uppercase;
    letter-spacing: .04em;

    box-shadow: none !important;
    cursor: pointer;
}


/* Hamburger icon */

.fed_dashboard_wrapper button.collapse-toggle svg,
button.collapse-toggle[data-target="#fed_default_template"] svg {
    color: var(--gold) !important;

    width: 14px;
    height: 14px;
}


/* Hover / keyboard focus */

.fed_dashboard_wrapper button.collapse-toggle:hover,
.fed_dashboard_wrapper button.collapse-toggle:focus,
button.collapse-toggle[data-target="#fed_default_template"]:hover,
button.collapse-toggle[data-target="#fed_default_template"]:focus {
    background: var(--gold) !important;
    border-color: var(--gold) !important;

    color: #111111 !important;

    outline: none !important;
}

.fed_dashboard_wrapper button.collapse-toggle:hover svg,
.fed_dashboard_wrapper button.collapse-toggle:focus svg,
button.collapse-toggle[data-target="#fed_default_template"]:hover svg,
button.collapse-toggle[data-target="#fed_default_template"]:focus svg {
    color: #111111 !important;
}

/* ---------------------------------------------------------
   PROFILE FIELDS
   --------------------------------------------------------- */

/* Remove FED's white field boxes */
.club-access-card .fed_dashboard_item_field {
    background: transparent !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
}

/* Field labels */
.club-access-card .fed_dashboard_item_field label {
    display: block !important;
    margin: 0 0 7px !important;

    color: #d7d7d7 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}

/* Inputs */
.club-access-card .fed_dashboard_item_field .form-control {
    width: 100% !important;
    height: auto !important;

    padding: 12px 14px !important;

    background: #0B0B0B !important;
    border: 1px solid rgba(201,162,39,.32) !important;
    border-radius: 8px !important;

    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;

    box-shadow: none !important;
}

/* Input focus */
.club-access-card .fed_dashboard_item_field .form-control:focus {
    border-color: #C9A227 !important;
    box-shadow: 0 0 0 2px rgba(201,162,39,.12) !important;
    outline: none !important;
}

/* Placeholder */
.club-access-card .fed_dashboard_item_field .form-control::placeholder {
    color: #888888 !important;
    opacity: 1 !important;
}

/* Read-only username */
.club-access-card .fed_dashboard_item_field .form-control[readonly] {
    background: #161616 !important;
    color: #aaaaaa !important;
    cursor: default !important;
}


/* ---------------------------------------------------------
   SAVE BUTTON
   --------------------------------------------------------- */

.club-access-card .fed_dashboard_item .btn-primary {
    background: #C9A227 !important;
    border: 1px solid #C9A227 !important;
    border-radius: 8px !important;

    color: #111111 !important;

    padding: 11px 18px !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .03em !important;

    box-shadow: none !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease !important;
}

.club-access-card .fed_dashboard_item .btn-primary:hover,
.club-access-card .fed_dashboard_item .btn-primary:focus {
    background: #F4E5A3 !important;
    border-color: #F4E5A3 !important;
    color: #111111 !important;
    transform: translateY(-1px);
}

/* Save icon */
.club-access-card .fed_dashboard_item .btn-primary svg {
    color: #111111 !important;
    margin-right: 5px !important;
}

/* =========================================================
   FAIRBANKS OFFROAD LIONS
   MEMBER DASHBOARD — CUSTOM CONTENT
   ========================================================= */

/* ---------------------------------------------------------
   WELCOME
   --------------------------------------------------------- */

.fol-dashboard-welcome {
    margin-bottom: 30px;
}

.fol-dashboard-kicker,
.fol-dashboard-section-heading {
    color: #C9A227;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.fol-dashboard-welcome h2 {
    color: #ffffff;
    font-size: clamp(26px, 3vw, 38px);
    margin: 0 0 8px;
    text-transform: none;
    letter-spacing: 0;
}

.fol-dashboard-welcome p {
    color: #bdbdbd;
    font-size: 16px;
    margin: 0;
}


/* ---------------------------------------------------------
   NEXT UP
   --------------------------------------------------------- */

.fol-dashboard-next {
    display: grid;
    gap: 10px;
    margin-top: 28px;
}

.fol-next-event {
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;

    margin-top: 0;
    padding: 14px;

    background: #151515;
    border: 1px solid rgba(201,162,39,.32);
    border-radius: 14px;

    box-shadow: 0 10px 24px rgba(0,0,0,.20);
}


/* Date block */

.fol-next-event-date {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-height: 62px;

    background: #0B0B0B;
    border: 1px solid #C9A227;
    border-radius: 10px;

    text-align: center;
}

.fol-next-event-month {
    color: #C9A227;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.fol-next-event-day {
    display: block;

    color: #ffffff;
    font-size: 26px;
    font-weight: 900;
    line-height: 1.05;
}


/* Event information */

.fol-next-event-details h3 {
    margin: 0 0 5px;

    color: #ffffff;

    font-size: 16px;
    font-weight: 800;
    line-height: 1.25;

    text-transform: none;
    letter-spacing: 0;
}

.fol-next-event-time {
    margin-bottom: 0;

    color: #bdbdbd;

    font-size: 12px;
    line-height: 1.4;
}

/* Event action buttons */

.fol-next-event-actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;

    min-width: 128px;
}

.club-access-card .fol-next-event-actions a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-height: 44px;
    box-sizing: border-box;

    padding: 10px 14px !important;

    border-radius: 8px !important;

    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}


/* Primary — View Event */

.club-access-card .fol-next-event-link,
.club-access-card .fol-next-event-link:link,
.club-access-card .fol-next-event-link:visited {
    padding: 10px 16px !important;

    background: #C9A227 !important;
    background-color: #C9A227 !important;
    background-image: none !important;

    border: 1px solid #C9A227 !important;
    border-radius: 8px !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    font-size: 12px !important;
    font-weight: 900 !important;

    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;

    box-shadow: none !important;
}


/* View Event hover and keyboard focus */

.club-access-card .fol-next-event-link:hover,
.club-access-card .fol-next-event-link:focus {
    background: #F4E5A3 !important;
    border-color: #F4E5A3 !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    transform: translateY(-1px);
}

/* No upcoming events */

.fol-next-event-empty {
    margin-top: 0;
    padding: 20px;

    background: #151515;
    border: 1px solid rgba(201,162,39,.25);
    border-radius: 12px;

    color: #bdbdbd;
    font-size: 15px;
}

/* ---------------------------------------------------------
   MY ACTION ITEMS
   --------------------------------------------------------- */

.fol-dashboard-actions {
    margin-top: 30px;
}

.fol-action-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;

    margin-bottom: 12px;
}

.fol-action-open-count {
    color: #ffffff;
    font-size: 18px;
    font-weight: 800;
}


/* Summary counts */

.fol-action-summary {
    display: flex;
    gap: 8px;
}

.fol-action-summary-item {
    min-width: 78px;
    padding: 7px 10px;

    background: #151515;
    border: 1px solid rgba(201,162,39,.30);
    border-radius: 8px;

    text-align: center;
}

.fol-action-summary-item strong {
    display: block;

    color: #ffffff;

    font-size: 17px;
    font-weight: 900;
    line-height: 1;
}

.fol-action-summary-item span {
    display: block;

    margin-top: 4px;

    color: #aaaaaa;

    font-size: 10px;
    font-weight: 800;

    text-transform: uppercase;
    letter-spacing: .04em;
}


/* Task list */

.fol-action-list {
    overflow: hidden;

    background: #151515;
    border: 1px solid rgba(201,162,39,.32);
    border-radius: 14px;
}

.fol-action-item {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 16px;
    align-items: center;

    padding: 16px 18px;

    border-bottom: 1px solid rgba(201,162,39,.16);
}

.fol-action-item:last-child {
    border-bottom: 0;
}


/* Status badges */

.fol-action-status {
    display: inline-block;

    width: fit-content;

    padding: 6px 9px;

    border-radius: 999px;

    font-size: 10px;
    font-weight: 900;
    line-height: 1;

    text-transform: uppercase;
    letter-spacing: .04em;
}

.fol-action-status-overdue {
    background: #ffffff;
    color: #b00000;

    border: 1px solid #b00000;

    font-weight: 900;

    box-shadow: 0 0 0 1px rgba(176,0,0,.08);
}

.fol-action-status-due_soon {
    background: #C9A227;
    color: #111111;
}

.fol-action-status-upcoming {
    background: #242424;
    border: 1px solid rgba(201,162,39,.45);
    color: #ffffff;
}

.fol-action-status-unscheduled {
    background: #242424;
    color: #d7d7d7;
}


/* Task details */

.fol-action-title {
    margin-bottom: 5px;

    color: #ffffff;

    font-size: 15px;
    font-weight: 800;
    line-height: 1.3;
}

.fol-action-meta {
    color: #aaaaaa;

    font-size: 12px;
    line-height: 1.4;
}

.fol-action-project {
    color: #d7d7d7;
    font-weight: 600;
}

.fol-action-separator {
    margin: 0 5px;
    color: #C9A227;
}


/* Empty state */

.fol-action-empty {
    padding: 20px;

    background: #151515;
    border: 1px solid rgba(201,162,39,.25);
    border-radius: 12px;

    color: #bdbdbd;
}


/* Mobile */

@media (max-width: 700px) {

    .fol-action-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .fol-action-summary {
        width: 100%;
    }

    .fol-action-summary-item {
        flex: 1;
        min-width: 0;
    }

    .fol-action-item {
        grid-template-columns: 1fr;
        gap: 9px;
    }
}

.club-access-card a.fol-action-item,
.club-access-card a.fol-action-item:link,
.club-access-card a.fol-action-item:visited {
    color: inherit !important;
    text-decoration: none !important;
}

.club-access-card a.fol-action-item:hover,
.club-access-card a.fol-action-item:focus {
    background: #1c1c1c !important;
    color: inherit !important;
    text-decoration: none !important;
    outline: none !important;
}

/* ---------------------------------------------------------
   ACTION ITEM DETAIL
   --------------------------------------------------------- */

.fol-action-detail {
    padding: 4px 0 8px;
}

/* Task title */
.fol-action-detail h2 {
    margin: 8px 0 22px !important;

    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: clamp(24px, 3vw, 34px) !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;

    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* Project / due-date information */
.fol-action-detail-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;

    margin-bottom: 22px;
}

.fol-action-detail-meta > div {
    padding: 14px 16px;

    background: #151515;
    border: 1px solid rgba(201,162,39,.28);
    border-radius: 10px;
}

.fol-action-detail-meta strong {
    display: block;
    margin-bottom: 5px;

    color: #C9A227;

    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.fol-action-detail-meta span {
    display: block;

    color: #ffffff;

    font-size: 14px;
    font-weight: 600;
}


/* Back to Dashboard button */
.club-access-card .fol-action-back,
.club-access-card .fol-action-back:link,
.club-access-card .fol-action-back:visited {
    display: inline-block !important;

    padding: 10px 15px !important;

    background: #0B0B0B !important;
    border: 1px solid #C9A227 !important;
    border-radius: 8px !important;

    color: #C9A227 !important;
    -webkit-text-fill-color: #C9A227 !important;

    font-size: 12px !important;
    font-weight: 900 !important;

    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}

.club-access-card .fol-action-back:hover,
.club-access-card .fol-action-back:focus {
    background: #C9A227 !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}


/* Mobile */
@media (max-width: 600px) {

    .fol-action-detail-meta {
        grid-template-columns: 1fr;
    }
}

/* ---------------------------------------------------------
   MEMBERS SUMMARY
   --------------------------------------------------------- */

.fol-dashboard-members {
    margin-top: 30px;
}

.fol-members-summary {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr) auto;
    gap: 20px;
    align-items: center;

    padding: 20px 22px;

    background: #151515;
    border: 1px solid rgba(201,162,39,.32);
    border-radius: 14px;
}

.fol-members-count {
    color: #ffffff;

    font-size: 38px;
    font-weight: 900;
    line-height: 1;

    text-align: center;
}

.fol-members-info strong {
    display: block;

    margin-bottom: 5px;

    color: #ffffff;

    font-size: 16px;
    font-weight: 800;
}

.fol-members-info span {
    color: #aaaaaa;

    font-size: 13px;
    line-height: 1.4;
}


/* View Directory button */

.club-access-card .fol-members-directory-link,
.club-access-card .fol-members-directory-link:link,
.club-access-card .fol-members-directory-link:visited {
    display: inline-block !important;

    padding: 10px 15px !important;

    background: #0B0B0B !important;
    border: 1px solid #C9A227 !important;
    border-radius: 8px !important;

    color: #C9A227 !important;
    -webkit-text-fill-color: #C9A227 !important;

    font-size: 12px !important;
    font-weight: 900 !important;

    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}

.club-access-card .fol-members-directory-link:hover,
.club-access-card .fol-members-directory-link:focus {
    background: #C9A227 !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}


/* Mobile */

@media (max-width: 600px) {

    .fol-members-summary {
        grid-template-columns: 1fr;
    }

    .fol-members-count {
        text-align: left;
    }

    .fol-members-directory-link {
        width: 100%;
        text-align: center;
    }
}

/* ---------------------------------------------------------
   SINCE YOUR LAST VISIT
   --------------------------------------------------------- */

.fol-dashboard-since-visit {
    margin-top: 26px;
}

.fol-since-visit-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.club-access-card .fol-since-visit-item,
.club-access-card .fol-since-visit-item:link,
.club-access-card .fol-since-visit-item:visited {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    gap: 18px;

    min-height: 64px;
    padding: 14px 16px !important;

    background: #151515 !important;
    border: 1px solid rgba(201,162,39,.28) !important;
    border-radius: 10px !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    text-decoration: none !important;
}

.club-access-card .fol-since-visit-item:hover,
.club-access-card .fol-since-visit-item:focus {
    background: #1c1c1c !important;
    border-color: #C9A227 !important;

    text-decoration: none !important;
}

.fol-since-visit-label {
    color: #ffffff;

    font-size: 14px;
    font-weight: 800;
}

.fol-since-visit-status {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;

    color: #C9A227;

    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.fol-since-visit-status strong {
    color: #ffffff;

    font-size: 18px;
    font-weight: 900;
    line-height: 1;
}

.fol-since-visit-change {
    display: inline-flex;
    align-items: center;
    gap: 4px;

    color: #C9A227;
}

.fol-since-visit-none {
    color: #888888;
    font-size: 10px;
    font-weight: 700;
}


/* Mobile */

@media (max-width: 700px) {

    .fol-since-visit-grid {
        grid-template-columns: 1fr;
    }

    .club-access-card .fol-since-visit-item {
        min-height: 58px;
    }
}

/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 600px) {
    .fol-next-event {
        grid-template-columns: 52px minmax(0, 1fr);
        gap: 10px 12px;
        padding: 12px;
    }
    .fol-next-event-date {
        width: 52px;
        min-height: 52px;
    }
    .fol-next-event-details h3 {
        font-size: 15px;
        overflow-wrap: anywhere;
    }
    .fol-next-event-actions {
        grid-column: 2;
        width: 128px;
        min-width: 0;
        max-width: 100%;
    }
    .fol-next-event-actions a {
        width: 100% !important;
    }
}

/* =========================================================
   FOL PUBLIC FORM PAGE HEADER
   ========================================================= */

/* WordPress page title */
.header .entry-title {
    width: 100% !important;
    max-width: 1100px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 48px !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;

    text-align: left !important;
    text-transform: uppercase !important;
    letter-spacing: .02em !important;
}

.fol-form-kicker {
    width: 100% !important;
    max-width: 1100px !important;
}

/* =========================================================
   FOL VALUE-ADD CARDS
   Membership / Volunteer / Sponsor
   ========================================================= */

/* Match the normal form-page content width */
.fol-value-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;

    width: 100% !important;
    max-width: 1100px !important;

    margin: 28px auto 30px !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

/* Gutenberg columns become equal CSS-grid cells */
.fol-value-grid > .wp-block-column {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    flex: none !important;
    flex-basis: auto !important;
    flex-grow: 0 !important;
    flex-shrink: 1 !important;

    box-sizing: border-box !important;
}

/* One visible box per card */
.fol-value-card {
    display: block !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 150px;

    margin: 0 !important;
    padding: 20px !important;

    background: #181818 !important;
    border: 1px solid rgba(201,162,39,.40) !important;
    border-radius: 14px !important;
    box-shadow: none !important;

    box-sizing: border-box !important;
}

/* Heading */
.fol-value-card h3,
.fol-value-card .wp-block-heading {
    display: block !important;
    width: 100% !important;

    margin: 0 0 10px !important;
    padding: 18px 18px 0 !important;

    background: transparent !important;
    border: 0 !important;

    color: #ffffff !important;

    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-transform: uppercase !important;
    letter-spacing: .02em !important;

    box-sizing: border-box !important;
}


/* Description */
.fol-value-card p,
.fol-value-card .wp-block-paragraph {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 18px 18px !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    color: #d7d7d7 !important;

    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;

    box-sizing: border-box !important;
}
/* Tablet — two cards per row */
@media (max-width: 900px) {

    .fol-value-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: calc(100% - 48px) !important;
    }
}

/* Mobile — one card per row */
@media (max-width: 600px) {

    .fol-value-grid {
        grid-template-columns: 1fr !important;
        width: calc(100% - 24px) !important;
    }

    .fol-value-card {
        min-height: 0;
    }
}

/* Stack card content vertically */
.fol-value-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

.fol-value-card h3 {
    display: block !important;
    width: 100% !important;
}

.fol-value-card p {
    display: block !important;
    width: 100% !important;
}

/* =========================================================
   FOL PUBLIC FORM PAGE HEADER
   ========================================================= */

/* Hide WordPress's automatic title when our custom
   Gutenberg form heading is present. */
body:has(.fol-form-heading) .header .entry-title {
    display: none !important;
}

/* Complete form-page heading area */
.fol-form-heading {
    width: 100% !important;
    max-width: 1100px !important;

    margin: 50px auto 28px !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* Gold kicker — JOIN THE CLUB */
.fol-form-kicker {
    margin: 0 0 10px !important;
    padding: 0 !important;

    color: #C9A227 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    text-align: left !important;
    text-transform: uppercase !important;
    letter-spacing: .14em !important;
}


/* Main form-page heading */
.fol-form-heading h1 {
    margin: 0 0 20px !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 48px !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;

    text-align: left !important;
    text-transform: uppercase !important;
    letter-spacing: .02em !important;
}


/* Introductory copy */
.fol-form-intro {
    width: 100% !important;
    max-width: 820px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.fol-form-intro p {
    margin: 0 0 10px !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;

    text-align: left !important;
}

.fol-form-intro p:last-child {
    margin-bottom: 0 !important;
}

/* =========================================================
   FOL PUBLIC PAGE — CONTENT LINKS
   ========================================================= */

.entry-content a {
    color: var(--gold) !important;
    text-decoration-color: var(--gold) !important;
    text-underline-offset: 3px;
}

.entry-content a:visited {
    color: var(--gold) !important;
}

.entry-content a:hover,
.entry-content a:focus {
    color: #ffffff !important;
    text-decoration-color: #ffffff !important;
}

/* =========================================================
   FOL CONTACT FORM — PAGE WIDTH
   ========================================================= */

.fol-contact-form {
    width: 100% !important;
    max-width: 1100px !important;

    margin: 28px auto 60px !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

.fol-contact-form > .wp-block-group__inner-container {
    width: 100% !important;
    max-width: none !important;
}

/* =========================================================
   FOL CONTACT FORM — FORMLAYER WIDTH
   ========================================================= */

.fol-contact-form .formlayer-form-wrapper {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
}

.fol-contact-form .formlayer-form {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
}

.fol-contact-form .formlayer-form-fields-wrapper {
    width: 100% !important;
    max-width: none !important;

    box-sizing: border-box !important;
}

/* =========================================================
   FOL FORMLAYER — SHARED PUBLIC FORM STATES
   ========================================================= */

/*
 * Compound name fields.
 *
 * FormLayer defaults First / Middle / Last to separate
 * vertical rows. Use a single responsive row on FOL public
 * forms instead.
 */
.formlayer-form-wrapper
.formlayer-name-fields-wrap {
    display: flex !important;
    flex-direction: row !important;
    gap: 15px !important;
    width: 100% !important;
}

.formlayer-form-wrapper
.formlayer-name-fields-wrap
.formlayer-sub-field {
    flex: 1 1 0 !important;
    min-width: 0 !important;
}


/*
 * FormLayer adds First Name / Last Name sub-labels below
 * compound-name inputs. The inputs already identify
 * themselves through their placeholders, while the overall
 * field is labelled above as "Your Information".
 *
 * Hide the redundant lower labels so this field follows the
 * visual pattern used throughout the rest of the FOL form.
 */
.formlayer-form-wrapper
.formlayer-name-fields-wrap
.formlayer-sub-label {
    display: none !important;
}


/*
 * On narrow screens, return compound names to a vertical
 * layout so the individual inputs remain comfortably usable.
 */@media (max-width: 600px) {

    .formlayer-form-wrapper
    .formlayer-name-fields-wrap {
        flex-direction: column !important;
    }

    .formlayer-form-wrapper
    .formlayer-name-fields-wrap
    .formlayer-sub-field {
        width: 100% !important;
    }
}

/*
 * Submission success message.
 *
 * FormLayer's default success state uses a light panel that
 * conflicts with the Fairbanks Offroad Lions dark theme.
 */
.formlayer-form-wrapper
.formlayer-success-message {
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-size: 15px !important;
    line-height: 1.5 !important;

    box-shadow: none !important;
}


/*
 * Chrome / Edge autofill.
 *
 * Chromium otherwise paints saved/autocompleted values with
 * its own light-blue background. Keep FormLayer inputs in the
 * FOL dark color scheme.
 */
.formlayer-form-wrapper
input:-webkit-autofill,

.formlayer-form-wrapper
input:-webkit-autofill:hover,

.formlayer-form-wrapper
input:-webkit-autofill:focus,

.formlayer-form-wrapper
input:-webkit-autofill:active,

.formlayer-form-wrapper
textarea:-webkit-autofill,

.formlayer-form-wrapper
textarea:-webkit-autofill:hover,

.formlayer-form-wrapper
textarea:-webkit-autofill:focus,

.formlayer-form-wrapper
textarea:-webkit-autofill:active {
    -webkit-text-fill-color: #ffffff !important;

    -webkit-box-shadow:
        0 0 0 1000px #141414 inset !important;

    box-shadow:
        0 0 0 1000px #141414 inset !important;

    caret-color: #ffffff !important;

    border-color:
        rgba(201, 162, 39, .38) !important;

    transition:
        background-color 9999s ease-out 0s;
}


/*
 * Preserve the site's gold focus treatment when an
 * autofilled FormLayer field receives focus.
 */
.formlayer-form-wrapper
input:-webkit-autofill:focus,

.formlayer-form-wrapper
textarea:-webkit-autofill:focus {
    border-color: var(--gold) !important;

    -webkit-box-shadow:
        0 0 0 1000px #141414 inset,
        0 0 0 2px rgba(201, 162, 39, .13) !important;

    box-shadow:
        0 0 0 1000px #141414 inset,
        0 0 0 2px rgba(201, 162, 39, .13) !important;
}

/* =========================================================
   FOL MEMBER CALENDAR — FRONTEND DASHBOARD
   ========================================================= */

.fol-member-calendar {
    width: 100%;
    box-sizing: border-box;
}


/* Calendar heading */

.fol-member-calendar > .fol-dashboard-section-heading {
    margin-bottom: 22px;
}


/* Event list */

.fol-member-calendar-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}


/* Individual event */

.fol-member-calendar-event {
    display: grid !important;
    grid-template-columns: 78px minmax(0, 1fr) auto !important;
    align-items: stretch !important;
    gap: 20px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 20px 22px !important;

    background: #151515 !important;
    border: 1px solid rgba(201,162,39,.28) !important;
    border-radius: 14px !important;

    box-sizing: border-box !important;
}

.fol-member-calendar-event:hover {
    background: #181818;
    border-color: rgba(201,162,39,.55);
}


/* Date block */

.fol-member-calendar-date {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;
    min-height: 76px !important;

    margin: 0 !important;
    padding: 10px 6px !important;

    background: #0b0b0b !important;
    border: 1px solid rgba(201,162,39,.45) !important;
    border-radius: 10px !important;

    text-align: center !important;

    box-sizing: border-box !important;
}

.fol-member-calendar-month {
    display: block;

    color: var(--gold);

    font-size: 13px;
    font-weight: 900;
    line-height: 1;

    text-transform: uppercase;
    letter-spacing: .08em;
}

.fol-member-calendar-day {
    display: block;

    margin-top: 5px;

    color: #ffffff;

    font-size: 30px;
    font-weight: 900;
    line-height: 1;
}


/* Event details */

.fol-member-calendar-details {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;

    min-width: 0 !important;
    margin: 0 !important;
}

.fol-member-calendar-details h3 {
    margin: 0 0 7px !important;

    color: #ffffff !important;

    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;

    text-transform: none !important;
    letter-spacing: 0 !important;
}


/* Date / time / venue */

.fol-member-calendar-time {
    margin-bottom: 12px;

    color: #cfcfcf;

    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;
}

.fol-member-calendar-separator {
    margin: 0 5px;
    color: var(--gold);
}

.fol-member-calendar-venue {
    color: #cfcfcf;
}


/* View Event */

.fol-member-calendar-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    align-self: center !important;

    padding: 9px 14px !important;

    background: transparent !important;

    border: 1px solid rgba(201,162,39,.55) !important;
    border-radius: 8px !important;

    color: var(--gold) !important;

    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;
}

.fol-member-calendar-link:hover,
.fol-member-calendar-link:focus {
    background: var(--gold);
    border-color: var(--gold);

    color: #111111 !important;
}


/* Empty state */

.fol-member-calendar-empty {
    padding: 24px;

    background: #151515;
    border: 1px solid rgba(201,162,39,.28);
    border-radius: 12px;

    color: #cfcfcf;

    text-align: center;
}

.fol-member-calendar-event {
    color: inherit !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.fol-member-calendar-event:hover,
.fol-member-calendar-event:focus {
    background: #181818 !important;
    border-color: rgba(201,162,39,.65) !important;
    color: inherit !important;
    text-decoration: none !important;
}

.fol-member-calendar-event:hover .fol-member-calendar-link,
.fol-member-calendar-event:focus .fol-member-calendar-link {
    background: var(--gold) !important;
    border-color: var(--gold) !important;
    color: #111111 !important;
}

/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 650px) {

    .fol-member-calendar-event {
        grid-template-columns: 64px minmax(0, 1fr) !important;
    }

    .fol-member-calendar-link {
        grid-column: 2 !important;
        justify-self: start !important;
        margin-top: 4px !important;
    }

    .fol-member-calendar-date {
        min-height: 66px;
    }

    .fol-member-calendar-day {
        font-size: 25px;
    }

    .fol-member-calendar-details h3 {
        font-size: 16px !important;
    }

    .fol-member-calendar-time {
        font-size: 13px;
    }

    .fol-member-calendar-date {
        width: 64px !important;
        min-width: 64px !important;
        max-width: 64px !important;
    }

}

/* =========================================================
   FOL PUBLIC EVENTS — PAGE HEADER
   ========================================================= */

.fol-events-public-heading {
    width: 100%;
    max-width: 1100px;

    margin: 50px auto 28px;
    padding: 0;

    box-sizing: border-box;
}

.fol-events-public-kicker {
    margin: 0 0 10px;
    padding: 0;

    color: var(--gold);

    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.2;

    text-align: left;
    text-transform: uppercase;
    letter-spacing: .14em;
}

.fol-events-public-heading h1 {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 48px !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;

    text-align: left !important;
    text-transform: uppercase !important;
    letter-spacing: .02em !important;
}

@media (max-width: 650px) {

    .fol-events-public-heading {
        width: 90%;
        margin-top: 32px;
        margin-bottom: 24px;
    }

    .fol-events-public-heading h1 {
        font-size: 38px !important;
    }
}

/* =========================================================
   FOL FED — MY PROFILE / ULTIMATE MEMBER
   Scoped only to the UM profile embedded inside FED.
   ========================================================= */

/* =========================================================
   FOL MY PROFILE — DIRECTORY PRIVACY
   ========================================================= */

.fol-directory-privacy {
    box-shadow: none !important;
}

/* Section heading */

.fol-directory-privacy-heading {
    margin: 0 0 16px !important;

    color: var(--gold) !important;

    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    text-transform: uppercase !important;
    letter-spacing: .08em !important;
}


/* Form: option left, Save right */

.fol-directory-privacy-form {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* Checkbox + copy */

.fol-directory-privacy-form .fol-directory-privacy-option {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    grid-template-rows: auto !important;

    align-items: start !important;
    column-gap: 14px !important;

    flex: 1 1 auto !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    cursor: pointer !important;
}


/* Hide native checkbox but keep it accessible */

.fol-directory-privacy-form
.fol-directory-privacy-option
> input[type="checkbox"] {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 0 !important;
    pointer-events: none !important;
}


/* Visible custom checkbox */

.fol-directory-privacy-form
.fol-directory-privacy-option
> .fol-directory-privacy-checkbox {
    grid-column: 1 !important;
    grid-row: 1 !important;

    position: relative !important;

    display: block !important;
    float: none !important;

    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;

    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;

    margin: 1px 0 0 !important;
    padding: 0 !important;

    background: #0B0B0B !important;
    border: 2px solid rgba(201,162,39,.70) !important;
    border-radius: 6px !important;

    box-sizing: border-box !important;
}


/* Checked state */

.fol-directory-privacy-form
.fol-directory-privacy-option
> input[type="checkbox"]:checked
+ .fol-directory-privacy-checkbox {
    background: var(--gold) !important;
    border-color: var(--gold) !important;
}


/* Checkmark */

.fol-directory-privacy-form
.fol-directory-privacy-option
> input[type="checkbox"]:checked
+ .fol-directory-privacy-checkbox::after {
    content: "✓";

    position: absolute !important;
    top: 50% !important;
    left: 50% !important;

    transform: translate(-50%, -52%) !important;

    color: #111111 !important;

    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}


/* Keyboard focus */

.fol-directory-privacy-form
.fol-directory-privacy-option
> input[type="checkbox"]:focus
+ .fol-directory-privacy-checkbox {
    outline: 2px solid #ffffff !important;
    outline-offset: 3px !important;
}


/* Text column */

.fol-directory-privacy-form
.fol-directory-privacy-option
> .fol-directory-privacy-copy {
    grid-column: 2 !important;
    grid-row: 1 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 5px !important;

    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}

.fol-directory-privacy-copy strong {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.fol-directory-privacy-copy small {
    display: block !important;

    max-width: 680px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #a9a9a9 !important;

    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}


/* Save button */

.fol-directory-privacy-save {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 10px 18px !important;

    background: var(--gold) !important;
    border: 1px solid var(--gold) !important;
    border-radius: 8px !important;

    color: #111111 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    text-transform: uppercase !important;
    letter-spacing: .04em !important;

    box-shadow: none !important;
    cursor: pointer !important;
}

.fol-directory-privacy-save:hover,
.fol-directory-privacy-save:focus {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #111111 !important;
}


/* Mobile */

@media (max-width: 650px) {

    .fol-directory-privacy {
        padding: 18px !important;
    }

    .fol-directory-privacy-form {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 18px !important;
    }

    .fol-directory-privacy-save {
        align-self: flex-start !important;
    }
}

/* ---------------------------------------------------------
   HIDE UNUSED UM BIOGRAPHY / HEADER SAVE CONTROLS
   --------------------------------------------------------- */

/* Built-in biography editor */
.fol-fed-my-profile .um-meta-text {
    display: none !important;
}

/* Redundant checkmark/save control in profile header */
.fol-fed-my-profile .um-profile-headericon .um-profile-save {
    display: none !important;
}

/* ---------------------------------------------------------
   MY PROFILE — EDIT PROFILE FORM CONTROLS
   --------------------------------------------------------- */

.fol-fed-my-profile .um-form input[type="text"],
.fol-fed-my-profile .um-form input[type="email"],
.fol-fed-my-profile .um-form input[type="tel"],
.fol-fed-my-profile .um-form input[type="number"],
.fol-fed-my-profile .um-form select,
.fol-fed-my-profile .um-form .select2-selection {
    width: 100% !important;
    min-height: 40px !important;

    padding: 10px 13px !important;

    background: #151515 !important;
    background-color: #151515 !important;
    background-image: none !important;

    border: 1px solid rgba(201,162,39,.40) !important;
    border-radius: 9px !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
}

.fol-fed-my-profile .um-form input::placeholder {
    color: #aaaaaa !important;
    -webkit-text-fill-color: #aaaaaa !important;
    opacity: 1 !important;
}

.fol-fed-my-profile .um-form input:focus,
.fol-fed-my-profile .um-form select:focus,
.fol-fed-my-profile .um-form .select2-selection:focus {
    border-color: var(--gold) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(201,162,39,.12) !important;
}

.fol-directory-privacy {
    margin: 30px 0 0 !important;
    padding: 24px 0 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid rgba(201,162,39,.28) !important;
    border-radius: 0 !important;

    box-sizing: border-box !important;
}

/* ---------------------------------------------------------
   UM PROFILE NAVIGATION
   Hidden — About / Posts / Comments are not used in FOL.
   --------------------------------------------------------- */

.fol-fed-my-profile .um-profile-navbar,
.fol-fed-my-profile .um-profile-nav {
    display: none !important;
}

/* ---------------------------------------------------------
   HIDE UNUSED UM PROFILE TABS
   Posts / Comments are not part of the FOL member portal.
   --------------------------------------------------------- */

.fol-fed-my-profile .um-profile-nav-posts,
.fol-fed-my-profile .um-profile-nav-comments {
    display: none !important;
}

/* ---------------------------------------------------------
   MAIN UM WRAPPER
   --------------------------------------------------------- */

.fol-fed-my-profile .um.um-profile {

    color: #d7d7d7 !important;

    font-family: Arial, Helvetica, sans-serif !important;
}


/* ---------------------------------------------------------
   COVER PHOTO
   Replace UM's light-gray empty state with FOL dark panel.
   --------------------------------------------------------- */

.fol-fed-my-profile .um-cover,
.fol-fed-my-profile .um-cover-e,
.fol-fed-my-profile .um-cover-add {
    background: #151515 !important;
}

.fol-fed-my-profile .um-cover-add {
    color: var(--gold) !important;
}

.fol-fed-my-profile .um-cover-add-i,
.fol-fed-my-profile .um-cover-add-i i {
    color: var(--gold) !important;
}


/* ---------------------------------------------------------
   PROFILE HEADER
   --------------------------------------------------------- */


/* Member name */


/* Settings cog */

.fol-fed-my-profile .um-profile-edit-a,
.fol-fed-my-profile .um-profile-edit-a i {
    color: var(--gold) !important;
}


/* ---------------------------------------------------------
   PROFILE PHOTO
   --------------------------------------------------------- */

.fol-fed-my-profile .um-profile-photo-img {
    background: #151515 !important;

    border: 3px solid var(--gold) !important;

    box-shadow: 0 8px 24px rgba(0,0,0,.40) !important;
}


/* ---------------------------------------------------------
   PROFILE NAVIGATION — ABOUT / POSTS / COMMENTS
   --------------------------------------------------------- */

.fol-fed-my-profile .um-profile-nav {
    background: #151515 !important;

    border-top: 1px solid rgba(201,162,39,.28) !important;
    border-bottom: 1px solid rgba(201,162,39,.28) !important;
}

.fol-fed-my-profile .um-profile-nav-item a {
    background: transparent !important;

    color: #d7d7d7 !important;

    font-weight: 700 !important;

    text-decoration: none !important;
}

.fol-fed-my-profile .um-profile-nav-item a i {
    color: var(--gold) !important;
}


/* Active profile tab */

.fol-fed-my-profile .um-profile-nav-item.active a {
    background: var(--gold) !important;

    color: #111111 !important;
}

.fol-fed-my-profile .um-profile-nav-item.active a i {
    color: #111111 !important;
}


/* Hover */

.fol-fed-my-profile .um-profile-nav-item:not(.active) a:hover {
    background: #1b1b1b !important;
    color: #ffffff !important;
}


/* ---------------------------------------------------------
   PROFILE BODY
   --------------------------------------------------------- */

.fol-fed-my-profile .um-profile-body {

    background: #101010 !important;
}


/* Fields */

.fol-fed-my-profile .um-field {
    margin-bottom: 20px !important;
}


/* Field labels */

.fol-fed-my-profile .um-field-label {
    margin-bottom: 6px !important;
}

.fol-fed-my-profile .um-field-label label {
    color: var(--gold) !important;

    font-size: 12px !important;
    font-weight: 900 !important;

    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}


/* Field values */

.fol-fed-my-profile .um-field-value {
    padding: 0 0 10px !important;

    color: #ffffff !important;

    font-size: 15px !important;
    font-weight: 400 !important;

    border-bottom: 1px solid rgba(201,162,39,.25) !important;
}


/* Email / other profile links */

.fol-fed-my-profile .um-field-value a {
    color: var(--gold) !important;

    text-decoration: none !important;
}

.fol-fed-my-profile .um-field-value a:hover {
    color: #ffffff !important;
}


/* ---------------------------------------------------------
   EMPTY PROFILE NOTE
   --------------------------------------------------------- */

.fol-fed-my-profile .um-profile-note {
    padding: 14px 16px !important;

    background: #151515 !important;

    border: 1px solid rgba(201,162,39,.28) !important;
    border-radius: 10px !important;

    color: #d7d7d7 !important;
}

.fol-fed-my-profile .um-profile-note a {
    color: var(--gold) !important;
}


/* ---------------------------------------------------------
   UM PROFILE DROPDOWN — REFINED
   --------------------------------------------------------- */

.fol-fed-my-profile .um-dropdown,
.fol-fed-my-profile .um-dropdown-b {
    background: #151515 !important;
    border: 1px solid rgba(201,162,39,.40) !important;
    border-radius: 10px !important;

    color: #ffffff !important;

    box-shadow: 0 10px 28px rgba(0,0,0,.45) !important;

    overflow: hidden !important;
}

.fol-fed-my-profile .um-dropdown-b ul {
    margin: 0 !important;
    padding: 6px !important;

    background: #151515 !important;

    list-style: none !important;
}

.fol-fed-my-profile .um-dropdown-b ul li {
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
}


/* Menu items */

.fol-fed-my-profile .um-dropdown-b ul li a {
    display: block !important;

    margin: 0 !important;
    padding: 10px 13px !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 6px !important;

    color: #e7e7e7 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;

    text-align: left !important;
    text-decoration: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}


/* Hover / keyboard focus */

.fol-fed-my-profile .um-dropdown-b ul li a:hover,
.fol-fed-my-profile .um-dropdown-b ul li a:focus {
    background: rgba(201,162,39,.12) !important;
    color: var(--gold) !important;
}


/* Edit Profile — primary action */

.fol-fed-my-profile .um-dropdown-b ul li:first-child a {
    color: var(--gold) !important;
}


/* Cancel — subtle separation */

.fol-fed-my-profile .um-dropdown-b ul li:last-child {
    margin-top: 5px !important;
    padding-top: 5px !important;

    border-top: 1px solid rgba(255,255,255,.10) !important;
}

.fol-fed-my-profile .um-dropdown-b ul li:last-child a {
    color: #a9a9a9 !important;
}


/* Dropdown arrow */

.fol-fed-my-profile .um-dropdown-arr,
.fol-fed-my-profile .um-dropdown-arr i {
    color: #151515 !important;
}

/* =========================================================
   FOL — ULTIMATE MEMBER MY ACCOUNT
   ========================================================= */

/* Main account area */
.um-account {
    color: #d7d7d7 !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

/* =========================================================
   FOL UM ACCOUNT — MEMBER IDENTITY CONTRAST
   ========================================================= */

/* Member name */
.um-account-name,
.um-account-name a {
    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    text-decoration: none !important;
}

/* View Profile link */
.um-account-profile-link,
.um-account-profile-link a {
    color: var(--gold) !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    text-decoration: none !important;
}

/* Hover / focus */
.um-account-profile-link a:hover,
.um-account-profile-link a:focus {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* =========================================================
   FOL MY PROFILE — FINAL EDIT MODE OVERRIDES
   Keep Ultimate Member edit controls visually consistent
   with the Club Access dark / gold interface.
   ========================================================= */

.club-access-card
.fol-fed-my-profile
.um-profile.um-editing
.um-form
.um-field
input[type="text"],

.club-access-card
.fol-fed-my-profile
.um-profile.um-editing
.um-form
.um-field
input[type="email"],

.club-access-card
.fol-fed-my-profile
.um-profile.um-editing
.um-form
.um-field
input[type="tel"],

.club-access-card
.fol-fed-my-profile
.um-profile.um-editing
.um-form
.um-field
input[type="number"],

.club-access-card
.fol-fed-my-profile
.um-profile.um-editing
.um-form
.um-field
textarea,

.club-access-card
.fol-fed-my-profile
.um-profile.um-editing
.um-form
.um-field
select,

.club-access-card
.fol-fed-my-profile
.um-profile.um-editing
.select2-container
.select2-selection {
    width: 100% !important;

    background: #151515 !important;
    background-color: #151515 !important;
    background-image: none !important;

    border: 1px solid rgba(201,162,39,.70) !important;
    border-radius: 9px !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
}

.club-access-card
.fol-fed-my-profile
.um-profile.um-editing
.um-form
.um-field
input:focus,

.club-access-card
.fol-fed-my-profile
.um-profile.um-editing
.um-form
.um-field
textarea:focus,

.club-access-card
.fol-fed-my-profile
.um-profile.um-editing
.um-form
.um-field
select:focus,

.club-access-card
.fol-fed-my-profile
.um-profile.um-editing
.select2-container--focus
.select2-selection {
    border-color: var(--gold) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(201,162,39,.12) !important;
}


/* Directory Privacy — enforce the FOL section treatment. */

.club-access-card
.fol-fed-my-profile
.fol-directory-privacy {
    width: 100% !important;

    margin: 30px 0 0 !important;
    padding: 24px !important;

    background: #151515 !important;

    border: 1px solid rgba(201,162,39,.28) !important;
    border-radius: 10px !important;

    box-sizing: border-box !important;
}

.club-access-card
.fol-fed-my-profile
.fol-directory-privacy-heading {
    margin: 0 0 18px !important;

    color: var(--gold) !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 900 !important;

    text-transform: uppercase !important;
    letter-spacing: .08em !important;
}

.club-access-card
.fol-fed-my-profile
.fol-directory-privacy-form {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 24px !important;

    margin: 0 !important;
}

.club-access-card
.fol-fed-my-profile
.fol-directory-privacy-copy strong {
    color: #ffffff !important;
}

.club-access-card
.fol-fed-my-profile
.fol-directory-privacy-copy small {
    color: #aaaaaa !important;
}

.club-access-card
.fol-fed-my-profile
.fol-directory-privacy-save {
    background: var(--gold) !important;
    border: 1px solid var(--gold) !important;
    border-radius: 8px !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

/* =========================================================
   FOL MY PROFILE — NOTIFICATION PREFERENCES
   Companion panel to Directory Privacy.
   ========================================================= */

.club-access-card
.fol-fed-my-profile
.fol-notification-preferences {
    width: 100% !important;

    margin: 24px 0 0 !important;
    padding: 24px !important;

    background: #151515 !important;

    border: 1px solid rgba(201,162,39,.28) !important;
    border-radius: 10px !important;

    box-sizing: border-box !important;
}


/* Section heading */

.club-access-card
.fol-fed-my-profile
.fol-notification-preferences-heading {
    margin: 0 0 18px !important;

    color: var(--gold) !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    text-transform: uppercase !important;
    letter-spacing: .08em !important;
}


/* Main form */

.club-access-card
.fol-fed-my-profile
.fol-notification-preferences-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Master notification option */

.club-access-card
.fol-fed-my-profile
.fol-notification-master {
    margin: 0 !important;
    padding: 0 0 18px !important;

    border-bottom: 1px solid rgba(201,162,39,.22) !important;
}


/* Pause is a separate form so saving it never rewrites detailed preferences. */
.club-access-card .fol-fed-my-profile .fol-club-update-pause-form {
    margin-bottom: 22px !important;
    padding-bottom: 22px !important;
    border-bottom: 1px solid rgba(201,162,39,.22);
    gap: 14px !important;
}
.club-access-card .fol-fed-my-profile .fol-club-pause-dates {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 230px));
    gap: 16px;
    width: 100%;
    max-width: 476px;
}
.club-access-card .fol-fed-my-profile .fol-club-pause-dates label {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
    color: #c9a227;
    font-size: 13px;
    font-weight: 700;
}
.club-access-card .fol-fed-my-profile .fol-club-pause-dates input[type="date"] {
    display: block;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    inline-size: 100%;
    min-inline-size: 0;
    height: 44px;
    margin: 0 !important;
    padding: 8px 10px !important;
    border: 1px solid rgba(201,162,39,.65) !important;
    border-radius: 7px !important;
    background: #0b0b0b !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    color-scheme: dark;
    font-size: 16px !important;
    line-height: 1.4 !important;
}
/* Keep the native date picker clickable over the left calendar icon. */
@supports selector(input::-webkit-calendar-picker-indicator) {
    .club-access-card .fol-fed-my-profile .fol-club-pause-dates input[type="date"] {
        position: relative;
        padding-left: 42px !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a227' stroke-width='1.8'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M7 3v4m10-4v4M3 11h18'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-size: 18px 18px !important;
        background-position: 12px center !important;
    }
    .club-access-card .fol-fed-my-profile .fol-club-pause-dates input[type="date"]::-webkit-calendar-picker-indicator {
        position: absolute;
        left: 0;
        top: 0;
        width: 42px;
        height: 100%;
        margin: 0;
        padding: 0;
        opacity: 0;
        cursor: pointer;
    }
    .club-access-card .fol-fed-my-profile .fol-club-pause-dates input[type="date"]::-webkit-date-and-time-value { text-align: left; }
}
.club-access-card .fol-fed-my-profile .fol-club-pause-dates input:disabled { opacity: .6; }
.club-access-card .fol-fed-my-profile .fol-club-pause-dates input:focus-visible {
    outline: 2px solid #c9a227;
    outline-offset: 2px;
}
.club-access-card .fol-fed-my-profile .fol-club-pause-date-help {
    margin: 0;
    color: #aaa;
    font-size: 13px;
    line-height: 1.5;
}
@media (max-width: 600px) {
    .club-access-card .fol-fed-my-profile .fol-club-pause-dates { grid-template-columns: minmax(0, 1fr); max-width: 320px; }
}
.club-access-card .fol-fed-my-profile .fol-club-pause-state {
    margin: 0 !important;
    color: #ddd !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

/* Preference groups */

.club-access-card
.fol-fed-my-profile
.fol-notification-group {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.club-access-card
.fol-fed-my-profile
.fol-notification-group-heading {
    margin: 0 0 2px !important;

    color: var(--gold) !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    text-transform: uppercase !important;
    letter-spacing: .06em !important;
}


/* Checkbox rows */

.club-access-card
.fol-fed-my-profile
.fol-notification-option {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.4 !important;

    cursor: pointer !important;
}

.club-access-card
.fol-fed-my-profile
.fol-notification-option input[type="checkbox"] {
    flex: 0 0 auto !important;

    width: 20px !important;
    height: 20px !important;

    margin: 0 !important;

    accent-color: var(--gold) !important;

    cursor: pointer !important;
}

/* Match the pause control to the site's black-and-gold checkboxes. */
.club-access-card .fol-fed-my-profile .fol-club-update-pause-form input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    box-sizing: border-box !important;
    min-width: 20px !important;
    min-height: 20px !important;
    padding: 0 !important;
    border: 2px solid rgba(201,162,39,.70) !important;
    border-radius: 4px !important;
    background: #0b0b0b !important;
}
.club-access-card .fol-fed-my-profile .fol-club-update-pause-form input[type="checkbox"]:checked {
    border-color: var(--gold) !important;
    background-color: var(--gold) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4 10 4 4 8-9' fill='none' stroke='%23111' stroke-width='2.5'/%3E%3C/svg%3E") !important;
    background-size: 16px 16px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.club-access-card .fol-fed-my-profile .fol-club-update-pause-form input[type="checkbox"]:focus-visible {
    outline: 2px solid #fff !important;
    outline-offset: 3px !important;
}
@media (forced-colors: active) {
    .club-access-card .fol-fed-my-profile .fol-club-update-pause-form input[type="checkbox"] {
        appearance: auto !important;
        -webkit-appearance: auto !important;
        background-image: none !important;
    }
}

.club-access-card
.fol-fed-my-profile
.fol-notification-option strong {
    display: block !important;

    margin: 0 0 4px !important;

    color: #ffffff !important;

    font-size: 15px !important;
    font-weight: 700 !important;
}

.club-access-card
.fol-fed-my-profile
.fol-notification-option small {
    display: block !important;

    color: #aaaaaa !important;

    font-size: 13px !important;
    line-height: 1.45 !important;
}


/* Save button */

.club-access-card
.fol-fed-my-profile
.fol-notification-preferences-save {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    align-self: flex-start !important;

    min-height: 40px !important;
    margin: 0 !important;
    padding: 10px 18px !important;

    background: var(--gold) !important;

    border: 1px solid var(--gold) !important;
    border-radius: 8px !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    text-transform: uppercase !important;
    letter-spacing: .04em !important;

    box-shadow: none !important;
    cursor: pointer !important;
}

.club-access-card
.fol-fed-my-profile
.fol-notification-preferences-save:hover,
.club-access-card
.fol-fed-my-profile
.fol-notification-preferences-save:focus {
    background: #ffffff !important;
    border-color: #ffffff !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}


/* Mobile */

@media (max-width: 650px) {

    .club-access-card
    .fol-fed-my-profile
    .fol-notification-preferences {
        padding: 18px !important;
    }

    .club-access-card
    .fol-fed-my-profile
    .fol-notification-preferences-save {
        width: 100% !important;
    }
}

/* ---------------------------------------------------------
   ACCOUNT SIDEBAR — MEMBER IDENTITY
   --------------------------------------------------------- */

.um-account-name {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.um-account-profile-link a {
    color: var(--gold) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.um-account-profile-link a:hover {
    color: #ffffff !important;
}


/* ---------------------------------------------------------
   ACCOUNT SIDEBAR NAVIGATION
   --------------------------------------------------------- */

.um-account-side li {
    margin-bottom: 5px !important;
}

.um-account-side li a {
    background: #151515 !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    text-decoration: none !important;
}

.um-account-side li a span {
    color: #d7d7d7 !important;
}

.um-account-side li a i {
    color: var(--gold) !important;
}


/* Active account section */

.um-account-side li a.current,
.um-account-side li a.current span {
    background: rgba(201,162,39,.12) !important;
    color: var(--gold) !important;
}


/* Hover */

.um-account-side li a:hover {
    background: #1c1c1c !important;
    border-color: rgba(201,162,39,.50) !important;
    color: #ffffff !important;
}


/* Right-side arrows */

.um-account-side li a .um-account-icon-angle {
    color: #8f8f8f !important;
}


/* ---------------------------------------------------------
   ACCOUNT CONTENT
   --------------------------------------------------------- */

.um-account-main {
    color: #d7d7d7 !important;
}


/* Account section title */

.um-account-heading {
    color: #ffffff !important;

    font-size: 20px !important;
    font-weight: 800 !important;
}


/* Gold icon beside Account */

.um-account-heading i {
    color: var(--gold) !important;
}


/* Field labels */

.um-account-main .um-field-label label {
    color: var(--gold) !important;

    font-size: 12px !important;
    font-weight: 900 !important;

    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}


/* Inputs */

.um-account-main input[type="text"],
.um-account-main input[type="email"],
.um-account-main input[type="password"],
.um-account-main select,
.um-account-main textarea {
    background: #151515 !important;
    border: 1px solid rgba(201,162,39,.40) !important;
    border-radius: 9px !important;

    color: #ffffff !important;

    box-shadow: none !important;
}

.um-account-main input:focus,
.um-account-main select:focus,
.um-account-main textarea:focus {
    border-color: var(--gold) !important;
    outline: none !important;
}


/* ---------------------------------------------------------
   UPDATE BUTTON
   --------------------------------------------------------- */

.um-account-main input[type="submit"],
.um-account-main .um-button {
    background: var(--gold) !important;
    border: 1px solid var(--gold) !important;
    border-radius: 9px !important;

    color: #111111 !important;

    font-weight: 900 !important;
    text-transform: uppercase !important;

    box-shadow: none !important;
}

.um-account-main input[type="submit"]:hover,
.um-account-main .um-button:hover {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #111111 !important;
}

/* =========================================================
   FOL UM ACCOUNT — SIDEBAR NORMALIZATION
   ========================================================= */

/* Every sidebar row */
.um-account-side li,
.um-account-side li a,
.um-account-side li a span {
    background: transparent !important;
}

/* Normal menu buttons */
.um-account-side li a {
    border: 1px solid rgba(201,162,39,.35) !important;
    border-radius: 8px !important;

    color: #ffffff !important;

    overflow: hidden !important;
}

/* Icons and arrows */
.um-account-side li a i,
.um-account-side li a .um-account-icon,
.um-account-side li a .um-account-icon-angle {
    background: transparent !important;
    color: var(--gold) !important;
}

/* ---------------------------------------------------------
   ACTIVE ACCOUNT SECTION
   --------------------------------------------------------- */

.um-account-side li a.current,
.um-account-side li a.current span,
.um-account-side li a.current div,
.um-account-side li a.current i {
    background: transparent !important;
}

/* One continuous active-button background */
.um-account-side li a.current {
    background: rgba(201,162,39,.14) !important;
    border-color: var(--gold) !important;

    color: var(--gold) !important;
}

.um-account-side li a.current span,
.um-account-side li a.current i {
    color: var(--gold) !important;
}

/* ---------------------------------------------------------
   HOVER
   --------------------------------------------------------- */

.um-account-side li a:not(.current):hover,
.um-account-side li a:not(.current):focus {
    background: #1c1c1c !important;
    border-color: rgba(201,162,39,.65) !important;

    color: #ffffff !important;
}

.um-account-side li a:not(.current):hover span,
.um-account-side li a:not(.current):focus span {
    background: transparent !important;
    color: #ffffff !important;
}

/* =========================================================
   DIRECTORY PRIVACY — LAYOUT OVERRIDE
   Must remain after Ultimate Member/FED rules.
   ========================================================= */

.club-access-card
.fol-fed-my-profile
.fol-directory-privacy
.fol-directory-privacy-form
label.fol-directory-privacy-option {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    grid-template-rows: auto !important;

    align-items: start !important;
    column-gap: 14px !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* =========================================================
   MY PROFILE — STATE SELECT2 OVERRIDE
   ========================================================= */

.fol-fed-my-profile
#um_field_21_fol_state
.select2-container {
    width: 100% !important;
}

.fol-fed-my-profile
#um_field_21_fol_state
.select2-container
.select2-selection--single {
    height: 40px !important;
    min-height: 40px !important;

    background: #151515 !important;
    background-color: #151515 !important;
    background-image: none !important;

    border: 1px solid rgba(201,162,39,.40) !important;
    border-radius: 9px !important;

    box-shadow: none !important;
}

.fol-fed-my-profile
#um_field_21_fol_state
.select2-selection--single
.select2-selection__rendered {
    height: 38px !important;
    padding: 0 40px 0 13px !important;

    background: transparent !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 38px !important;
}

.fol-fed-my-profile
#um_field_21_fol_state
.select2-selection--single
.select2-selection__clear {
    color: #aaaaaa !important;
}

.fol-fed-my-profile
#um_field_21_fol_state
.select2-selection--single
.select2-selection__arrow {
    height: 38px !important;
    right: 8px !important;
}

.fol-fed-my-profile
#um_field_21_fol_state
.select2-selection--single
.select2-selection__arrow b {
    border-top-color: var(--gold) !important;
}

.fol-fed-my-profile
#um_field_21_fol_state
.select2-container--focus
.select2-selection--single,
.fol-fed-my-profile
#um_field_21_fol_state
.select2-container--open
.select2-selection--single {
    border-color: var(--gold) !important;
    box-shadow: 0 0 0 2px rgba(201,162,39,.12) !important;
}

/* =========================================================
   FED RESPONSIVE MENU — DESKTOP SAFEGUARD
   ========================================================= */

@media (min-width: 992px) {

    #fed_default_template.fed_frontend_dashboard_menu {
        display: block !important;
        height: auto !important;
        visibility: visible !important;
        overflow: visible !important;
    }
}

/* =========================================================
   FOL ULTIMATE MEMBER — MEMBER PROFILE VIEW
   Directory member profile pages
   ========================================================= */


/* ---------------------------------------------------------
   PROFILE SHELL
   --------------------------------------------------------- */

.um-page-user .um-profile,
body[class*="um-page-user"] .um-profile {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
}


/* Main profile body/card */

.um-page-user .um-profile-body,
body[class*="um-page-user"] .um-profile-body {
    margin: 0 !important;
    padding: 24px !important;

    background: #151515 !important;

    border: 1px solid rgba(201,162,39,.28) !important;
    border-radius: 12px !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   REMOVE UNUSED UM NAVIGATION
   About / Posts / Comments
   --------------------------------------------------------- */

.um-page-user .um-profile-nav,
body[class*="um-page-user"] .um-profile-nav {
    display: none !important;
}


/* ---------------------------------------------------------
   PROFILE HEADER
   --------------------------------------------------------- */

.um-page-user .um-header,
body[class*="um-page-user"] .um-header {
    margin: 0 0 24px !important;
    padding: 22px 24px !important;

    background: #151515 !important;

    border: 1px solid rgba(201,162,39,.28) !important;
    border-radius: 12px !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
}


/* Member name */

.um-page-user .um-name,
body[class*="um-page-user"] .um-name {
    margin: 0 !important;
    padding: 0 !important;
}

.um-page-user .um-name a,
body[class*="um-page-user"] .um-name a {
    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;

    text-decoration: none !important;
}


/* ---------------------------------------------------------
   PROFILE PHOTO
   --------------------------------------------------------- */

.um-page-user .um-profile-photo,
body[class*="um-page-user"] .um-profile-photo {
    background: transparent !important;
}

.um-page-user .um-profile-photo-img,
body[class*="um-page-user"] .um-profile-photo-img {
    border: 2px solid rgba(201,162,39,.55) !important;
    border-radius: 50% !important;

    box-shadow: none !important;
}


/* ---------------------------------------------------------
   PROFILE FIELD LABELS
   --------------------------------------------------------- */

.um-page-user .um-field-label,
body[class*="um-page-user"] .um-field-label {
    margin: 0 0 5px !important;
    padding: 0 !important;

    border: 0 !important;
}

.um-page-user .um-field-label label,
body[class*="um-page-user"] .um-field-label label {
    color: var(--gold) !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;

    text-transform: uppercase !important;
    letter-spacing: .06em !important;
}


/* ---------------------------------------------------------
   PROFILE FIELD VALUES
   --------------------------------------------------------- */

.um-page-user .um-field,
body[class*="um-page-user"] .um-field {
    margin: 0 0 18px !important;
    padding: 0 !important;

    color: #ffffff !important;
}

.um-page-user .um-field-area,
body[class*="um-page-user"] .um-field-area {
    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

.um-page-user .um-field-value,
body[class*="um-page-user"] .um-field-value {
    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}


/* Links such as email addresses */

.um-page-user .um-field-area a,
.um-page-user .um-field-value a,
body[class*="um-page-user"] .um-field-area a,
body[class*="um-page-user"] .um-field-value a {
    color: var(--gold) !important;
    text-decoration: none !important;
}

.um-page-user .um-field-area a:hover,
.um-page-user .um-field-area a:focus,
.um-page-user .um-field-value a:hover,
.um-page-user .um-field-value a:focus,
body[class*="um-page-user"] .um-field-area a:hover,
body[class*="um-page-user"] .um-field-area a:focus,
body[class*="um-page-user"] .um-field-value a:hover,
body[class*="um-page-user"] .um-field-value a:focus {
    color: #ffffff !important;
    text-decoration: underline !important;
}


/* ---------------------------------------------------------
   PROFILE META / TEXT
   --------------------------------------------------------- */

.um-page-user .um-meta,
body[class*="um-page-user"] .um-meta {
    color: #aaaaaa !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
}


/* FOL does not use Ultimate Member biography */

.um-page-user .um-meta-text,
body[class*="um-page-user"] .um-meta-text {
    display: none !important;
}


/* ---------------------------------------------------------
   GEAR / PROFILE ACTION CONTROL
   --------------------------------------------------------- */

.um-page-user .um-profile-edit,
body[class*="um-page-user"] .um-profile-edit {
    color: var(--gold) !important;
}

.um-page-user .um-profile-edit-a,
body[class*="um-page-user"] .um-profile-edit-a {
    color: var(--gold) !important;
}

.um-page-user .um-profile-edit-a:hover,
.um-page-user .um-profile-edit-a:focus,
body[class*="um-page-user"] .um-profile-edit-a:hover,
body[class*="um-page-user"] .um-profile-edit-a:focus {
    color: #ffffff !important;
}

/* =========================================================
   FOL ULTIMATE MEMBER — GEAR DROPDOWNS
   My Profile + Member Profile + Administrator Actions
   ========================================================= */


/* Dropdown container */

.um-page-user .um-dropdown,
.um-page-user .um-dropdown ul,
.fol-fed-my-profile .um-dropdown,
.fol-fed-my-profile .um-dropdown ul {
    background: #151515 !important;
    background-color: #151515 !important;
    background-image: none !important;

    border-color: rgba(201,162,39,.40) !important;

    color: #ffffff !important;

    box-shadow: 0 8px 24px rgba(0,0,0,.35) !important;
}


/* Override UM's inline centered administrator menu */

.um-page-user .um-dropdown {
    text-align: left !important;
}


/* Inner dropdown wrapper */

.um-page-user .um-dropdown-b,
.fol-fed-my-profile .um-dropdown-b {
    background: #151515 !important;
    background-color: #151515 !important;

    border-radius: 8px !important;

    overflow: hidden !important;
}


/* Menu list */

.um-page-user .um-dropdown ul,
.fol-fed-my-profile .um-dropdown ul {
    margin: 0 !important;
    padding: 5px 0 !important;

    list-style: none !important;

    text-align: left !important;
}


/* Menu rows */

.um-page-user .um-dropdown li,
.fol-fed-my-profile .um-dropdown li {
    margin: 0 !important;
    padding: 0 !important;

    background: #151515 !important;
    background-color: #151515 !important;

    border: 0 !important;

    color: #ffffff !important;

    text-align: left !important;
}


/* Menu links */

.um-page-user .um-dropdown li a,
.fol-fed-my-profile .um-dropdown li a {
    display: block !important;

    margin: 0 !important;
    padding: 9px 14px !important;

    background: #151515 !important;
    background-color: #151515 !important;
    background-image: none !important;

    border: 0 !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;

    text-align: left !important;
    text-decoration: none !important;
}


/* Hover / keyboard focus */

.um-page-user .um-dropdown li a:hover,
.um-page-user .um-dropdown li a:focus,
.fol-fed-my-profile .um-dropdown li a:hover,
.fol-fed-my-profile .um-dropdown li a:focus {
    background: rgba(201,162,39,.14) !important;
    background-color: rgba(201,162,39,.14) !important;

    color: var(--gold) !important;
    -webkit-text-fill-color: var(--gold) !important;
}


/* ---------------------------------------------------------
   ADMINISTRATIVE ACTION EMPHASIS
   --------------------------------------------------------- */

/* Destructive actions */

.um-page-user .um-dropdown li a.deactivate_user-item,
.um-page-user .um-dropdown li a.delete-item {
    color: #ffb4b4 !important;
    -webkit-text-fill-color: #ffb4b4 !important;
}

.um-page-user .um-dropdown li a.deactivate_user-item:hover,
.um-page-user .um-dropdown li a.deactivate_user-item:focus,
.um-page-user .um-dropdown li a.delete-item:hover,
.um-page-user .um-dropdown li a.delete-item:focus {
    background: rgba(255,255,255,.08) !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}


/* ---------------------------------------------------------
   REMOVE CANCEL
   Clicking outside the dropdown already dismisses it.
   --------------------------------------------------------- */

.um-page-user
.um-dropdown
li:has(a.um-dropdown-hide),

.fol-fed-my-profile
.um-dropdown
li:has(a.um-dropdown-hide) {
    display: none !important;
}

/* ---------------------------------------------------------
   REMOVE UNUSED PROFILE HEADER SAVE CONTROL
   --------------------------------------------------------- */

.um-page-user .um-profile-headericon .um-profile-save,
body[class*="um-page-user"] .um-profile-headericon .um-profile-save {
    display: none !important;
}


/* ---------------------------------------------------------
   CLEAR / DIVIDERS
   --------------------------------------------------------- */

.um-page-user .um-clear,
body[class*="um-page-user"] .um-clear {
    border: 0 !important;
}

.um-page-user .um-profile-body hr,
body[class*="um-page-user"] .um-profile-body hr {
    border: 0 !important;
    border-top: 1px solid rgba(201,162,39,.20) !important;
}

/* ---------------------------------------------------------
   BACK TO DIRECTORY
   --------------------------------------------------------- */

.fol-member-profile-actions {
    margin: 24px 0 0 !important;
    padding: 0 !important;
}

.club-access-card .fol-member-profile-back,
.club-access-card .fol-member-profile-back:link,
.club-access-card .fol-member-profile-back:visited {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 40px !important;
    padding: 10px 18px !important;

    background: #0B0B0B !important;

    border: 1px solid var(--gold) !important;
    border-radius: 8px !important;

    color: var(--gold) !important;
    -webkit-text-fill-color: var(--gold) !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    text-transform: uppercase !important;
    letter-spacing: .04em !important;

    text-decoration: none !important;

    box-shadow: none !important;
}

.club-access-card .fol-member-profile-back:hover,
.club-access-card .fol-member-profile-back:focus {
    background: var(--gold) !important;
    border-color: var(--gold) !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    text-decoration: none !important;
}

/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 650px) {

    .um-page-user .um-header,
    body[class*="um-page-user"] .um-header {
        padding: 18px !important;
    }

    .um-page-user .um-profile-body,
    body[class*="um-page-user"] .um-profile-body {
        padding: 18px !important;
    }

    .um-page-user .um-name a,
    body[class*="um-page-user"] .um-name a {
        font-size: 19px !important;
    }

    .um-page-user .um-field,
    body[class*="um-page-user"] .um-field {
        margin-bottom: 16px !important;
    }
}

/* =========================================================
   FOL ACTION ITEM — COMPLETE
   ========================================================= */

.fol-action-complete-form {
    margin: 24px 0 16px !important;
    padding: 0 !important;
}

.fol-action-complete {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 40px !important;
    padding: 10px 18px !important;

    background: var(--gold) !important;
    border: 1px solid var(--gold) !important;
    border-radius: 8px !important;

    color: #111111 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    text-transform: uppercase !important;
    letter-spacing: .04em !important;

    box-shadow: none !important;
    cursor: pointer !important;
}

.fol-action-complete:hover,
.fol-action-complete:focus {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #111111 !important;
}

/* Dashboard success notice */

.fol-dashboard-notice {
    margin: 0 0 20px !important;
    padding: 12px 16px !important;

    background: rgba(201,162,39,.10) !important;
    border: 1px solid rgba(201,162,39,.45) !important;
    border-radius: 8px !important;

    color: #ffffff !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

/* =========================================================
   FOL FED — ADMINISTRATION HOME
   ========================================================= */

.fol-admin {
    width: 100%;
    color: #ffffff;
}

.fol-admin-title {
    margin: 6px 0 8px !important;

    color: #ffffff !important;

    font-size: clamp(26px, 3vw, 36px) !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;

    text-transform: none !important;
    letter-spacing: 0 !important;
}

.fol-admin-intro {
    margin: 0 0 30px !important;

    color: #bdbdbd !important;

    font-size: 15px !important;
    line-height: 1.5 !important;
}


/* Section headings */

.fol-admin-section-heading {
    margin-bottom: 12px;

    color: var(--gold);

    font-size: 12px;
    font-weight: 900;

    text-transform: uppercase;
    letter-spacing: .10em;
}

/* Volunteer administration section spacing */

.fol-volunteer-roster,
.fol-sponsor-roster {
    margin-bottom: 28px;
}

/* ---------------------------------------------------------
   NEEDS ATTENTION
   --------------------------------------------------------- */

.fol-admin-attention {
    margin-bottom: 30px;
}

.fol-admin-attention-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.fol-admin-attention-item {
    padding: 18px;

    background: #151515;
    border: 1px solid rgba(201,162,39,.28);
    border-radius: 10px;

    text-align: center;
}

.fol-admin-attention-item strong {
    display: block;

    margin-bottom: 6px;

    color: #ffffff;

    font-size: 26px;
    font-weight: 900;
    line-height: 1;
}

.fol-admin-attention-item span {
    color: #aaaaaa;

    font-size: 11px;
    font-weight: 800;

    text-transform: uppercase;
    letter-spacing: .04em;
}


/* ---------------------------------------------------------
   QUICK ACTIONS
   --------------------------------------------------------- */

.fol-admin-quick {
    margin-bottom: 30px;
}

.fol-admin-quick-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 9px;
}

/* Administration Quick Action buttons */

.fol-admin-quick-grid button,
.fol-admin-quick-grid .fol-admin-quick-link {
    min-height: 46px !important;
    padding: 11px 14px !important;

    background: var(--gold) !important;
    background-color: var(--gold) !important;

    border: 1px solid var(--gold) !important;
    border-radius: 8px !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;

    opacity: 1 !important;
    box-shadow: none !important;
}

/* Active Administration Quick Action links */

.fol-admin-quick-grid .fol-admin-quick-link,
.fol-admin-quick-grid .fol-admin-quick-link:link,
.fol-admin-quick-grid .fol-admin-quick-link:visited {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-decoration: none !important;
    cursor: pointer !important;
}

.fol-admin-quick-grid .fol-admin-quick-link:hover,
.fol-admin-quick-grid .fol-admin-quick-link:focus {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    text-decoration: none !important;
}

/*
 * Development state.
 * Keep disabled Quick Actions visually consistent
 * with active FOL primary buttons.
 */
.fol-admin-quick-grid button:disabled {
    background: var(--gold) !important;
    border-color: var(--gold) !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    opacity: 1 !important;
    cursor: default !important;
}

/* ---------------------------------------------------------
   MANAGEMENT MODULES
   --------------------------------------------------------- */

.fol-admin-modules {
    overflow: hidden;

    margin-bottom: 30px;

    background: #151515;
    border: 1px solid rgba(201,162,39,.30);
    border-radius: 14px;
}

.fol-admin-module {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;

    margin: 0 !important;
    padding: 19px 20px !important;

    border-bottom: 1px solid rgba(201,162,39,.16) !important;
}

/* Module description occupies available space;
   Manage remains aligned at the far right. */

.fol-admin-module > div {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.fol-admin-module .fol-admin-manage-link {
    flex: 0 0 auto !important;
    margin-left: auto !important;
}

.fol-admin-module:last-child {
    border-bottom: 0;
}

.fol-admin-module h3 {
    margin: 0 0 5px !important;

    color: #ffffff !important;

    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;

    text-transform: none !important;
    letter-spacing: 0 !important;
}

.fol-admin-module p {
    margin: 0 !important;

    color: #aaaaaa !important;

    font-size: 13px !important;
    line-height: 1.45 !important;
}

.fol-admin-module button {
    flex: 0 0 auto;

    min-width: 105px;
    padding: 9px 13px;

    background: #0B0B0B;
    border: 1px solid var(--gold);
    border-radius: 8px;

    color: var(--gold);

    font-size: 11px;
    font-weight: 900;

    text-transform: uppercase;
    letter-spacing: .04em;
}

/* Active Manage links */

.club-access-card .fol-admin-manage-link,
.club-access-card .fol-admin-manage-link:link,
.club-access-card .fol-admin-manage-link:visited {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    min-width: 105px !important;
    min-height: 38px !important;
    padding: 9px 13px !important;

    background: #0B0B0B !important;
    border: 1px solid var(--gold) !important;
    border-radius: 8px !important;

    color: var(--gold) !important;
    -webkit-text-fill-color: var(--gold) !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;

    box-shadow: none !important;
}

.club-access-card .fol-admin-manage-link:hover,
.club-access-card .fol-admin-manage-link:focus {
    background: var(--gold) !important;
    border-color: var(--gold) !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    text-decoration: none !important;

    transform: translateY(-1px);
}

.fol-admin-module button:disabled {
    opacity: .55;
    cursor: default;
}


/* ---------------------------------------------------------
   WORDPRESS ADMIN
   --------------------------------------------------------- */

.fol-admin-wordpress {
    display: flex;
    align-items: center;
    gap: 14px;

    padding-top: 22px;

    border-top: 1px solid rgba(201,162,39,.20);
}

.club-access-card .fol-admin-wordpress-link,
.club-access-card .fol-admin-wordpress-link:link,
.club-access-card .fol-admin-wordpress-link:visited {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto;

    padding: 10px 15px !important;

    background: #0B0B0B !important;
    border: 1px solid var(--gold) !important;
    border-radius: 8px !important;

    color: var(--gold) !important;
    -webkit-text-fill-color: var(--gold) !important;

    font-size: 11px !important;
    font-weight: 900 !important;

    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}

.club-access-card .fol-admin-wordpress-link:hover,
.club-access-card .fol-admin-wordpress-link:focus {
    background: var(--gold) !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    text-decoration: none !important;
}

.fol-admin-wordpress span {
    color: #888888;

    font-size: 12px;
    line-height: 1.4;
}


/* ---------------------------------------------------------
   ACCESS DENIED
   --------------------------------------------------------- */

.fol-admin-denied {
    padding: 20px;

    background: #151515;
    border: 1px solid rgba(201,162,39,.28);
    border-radius: 10px;
}

.fol-admin-denied p {
    margin: 0;

    color: #d7d7d7;

    font-size: 14px;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 850px) {

    .fol-admin-quick-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 650px) {

    .fol-admin-attention-grid,
    .fol-admin-quick-grid {
        grid-template-columns: 1fr;
    }

    .fol-admin-module {
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
    }

    .fol-admin-module button,
    .fol-admin-module .fol-admin-manage-link {
        width: 100% !important;
    }

    .fol-admin-wordpress {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* =========================================================
   FOL FED ADMIN — PROJECTS & ACTION ITEMS
   ========================================================= */

.fol-admin-projects {
    width: 100%;
}


/* ---------------------------------------------------------
   CREATE ACTIONS
   --------------------------------------------------------- */

.fol-admin-project-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;

    margin: 0 0 30px;
}

.fol-admin-project-actions button {
    min-height: 44px;
    padding: 10px 18px;

    background: var(--gold) !important;
    border: 1px solid var(--gold) !important;
    border-radius: 8px !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 900 !important;

    text-transform: uppercase !important;
    letter-spacing: .04em !important;

    opacity: 1 !important;
    box-shadow: none !important;
}

.fol-admin-project-actions button:disabled {
    opacity: 1 !important;
    cursor: default !important;
}


/* ---------------------------------------------------------
   SECTIONS
   --------------------------------------------------------- */

.fol-admin-project-section {
    margin: 0 0 30px;
}


/* ---------------------------------------------------------
   ACTIVE PROJECTS
   --------------------------------------------------------- */

.fol-admin-project-list {
    overflow: hidden;

    background: #151515;
    border: 1px solid rgba(201,162,39,.30);
    border-radius: 14px;
}

.fol-admin-project-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    padding: 18px 20px;

    border-bottom: 1px solid rgba(201,162,39,.16);
}

.fol-admin-project-row:last-child {
    border-bottom: 0;
}

.fol-admin-project-row > div {
    min-width: 0;
}

.fol-admin-project-row strong {
    display: block;

    margin-bottom: 5px;

    color: #ffffff;

    font-size: 15px;
    font-weight: 800;
    line-height: 1.3;
}

.fol-admin-project-row span {
    display: block;

    color: #999999;

    font-size: 12px;
    line-height: 1.4;
}

.fol-admin-project-row button {
    flex: 0 0 auto;

    min-width: 100px;
    padding: 9px 13px;

    background: #0B0B0B;
    border: 1px solid var(--gold);
    border-radius: 8px;

    color: var(--gold);

    font-size: 11px;
    font-weight: 900;

    text-transform: uppercase;
    letter-spacing: .04em;

    opacity: .55;
}


/* ---------------------------------------------------------
   TASK LISTS
   --------------------------------------------------------- */

.fol-admin-task-list {
    overflow: hidden;

    background: #151515;
    border: 1px solid rgba(201,162,39,.30);
    border-radius: 14px;
}

.fol-admin-task-row {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr) auto auto;
    gap: 16px;
    align-items: center;

    padding: 16px 18px;

    border-bottom: 1px solid rgba(201,162,39,.16);
}

.fol-admin-task-row:last-child {
    border-bottom: 0;
}


/* Task title/details */

.fol-admin-task-main {
    min-width: 0;
}

.fol-admin-task-main strong {
    display: block;

    margin-bottom: 5px;

    color: #ffffff;

    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
}

.fol-admin-task-main span {
    display: block;

    color: #999999;

    font-size: 12px;
    line-height: 1.45;
}


/* ---------------------------------------------------------
   STATUS
   --------------------------------------------------------- */

.fol-admin-task-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: fit-content;
    min-width: 76px;

    padding: 6px 9px;

    border-radius: 999px;

    font-size: 10px;
    font-weight: 900;
    line-height: 1;

    text-align: center;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.fol-admin-task-status-overdue {
    background: #ffffff;
    border: 1px solid #b00000;

    color: #b00000;
}

.fol-admin-task-status-due-soon {
    background: var(--gold);
    border: 1px solid var(--gold);

    color: #111111;
}

.fol-admin-task-status-upcoming,
.fol-admin-task-status-open {
    background: #242424;
    border: 1px solid rgba(201,162,39,.45);

    color: #ffffff;
}

.fol-admin-task-status-complete {
    background: #242424;
    border: 1px solid rgba(201,162,39,.30);

    color: #bdbdbd;
}


/* ---------------------------------------------------------
   TASK MANAGEMENT ACTIONS
   --------------------------------------------------------- */

/*
 * Status forms should not introduce extra spacing
 * inside the task-row grid.
 */
.fol-admin-task-status-form {
    display: inline-flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Edit */

.club-access-card .fol-admin-task-edit,
.club-access-card .fol-admin-task-edit:link,
.club-access-card .fol-admin-task-edit:visited {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 80px !important;
    min-height: 36px !important;
    padding: 9px 13px !important;

    background: #0B0B0B !important;
    border: 1px solid var(--gold) !important;
    border-radius: 8px !important;

    color: var(--gold) !important;
    -webkit-text-fill-color: var(--gold) !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}

.club-access-card .fol-admin-task-edit:hover,
.club-access-card .fol-admin-task-edit:focus {
    background: var(--gold) !important;
    border-color: var(--gold) !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    text-decoration: none !important;
}

/* Restore canceled event */

.club-access-card .fol-admin-event-restore {
    appearance: none !important;
    -webkit-appearance: none !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 80px !important;
    min-height: 36px !important;
    padding: 9px 13px !important;

    background: #0B0B0B !important;
    background-color: #0B0B0B !important;
    background-image: none !important;

    border: 1px solid var(--gold) !important;
    border-radius: 8px !important;

    color: var(--gold) !important;
    -webkit-text-fill-color: var(--gold) !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;

    cursor: pointer !important;
    box-shadow: none !important;
}

.club-access-card .fol-admin-event-restore:hover,
.club-access-card .fol-admin-event-restore:focus {
    background: var(--gold) !important;
    background-color: var(--gold) !important;
    border-color: var(--gold) !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    outline: none !important;
}

/* Mark Complete */

.fol-admin-task-complete {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 36px !important;
    padding: 9px 13px !important;

    background: var(--gold) !important;
    border: 1px solid var(--gold) !important;
    border-radius: 8px !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    text-transform: uppercase !important;
    letter-spacing: .04em !important;

    cursor: pointer !important;
    box-shadow: none !important;
}

.fol-admin-task-complete:hover,
.fol-admin-task-complete:focus {
    background: #ffffff !important;
    border-color: #ffffff !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}


/* Reopen */

.fol-admin-task-reopen {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 80px !important;
    min-height: 36px !important;
    padding: 9px 13px !important;

    background: #0B0B0B !important;
    border: 1px solid var(--gold) !important;
    border-radius: 8px !important;

    color: var(--gold) !important;
    -webkit-text-fill-color: var(--gold) !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    text-transform: uppercase !important;
    letter-spacing: .04em !important;

    cursor: pointer !important;
    box-shadow: none !important;
}

.fol-admin-task-reopen:hover,
.fol-admin-task-reopen:focus {
    background: var(--gold) !important;
    border-color: var(--gold) !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

.fol-admin-form-readonly {
    min-height: 42px;
    padding: 10px 13px;

    background: #202020;
    border: 1px solid rgba(201,162,39,.20);
    border-radius: 8px;

    color: #bdbdbd;

    font-size: 14px;
    line-height: 20px;

    box-sizing: border-box;
}

/* ---------------------------------------------------------
   EMPTY TASK STATE
   --------------------------------------------------------- */

.fol-admin-task-list .fol-admin-empty,
.fol-admin-project-list .fol-admin-empty {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 80px !important;

    margin: 0 !important;
    padding: 20px !important;

    background: #151515 !important;

    color: #999999 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    text-align: center !important;

    box-sizing: border-box !important;
}

/*
 * Empty task-list container retains a clear boundary
 * before navigation or other content below it.
 */
.fol-admin-task-list {
    border: 1px solid rgba(201,162,39,.30) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

/* ---------------------------------------------------------
   BACK TO ADMINISTRATION
   --------------------------------------------------------- */

.club-access-card .fol-admin-back,
.club-access-card .fol-admin-back:link,
.club-access-card .fol-admin-back:visited {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 40px;
    padding: 10px 16px !important;

    background: #0B0B0B !important;
    border: 1px solid var(--gold) !important;
    border-radius: 8px !important;

    color: var(--gold) !important;
    -webkit-text-fill-color: var(--gold) !important;

    font-size: 11px !important;
    font-weight: 900 !important;

    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}

.club-access-card .fol-admin-back:hover,
.club-access-card .fol-admin-back:focus {
    background: var(--gold) !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    text-decoration: none !important;
}

/* =========================================================
   FOL FED ADMIN — FORMS
   ========================================================= */

.fol-admin-form {
    width: 100%;
    margin: 0;
    padding: 22px;

    background: #151515;
    border: 1px solid rgba(201,162,39,.30);
    border-radius: 14px;

    box-sizing: border-box;
}

.fol-admin-form-field {
    margin: 0 0 20px;
}

.fol-admin-form-field label,
.fol-admin-assignees legend {
    display: block;

    margin: 0 0 7px;
    padding: 0;

    color: var(--gold);

    font-size: 12px;
    font-weight: 900;

    text-transform: uppercase;
    letter-spacing: .05em;
}

.fol-admin-form-field input,
.fol-admin-form-field select,
.fol-admin-form-field textarea {
    width: 100%;
    min-height: 42px;

    padding: 10px 13px;

    background: #0B0B0B;
    border: 1px solid rgba(201,162,39,.35);
    border-radius: 8px;

    color: #ffffff;
    -webkit-text-fill-color: #ffffff;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;

    box-shadow: none;
    box-sizing: border-box;
}

.fol-admin-form-field textarea {
    min-height: 120px;
    resize: vertical;
}

.fol-admin-form-field input:focus,
.fol-admin-form-field select:focus,
.fol-admin-form-field textarea:focus {
    border-color: var(--gold);
    outline: none;
    box-shadow: 0 0 0 2px rgba(201,162,39,.12);
}

/* =========================================================
   FOL FED ADMIN — DATE FIELD
   ========================================================= */

/*
 * Compact desktop date field.
 */
.fol-admin-form-field:has(input[type="date"]) {
    position: relative !important;

    width: 320px !important;
    max-width: 100% !important;
}

/*
 * Leave room for the visible calendar icon on the left.
 *
 * The rest of the input remains a normal native date field,
 * allowing direct month / day / year editing.
 */
.fol-admin-form-field input[type="date"] {
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    padding-left: 46px !important;
    padding-right: 13px !important;

    color-scheme: dark !important;
    cursor: text !important;
}

/*
 * Keep the native calendar picker functional only within
 * the 42px calendar-control area on the left.
 *
 * The browser's native icon is hidden, but the underlying
 * picker control remains clickable.
 */
.fol-admin-form-field input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 42px !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 0 !important;

    cursor: pointer !important;

    z-index: 5 !important;
}

/*
 * Visible white calendar body.
 */
.fol-admin-form-field:has(input[type="date"])::after {
    content: "";

    position: absolute !important;

    left: 14px !important;
    bottom: 12px !important;

    width: 16px !important;
    height: 15px !important;

    border: 2px solid #ffffff !important;
    border-radius: 2px !important;

    box-sizing: border-box !important;

    pointer-events: none !important;

    z-index: 2 !important;
}

/*
 * White calendar header line.
 */
.fol-admin-form-field:has(input[type="date"])::before {
    content: "";

    position: absolute !important;

    left: 14px !important;
    bottom: 21px !important;

    width: 16px !important;
    height: 2px !important;

    background: #ffffff !important;

    pointer-events: none !important;

    z-index: 3 !important;
}


/* Mobile */

@media (max-width: 650px) {

    .fol-admin-form-field:has(input[type="date"]) {
        width: 100% !important;
        max-width: none !important;
    }
}

/* =========================================================
   FOL FED ADMIN — ASSIGNEE SELECTION
   ========================================================= */

.fol-admin-assignees {
    margin: 0 0 22px;
    padding: 0;

    border: 0;
}

.fol-admin-assignee-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.fol-admin-assignee {
    display: flex;
    align-items: center;
    gap: 10px;

    padding: 11px 13px;

    background: #0B0B0B;
    border: 1px solid rgba(201,162,39,.25);
    border-radius: 8px;

    color: #ffffff;

    font-size: 13px;
    cursor: pointer;
}

.fol-admin-assignee input[type="checkbox"] {
    flex: 0 0 auto;

    width: 17px;
    height: 17px;

    accent-color: var(--gold);
}


/* Form actions */

.fol-admin-form-actions {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-top: 24px;
}

.fol-admin-form-submit {
    min-height: 42px;
    padding: 10px 18px !important;

    background: var(--gold) !important;
    border: 1px solid var(--gold) !important;
    border-radius: 8px !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    font-size: 12px !important;
    font-weight: 900 !important;

    text-transform: uppercase !important;
    letter-spacing: .04em !important;

    cursor: pointer;
}

.fol-admin-form-submit:hover,
.fol-admin-form-submit:focus {
    background: #ffffff !important;
    border-color: #ffffff !important;
}

.club-access-card .fol-admin-form-cancel,
.club-access-card .fol-admin-form-cancel:link,
.club-access-card .fol-admin-form-cancel:visited {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 42px;
    padding: 10px 18px !important;

    background: #0B0B0B !important;
    border: 1px solid var(--gold) !important;
    border-radius: 8px !important;

    color: var(--gold) !important;
    -webkit-text-fill-color: var(--gold) !important;

    font-size: 12px !important;
    font-weight: 900 !important;

    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}

.club-access-card .fol-admin-form-cancel:hover,
.club-access-card .fol-admin-form-cancel:focus {
    background: var(--gold) !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    text-decoration: none !important;
}

/* ---------------------------------------------------------
   DESTRUCTIVE / HIGH-IMPACT ADMINISTRATION ACTIONS
   --------------------------------------------------------- */

.club-access-card .fol-admin-action-danger {
    appearance: none !important;
    -webkit-appearance: none !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 42px;
    padding: 10px 18px !important;

    background: #b42323 !important;
    background-color: #b42323 !important;
    background-image: none !important;

    border: 1px solid #e04b4b !important;
    border-radius: 8px !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-size: 12px !important;
    font-weight: 900 !important;

    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;

    cursor: pointer !important;
    box-shadow: none !important;
}

.club-access-card .fol-admin-action-danger:hover,
.club-access-card .fol-admin-action-danger:focus {
    background: #d32f2f !important;
    background-color: #d32f2f !important;
    border-color: #ff6b6b !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    outline: none !important;
}

/* ---------------------------------------------------------
   EVENT ROW RESTORE BUTTON
   Recovery action — match the Edit row treatment.
   --------------------------------------------------------- */

.fol-admin-event-restore {
    appearance: none !important;
    -webkit-appearance: none !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 80px !important;
    min-height: 36px !important;
    padding: 9px 13px !important;

    background: #0B0B0B !important;
    background-color: #0B0B0B !important;
    background-image: none !important;

    border: 1px solid var(--gold) !important;
    border-radius: 8px !important;

    color: var(--gold) !important;
    -webkit-text-fill-color: var(--gold) !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;

    cursor: pointer !important;
    box-shadow: none !important;
}

.fol-admin-event-restore:hover,
.fol-admin-event-restore:focus {
    background: var(--gold) !important;
    background-color: var(--gold) !important;
    border-color: var(--gold) !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    outline: none !important;
}

/* ---------------------------------------------------------
   EVENT ROW CANCEL BUTTON
   Match the Edit row action dimensions.
   --------------------------------------------------------- */

.club-access-card .fol-admin-event-cancel {
    min-width: 80px !important;
    min-height: 36px !important;
    padding: 9px 13px !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    box-sizing: border-box !important;
}

/* Success / error feedback */

.fol-admin-success,
.fol-admin-form-error {
    margin: 0 0 20px;
    padding: 12px 16px;

    border-radius: 8px;

    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
}

.fol-admin-success {
    background: rgba(201,162,39,.10);
    border: 1px solid rgba(201,162,39,.45);

    color: #ffffff;
}

.fol-admin-form-error {
    background: rgba(176,0,0,.12);
    border: 1px solid rgba(255,120,120,.45);

    color: #ffffff;
}


/* Create links now that they are functional */

.club-access-card .fol-admin-create-link,
.club-access-card .fol-admin-create-link:link,
.club-access-card .fol-admin-create-link:visited {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 44px;
    padding: 10px 18px !important;

    background: var(--gold) !important;
    border: 1px solid var(--gold) !important;
    border-radius: 8px !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    font-size: 12px !important;
    font-weight: 900 !important;

    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}

.club-access-card .fol-admin-create-link:hover,
.club-access-card .fol-admin-create-link:focus {
    background: #ffffff !important;
    border-color: #ffffff !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}


/* Mobile */

@media (max-width: 650px) {

    .fol-admin-assignee-grid {
        grid-template-columns: 1fr;
    }

    .fol-admin-form-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .fol-admin-form-submit,
    .fol-admin-form-cancel {
        width: 100%;
    }
}

/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 700px) {

    .fol-admin-task-row {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .fol-admin-task-row > button {
        width: 100%;
    }

    .fol-admin-project-row {
        align-items: stretch;
        flex-direction: column;
    }

    .fol-admin-project-row button {
        width: 100%;
    }

    .fol-admin-project-actions {
        display: grid;
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   EVENT TIME FIELDS
   ========================================================= */

.fol-event-time-selects {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;

    width: 100%;
    max-width: 320px;

    gap: 8px;
}

.fol-event-time-selects select {
    width: 100%;
    min-width: 0;
    height: 42px;

    padding: 0 12px;

    background: #0B0B0B;
    border: 1px solid var(--gold);
    border-radius: 8px;

    color: #FFFFFF;
    -webkit-text-fill-color: #FFFFFF;

    font-size: 14px;
    font-weight: 700;

    box-sizing: border-box;
}

.fol-event-time-selects select:hover,
.fol-event-time-selects select:focus {
    border-color: var(--gold);

    outline: none;

    box-shadow:
        0 0 0 1px
        rgba(201, 162, 39, .35);
}

.fol-event-time-selects option {
    background: #151515;
    color: #FFFFFF;
}

/* =========================================================
   EVENT VISIBILITY LABELS
   ========================================================= */

/*
 * Base visibility badge.
 */
.fol-admin-task-status[class*="fol-admin-event-visibility-"] {
    min-width: 86px;
    padding: 7px 10px;

    border-radius: 999px;

    font-size: 11px;
    font-weight: 900;
    line-height: 1;

    text-align: center;
    text-transform: uppercase;
    letter-spacing: .06em;

    box-sizing: border-box;
}


/*
 * PUBLIC
 *
 * Open-access event.
 * Light treatment makes this the most visually open badge.
 */
.fol-admin-event-visibility-public {
    background: #F2F2F2;
    border: 1px solid #F2F2F2;

    color: #111111;
    -webkit-text-fill-color: #111111;
}


/*
 * MEMBERS
 *
 * Club-access event.
 * Lions gold identifies the normal authenticated club level.
 */
.fol-admin-event-visibility-members {
    background: var(--gold);
    border: 1px solid var(--gold);

    color: #111111;
    -webkit-text-fill-color: #111111;
}


/*
 * BOARD
 *
 * Highest-restriction event.
 * Dark background with gold outline differentiates it
 * from both Public and Members at a glance.
 */
.fol-admin-event-visibility-board {
    background: #0B0B0B;
    border: 2px solid var(--gold);

    color: var(--gold);
    -webkit-text-fill-color: var(--gold);
}

/* =========================================================
   FOL FED ADMIN — DOCUMENT FILES & VERSION HISTORY
   ========================================================= */

/*
 * Separate the file-management area from the
 * document metadata form above it.
 */
.fol-admin-document-form .fol-admin-project-section {
    margin-top: 30px;
    padding-top: 26px;

    border-top: 1px solid rgba(201,162,39,.24);
}


/* ---------------------------------------------------------
   CURRENT FILE
   --------------------------------------------------------- */

.fol-admin-document-form .fol-admin-form-readonly {
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr);
    align-items: center;
    gap: 16px;

    width: 100%;

    margin: 0 0 18px;
    padding: 14px 16px;

    background: #101010;
    border: 1px solid rgba(201,162,39,.28);
    border-radius: 9px;

    box-sizing: border-box;
}

.fol-admin-document-form .fol-admin-form-readonly strong {
    display: block;

    margin: 0;
    padding: 0;

    color: var(--gold);

    font-size: 11px;
    font-weight: 900;
    line-height: 1.3;

    text-transform: uppercase;
    letter-spacing: .05em;
}

.fol-admin-document-form .fol-admin-form-readonly span {
    display: block;

    min-width: 0;
    margin: 0;
    padding: 0;

    color: #ffffff;

    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;

    overflow-wrap: anywhere;
}


/* ---------------------------------------------------------
   REPLACEMENT FORM
   --------------------------------------------------------- */

.fol-admin-document-form
.fol-admin-project-section
> .fol-admin-form {
    margin: 0 0 28px;
}


/*
 * File inputs need different treatment from normal text
 * inputs. Keep the filename area dark and make the native
 * file-selection button look like an FOL secondary action.
 */
.fol-admin-document-form
.fol-admin-form-field
input[type="file"] {
    display: block;

    width: 100%;
    min-height: 46px;

    padding: 6px;

    background: #0B0B0B;
    border: 1px solid rgba(201,162,39,.35);
    border-radius: 8px;

    color: #d7d7d7;
    -webkit-text-fill-color: #d7d7d7;

    font-size: 13px;
    line-height: 32px;

    cursor: pointer;

    box-sizing: border-box;
}

.fol-admin-document-form
.fol-admin-form-field
input[type="file"]::file-selector-button {
    min-height: 32px;

    margin: 0 12px 0 0;
    padding: 7px 12px;

    background: #151515;
    border: 1px solid var(--gold);
    border-radius: 6px;

    color: var(--gold);

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 900;

    text-transform: uppercase;
    letter-spacing: .04em;

    cursor: pointer;
}

.fol-admin-document-form
.fol-admin-form-field
input[type="file"]:hover::file-selector-button,
.fol-admin-document-form
.fol-admin-form-field
input[type="file"]:focus::file-selector-button {
    background: var(--gold);

    color: #111111;
}


/* Optional explanatory text */

.fol-admin-document-form .fol-admin-form-field small {
    display: block;

    margin-top: 7px;

    color: #999999;

    font-size: 12px;
    line-height: 1.4;
}


/* Version History: respond to available content width */
.fol-admin-document-form .fol-admin-task-list {
    container-type: inline-size;
}

@container (max-width: 500px) {
    .fol-admin-document-form .fol-admin-task-row {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
        justify-items: start !important;
    }
    .fol-admin-document-form .fol-admin-task-main {
        min-width: 0 !important;
        width: 100% !important;
    }
}

/* ---------------------------------------------------------
   VERSION HISTORY
   --------------------------------------------------------- */

.fol-admin-document-form
.fol-admin-task-list {
    margin-top: 10px;
}

.fol-admin-document-form
.fol-admin-task-row {
    grid-template-columns: 90px minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;

    padding: 15px 18px;
}

/*
 * Current version gets the normal FOL gold emphasis.
 */
.fol-admin-document-form
.fol-admin-task-row
.fol-admin-task-status {
    min-width: 76px;

    background: #242424;
    border: 1px solid rgba(201,162,39,.38);

    color: #bdbdbd;
}

.fol-admin-document-form
.fol-admin-task-row:first-child
.fol-admin-task-status {
    background: var(--gold);
    border-color: var(--gold);

    color: #111111;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 650px) {

    .fol-admin-document-form .fol-admin-form-readonly {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .fol-admin-document-form
    .fol-admin-task-row {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .fol-admin-document-form
    .fol-admin-form-field
    input[type="file"] {
        line-height: 1.4;
    }
}

/* =========================================================
   FOL CLUB ACCESS — LOGIN
   ========================================================= */

.bc_fed.fed_login_container {
    max-width: 520px;
    margin: 48px auto;
    padding: 0 20px;
}

.bc_fed.fed_login_container > .row {
    margin: 0;
}

.bc_fed.fed_login_container .col-md-6,
.bc_fed.fed_login_container .col-md-offset-3 {
    float: none;
    width: 100%;
    margin-left: 0;
    padding: 0;
}


/* Login card */

.bc_fed.fed_login_container .panel.panel-primary {
    overflow: hidden;

    margin: 0;

    background: #111111 !important;
    border: 1px solid rgba(201, 162, 39, .42) !important;
    border-radius: 12px;

    box-shadow:
        0 18px 45px rgba(0, 0, 0, .32);
}


/* Header */

.bc_fed.fed_login_container
.panel.panel-primary > .panel-heading {
    padding: 25px 28px 23px;

    background: #0b0b0b !important;
    background-image: none !important;

    border: 0 !important;
    border-bottom:
        1px solid rgba(201, 162, 39, .28) !important;

    color: #ffffff !important;
}

.bc_fed.fed_login_container .panel-title {
    margin: 0;

    color: #ffffff !important;

    font-size: 27px;
    font-weight: 800;
    line-height: 1.2;

    text-transform: none;
}

.bc_fed.fed_login_container .panel-title::before {
    display: block;

    margin-bottom: 9px;

    color: var(--gold);

    content: "CLUB ACCESS";

    font-size: 11px;
    font-weight: 900;
    line-height: 1;

    letter-spacing: .14em;
}


/* Body */

.bc_fed.fed_login_container
.panel.panel-primary > .panel-body {
    padding: 28px;

    background: #111111 !important;

    color: #ffffff;
}


/* Fields */

.bc_fed.fed_login_container .form-group {
    margin-bottom: 21px;
}

.bc_fed.fed_login_container .form-group > label {
    display: block;

    margin: 0 0 7px;

    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
}

.bc_fed.fed_login_container
input.form-control[type="text"],
.bc_fed.fed_login_container
input.form-control[type="email"],
.bc_fed.fed_login_container
input.form-control[type="password"] {
    display: block;

    width: 100%;
    height: 48px;

    padding: 10px 13px;

    background: #080808 !important;
    background-image: none !important;

    border: 1px solid #444444 !important;
    border-radius: 7px !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;

    font-size: 15px;

    box-shadow: none !important;
}

.bc_fed.fed_login_container
input.form-control::placeholder {
    color: #8d8d8d !important;
    opacity: 1;
}

.bc_fed.fed_login_container
input.form-control:focus {

    outline: none;
}


/* Chrome / Edge autofill
 *
 * Chromium applies its own autofill background to saved
 * usernames and passwords. Force autofilled FED login
 * fields back into the FOL dark color scheme.
 */

.bc_fed.fed_login_container
input.form-control:-webkit-autofill,
.bc_fed.fed_login_container
input.form-control:-webkit-autofill:hover,
.bc_fed.fed_login_container
input.form-control:-webkit-autofill:focus,
.bc_fed.fed_login_container
input.form-control:-webkit-autofill:active {
    -webkit-text-fill-color: #ffffff !important;

    -webkit-box-shadow:
        0 0 0 1000px #080808 inset !important;

    box-shadow:
        0 0 0 1000px #080808 inset !important;

    caret-color: #ffffff !important;

    border: 1px solid #444444 !important;

    transition:
        background-color 9999s ease-out 0s;
}


/*
 * Preserve the gold focus treatment when an
 * autofilled field receives focus.
 */
.bc_fed.fed_login_container
input.form-control:-webkit-autofill:focus {
    border-color: var(--gold) !important;

    -webkit-box-shadow:
        0 0 0 1000px #080808 inset,
        0 0 0 2px rgba(201, 162, 39, .13) !important;

    box-shadow:
        0 0 0 1000px #080808 inset,
        0 0 0 2px rgba(201, 162, 39, .13) !important;
}

/* Remember Me */

.bc_fed.fed_login_container
.form-group > label:has(input[type="checkbox"]) {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin: 1px 0 0;

    color: #c8c8c8 !important;

    font-size: 13px;
    font-weight: 700;

    cursor: pointer;
}

.bc_fed.fed_login_container
input[type="checkbox"] {
    width: 17px;
    height: 17px;
    margin: 0;
}


/* Sign-in button */

.bc_fed.fed_login_container
button.btn.btn-primary {
    min-width: 160px;

    padding: 11px 22px;

    background: var(--gold) !important;
    background-image: none !important;

    border: 1px solid var(--gold) !important;
    border-radius: 7px !important;

    color: #111111 !important;

    font-size: 14px;
    font-weight: 900;

    text-transform: uppercase;
    letter-spacing: .05em;

    box-shadow: none !important;
}

.bc_fed.fed_login_container
button.btn.btn-primary:hover,
.bc_fed.fed_login_container
button.btn.btn-primary:focus,
.bc_fed.fed_login_container
button.btn.btn-primary:active {
    background: #e0bb43 !important;
    border-color: #e0bb43 !important;

    color: #111111 !important;

    outline: none;
}


/* Registration / password recovery */

.bc_fed.fed_login_container .padd_top_20 {
    padding-top: 11px;
}

.bc_fed.fed_login_container .padd_top_20 {
    color: #666666;
}

.bc_fed.fed_login_container .padd_top_20 a {
    color: var(--gold) !important;

    font-size: 13px;
    font-weight: 700;

    text-decoration: none;
}

.bc_fed.fed_login_container .padd_top_20 a:hover,
.bc_fed.fed_login_container .padd_top_20 a:focus {
    color: #ffffff !important;
    text-decoration: underline;
}

/* Mobile */

@media (max-width: 650px) {

    .bc_fed.fed_login_container {
        margin: 24px auto;
        padding: 0 14px;
    }

    .bc_fed.fed_login_container
    .panel.panel-primary > .panel-heading {
        padding: 22px 21px 20px;
    }

    .bc_fed.fed_login_container
    .panel.panel-primary > .panel-body {
        padding: 23px 21px;
    }

    .bc_fed.fed_login_container .panel-title {
        font-size: 24px;
    }
}

/* =========================================================
   FOL CLUB ACCESS — FED SWEETALERT
   ========================================================= */

/*
 * Frontend Dashboard bundles SweetAlert2, but the FED
 * version uses legacy SweetAlert2 class names.
 *
 * Support both the legacy and current class names so this
 * remains resilient if FED changes its bundled version.
 */


/* Dark overlay */

.swal2-container,
.swal2-container.swal2-shown {
    padding: 20px !important;

    background:
        rgba(0, 0, 0, .78) !important;
}


/* Popup card */

.swal2-modal,
.swal2-popup {
    width: min(92vw, 500px) !important;

    padding: 34px 30px 30px !important;

    background: #111111 !important;
    background-image: none !important;

    border:
        1px solid rgba(201, 162, 39, .42) !important;

    border-radius: 12px !important;

    color: #ffffff !important;

    box-shadow:
        0 20px 55px rgba(0, 0, 0, .55) !important;
}


/* Main message */

.swal2-modal h2,
.swal2-title {
    margin: 18px 0 8px !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;

    overflow-wrap: anywhere !important;
    word-break: normal !important;
}


/* Secondary message */

.swal2-modal .swal2-content,
.swal2-content,
.swal2-html-container {
    color: #bdbdbd !important;

    font-size: 14px !important;
    line-height: 1.55 !important;
}

/* Success icon
 *
 * FED uses SweetAlert2 7.1.2. Target its exact
 * success-icon structure and override both the
 * animation colors and inline white mask pieces.
 */

body .swal2-container
.swal2-modal
.swal2-icon.swal2-success {
    border-color: var(--gold) !important;
    color: var(--gold) !important;
    background: transparent !important;
}


/* Animated checkmark */

body .swal2-container
.swal2-modal
.swal2-success-line-tip,
body .swal2-container
.swal2-modal
.swal2-success-line-long,
body .swal2-container
.swal2-modal
.swal2-success-line-tip.swal2-animate-success-line-tip,
body .swal2-container
.swal2-modal
.swal2-success-line-long.swal2-animate-success-line-long {
    background-color: var(--gold) !important;
}


/* Animated success ring */

body .swal2-container
.swal2-modal
.swal2-success-ring {
    border-color:
        rgba(201, 162, 39, .48) !important;
}


/*
 * SweetAlert uses these as masking pieces around the
 * animated circle. Its JavaScript gives some of them
 * inline white backgrounds, so !important is required.
 */

body .swal2-container
.swal2-modal
.swal2-success-circular-line-left,
body .swal2-container
.swal2-modal
.swal2-success-circular-line-right,
body .swal2-container
.swal2-modal
.swal2-success-fix {
    background: #111111 !important;
    background-color: #111111 !important;
}

/* Error icon */

.swal2-icon.swal2-error {
    border-color: #d66a6a !important;
}

.swal2-icon.swal2-error
.swal2-x-mark-line-left,
.swal2-icon.swal2-error
.swal2-x-mark-line-right {
    background-color: #d66a6a !important;
}


/* Buttons */

.swal2-actions {
    margin-top: 22px !important;
}

.swal2-confirm,
.swal2-modal button.swal2-confirm {
    min-width: 120px !important;

    padding: 10px 18px !important;

    background: var(--gold) !important;
    background-image: none !important;

    border: 1px solid var(--gold) !important;
    border-radius: 7px !important;

    color: #111111 !important;

    font-size: 13px !important;
    font-weight: 900 !important;

    text-transform: uppercase;
    letter-spacing: .04em;

    box-shadow: none !important;
}

.swal2-confirm:hover,
.swal2-confirm:focus {
    background: #e0bb43 !important;
    border-color: #e0bb43 !important;

    color: #111111 !important;

    box-shadow: none !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

    .fed_login_container {
        margin: 24px auto;
        padding: 0 14px;
    }

    .fed_login_container .panel-heading {
        padding: 19px 20px;
    }

    .fed_login_container .panel-body {
        padding: 23px 20px 22px;
    }

    .fed_login_container .panel-title {
        font-size: 23px;
    }

    .swal2-popup {
        padding: 28px 20px 24px !important;
    }

    .swal2-title {
        font-size: 19px !important;
    }
}

/* =========================================================
   FOL CLUB ACCESS — ULTIMATE MEMBER REGISTRATION
   ========================================================= */

/*
 * The public Register page is rendered by Ultimate Member,
 * not Frontend Dashboard.
 *
 * Scope all styling to the registration page so Ultimate
 * Member forms elsewhere are not unintentionally changed.
 */

/* Registration content/card */

body.um-page-register .club-access-card {
    position: relative;

    width: min(100%, 520px);
    margin: 40px auto;

    /*
     * Extra top padding creates the registration
     * header area without modifying Ultimate Member.
     */
    padding: 122px 30px 30px;

    background: #111111;

    border: 1px solid
        rgba(201, 162, 39, .42);

    border-radius: 12px;

    box-shadow:
        0 18px 45px rgba(0, 0, 0, .28);

    box-sizing: border-box;
}

/*
 * Registration header.
 *
 * Match the Club Access login card without altering
 * Ultimate Member's registration template.
 */
body.um-page-register .club-access-card::before {
    position: absolute;

    top: 27px;
    left: 30px;

    color: var(--gold);

    content: "CLUB ACCESS";

    font-size: 11px;
    font-weight: 900;
    line-height: 1;

    letter-spacing: .14em;
}

/*
 * Main registration title.
 */
body.um-page-register .club-access-card::after {
    position: absolute;

    top: 49px;
    left: 30px;

    color: #ffffff;

    content: "Create Account";

    font-size: 27px;
    font-weight: 800;
    line-height: 1.2;
}

/*
 * Divider beneath the registration header.
 */
body.um-page-register
.club-access-card > .um-register::before {
    position: absolute;

    top: 100px;
    left: 0;
    right: 0;

    height: 1px;

    background:
        rgba(201, 162, 39, .28);

    content: "";
}

/*
 * Ultimate Member injects max-width:450px inline.
 * Override that so the form uses our Club Access card.
 */

body.um-page-register
.club-access-card
.um.um-register {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;

    color: #ffffff;
}


/* Remove unnecessary UM spacing */

body.um-page-register
.um-register .um-row {
    margin-bottom: 0 !important;
}


/*
 * Ultimate Member is rendering this registration form
 * with its two-column structure even though the second
 * column is empty.
 *
 * Collapse the empty column and allow the actual form
 * fields to use the full registration-card width.
 */

body.um-page-register
.um-register .um-col-121 {
    float: none !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.um-page-register
.um-register .um-col-122 {
    display: none !important;
}


body.um-page-register
.um-register .um-field {
    width: 100% !important;

    padding: 0 !important;
    margin: 0 0 18px !important;
}

/* Labels */

body.um-page-register
.um-register .um-field-label {
    display: flex;
    align-items: center;

    margin: 0 0 7px !important;

    color: var(--gold) !important;
}

body.um-page-register
.um-register .um-field-label label {
    margin: 0 !important;

    color: var(--gold) !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;

    letter-spacing: .01em;
}


/* Phone/mobile icons */

body.um-page-register
.um-register .um-field-label-icon {
    margin: 0 8px 0 0 !important;

    color: var(--gold) !important;
}

body.um-page-register
.um-register .um-field-label-icon i {
    color: var(--gold) !important;

    font-size: 14px !important;
}


/* All text/tel/password fields */

body.um-page-register
.um-register input.um-form-field[type="text"],

body.um-page-register
.um-register input.um-form-field[type="email"],

body.um-page-register
.um-register input.um-form-field[type="tel"],

body.um-page-register
.um-register input.um-form-field[type="password"] {
    display: block;

    width: 100% !important;
    height: 48px !important;

    padding: 10px 13px !important;

    background: #080808 !important;
    background-image: none !important;

    border: 1px solid
        rgba(201, 162, 39, .55) !important;

    border-radius: 7px !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-size: 15px !important;
    line-height: 1.4 !important;

    box-shadow: none !important;

    box-sizing: border-box;
}


/* Placeholder text */

body.um-page-register
.um-register input.um-form-field::placeholder {
    color: #8d8d8d !important;
    opacity: 1;
}


/* Focus */

body.um-page-register
.um-register input.um-form-field:focus {
    border-color: var(--gold) !important;

    outline: none !important;

    box-shadow:
        0 0 0 2px
        rgba(201, 162, 39, .13) !important;
}


/* Chrome / Edge autofill */

body.um-page-register
.um-register
input.um-form-field:-webkit-autofill,

body.um-page-register
.um-register
input.um-form-field:-webkit-autofill:hover,

body.um-page-register
.um-register
input.um-form-field:-webkit-autofill:focus {
    -webkit-text-fill-color:
        #ffffff !important;

    -webkit-box-shadow:
        0 0 0 1000px #080808 inset !important;

    box-shadow:
        0 0 0 1000px #080808 inset !important;

    caret-color: #ffffff !important;
}

/* =========================================================
   REGISTRATION — DESKTOP FIELD LAYOUT
   ========================================================= */

/*
 * Use a compact two-column layout for related member
 * information while keeping account/security fields
 * full width.
 */
@media (min-width: 651px) {

    body.um-page-register
    .um-register .um-col-121 {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr) !important;

        column-gap: 16px !important;
        row-gap: 0 !important;

        width: 100% !important;
    }


    /*
     * Account identity fields remain full width.
     */
    body.um-page-register
    .um-register .um-field-user_login,

    body.um-page-register
    .um-register .um-field-user_email,

    body.um-page-register
    .um-register .um-field-user_password {
        grid-column: 1 / -1 !important;
    }


    /*
     * Personal-name pair.
     */
    body.um-page-register
    .um-register .um-field-first_name {
        grid-column: 1 !important;
    }

    body.um-page-register
    .um-register .um-field-last_name {
        grid-column: 2 !important;
    }


    /*
     * Contact-number pair.
     */
    body.um-page-register
    .um-register .um-field-phone_number {
        grid-column: 1 !important;
    }

    body.um-page-register
    .um-register .um-field-mobile_number {
        grid-column: 2 !important;
    }
}

/* =========================================================
   REGISTRATION ACTIONS
   ========================================================= */

body.um-page-register
.um-register .um-col-alt {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;

    margin-top: 28px !important;
    padding-top: 0 !important;
}


/* Remove UM's 50/50 floating columns */

body.um-page-register
.um-register .um-left.um-half,

body.um-page-register
.um-register .um-right.um-half {
    float: none !important;

    width: auto !important;
    margin: 0 !important;
}


/* Register + Login buttons */

body.um-page-register
.um-register input.um-button,

body.um-page-register
.um-register a.um-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    width: auto !important;
    min-width: 160px;

    min-height: 46px !important;

    margin: 0 !important;
    padding: 10px 22px !important;

    background: var(--gold) !important;
    background-image: none !important;

    border: 1px solid var(--gold) !important;
    border-radius: 7px !important;

    color: #111111 !important;

    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;

    letter-spacing: .04em;

    box-shadow: none !important;
}


/* Make Login visually secondary */

body.um-page-register
.um-register a.um-button.um-alt {
    background: transparent !important;

    border-color:
        rgba(201, 162, 39, .65) !important;

    color: var(--gold) !important;
}


body.um-page-register
.um-register input.um-button:hover,
body.um-page-register
.um-register input.um-button:focus {
    background: #e0bb43 !important;
    border-color: #e0bb43 !important;

    color: #111111 !important;
}


body.um-page-register
.um-register a.um-button.um-alt:hover,
body.um-page-register
.um-register a.um-button.um-alt:focus {
    background:
        rgba(201, 162, 39, .10) !important;

    border-color: var(--gold) !important;

    color: #ffffff !important;
}


/* =========================================================
   REGISTRATION MOBILE
   ========================================================= */

@media (max-width: 650px) {

    body.um-page-register
    .club-access-card {
        width: calc(100% - 28px);

        margin: 24px auto;
        padding: 112px 20px 22px;
    }


    body.um-page-register
    .club-access-card::before {
        top: 24px;
        left: 20px;
    }


    body.um-page-register
    .club-access-card::after {
        top: 46px;
        left: 20px;

        font-size: 24px;
    }


    body.um-page-register
    .club-access-card > .um-register::before {
        top: 94px;
    }


    body.um-page-register
    .um-register .um-field {
        margin-bottom: 16px !important;
    }


    body.um-page-register
    .um-register .um-col-alt {
        flex-direction: column;
        gap: 10px;

        margin-top: 24px !important;
    }


    body.um-page-register
    .um-register .um-left.um-half,

    body.um-page-register
    .um-register .um-right.um-half {
        width: 100% !important;
    }


    body.um-page-register
    .um-register input.um-button,

    body.um-page-register
    .um-register a.um-button {
        width: 100% !important;
    }
}

/* =========================================================
   FOL CLUB ACCESS — FORGOT PASSWORD
   ========================================================= */


/*
 * Suppress the standard WordPress page title.
 * FED supplies the authentication-card heading.
 */
body.page-id-271 .entry-title {
    display: none;
}


/*
 * Remove excess article/header spacing created by
 * the otherwise empty WordPress page header.
 */
body.page-id-271 article > .header {
    display: none;
}


/*
 * Keep the FED recovery card on the same visual scale
 * as the canonical Club Access login card.
 */
body.page-id-271
.bc_fed.fed_login_container {
    max-width: 520px;
    margin: 40px auto;
    padding: 0 20px;
}


/*
 * FED already inherits most of our Login card styling.
 * Give this particular panel the correct title hierarchy.
 */
body.page-id-271
.fed_login_container .panel-title::before {
    content: "CLUB ACCESS";
}


/* Recovery field label */

body.page-id-271
.fed_tab_content[data-id="fed_forgot_password_tab"]
.form-group > label {
    color: #d8d8d8 !important;

    font-size: 13px;
    font-weight: 800;
}


/* Gold recovery-field border */

body.page-id-271
.fed_tab_content[data-id="fed_forgot_password_tab"]
input.form-control[type="text"] {
    border-color:
        rgba(201, 162, 39, .55) !important;
}


/* =========================================================
   FORGOT PASSWORD ACTIONS
   ========================================================= */

/*
 * FED uses Bootstrap columns here:
 *
 * empty col-md-3
 * submit col-md-9
 * login link col-md-6
 * register link col-md-6
 *
 * Collapse that legacy layout into a centered action area.
 */

body.page-id-271
.fed_tab_content[data-id="fed_forgot_password_tab"]
form > .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 14px;

    margin: 6px 0 0;
}


/* Hide FED's empty spacer column */

body.page-id-271
.fed_tab_content[data-id="fed_forgot_password_tab"]
form > .row > .col-md-3 {
    display: none;
}


/* Submit-button column */

body.page-id-271
.fed_tab_content[data-id="fed_forgot_password_tab"]
form > .row > .col-md-9 {
    float: none;

    width: 100%;

    padding: 0;

    text-align: center;
}


/* Recovery button */

body.page-id-271
.fed_tab_content[data-id="fed_forgot_password_tab"]
button.btn.btn-primary {
    min-width: 190px;
}


/* Secondary links */

body.page-id-271
.fed_tab_content[data-id="fed_forgot_password_tab"]
form > .row > .col-md-6 {
    float: none;

    width: auto;

    padding-left: 0;
    padding-right: 0;
}

body.page-id-271
.fed_tab_content[data-id="fed_forgot_password_tab"]
.padd_top_20 {
    padding-top: 17px;
}

body.page-id-271
.fed_tab_content[data-id="fed_forgot_password_tab"]
.padd_top_20 a {
    color: var(--gold) !important;

    font-size: 13px;
    font-weight: 700;

    text-decoration: none;
}

body.page-id-271
.fed_tab_content[data-id="fed_forgot_password_tab"]
.padd_top_20 a:hover,
body.page-id-271
.fed_tab_content[data-id="fed_forgot_password_tab"]
.padd_top_20 a:focus {
    color: #ffffff !important;

    text-decoration: underline;
}


/* =========================================================
   FORGOT PASSWORD MOBILE
   ========================================================= */

@media (max-width: 650px) {

    body.page-id-271
    .bc_fed.fed_login_container {
        margin: 24px auto;
        padding: 0 14px;
    }


    body.page-id-271
    .fed_tab_content[data-id="fed_forgot_password_tab"]
    form > .row {
        flex-direction: column;
        align-items: center;

        gap: 0;
    }


    body.page-id-271
    .fed_tab_content[data-id="fed_forgot_password_tab"]
    form > .row > .col-md-6 {
        width: 100%;

        text-align: center;
    }
}

/* =========================================================
   FOL ADMINISTRATION — MEMBERS
   ========================================================= */

/* Summary cards */

.fol-member-admin-summary {
    margin: 28px 0;
}

.fol-member-admin-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 12px;
}

.fol-member-admin-summary-grid > div {
    padding: 18px 16px;

    background: #111111;
    border: 1px solid rgba(201, 162, 39, .35);
    border-radius: 8px;

    text-align: center;
}

.fol-member-admin-summary-grid strong {
    display: block;

    margin-bottom: 5px;

    color: var(--gold);

    font-size: 25px;
    font-weight: 900;
}

.fol-member-admin-summary-grid span {
    color: #d8d8d8;

    font-size: 12px;
    font-weight: 700;
}


/* Member tables */

.fol-member-admin-section {
    margin-top: 30px;
}

.fol-member-admin-table-wrap {
    width: 100%;
    margin-top: 12px;

    overflow-x: auto;

    border: 1px solid rgba(201, 162, 39, .30);
    border-radius: 8px;
}

.fol-member-admin-table {
    width: 100%;
    border-collapse: collapse;

    background: #0d0d0d;
}

.fol-member-admin-table th {
    padding: 11px 12px;

    background: #171717;
    border-bottom: 1px solid rgba(201, 162, 39, .38);

    color: var(--gold);

    font-size: 11px;
    font-weight: 900;
    text-align: left;
    text-transform: uppercase;

    letter-spacing: .05em;
}

.fol-member-admin-table td {
    padding: 12px;

    border-bottom: 1px solid rgba(255, 255, 255, .08);

    color: #d8d8d8;

    font-size: 13px;
    vertical-align: middle;
}

.fol-member-admin-table tbody tr:last-child td {
    border-bottom: 0;
}

.fol-member-admin-table tbody tr:hover {
    background: rgba(201, 162, 39, .045);
}

.fol-member-admin-table td strong {
    display: block;

    color: #ffffff;
}

.fol-member-admin-table td small {
    display: block;

    margin-top: 3px;

    color: #929292;
}

.fol-member-admin-table a {
    color: var(--gold);
}


/* Status badges */

.fol-member-status {
    display: inline-block;

    padding: 5px 8px;

    background: #191919;
    border: 1px solid #555555;
    border-radius: 999px;

    color: #d8d8d8;

    font-size: 11px;
    font-weight: 800;

    white-space: nowrap;
}

.fol-member-status-approved {
    border-color: rgba(201, 162, 39, .65);
    color: var(--gold);
}

.fol-member-status-awaiting_admin_review {
    border-color: #8c7440;
    color: #e4c979;
}

.fol-member-status-inactive,
.fol-member-status-rejected {
    border-color: #8e4747;
    color: #e5a0a0;
}


/* =========================================================
   MEMBER DETAIL
   ========================================================= */

.fol-member-detail-section {
    margin-top: 28px;
}

.fol-member-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;

    margin-top: 12px;
}

.fol-member-detail-grid > div {
    min-width: 0;

    padding: 15px 16px;

    background: #111111;
    border: 1px solid rgba(201, 162, 39, .28);
    border-radius: 8px;
}

.fol-member-detail-grid span {
    display: block;

    margin-bottom: 5px;

    color: #969696;

    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;

    letter-spacing: .05em;
}

.fol-member-detail-grid strong {
    display: block;

    color: #ffffff;

    font-size: 14px;
    font-weight: 700;

    overflow-wrap: anywhere;
}

.fol-member-detail-grid a {
    color: var(--gold);
}


/* =========================================================
   MEMBER ACCOUNT ACTIONS
   ========================================================= */

.fol-member-account-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;

    margin-top: 12px;
}

.fol-member-account-actions form {
    margin: 0;
}


/* Base button */

.fol-member-account-actions button {
    appearance: none;
    -webkit-appearance: none;

    min-height: 42px;

    padding: 9px 16px !important;

    border-radius: 6px !important;

    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    text-transform: uppercase;
    letter-spacing: .035em;

    cursor: pointer;

    box-shadow: none !important;
}


/* Approve / Reactivate */

.fol-member-account-actions
.fol-member-action-primary {
    background: var(--gold) !important;
    background-image: none !important;

    border: 1px solid var(--gold) !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

.fol-member-account-actions
.fol-member-action-primary:hover,
.fol-member-account-actions
.fol-member-action-primary:focus {
    background: #e0bb43 !important;

    border-color: #e0bb43 !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}


/* Reject / Deactivate */

.fol-member-account-actions
.fol-member-action-danger {
    background: #b42323 !important;
    background-color: #b42323 !important;
    background-image: none !important;

    border: 1px solid #e04b4b !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.fol-member-account-actions
.fol-member-action-danger:hover,
.fol-member-account-actions
.fol-member-action-danger:focus {
    background: #d32f2f !important;
    background-color: #d32f2f !important;

    border-color: #ff6b6b !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Back navigation */

.fol-admin-member-detail
.fol-member-detail-actions {
    margin-top: 30px;
}


/* =========================================================
   MEMBERS MOBILE
   ========================================================= */

@media (max-width: 760px) {

    .fol-member-admin-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    .fol-member-detail-grid {
        grid-template-columns: 1fr;
    }


    .fol-member-account-actions {
        flex-direction: column;
    }


    .fol-member-account-actions form {
        width: 100%;
    }


    .fol-member-account-actions button {
        width: 100%;
    }
}

/* =========================================================
   MEMBER ADMINISTRATION — PROFILE EDITOR
   ========================================================= */

.fol-member-edit-form {
    margin-top: 12px;

    padding: 18px;

    background: #111111;

    border: 1px solid rgba(201, 162, 39, .30);
    border-radius: 8px;
}


.fol-member-edit-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 16px;
}


.fol-member-edit-field label {
    display: block;

    margin-bottom: 6px;

    color: #d8d8d8;

    font-size: 12px;
    font-weight: 800;
}


.fol-member-edit-field input {
    width: 100%;
    min-height: 42px;

    padding: 9px 11px;

    background: #080808 !important;

    border: 1px solid rgba(201, 162, 39, .55) !important;
    border-radius: 6px !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    box-sizing: border-box;
}


.fol-member-edit-field input:focus {
    border-color: var(--gold) !important;

    outline: none;

    box-shadow:
        0 0 0 2px rgba(201, 162, 39, .15) !important;
}


.fol-member-directory-option {
    display: flex;
    align-items: center;
    gap: 9px;

    margin-top: 18px;

    color: #d8d8d8;

    font-size: 13px;
    font-weight: 700;

    cursor: pointer;
}


.fol-member-directory-option input {
    width: 17px;
    height: 17px;

    accent-color: var(--gold);
}


.fol-member-edit-actions {
    margin-top: 20px;
}


.fol-member-edit-actions
.fol-member-action-primary {
    appearance: none;
    -webkit-appearance: none;

    min-height: 42px;

    padding: 9px 16px !important;

    background: var(--gold) !important;
    background-image: none !important;

    border: 1px solid var(--gold) !important;
    border-radius: 6px !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    font-size: 12px !important;
    font-weight: 900 !important;

    text-transform: uppercase;
    letter-spacing: .035em;

    cursor: pointer;
}


.fol-member-edit-actions
.fol-member-action-primary:hover,
.fol-member-edit-actions
.fol-member-action-primary:focus {
    background: #e0bb43 !important;

    border-color: #e0bb43 !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}


/* Explicit notice treatments */

.fol-member-profile-notice-success {
    background: #18351f !important;
    border-color: #387548 !important;
    color: #d9f3df !important;
}

.fol-member-profile-notice-error {
    background: #351818 !important;
    border-color: #8e4747 !important;
    color: #f0b2b2 !important;
}


@media (max-width: 650px) {

    .fol-member-edit-grid {
        grid-template-columns: 1fr;
    }


    .fol-member-edit-actions
    .fol-member-action-primary {
        width: 100%;
    }
}

/* =========================================================
   MEMBER ADMINISTRATION — ACCESS ROLE
   ========================================================= */

.fol-member-role-form {
    margin-top: 12px;

    padding: 18px;

    background: #111111;

    border: 1px solid rgba(201, 162, 39, .30);
    border-radius: 8px;
}


.fol-member-role-control {
    display: flex;
    align-items: flex-end;
    gap: 14px;
}


.fol-member-role-control > div {
    flex: 1;
}


.fol-member-role-control label {
    display: block;

    margin-bottom: 6px;

    color: #d8d8d8;

    font-size: 12px;
    font-weight: 800;
}


.fol-member-role-control select {
    width: 100%;
    min-height: 42px;

    padding: 9px 11px;

    background: #080808 !important;

    border: 1px solid rgba(201, 162, 39, .55) !important;
    border-radius: 6px !important;

    color: #ffffff !important;

    box-sizing: border-box;
}


.fol-member-role-save {
    appearance: none;
    -webkit-appearance: none;

    min-height: 42px;

    padding: 9px 16px !important;

    background: var(--gold) !important;
    background-image: none !important;

    border: 1px solid var(--gold) !important;
    border-radius: 6px !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    font-size: 12px !important;
    font-weight: 900 !important;

    text-transform: uppercase;
    letter-spacing: .035em;

    cursor: pointer;
}


.fol-member-role-save:hover,
.fol-member-role-save:focus {
    background: #e0bb43 !important;

    border-color: #e0bb43 !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}


.fol-member-role-help {
    margin: 12px 0 0;

    color: #969696;

    font-size: 12px;
    line-height: 1.5;
}


.fol-member-role-readonly {
    margin-top: 12px;

    padding: 15px 16px;

    background: #111111;

    border: 1px solid rgba(201, 162, 39, .28);
    border-radius: 8px;
}


.fol-member-role-readonly strong {
    display: block;

    color: var(--gold);

    font-size: 14px;
}


.fol-member-role-readonly span {
    display: block;

    margin-top: 4px;

    color: #a8a8a8;

    font-size: 12px;
}


/* Role-change notices */

.fol-member-role-notice-success {
    background: #18351f !important;
    border-color: #387548 !important;
    color: #d9f3df !important;
}

.fol-member-role-notice-error {
    background: #351818 !important;
    border-color: #8e4747 !important;
    color: #f0b2b2 !important;
}


@media (max-width: 650px) {

    .fol-member-role-control {
        flex-direction: column;
        align-items: stretch;
    }


    .fol-member-role-save {
        width: 100%;
    }
}


/* =========================================================
   MEMBER ADMINISTRATION — FINAL VISUAL NORMALIZATION
   ========================================================= */

/* Member editor: keep all editable controls in the FOL dark/gold system. */
.club-access-card .fol-member-edit-form input[type="text"],
.club-access-card .fol-member-edit-form input[type="email"],
.club-access-card .fol-member-edit-form input[type="tel"],
.club-access-card .fol-member-edit-form input[type="number"],
.club-access-card .fol-member-edit-form input[type="password"] {
    width: 100% !important;
    min-height: 44px !important;
    padding: 10px 13px !important;
    background: #0B0B0B !important;
    background-color: #0B0B0B !important;
    background-image: none !important;
    border: 1px solid rgba(201,162,39,.55) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font: inherit !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

.club-access-card .fol-member-edit-form input:focus {
    border-color: var(--gold) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(201,162,39,.15) !important;
}

/* Access-role selector, including native dropdown options. */
.club-access-card .fol-member-role-control select {
    width: 100% !important;
    min-height: 44px !important;
    padding: 10px 38px 10px 13px !important;
    background: #0B0B0B !important;
    background-color: #0B0B0B !important;
    border: 1px solid rgba(201,162,39,.55) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    color-scheme: dark !important;
    font: inherit !important;
    box-shadow: none !important;
}

.club-access-card .fol-member-role-control select option {
    background: #151515 !important;
    color: #ffffff !important;
}

.club-access-card .fol-member-role-control select:focus {
    border-color: var(--gold) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(201,162,39,.15) !important;
}

/* Member-management submit buttons: defeat plugin/browser white defaults. */
.club-access-card .fol-member-edit-actions button,
.club-access-card .fol-member-role-save,
.club-access-card .fol-member-account-actions button {
    background-image: none !important;
    opacity: 1 !important;
    box-shadow: none !important;
}

.club-access-card .fol-member-edit-actions .fol-member-action-primary,
.club-access-card button.fol-member-role-save,
.club-access-card .fol-member-account-actions .fol-member-action-primary {
    background: var(--gold) !important;
    background-color: var(--gold) !important;
    border: 1px solid var(--gold) !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

.club-access-card .fol-member-edit-actions .fol-member-action-primary:hover,
.club-access-card .fol-member-edit-actions .fol-member-action-primary:focus,
.club-access-card button.fol-member-role-save:hover,
.club-access-card button.fol-member-role-save:focus,
.club-access-card .fol-member-account-actions .fol-member-action-primary:hover,
.club-access-card .fol-member-account-actions .fol-member-action-primary:focus {
    background: #e0bb43 !important;
    border-color: #e0bb43 !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

/* Success/error feedback — green means a completed administrative action. */
.fol-admin-success,
.fol-member-profile-notice-success,
.fol-member-role-notice-success,
.fol-member-status-notice-success {
    background: #18351f !important;
    border: 1px solid #387548 !important;
    color: #d9f3df !important;
}

.fol-member-status-notice-error {
    background: #351818 !important;
    border: 1px solid #8e4747 !important;
    color: #f0b2b2 !important;
}

/* =========================================================
   FOL — FRONTEND DASHBOARD 3.0.2 COMPATIBILITY
   ========================================================= */

/*
 * FED 3.0 introduced a standalone application shell with
 * inline layout styles and utility classes.
 *
 * Keep FED responsible for routing/functionality while the
 * FOL theme remains responsible for Club Access presentation.
 */


/* ---------------------------------------------------------
   DASHBOARD APPLICATION SHELL
   --------------------------------------------------------- */

.bc_fed.fed_dashboard_container {
    min-height: 0 !important;

    background: transparent !important;
    color: #d7d7d7 !important;
}


.bc_fed .fed_dashboard_wrapper {
    display: grid !important;
    grid-template-columns: 230px minmax(0, 1fr) !important;

    width: 100% !important;
    min-height: 0 !important;

    align-items: stretch !important;

    background: #111111 !important;

    border: 1px solid rgba(201, 162, 39, .30) !important;
    border-radius: 14px !important;

    overflow: hidden !important;
}


/* ---------------------------------------------------------
   LEFT NAVIGATION
   --------------------------------------------------------- */

.bc_fed aside.fed_dashboard_menus {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    align-self: stretch !important;

    background: #151515 !important;

    border: 0 !important;
    border-right:
        1px solid rgba(201, 162, 39, .22) !important;

    color: #d7d7d7 !important;

    position: relative !important;
}


.bc_fed .fed_sidebar_scrollable {
    padding: 18px 14px !important;

    overflow: visible !important;
}


/*
 * FED 3.0's internal product-brand block duplicates the
 * FOL Club Access identity already supplied by the site.
 */
.bc_fed
.fed_sidebar_scrollable
> div:first-child {
    display: none !important;
}


.bc_fed .fed_menu_items {
    width: 100% !important;
}


.bc_fed #fed_default_template {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
}


.bc_fed
.fed_dashboard_menus
.fed_menu_item {
    margin: 0 !important;
}


.bc_fed
.fed_dashboard_menus
.fed_menu_item a,

.bc_fed
.fed_dashboard_menus
.fed_menu_item button {
    display: flex !important;
    align-items: center !important;
    column-gap: 12px !important;

    width: 100% !important;
    min-height: 42px !important;

    padding: 10px 12px !important;

    background: transparent !important;

    border: 1px solid transparent !important;
    border-radius: 7px !important;

    color: #d7d7d7 !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    text-decoration: none !important;

    box-shadow: none !important;
}


/* Fixed icon column for current FED links, submenu headings and collapse control. */
.bc_fed .fed_dashboard_menus .fed_menu_item > a > :is(span, i, svg):first-child,
.bc_fed .fed_dashboard_menus .fed_menu_item > button > :is(span, i, svg):first-child,
.bc_fed .fed_dashboard_menus .fed_menu_item > button > div:first-child > :is(span, i, svg):first-child {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 20px !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    margin: 0 !important;
    text-align: center !important;
}
.bc_fed .fed_dashboard_menus .fed_menu_item > button > div:first-child {
    display: flex !important;
    align-items: center !important;
    column-gap: 12px !important;
    min-width: 0;
}


.bc_fed
.fed_dashboard_menus
.fed_menu_item a *,

.bc_fed
.fed_dashboard_menus
.fed_menu_item button * {
    color: inherit !important;
}


/* Active navigation */

.bc_fed
.fed_dashboard_menus
.fed_menu_item a.bg-indigo-50,

.bc_fed
.fed_dashboard_menus
.fed_menu_item button.bg-indigo-50,

.bc_fed
.fed_dashboard_menus
.fed_menu_item.active a,

.bc_fed
.fed_dashboard_menus
.fed-tab-active {
    background:
        rgba(201, 162, 39, .13) !important;

    border-color:
        rgba(201, 162, 39, .38) !important;

    color: var(--gold) !important;

    box-shadow: none !important;
}


/* Inactive hover */

.bc_fed
.fed_dashboard_menus
.fed_menu_item a:hover,

.bc_fed
.fed_dashboard_menus
.fed_menu_item button:hover {
    background:
        rgba(201, 162, 39, .08) !important;

    border-color:
        rgba(201, 162, 39, .20) !important;

    color: #ffffff !important;
}


/* ---------------------------------------------------------
   SIDEBAR USER / LOGOUT
   --------------------------------------------------------- */

.bc_fed .fed_sidebar_user_section {
    position: relative !important;
    bottom: auto !important;

    margin-top: 0 !important;
    padding: 14px !important;

    background: #101010 !important;

    border-top:
        1px solid rgba(201, 162, 39, .20) !important;
}


.bc_fed
.fed_sidebar_user_section
.fed_sidebar_user_name {
    color: #ffffff !important;
}


.bc_fed
.fed_sidebar_user_section
.fed_sidebar_user_email {
    color: #aaaaaa !important;
}


.bc_fed .fed_sidebar_logout_btn {
    color: var(--gold) !important;
}


.bc_fed .fed_sidebar_logout_btn:hover {
    background:
        rgba(201, 162, 39, .10) !important;

    color: #ffffff !important;
}


/* ---------------------------------------------------------
   MAIN CONTENT CANVAS
   --------------------------------------------------------- */

.bc_fed main.fed_dashboard_items {
    min-width: 0 !important;

    background: #111111 !important;

    color: #d7d7d7 !important;
}


/*
 * FED 3.0 adds its own breadcrumb/title header.
 * FOL already supplies page context through the Club Access
 * navigation and individual screens.
 */
.bc_fed
main.fed_dashboard_items
> div:first-child {
    display: none !important;
}


/* Main content padding */

.bc_fed
main.fed_dashboard_items
> div:nth-child(2) {
    padding: 20px !important;
}


/* FED 3.0 white application card */

.bc_fed .fed_dashboard_main_card {
    min-height: 0 !important;

    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}


/* ---------------------------------------------------------
   FED-GENERATED CONTENT SURFACES
   --------------------------------------------------------- */

.bc_fed
.fed_dashboard_item
.bg-white,

.bc_fed
.fed_dashboard_item
[class*="bg-white"],

.bc_fed
.fed_dashboard_items
.bg-white {
    background: #151515 !important;

    border-color:
        rgba(201, 162, 39, .26) !important;
}


.bc_fed
.fed_dashboard_item
.bg-slate-50,

.bc_fed
.fed_dashboard_item
[class*="bg-slate-50"] {
    background: #101010 !important;

    border-color:
        rgba(201, 162, 39, .18) !important;
}


/* FED headings */

.bc_fed .fed_dashboard_items h1,
.bc_fed .fed_dashboard_items h2,
.bc_fed .fed_dashboard_items h3,
.bc_fed .fed_dashboard_items h4,
.bc_fed .fed_dashboard_items h5,
.bc_fed .fed_dashboard_items h6 {
    color: #ffffff !important;
}


/* Utility text introduced in FED 3 */

.bc_fed .fed_dashboard_items .text-slate-900,
.bc_fed .fed_dashboard_items .text-slate-800,
.bc_fed .fed_dashboard_items .text-slate-700 {
    color: #e7e7e7 !important;
}


.bc_fed .fed_dashboard_items .text-slate-600,
.bc_fed .fed_dashboard_items .text-slate-500,
.bc_fed .fed_dashboard_items .text-slate-400 {
    color: #aaaaaa !important;
}


/* FED accent blocks */

.bc_fed .bg-indigo-50,
.bc_fed .bg-amber-50,
.bc_fed .bg-emerald-50 {
    background:
        rgba(201, 162, 39, .10) !important;

    color: var(--gold) !important;
}


/* ---------------------------------------------------------
   FED 3 PROFILE
   --------------------------------------------------------- */

.bc_fed
.fed_dashboard_item.space-y-6
> div:first-child {
    background: #151515 !important;

    border:
        1px solid rgba(201, 162, 39, .28) !important;

    border-radius: 12px !important;

    box-shadow: none !important;
}


.bc_fed
.fed_dashboard_item
.fed_dashboard_item_field label {
    color: #d8d8d8 !important;
}


.bc_fed
.fed_dashboard_item
input[type="text"],

.bc_fed
.fed_dashboard_item
input[type="email"],

.bc_fed
.fed_dashboard_item
input[type="password"],

.bc_fed
.fed_dashboard_item
input[type="tel"],

.bc_fed
.fed_dashboard_item
input[type="url"],

.bc_fed
.fed_dashboard_item
input[type="number"],

.bc_fed
.fed_dashboard_item
select,

.bc_fed
.fed_dashboard_item
textarea {
    background: #0d0d0d !important;

    border:
        1px solid rgba(201, 162, 39, .48) !important;

    color: #ffffff !important;

    box-shadow: none !important;
}


.bc_fed
.fed_dashboard_item
input:focus,

.bc_fed
.fed_dashboard_item
select:focus,

.bc_fed
.fed_dashboard_item
textarea:focus {
    border-color: var(--gold) !important;

    box-shadow:
        0 0 0 2px rgba(201, 162, 39, .13) !important;

    outline: none !important;
}


/* ---------------------------------------------------------
   MOBILE — FED 3.0.2
   --------------------------------------------------------- */

@media (max-width: 850px) {

    .bc_fed .fed_dashboard_wrapper {
        display: block !important;
    }


    .bc_fed aside.fed_dashboard_menus {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        border-right: 0 !important;
        border-bottom:
            1px solid rgba(201, 162, 39, .22) !important;
    }


    .bc_fed .fed_sidebar_scrollable {
        padding: 12px !important;
    }


    .bc_fed .fed_sidebar_user_section {
        display: none !important;
    }


    .bc_fed
    main.fed_dashboard_items
    > div:nth-child(2) {
        padding: 14px !important;
    }
}

/* =========================================================
   FOL — FED 3.0.2 CHROME CLEANUP
   ========================================================= */

/*
 * FED 3.0 adds an identity/profile card above dashboard
 * content. FOL already provides identity/profile access
 * through My Profile, so suppress the duplicate chrome.
 */
.bc_fed
.fed_dashboard_main_card
> .fed_dashboard_item
> div:first-child {
    display: none !important;
}

/*
 * Without FED's fixed user footer the sidebar no longer
 * needs full-height application behavior.
 */
.bc_fed aside.fed_dashboard_menus {
    min-height: 0 !important;
}

/* =========================================================
   FOL — FED 3.0.2 AUTHENTICATION COMPATIBILITY
   ========================================================= */

/*
 * FED 3.0.2 replaced the legacy Bootstrap authentication
 * markup with utility-class markup. Normalize the new
 * Login / Forgot Password cards back to the accepted
 * FOL Club Access presentation.
 */

.bc_fed.fed_login_container {
    width: 100% !important;
    max-width: 520px !important;

    margin: 48px auto !important;
    padding: 0 20px !important;

    color: #ffffff !important;
}


/* FED 3.0 outer layout */

.bc_fed.fed_login_container > .flex {
    display: block !important;
}

.bc_fed.fed_login_container
> .flex
> .w-full {
    width: 100% !important;
    max-width: none !important;
}


/* Authentication card */

.bc_fed.fed_login_container
> .flex
> .w-full
> .bg-white {
    overflow: hidden !important;

    margin: 0 !important;

    background: #111111 !important;
    background-image: none !important;

    border:
        1px solid rgba(201, 162, 39, .42) !important;

    border-radius: 12px !important;

    box-shadow:
        0 18px 45px rgba(0, 0, 0, .32) !important;
}


/* Header */

.bc_fed.fed_login_container
> .flex
> .w-full
> .bg-white
> .bg-blue-600 {
    padding: 25px 28px 23px !important;

    background: #0b0b0b !important;
    background-image: none !important;

    border: 0 !important;
    border-bottom:
        1px solid rgba(201, 162, 39, .28) !important;
}


/* Login / Forgot Password title */

.bc_fed.fed_login_container
> .flex
> .w-full
> .bg-white
> .bg-blue-600
h3 {
    margin: 0 !important;

    color: #ffffff !important;

    font-size: 27px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    letter-spacing: 0 !important;
}


/* Restore CLUB ACCESS eyebrow */

.bc_fed.fed_login_container
> .flex
> .w-full
> .bg-white
> .bg-blue-600
h3::before {
    display: block;

    margin-bottom: 9px;

    color: var(--gold);

    content: "CLUB ACCESS";

    font-size: 11px;
    font-weight: 900;
    line-height: 1;

    letter-spacing: .14em;
}


/* Card body */

.bc_fed.fed_login_container
> .flex
> .w-full
> .bg-white
> .p-6 {
    padding: 28px !important;

    background: #111111 !important;

    color: #ffffff !important;
}


/* Forms */

.bc_fed.fed_login_container
.fed_form_post {
    display: block !important;
}


/* Fields */

.bc_fed.fed_login_container
.form-group {
    display: block !important;

    margin: 0 0 21px !important;
}


.bc_fed.fed_login_container
.form-group > label {
    display: block !important;

    margin: 0 0 7px !important;

    color: #d8d8d8 !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
}


.bc_fed.fed_login_container
input.form-control[type="text"],

.bc_fed.fed_login_container
input.form-control[type="email"],

.bc_fed.fed_login_container
input.form-control[type="password"] {
    display: block !important;

    width: 100% !important;
    height: 48px !important;

    padding: 10px 13px !important;

    background: #080808 !important;
    background-image: none !important;

    border: 1px solid #444444 !important;
    border-radius: 7px !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-size: 15px !important;

    box-shadow: none !important;
}


.bc_fed.fed_login_container
input.form-control:focus {
    border-color: var(--gold) !important;

    outline: none !important;

    box-shadow:
        0 0 0 2px rgba(201, 162, 39, .13) !important;
}


/* Remember Me */

.bc_fed.fed_login_container
input[type="checkbox"] {
    width: 17px !important;
    height: 17px !important;

    accent-color: var(--gold);
}


/* FED 3.0 action area */

.bc_fed.fed_login_container
.fed_form_post > .pt-4 {
    padding-top: 4px !important;
}


/* Login / Forgot Password button */

.bc_fed.fed_login_container
.fed_form_post button[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 160px !important;
    min-height: 44px !important;

    padding: 11px 22px !important;

    background: var(--gold) !important;
    background-image: none !important;

    border: 1px solid var(--gold) !important;
    border-radius: 7px !important;

    color: #111111 !important;

    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    text-transform: uppercase !important;
    letter-spacing: .05em !important;

    box-shadow: none !important;
}


.bc_fed.fed_login_container
.fed_form_post button[type="submit"]:hover,

.bc_fed.fed_login_container
.fed_form_post button[type="submit"]:focus {
    background: #e0bb43 !important;
    border-color: #e0bb43 !important;

    color: #111111 !important;

    outline: none !important;
}


/* Login / registration / password links */

.bc_fed.fed_login_container
.fed_form_post a {
    color: var(--gold) !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    text-decoration: none !important;
}


.bc_fed.fed_login_container
.fed_form_post a:hover,
.bc_fed.fed_login_container
.fed_form_post a:focus {
    color: #ffffff !important;

    text-decoration: underline !important;
}


/*
 * FED 3.0 footer links use a utility border and separator.
 * Keep the links but normalize the surrounding treatment.
 */
.bc_fed.fed_login_container
.fed_form_post
> .border-t {
    margin-top: 18px !important;
    padding-top: 18px !important;

    border-top:
        1px solid rgba(201, 162, 39, .18) !important;

    color: #777777 !important;
}


/* Remove FED blue utility colors that survive on descendants */

.bc_fed.fed_login_container
.text-blue-600,
.bc_fed.fed_login_container
.hover\:text-blue-500 {
    color: var(--gold) !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 650px) {

    .bc_fed.fed_login_container {
        margin: 24px auto !important;
        padding: 0 14px !important;
    }


    .bc_fed.fed_login_container
    > .flex
    > .w-full
    > .bg-white
    > .bg-blue-600 {
        padding: 22px 21px 20px !important;
    }


    .bc_fed.fed_login_container
    > .flex
    > .w-full
    > .bg-white
    > .p-6 {
        padding: 23px 21px !important;
    }


    .bc_fed.fed_login_container
    > .flex
    > .w-full
    > .bg-white
    > .bg-blue-600
    h3 {
        font-size: 24px !important;
    }


    .bc_fed.fed_login_container
    .fed_form_post button[type="submit"] {
        width: 100% !important;
    }
}

/* =========================================================
   FOL — FED 3.0.2 MODAL / ALERT COMPATIBILITY
   ========================================================= */

/*
 * FED 3.0.2 replaced SweetAlert with its own native modal
 * implementation while retaining the swal() API.
 *
 * Normalize FED's new modal classes to the accepted FOL
 * black / gold Club Access presentation.
 */


/* Modal card */

.fed-modal-card {
    width: min(92vw, 500px) !important;

    padding: 34px 30px 30px !important;

    background: #111111 !important;
    background-image: none !important;

    border:
        1px solid rgba(201, 162, 39, .42) !important;

    border-radius: 12px !important;

    color: #ffffff !important;

    box-shadow:
        0 20px 55px rgba(0, 0, 0, .55) !important;
}


/* Message */


.fed-modal-card .fed-modal-text {

    text-align: center !important;
}


/* Icon container */

.fed-modal-card .fed-modal-icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto !important;
}


/* Base icon */

.fed-modal-card .fed-modal-icon {
    color: var(--gold) !important;
}


/* Success icon */


/* Error icon */


/* Warning / information icons */

.fed-modal-card
.fed-modal-icon-warning,

.fed-modal-card
.fed-modal-icon-info {
    color: var(--gold) !important;
}


/*
 * FED's SVG icons use stroke animation classes.
 * Force their strokes into the FOL palette.
 */

.fed-modal-card
.fed-modal-icon
svg * {
    stroke: var(--gold) !important;
}


/* Actions */

.fed-modal-card .fed-modal-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    margin-top: 24px !important;
}


/* Confirm / OK button */

.fed-modal-card
.fed-modal-btn-confirm {
    min-width: 110px !important;
    min-height: 42px !important;

    padding: 10px 20px !important;
    background-image: none !important;

    border: 1px solid var(--gold) !important;
    border-radius: 7px !important;

    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    text-transform: uppercase !important;
    letter-spacing: .05em !important;

    box-shadow: none !important;
}


.fed-modal-card
.fed-modal-btn-confirm:hover,

.fed-modal-card
.fed-modal-btn-confirm:focus {
    background: #e0bb43 !important;
    background-color: #e0bb43 !important;

    border-color: #e0bb43 !important;

    color: #111111 !important;

    outline: none !important;
}


/* Cancel button */

.fed-modal-card
.fed-modal-btn-cancel {
    min-height: 42px !important;

    padding: 10px 20px !important;

    background: transparent !important;

    border:
        1px solid rgba(201, 162, 39, .60) !important;

    border-radius: 7px !important;

    color: var(--gold) !important;

    font-size: 13px !important;
    font-weight: 800 !important;

    box-shadow: none !important;
}


/* Optional close button */

.fed-modal-card
.fed-modal-close-btn {
    color: #aaaaaa !important;
}


.fed-modal-card
.fed-modal-close-btn:hover {
    color: var(--gold) !important;
}


/* Timer/progress bar */

.fed-modal-card
.fed-modal-timer-bar {
    background: var(--gold) !important;
}


/* Mobile */

@media (max-width: 650px) {

    .fed-modal-card {
        width: calc(100vw - 28px) !important;

        padding:
            28px 21px 24px !important;
    }


    .fed-modal-card
    .fed-modal-title {
        font-size: 20px !important;
    }
}

/* =========================================================
   FOL — FED 3.0.2 MODAL FINAL NORMALIZATION
   ========================================================= */

/*
 * Preserve semantic status colors.
 * The surrounding modal remains FOL black/gold, but success
 * and error icons must remain immediately recognizable.
 */


/* Remove FED's pale/white circular icon background */

.fed-modal-card
.fed-modal-icon,

.fed-modal-card
.fed-modal-icon-success,

.fed-modal-card
.fed-modal-icon-error,

.fed-modal-card
.fed-modal-icon-warning,

.fed-modal-card
.fed-modal-icon-info {
    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;

    box-shadow: none !important;
}


/* SUCCESS — green */

.fed-modal-card
.fed-modal-icon-success {
    color: #2e9f5b !important;
}

.fed-modal-card
.fed-modal-icon-success
svg * {
    stroke: #2e9f5b !important;
}


/* ERROR — red */

.fed-modal-card
.fed-modal-icon-error {
    color: #d9534f !important;
}

.fed-modal-card
.fed-modal-icon-error
svg * {
    stroke: #d9534f !important;
}


/* WARNING — gold */

.fed-modal-card
.fed-modal-icon-warning {
    color: var(--gold) !important;
}

.fed-modal-card
.fed-modal-icon-warning
svg * {
    stroke: var(--gold) !important;
}


/* INFO — gold */

.fed-modal-card
.fed-modal-icon-info {
    color: var(--gold) !important;
}

.fed-modal-card
.fed-modal-icon-info
svg * {
    stroke: var(--gold) !important;
}


/*
 * FED 3.0.2 treats the primary message as a modal title.
 * Restore the accepted FOL message typography.
 */

.fed-modal-card
.fed-modal-title {
    margin: 18px auto 8px !important;
    padding: 0 !important;

    max-width: 430px !important;

    color: #ffffff !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;

    text-align: center !important;
    text-transform: none !important;
    letter-spacing: 0 !important;

    white-space: normal !important;
}


/* Secondary modal text */

.fed-modal-card
.fed-modal-text {
    color: #cfcfcf !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;

    text-transform: none !important;
    letter-spacing: 0 !important;
}


/* Keep OK / confirmation action in FOL gold */

.fed-modal-card
.fed-modal-btn-confirm {
    background: var(--gold) !important;
    background-color: var(--gold) !important;

    border-color: var(--gold) !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

/*
 * Ultimate Member positions directory cards with Masonry,
 * so create separation at the wrapper level rather than
 * relying on margins on the absolutely positioned cards.
 */

.fol-fed-member-directory
.um-members-wrapper {
    padding-top: 24px !important;

    box-sizing: border-box !important;
}

/* =========================================================
   FOL — MY PROFILE MODERNIZATION
   ========================================================= */

.fol-fed-my-profile
> .fol-my-profile-heading {
    margin-bottom: 24px !important;
}


/* Main Ultimate Member profile */

.fol-fed-my-profile
.um.um-profile {
    overflow: hidden !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    background: #111111 !important;

    border:
        1px solid rgba(201,162,39,.30) !important;

    border-radius: 14px !important;

    box-shadow: none !important;
}


/* ---------------------------------------------------------
   PROFILE COVER
   --------------------------------------------------------- */

.fol-fed-my-profile
.um-cover {
    height: 150px !important;

    background:
        linear-gradient(
            135deg,
            #181818,
            #0d0d0d
        ) !important;

    border-bottom:
        1px solid rgba(201,162,39,.28) !important;
}


.fol-fed-my-profile
.um-cover-e {
    height: 149px !important;

    background: transparent !important;
}


/* Cover-photo interaction */

.fol-fed-my-profile
.um-cover-add,
.fol-fed-my-profile
.um-cover-overlay {
    height: 149px !important;
}


/* ---------------------------------------------------------
   MEMBER IDENTITY AREA
   --------------------------------------------------------- */

.fol-fed-my-profile
.um-header {
    min-height: 112px !important;

    padding: 20px 26px 22px !important;

    background: #101010 !important;

    border: 0 !important;
    border-bottom:
        1px solid rgba(201,162,39,.18) !important;

    box-sizing: border-box !important;
}


/* Profile image */

.fol-fed-my-profile
.um-profile-photo {
    width: 116px !important;

    margin: 0 !important;
}


.fol-fed-my-profile
.um-profile-photo
a.um-profile-photo-img {
    top: -72px !important;

    width: 116px !important;
    height: 116px !important;

    background: #151515 !important;

    border: 3px solid #101010 !important;
    border-radius: 50% !important;

    box-shadow:
        0 0 0 1px rgba(201,162,39,.45) !important;
}


.fol-fed-my-profile
.um-profile-photo
a.um-profile-photo-img
img {
    width: 110px !important;
    height: 110px !important;

    border-radius: 50% !important;

    object-fit: cover !important;
}


/* Member identity copy */

.fol-fed-my-profile
.um-profile-meta {
    padding-left: 142px !important;
}


.fol-fed-my-profile
.um-name {
    margin: 0 !important;
}


.fol-fed-my-profile
.um-name a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;
}


/* Account-status treatment */

.fol-fed-my-profile
.um-profile-status {
    display: inline-flex !important;
    align-items: center !important;

    width: auto !important;

    margin-top: 8px !important;
    padding: 5px 9px !important;

    background:
        rgba(201,162,39,.10) !important;

    border:
        1px solid rgba(201,162,39,.32) !important;

    border-radius: 999px !important;

    color: #cfcfcf !important;

    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}


/* ---------------------------------------------------------
   PROFILE / EDIT BODY
   --------------------------------------------------------- */

.fol-fed-my-profile
.um-profile-body {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 28px 26px 30px !important;

    background: #111111 !important;

    box-sizing: border-box !important;
}


.fol-fed-my-profile
.um-profile-body
.um-row {
    margin: 0 !important;
}


.fol-fed-my-profile
.um-profile-body
.um-col-1 {
    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    gap: 20px 22px !important;
}


/* Each edit field */

.fol-fed-my-profile
.um-profile-body
.um-field {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* Street address spans the row */

.fol-fed-my-profile
.um-field-fol_street_address {
    grid-column: 1 / -1 !important;
}


/* Labels */

.fol-fed-my-profile
.um-profile-body
.um-field-label {
    margin: 0 0 7px !important;

    color: #cfcfcf !important;
}


.fol-fed-my-profile
.um-profile-body
.um-field-label label {
    color: #cfcfcf !important;

    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;

    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}


/* Small field icons */

.fol-fed-my-profile
.um-field-label-icon {
    color: var(--gold) !important;
}


/* Inputs */

.fol-fed-my-profile
.um-profile-body
input.um-form-field,

.fol-fed-my-profile
.um-profile-body
select.um-form-field,

.fol-fed-my-profile
.um-profile-body
.select2-selection {
    min-height: 46px !important;

    padding: 10px 13px !important;

    background: #0b0b0b !important;
    background-color: #0b0b0b !important;

    border:
        1px solid rgba(201,162,39,.38) !important;

    border-radius: 8px !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-size: 14px !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
}


.fol-fed-my-profile
.um-profile-body
input.um-form-field:focus,

.fol-fed-my-profile
.um-profile-body
select.um-form-field:focus,

.fol-fed-my-profile
.um-profile-body
.select2-selection:focus {
    border-color: var(--gold) !important;

    outline: none !important;

    box-shadow:
        0 0 0 2px rgba(201,162,39,.12) !important;
}


/* ---------------------------------------------------------
   UPDATE / CANCEL ACTIONS
   --------------------------------------------------------- */

.fol-fed-my-profile
.um-col-alt {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;

    margin: 0 !important;
    padding: 24px 26px 30px !important;

    background: #111111 !important;
}


.fol-fed-my-profile
.um-col-alt
.um-left.um-half,

.fol-fed-my-profile
.um-col-alt
.um-right.um-half {
    float: none !important;

    width: auto !important;

    margin: 0 !important;
}


.fol-fed-my-profile
.um-col-alt
input.um-button {
    min-height: 42px !important;

    padding: 10px 18px !important;

    background: var(--gold) !important;

    border: 1px solid var(--gold) !important;
    border-radius: 8px !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    font-size: 12px !important;
    font-weight: 900 !important;

    text-transform: uppercase !important;
    letter-spacing: .04em !important;

    box-shadow: none !important;
}


.fol-fed-my-profile
.um-col-alt
a.um-button.um-alt {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;
    line-height: 1.2 !important;
    min-height: 42px !important;

    padding: 10px 18px !important;

    background: transparent !important;

    border:
        1px solid rgba(201,162,39,.55) !important;

    border-radius: 8px !important;

    color: var(--gold) !important;
    -webkit-text-fill-color: var(--gold) !important;

    font-size: 12px !important;
    font-weight: 900 !important;

    text-transform: uppercase !important;
    letter-spacing: .04em !important;

    box-shadow: none !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 650px) {

    .fol-fed-my-profile
    .um-profile-body
    .um-col-1 {
        grid-template-columns: 1fr !important;
    }


    .fol-fed-my-profile
    .um-field-fol_street_address {
        grid-column: auto !important;
    }


    .fol-fed-my-profile
    .um-header {
        padding:
            66px 20px 20px !important;
    }


    .fol-fed-my-profile
    .um-profile-photo {
        width: 90px !important;
    }


    .fol-fed-my-profile
    .um-profile-photo
    a.um-profile-photo-img {
        top: -54px !important;

        width: 90px !important;
        height: 90px !important;
    }


    .fol-fed-my-profile
    .um-profile-photo
    a.um-profile-photo-img
    img {
        width: 84px !important;
        height: 84px !important;
    }


    .fol-fed-my-profile
    .um-profile-meta {
        padding-left: 0 !important;
    }


    .fol-fed-my-profile
    .um-col-alt {
        flex-direction: column !important;
        align-items: stretch !important;
    }


    .fol-fed-my-profile
    .um-col-alt
    .um-left.um-half,

    .fol-fed-my-profile
    .um-col-alt
    .um-right.um-half,

    .fol-fed-my-profile
    .um-col-alt
    input.um-button,

    .fol-fed-my-profile
    .um-col-alt
    a.um-button {
        width: 100% !important;
    }
}

/* =========================================================
   FOL ADMINISTRATION — SUBMISSION CONTACT
   ========================================================= */

.fol-admin-contact-secondary {
    margin-top: 6px !important;

    color: #b8b8b8 !important;

    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;

    overflow-wrap: anywhere;
}

/* =========================================================
   FOL ADMINISTRATION — WEBSITE INQUIRY DETAIL
   ========================================================= */

/*
 * Original FormLayer submission.
 * FormLayer remains the authoritative data source;
 * this block controls presentation only.
 */

.fol-admin-inquiry-detail
.fol-inquiry-detail-fields {
    display: grid !important;
    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    gap: 0 !important;

    width: 100% !important;

    margin: 28px 0 26px !important;

    background: #111111 !important;

    border:
        1px solid rgba(201,162,39,.30) !important;

    border-radius: 12px !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* Individual submitted field */

.fol-admin-inquiry-detail
.fol-inquiry-detail-field {
    min-width: 0 !important;

    padding: 18px 20px !important;

    background: #111111 !important;

    border-bottom:
        1px solid rgba(201,162,39,.18) !important;

    box-sizing: border-box !important;
}


/*
 * Alternate fields between the two columns.
 */

.fol-admin-inquiry-detail
.fol-inquiry-detail-field:nth-child(odd) {
    border-right:
        1px solid rgba(201,162,39,.18) !important;
}


/* Field label */

.fol-admin-inquiry-detail
.fol-inquiry-detail-label {
    margin: 0 0 7px !important;

    color: var(--gold) !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    text-transform: uppercase !important;
    letter-spacing: .06em !important;
}


/* Submitted value */

.fol-admin-inquiry-detail
.fol-inquiry-detail-value {
    margin: 0 !important;

    color: #ffffff !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;

    overflow-wrap: anywhere !important;
}


/* Email / telephone links */

.fol-admin-inquiry-detail
.fol-inquiry-detail-value a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    text-decoration: none !important;
}


.fol-admin-inquiry-detail
.fol-inquiry-detail-value a:hover,
.fol-admin-inquiry-detail
.fol-inquiry-detail-value a:focus {
    color: var(--gold) !important;
    -webkit-text-fill-color: var(--gold) !important;

    text-decoration: underline !important;
}


/*
 * The final field is normally the inquiry message.
 * Give it the full width so longer text has room.
 */

.fol-admin-inquiry-detail
.fol-inquiry-detail-field:last-child {
    grid-column: 1 / -1 !important;

    border-right: 0 !important;
    border-bottom: 0 !important;

    padding-top: 20px !important;
    padding-bottom: 22px !important;
}


/* Give the message slightly more breathing room. */

.fol-admin-inquiry-detail
.fol-inquiry-detail-field:last-child
.fol-inquiry-detail-value {
    max-width: 850px !important;

    line-height: 1.6 !important;
}


/* Mobile */

@media (max-width: 650px) {

    .fol-admin-inquiry-detail
    .fol-inquiry-detail-fields {
        grid-template-columns: 1fr !important;
    }


    .fol-admin-inquiry-detail
    .fol-inquiry-detail-field {
        grid-column: auto !important;

        border-right: 0 !important;
    }


    .fol-admin-inquiry-detail
    .fol-inquiry-detail-field:last-child {
        grid-column: auto !important;
    }
}

/* =========================================================
   FOL ADMINISTRATION — SUBMISSION LIST SPACING
   ========================================================= */

.fol-admin-inquiries
.fol-admin-back {
    margin-top: 24px !important;
}

/* =========================================================
   FOL ADMINISTRATION — INTAKE WORKFLOW
   ========================================================= */

/* List-screen workflow status */

.fol-submission-status {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 26px !important;
    padding: 5px 9px !important;

    background: rgba(201,162,39,.10) !important;
    border: 1px solid rgba(201,162,39,.35) !important;
    border-radius: 999px !important;

    color: #d8d8d8 !important;

    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-transform: uppercase !important;
    letter-spacing: .04em !important;

    box-sizing: border-box !important;
}


/* Workflow panel */

.fol-submission-workflow {
    width: 100% !important;

    margin: 30px 0 0 !important;
    padding: 24px !important;

    background: #111111 !important;

    border: 1px solid rgba(201,162,39,.30) !important;
    border-radius: 12px !important;

    box-sizing: border-box !important;
}


.fol-submission-workflow
.fol-admin-section-heading {
    margin: 0 0 20px !important;
}


/* Saved confirmation */

.fol-submission-workflow
.fol-admin-form-success {
    margin: 0 0 20px !important;
    padding: 11px 14px !important;

    background: rgba(201,162,39,.10) !important;
    border: 1px solid rgba(201,162,39,.38) !important;
    border-radius: 8px !important;

    color: #ffffff !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}


/* Workflow form */

.fol-submission-workflow-form {
    display: grid !important;
    grid-template-columns:
        minmax(180px, 260px)
        minmax(0, 1fr) !important;

    gap: 20px 24px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.fol-submission-workflow-form
.fol-admin-form-field {
    margin: 0 !important;
}


/* Internal notes receives the wider column */

.fol-submission-workflow-form
.fol-admin-form-field:nth-of-type(2) {
    grid-column: 2 !important;
}


/* Labels */

.fol-submission-workflow-form
.fol-admin-form-field label {
    display: block !important;

    margin: 0 0 7px !important;

    color: var(--gold) !important;

    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    text-transform: uppercase !important;
    letter-spacing: .06em !important;
}


/* Status + notes controls */

.fol-submission-workflow-form select,
.fol-submission-workflow-form textarea {
    width: 100% !important;

    margin: 0 !important;
    padding: 11px 13px !important;

    background: #0b0b0b !important;

    border: 1px solid rgba(201,162,39,.40) !important;
    border-radius: 8px !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.4 !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
}


.fol-submission-workflow-form select {
    min-height: 44px !important;
}


.fol-submission-workflow-form textarea {
    min-height: 120px !important;

    resize: vertical !important;
}


.fol-submission-workflow-form select:focus,
.fol-submission-workflow-form textarea:focus {
    border-color: var(--gold) !important;

    outline: none !important;

    box-shadow:
        0 0 0 2px rgba(201,162,39,.12) !important;
}


/* Save action */

.fol-submission-workflow-form
.fol-admin-form-actions {
    grid-column: 1 / -1 !important;

    display: flex !important;
    justify-content: flex-end !important;

    margin: 0 !important;
    padding: 2px 0 0 !important;
}


/* Space before detail-screen Back button */

.fol-submission-workflow + .fol-admin-back,
.fol-member-admin-section + .fol-admin-back {
    margin-top: 24px !important;
}


/* Mobile */

@media (max-width: 650px) {

    .fol-submission-workflow {
        padding: 18px !important;
    }

    .fol-submission-workflow-form {
        grid-template-columns: 1fr !important;
    }

    .fol-submission-workflow-form
    .fol-admin-form-field:nth-of-type(2),

    .fol-submission-workflow-form
    .fol-admin-form-actions {
        grid-column: 1 !important;
    }

    .fol-submission-workflow-form
    .fol-admin-form-actions {
        justify-content: stretch !important;
    }

    .fol-submission-workflow-form
    .fol-admin-form-submit {
        width: 100% !important;
    }
}

/* =========================================================
   FOL ADMINISTRATION — GLOBAL SUCCESS STATE
   ========================================================= */

/*
 * All FOL Administration success confirmations use the
 * established green success treatment rather than the
 * standard gold interface accent.
 */

.fol-admin .fol-admin-form-success,
.fol-admin-form-success {
    background: rgba(34, 197, 94, .12) !important;

    border:
        1px solid rgba(34, 197, 94, .55) !important;

    color: #86efac !important;

    -webkit-text-fill-color: #86efac !important;
}


/*
 * Ensure nested text and links inherit the success color.
 */

.fol-admin .fol-admin-form-success *,
.fol-admin-form-success * {
    color: #86efac !important;

    -webkit-text-fill-color: #86efac !important;
}

/* =========================================================
   FOL ADMINISTRATION — MEMBER ACCOUNT SUCCESS NOTICE
   ========================================================= */

.fol-submission-member-account
.fol-admin-form-success {
    margin: 0 0 20px !important;
    padding: 11px 14px !important;

    border-radius: 8px !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    box-sizing: border-box !important;
}

/* =========================================================
   FOL ADMINISTRATION — MEMBER ACCOUNT
   ========================================================= */

.fol-submission-member-account {
    width: 100% !important;

    margin: 28px 0 !important;
    padding: 24px !important;

    background: rgba(255,255,255,.025) !important;

    border:
        1px solid rgba(201,162,39,.24) !important;

    border-radius: 12px !important;

    box-sizing: border-box !important;
}


.fol-submission-member-account
.fol-admin-section-heading {
    margin: 0 0 20px !important;
}


.fol-member-account-found,
.fol-member-account-not-found {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    gap: 14px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


.fol-member-account-state {
    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 900 !important;

    line-height: 1.4 !important;

    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}


.fol-member-account-details {
    display: flex !important;
    flex-direction: column !important;

    gap: 5px !important;
}


.fol-member-account-details strong {
    color: #ffffff !important;

    font-size: 15px !important;
    font-weight: 800 !important;
}


.fol-member-account-details span,
.fol-member-account-not-found p {
    margin: 0 !important;

    color: #d2d2d2 !important;

    font-size: 13px !important;
    line-height: 1.5 !important;
}


.fol-member-account-found
.fol-admin-manage-link,
.fol-member-account-create-form
.fol-admin-manage-link {
    margin-top: 4px !important;
}


.fol-member-account-create-form {
    margin: 0 !important;
    padding: 0 !important;
}

/* =========================================================
   DOCUMENT ADMINISTRATION — LIFECYCLE PANEL
   ========================================================= */

.fol-document-lifecycle-form {
    margin-top: 14px !important;
    padding: 18px 20px !important;
}

.fol-document-lifecycle-form p {
    max-width: 760px;

    margin: 0 0 16px !important;

    color: #e5e5e5;

    font-size: 14px;
    line-height: 1.55;
}

.fol-document-lifecycle-form button {
    margin: 0 !important;
}
/* =========================================================
   FOL EVENTS — SEARCH FIELD BACKGROUND NORMALIZATION
   ========================================================= */

.tribe-events .tribe-events-c-search__input-control,
.tribe-events .tribe-events-c-search__input-control input,
.tribe-events input.tribe-events-c-search__input {
    background: #151515 !important;
    background-color: #151515 !important;
    background-image: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.tribe-events .tribe-events-c-search__input-control input::placeholder,
.tribe-events input.tribe-events-c-search__input::placeholder {
    color: #999999 !important;
    -webkit-text-fill-color: #999999 !important;
    opacity: 1 !important;
}

/* =========================================================
   FOL EVENTS — SEARCH BAR RIGHT-SIDE CONTROLS
   ========================================================= */

.tribe-events .tribe-events-c-view-selector,
.tribe-events .tribe-events-c-view-selector__content {
    background: #151515 !important;
    background-color: #151515 !important;
    background-image: none !important;
}


/* =========================================================
   FOL EVENTS — SEARCH BAR CONTAINER NORMALIZATION
   ========================================================= */

.tribe-events .tribe-events-c-events-bar__search-container,
.tribe-events .tribe-events-c-events-bar__search,
.tribe-events .tribe-events-c-events-bar__search-form,
.tribe-events .tribe-events-c-search,
.tribe-events .tribe-events-c-search__input-group {
    background: #151515 !important;
    background-color: #151515 !important;
    background-image: none !important;
}


/* FOL TEST 338 — Event status and navigation spacing */

.club-access-card .fol-admin-event-canceled {
    color: #FF6B73 !important;
    font-weight: 800 !important;
}

.club-access-card .fol-event-back {
    margin-top: 24px !important;
}


/* FOL TEST 342 — Event Description information box */

.club-access-card .fol-event-detail-content {
    margin: 0 0 24px !important;
    padding: 14px 16px !important;
    background: #151515 !important;
    border: 1px solid rgba(201,162,39,.28) !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
}

.club-access-card .fol-event-detail-heading {
    margin: 0 0 12px !important;
    color: #C9A227 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
}

/* Documents Administration: separate file actions from the next section */
.fol-admin-document-actions {
    margin-bottom: 20px !important;
}

/* FOL MOBILE NAVIGATION TEST 864 */
@media (max-width:650px) {
.bc_fed .fed_dashboard_wrapper {
display:grid!important;
grid-template-columns:60px minmax(0,1fr)!important;
}
.bc_fed aside.fed_dashboard_menus {
width:60px!important;max-width:60px!important;
border-right:1px solid #55451e!important;
}
.bc_fed .fed_sidebar_scrollable {padding:8px 5px!important}
.bc_fed #fed_default_template .fed_menu_item>a {
justify-content:center!important;padding:10px 4px!important;
}
.bc_fed #fed_default_template .fed_menu_item>a>span:nth-child(2) {
position:absolute!important;width:1px!important;height:1px!important;
overflow:hidden!important;clip-path:inset(50%)!important;
white-space:nowrap!important;
}
.bc_fed main.fed_dashboard_items {min-width:0!important;width:100%!important}
.bc_fed main.fed_dashboard_items>div:nth-child(2) {padding:10px!important}
}

/* FOL MOBILE SIDEBAR WIDTH FIX 867 */
@media (max-width:650px) {
  .bc_fed.fed_dashboard_container
  .fed_dashboard_wrapper
  > aside.fed_dashboard_menus {
    width:60px!important;
    min-width:60px!important;
    max-width:60px!important;
    flex:0 0 60px!important;
    min-height:0!important;
  }
}

/* FOL PUBLIC EVENT DETAIL FIX 962 */
.single-tribe_events #tribe-events-content {
 color:#e5e5e5!important;
}
.single-tribe_events .tribe-events-single-event-title {
 color:#fff!important;
}
.single-tribe_events .tribe-events-back a,
.single-tribe_events .tribe-events-event-meta,
.single-tribe_events .tribe-events-event-meta *,
.single-tribe_events .tribe-events-meta-group a {
 color:#ddd!important;
}
.single-tribe_events .tribe-events-meta-group h2,
.single-tribe_events .tribe-events-meta-group .tribe-events-single-section-title {
 color:#c9a227!important;
}
.single-tribe_events .tribe-events-nav-pagination {
 display:none!important;
}

/* FOL EVENT PANEL FIX 965 */
.single-tribe_events #tribe-events-content {
 background:var(--panel)!important;
 border:var(--fol-portal-border)!important;
 border-radius:var(--fol-portal-radius)!important;
 padding:var(--fol-portal-padding)!important;
 box-shadow:var(--fol-portal-shadow)!important;
 box-sizing:border-box!important;
}

/* FOL NAV BACKGROUND FIX 1012 */
.fol-landing-nav .nav-tabs { background: transparent !important; }

/* FOL PUBLIC CALENDAR COMPACT — BEGIN */
/* Public Events list only. Full event pages and Club Access are unaffected. */
@media screen {
  body.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-list__month-separator {
    margin: 20px 0 12px !important;
  }
  body.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-list__event-row {
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr);
    align-items: start;
    gap: 16px;
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 14px 16px !important;
    box-sizing: border-box;
    border: 1px solid rgba(201, 162, 39, .30) !important;
    border-radius: 12px;
    background: #141414;
  }
  body.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-list__event-row:last-child {
    border-bottom: 1px solid rgba(201, 162, 39, .30) !important;
  }
  body.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-list__event-date-tag {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 64px !important;
    min-width: 0 !important;
    min-height: 68px;
    padding: 8px 4px !important;
    box-sizing: border-box;
    border: 1px solid rgba(201, 162, 39, .45);
    border-radius: 9px;
    background: #0b0b0b;
    text-align: center;
  }
  body.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-list__event-date-tag-datetime {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto !important;
    padding: 0 !important;
  }
  body.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-list__event-date-tag-weekday {
    font-size: 11px !important;
    line-height: 1.4 !important;
    color: #c9a227 !important;
    -webkit-text-fill-color: #c9a227 !important;
  }
  body.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-list__event-date-tag-daynum {
    font-size: 26px !important;
    line-height: 1.1 !important;
  }
  body.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-list__event-wrapper,
  body.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-list__event-details {
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-list__event {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-list__event-header {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  body.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-list__event-title {
    order: 0 !important;
    margin: 0 0 5px !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere;
  }
  body.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-list__event-title-link {
    display: inline-block;
    padding: 2px 0;
    font-size: inherit !important;
    line-height: inherit !important;
  }
  body.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-list__event-title-link:focus-visible {
    outline: 2px solid #c9a227;
    outline-offset: 4px;
    border-radius: 2px;
  }
  body.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-list__event-datetime-wrapper {
    order: 1 !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
  body.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-list__event-venue {
    order: 2 !important;
    margin: 3px 0 0 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    overflow-wrap: anywhere;
  }
  body.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-list__event-description,
  body.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-list__event-featured-image-wrapper,
  body.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-list__event-venue-address {
    display: none !important;
  }
}
@media screen and (max-width: 640px) {
  body.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-list__event-row {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 12px;
    padding: 12px !important;
  }
  body.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-list__event-date-tag {
    width: 52px !important;
    min-height: 60px;
  }
  body.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-list__event-title {
    font-size: 16px !important;
  }
}
/* FOL PUBLIC CALENDAR COMPACT — END */

/* FOL CLUB ACCESS VISUAL POLISH — BEGIN */
@media screen {
  /* Equal-height administration controls without changing the row layout. */
  .club-access-card .fol-admin-task-row .fol-admin-task-status-form {
    display: inline-flex !important;
    align-items: center !important;
    align-self: center;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0;
  }
  .club-access-card .fol-admin-task-row :is(.fol-admin-task-edit, .fol-admin-task-complete, .fol-admin-task-reopen) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 10px 13px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    text-align: center;
  }
  /* Member detail controls share a baseline and wrap naturally on small screens. */
  .club-access-card .fol-action-detail .fol-action-complete-form {
    display: inline-flex !important;
    vertical-align: middle;
    margin: 20px 10px 0 0 !important;
    padding: 0 !important;
  }
  .club-access-card .fol-action-detail :is(.fol-action-complete, .fol-action-back) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box;
    min-height: 40px !important;
    padding: 10px 15px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    vertical-align: middle;
  }
  .club-access-card .fol-action-detail .fol-action-back {
    margin: 20px 0 0 !important;
  }
  /* Fit the remaining quick actions without a vacant fifth column. */
  .club-access-card .fol-admin-quick-grid {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
    gap: 10px;
  }
  /* Consistent message spacing and readable wrapping; existing text/roles retained. */
  .club-access-card :is(.fol-dashboard-notice, .fol-admin-form-error) {
    box-sizing: border-box;
    margin: 0 0 18px !important;
    padding: 12px 16px !important;
    border: 1px solid rgba(201, 162, 39, .55) !important;
    border-left-width: 4px !important;
    border-radius: 8px !important;
    background: #211d12 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    overflow-wrap: anywhere;
  }
  .club-access-card :is(.fol-member-profile-notice-success, .fol-member-role-notice-success, .fol-member-status-notice-success) {
    border-color: #77c99c !important;
    background: #13271d !important;
  }
  .club-access-card :is(.fol-admin-form-error, .fol-member-profile-notice-error, .fol-member-role-notice-error, .fol-member-status-notice-error) {
    border-color: #ef9b9b !important;
    background: #301b1b !important;
  }
  .club-access-card :is(.fol-dashboard-notice, .fol-admin-form-error) > :first-child {
    margin-top: 0 !important;
  }
  .club-access-card :is(.fol-dashboard-notice, .fol-admin-form-error) > :last-child {
    margin-bottom: 0 !important;
  }
  .club-access-card :is(.fol-admin-task-edit, .fol-admin-task-complete, .fol-admin-task-reopen, .fol-action-complete, .fol-action-back, .fol-admin-quick-link):focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px;
  }
}
@media screen and (max-width: 640px) {
  .club-access-card .fol-admin-task-row :is(.fol-admin-task-edit, .fol-admin-task-complete, .fol-admin-task-reopen),
  .club-access-card .fol-action-detail :is(.fol-action-complete, .fol-action-back) {
    min-height: 44px !important;
  }
}
@media screen and (max-width: 480px) {
  .club-access-card .fol-admin-quick-grid {
    grid-template-columns: 1fr !important;
  }
}
/* FOL CLUB ACCESS VISUAL POLISH — END */

/* FOL CLUB ACCESS MOBILE BUTTON WIDTHS — BEGIN */
@media screen and (max-width: 640px) {
  .club-access-card .fol-admin-task-row > .fol-admin-task-edit,
  .club-access-card .fol-admin-task-row > .fol-admin-task-status-form {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    box-sizing: border-box;
  }
  .club-access-card .fol-admin-task-row .fol-admin-task-status-form {
    display: flex !important;
  }
  .club-access-card .fol-admin-task-row .fol-admin-task-status-form :is(.fol-admin-task-complete, .fol-admin-task-reopen) {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }
  .club-access-card .fol-action-detail .fol-action-complete-form {
    display: flex !important;
    width: 100% !important;
    margin: 20px 0 0 !important;
    box-sizing: border-box;
  }
  .club-access-card .fol-action-detail :is(.fol-action-complete, .fol-action-back) {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }
  .club-access-card .fol-action-detail .fol-action-back {
    margin: 10px 0 0 !important;
  }
}
/* FOL CLUB ACCESS MOBILE BUTTON WIDTHS — END */

/* FOL PROJECT TOOLBAR MOBILE HEIGHTS — BEGIN */
@media screen and (max-width: 640px) {
  .club-access-card .fol-admin-projects .fol-admin-project-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-rows: auto !important;
    align-items: start !important;
    align-content: start !important;
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 10px;
  }
  .club-access-card .fol-admin-projects .fol-admin-project-actions > :is(a, button) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: start !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 44px !important;
    max-height: none !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
}
/* FOL PROJECT TOOLBAR MOBILE HEIGHTS — END */

/* FOL GREEN COMPLETION NOTICE — BEGIN */
@media screen {
  .club-access-card .fol-dashboard-notice.fol-dashboard-notice-success {
    border-color: #77c99c !important;
    background: #13271d !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }
}
/* FOL GREEN COMPLETION NOTICE — END */

/* FOL PROJECT TASK EQUAL BUTTON WIDTHS — BEGIN */
@media screen {
  .club-access-card .fol-admin-project-detail .fol-admin-task-row > .fol-admin-task-status-form {
    width: 152px !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }
  .club-access-card .fol-admin-project-detail .fol-admin-task-row :is(.fol-admin-task-edit, .fol-admin-task-complete, .fol-admin-task-reopen) {
    width: 152px !important;
    min-width: 152px !important;
    box-sizing: border-box !important;
  }
}
@media screen and (max-width: 640px) {
  .club-access-card .fol-admin-project-detail .fol-admin-task-row > .fol-admin-task-status-form,
  .club-access-card .fol-admin-project-detail .fol-admin-task-row :is(.fol-admin-task-edit, .fol-admin-task-complete, .fol-admin-task-reopen) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}
/* FOL PROJECT TASK EQUAL BUTTON WIDTHS — END */

/* FOL PROJECT DETAIL BOX SPACING — BEGIN */
@media screen {
  .club-access-card .fol-admin-project-detail .fol-admin-project-section > .fol-member-detail-grid + .fol-admin-form-readonly,
  .club-access-card .fol-admin-project-detail .fol-admin-project-section > .fol-admin-form-readonly + .fol-admin-form {
    margin-top: 16px !important;
  }
}
/* FOL PROJECT DETAIL BOX SPACING — END */


/* FOL PROJECT-GROUPED ACTION ITEMS — BEGIN */
.club-access-card .fol-project-action-group + .fol-project-action-group {
    border-top: 1px solid rgba(201,162,39,.32);
}
.club-access-card .fol-project-action-heading {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 6px 16px;
    margin: 0;
    padding: 15px 18px;
    background: rgba(201,162,39,.06);
    color: #fff;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 800;
}
.club-access-card .fol-project-action-count {
    color: #aaa;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
}
.club-access-card .fol-project-action-children {
    margin: 0 0 0 18px;
    border-left: 2px solid rgba(201,162,39,.28);
}
.club-access-card .fol-project-action-children > :last-child {
    border-bottom: 0;
}
.club-access-card .fol-completed-history-toggle {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    margin: 0 0 12px;
    padding: 8px 12px;
    border: 1px solid #c9a227;
    border-radius: 8px;
    color: #c9a227;
    line-height: 1.4;
    text-decoration: none;
}
.club-access-card .fol-completed-history-toggle:focus-visible,
.club-access-card .fol-project-action-children > a:focus-visible {
    outline: 2px solid #c9a227;
    outline-offset: -3px;
}
@media screen and (max-width: 640px) {
    .club-access-card .fol-project-action-heading { padding: 12px; font-size: 14px; }
    .club-access-card .fol-project-action-children { margin-left: 10px; }
    .club-access-card .fol-completed-history-toggle { max-width: 100%; box-sizing: border-box; }
}
/* FOL PROJECT-GROUPED ACTION ITEMS — END */

/* FOL CONSOLIDATED HOMEPAGE — BEGIN */
/* New homepage components only; shared navigation and portal styles are retained. */
.fol-home .hero {
  min-height: 620px;
  aspect-ratio: 73 / 49;
  padding: 72px max(24px, 7vw);
}
.fol-home .heroBox { max-width: 920px; }
.fol-home .hero h1 { margin: 0 0 22px; font-size: clamp(38px, 5.7vw, 76px); }
.fol-home .hero .fol-home-tagline {
  max-width: 780px;
  margin: 0 0 16px;
  font-size: clamp(20px, 2vw, 25px);
  font-weight: 700;
}
.fol-home .hero .fol-home-intro { max-width: 720px; margin: 0 0 24px; font-size: 18px; }
.fol-home .fol-home-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.fol-home .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  margin: 0;
  padding: 13px 20px;
  text-align: center;
  font-size: 14px;
  line-height: 1.4;
}
.fol-home .button.secondary {
  border: 1px solid var(--gold);
  background: rgba(11, 11, 11, .75);
  color: var(--white);
}
.fol-home a:focus-visible,
.fol-home-footer a:focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; }
.fol-home .hero .fol-home-about-link { margin: 20px 0 0; font-size: 15px; }
.fol-home-about-link a,
.fol-home-footer a { color: var(--gold); text-underline-offset: 3px; }
.fol-home-section { padding: 56px 24px; border-top: 1px solid rgba(201, 162, 39, .18); }
.fol-home-section--alt { background: var(--dark); }
.fol-home-wrap { width: 100%; max-width: 1180px; margin: 0 auto; }
.fol-home-section h2 { max-width: 880px; margin: 0 0 22px; font-size: clamp(27px, 3.1vw, 40px); line-height: 1.15; }
.fol-home-section p { max-width: 820px; margin: 0 0 20px; }
.fol-home-section .fol-home-kicker {
  margin: 0 0 12px;
  color: var(--gold);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.fol-home-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 28px; }
.fol-home-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 26px;
  border: 1px solid rgba(201, 162, 39, .35);
  border-radius: 12px;
  background: var(--black);
}
.fol-home-card h3 { margin: 0 0 14px; color: var(--white); font-size: 22px; line-height: 1.2; }
.fol-home-card p { margin: 0 0 24px; font-size: 17px; }
.fol-home-card .button { width: 100%; margin-top: auto; }
.fol-home-row { display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.fol-home-row > div { flex: 1; min-width: 0; }
.fol-home-row p:last-child { margin-bottom: 0; }
.fol-home-row > .button { flex: 0 0 auto; }
.fol-home-anchor { display: block; height: 0; }
.fol-home [id],
.fol-home-footer [id] { scroll-margin-top: 190px; }
.fol-home-footer { padding: 32px 24px; border-top: 1px solid rgba(201, 162, 39, .18); }
.fol-home-footer p { margin: 0; font-size: 16px; }
.fol-home-footer .fol-home-footer-note { max-width: 850px; margin-top: 16px; color: #aaa; font-size: 13px; }
@media (max-width: 850px) {
  .fol-home .hero { min-height: 560px; aspect-ratio: auto; }
  .fol-home-grid { grid-template-columns: 1fr; }
  .fol-home-row { align-items: flex-start; flex-direction: column; gap: 20px; }
}
@media (max-width: 480px) {
  .fol-home .hero { min-height: 0; padding: 44px 22px; }
  .fol-home-section { padding: 40px 22px; }
  .fol-home .fol-home-actions,
  .fol-home .fol-home-actions .button,
  .fol-home-row > .button { width: 100%; }
  .fol-home-card { padding: 22px; }
}
/* FOL CONSOLIDATED HOMEPAGE — END */

/* FOL ADMINISTRATOR TICKETING — BEGIN */
.fol-ticketing-admin .fol-ticketing-list { display: grid; gap: 12px; margin: 24px 0; }
.fol-ticketing-admin .fol-ticketing-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px; border: 1px solid rgba(201,162,39,.32); border-radius: 10px; background: #151515; }
.fol-ticketing-admin .fol-ticketing-row > div { min-width: 0; }
.fol-ticketing-admin .fol-ticketing-row strong { overflow-wrap: anywhere; }
.fol-ticketing-admin .fol-ticketing-row p { margin: 6px 0 0; color: #bdbdbd; font-size: 13px; }
.fol-ticketing-admin .fol-ticketing-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px 20px; }
.fol-ticketing-admin .fol-admin-form-field { min-width: 0; margin: 0 0 18px; }
.fol-ticketing-admin .fol-admin-form-field label { display: block; margin: 0 0 8px; font-weight: 700; }
.fol-ticketing-admin .fol-admin-form-field input,
.fol-ticketing-admin .fol-admin-form-field textarea { display: block; width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; min-height: 44px; padding: 11px 12px; background: #111; color: #fff; border: 1px solid #665322; border-radius: 7px; color-scheme: dark; }
.fol-ticketing-admin .fol-ticketing-presale { min-inline-size: 0; box-sizing: border-box; margin: 6px 0 22px; padding: 18px; border: 1px solid #665322; border-radius: 10px; }
.fol-ticketing-admin .fol-ticketing-form { min-width: 0; }
.fol-ticketing-admin .fol-admin-form-field input[type="date"] { position: relative; display: block; appearance: none; -webkit-appearance: none; width: 100% !important; inline-size: 100%; min-width: 0 !important; min-inline-size: 0; max-width: 100% !important; box-sizing: border-box; padding-left: 40px; padding-right: 10px; font-size: 16px; overflow: hidden; text-align: left; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23c9a227' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 11h18'/%3E%3C/svg%3E"); background-position: 12px center; background-repeat: no-repeat; background-size: 18px 18px; }
.fol-ticketing-admin input[type="date"]::-webkit-date-and-time-value { min-width: 0; text-align: left; }
.fol-ticketing-admin input[type="date"]::-webkit-datetime-edit { min-width: 0; padding: 0; text-align: left; }
.fol-ticketing-admin input[type="date"]::-webkit-calendar-picker-indicator { position: absolute; left: 8px; top: 50%; transform: none; width: 26px; height: 28px; margin: 0; padding: 0; opacity: 0; cursor: pointer; }
.fol-ticketing-admin .fol-admin-form-field.fol-ticketing-window { grid-column: 1; width: 360px !important; max-width: 100% !important; min-width: 0; min-inline-size: 0; box-sizing: border-box; border: 0; padding: 0; }
.fol-ticketing-admin .fol-ticketing-grid > .fol-ticketing-window + .fol-ticketing-window { grid-column: 2; }
/* The shared date-field pseudo-icons belong to single-input wrappers, not these date/time fieldsets. */
.fol-ticketing-admin .fol-ticketing-window::before,
.fol-ticketing-admin .fol-ticketing-window::after { content: none !important; display: none !important; }
.fol-ticketing-admin .fol-ticketing-window legend { padding: 0; margin-bottom: 10px; font-weight: 700; color: #c9a227; }
.fol-ticketing-admin .fol-ticketing-clock { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-top: 12px; }
.fol-ticketing-admin .fol-ticketing-clock > div { min-width: 0; }
.fol-ticketing-admin .fol-ticketing-clock label { font-size: 12px; }
.fol-ticketing-admin .fol-ticketing-clock select { display: block; width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; height: 44px; padding: 8px 5px; background: #111; color: #fff; border: 1px solid #665322; border-radius: 7px; font-size: 16px; color-scheme: dark; }
.fol-ticketing-admin .fol-ticketing-presale legend { padding: 0 8px; color: #C9A227; font-weight: 700; }
.fol-ticketing-admin .fol-ticketing-presale p { margin: 8px 0 0; font-size: 13px; color: #bdbdbd; }
.fol-ticketing-setup-choice label { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }
.fol-ticketing-setup-choice input { width: 20px !important; height: 20px !important; min-width: 20px; flex: 0 0 20px; margin: 0 !important; }
.fol-ticketing-admin label.fol-ticketing-check { display: flex !important; align-items: center; gap: 12px; width: fit-content; max-width: 100%; min-height: 44px; box-sizing: border-box; padding: 10px 14px; margin: 0 0 18px !important; background: #202018; border: 1px solid #665322; border-radius: 8px; color: #f5f5f5; font-weight: 700; line-height: 1.5; cursor: pointer; }
.fol-ticketing-admin .fol-ticketing-check input[type="checkbox"] { appearance: none; -webkit-appearance: none; width: 22px !important; height: 22px !important; min-width: 22px; min-height: 22px; flex: 0 0 22px; box-sizing: border-box; margin: 0 !important; padding: 0; border: 2px solid #c9a227; border-radius: 4px; background: #111; cursor: pointer; }
.fol-ticketing-admin .fol-ticketing-check input[type="checkbox"]:checked { background-color: #c9a227; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4 10 4 4 8-9' fill='none' stroke='%23111' stroke-width='2.5'/%3E%3C/svg%3E"); background-size: 18px 18px; background-position: center; background-repeat: no-repeat; }
.fol-ticketing-admin .fol-ticketing-check input[type="checkbox"]:focus-visible { outline: 2px solid #ffe07a; outline-offset: 3px; }
.fol-ticketing-admin .fol-ticketing-check input[type="checkbox"]:disabled { opacity: .6; cursor: not-allowed; }
.fol-ticketing-admin label.fol-ticketing-check:has(input:disabled) { cursor: default; }
.fol-ticketing-admin .fol-admin-form-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.club-access-card .fol-ticketing-admin .fol-admin-form-actions > a,
.club-access-card .fol-ticketing-admin .fol-admin-form-actions > a:link,
.club-access-card .fol-ticketing-admin .fol-admin-form-actions > a:visited,
.club-access-card .fol-ticketing-admin .fol-admin-form-actions > button,
.club-access-card .fol-ticketing-admin .fol-ticketing-row > a,
.club-access-card .fol-ticketing-admin .fol-ticketing-row > a:link,
.club-access-card .fol-ticketing-admin .fol-ticketing-row > a:visited { display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box; min-height: 44px; text-align: center; margin: 0; }
.fol-ticketing-success { padding: 14px 16px; margin: 18px 0; border: 1px solid #478654; border-radius: 8px; background: #182b1d; color: #e0f3e5; }
.fol-ticketing-manage-link { margin-top: 8px; }
body a.fol-ticketing-manage-link:is(:link,:visited),
body .fol-ticketing-access-actions a:is(:link,:visited) { display: inline-flex !important; align-items: center; justify-content: center; box-sizing: border-box; min-height: 44px; padding: 10px 16px; border: 1px solid #c9a227 !important; border-radius: 7px; background: #c9a227 !important; color: #111 !important; font-size: 13px; font-weight: 700 !important; line-height: 1.4; text-align: center; text-decoration: none !important; box-shadow: none !important; }
body a.fol-ticketing-manage-link:hover,
body .fol-ticketing-access-actions a:hover { background: #e0bb39 !important; border-color: #e0bb39 !important; }
.fol-ticketing-presale-notice { margin: 20px 0; padding: 14px 16px; border: 1px solid #665322; border-radius: 8px; background: #151515; color: #f5f5f5; }
body .fol-ticketing-presale-notice a:is(:link,:visited) { color: #e0bb39 !important; text-decoration: underline !important; text-decoration-color: currentColor !important; border-bottom-color: currentColor !important; font-weight: 700; }
.fol-ticketing-access-page { width: 100%; max-width: 900px; margin: 32px auto; padding: 20px; box-sizing: border-box; }
.fol-ticketing-access-card { padding: 24px; border: 1px solid #665322; border-radius: 10px; background: #151515; color: #f5f5f5; }
.fol-ticketing-access-card h1 { margin: 0 0 16px; color: #e0bb39; font-size: clamp(24px,4vw,32px); line-height: 1.3; }
.fol-ticketing-access-card p { margin: 0 0 20px; color: #f5f5f5; line-height: 1.6; }
.fol-ticketing-access-actions { display: flex; flex-wrap: wrap; gap: 12px; }
body .fol-ticketing-access-actions a.fol-ticketing-access-back:is(:link,:visited) { background: #111 !important; color: #e0bb39 !important; }
body :is(a.fol-ticketing-manage-link,.fol-ticketing-access-actions a,.fol-ticketing-presale-notice a):focus-visible { outline: 2px solid #ffe07a; outline-offset: 3px; }
body .lions-mark a.fol-lions-international-link { display: inline-flex; flex: 0 0 auto; padding: 0; margin: 0; background: transparent; border: 0 !important; text-decoration: none !important; box-shadow: none !important; }
body .lions-mark a.fol-lions-international-link:focus-visible { outline: 2px solid #ffe07a; outline-offset: 3px; }
/* Keep the International tagline typography while exposing a normal keyboard-accessible link. */
body .lions-copy a.fol-lions-tagline-link:is(:link,:visited) { display: inline; padding: 0; margin: 0; color: inherit; background: transparent; border: 0 !important; text-decoration: none !important; box-shadow: none !important; cursor: pointer; }
body .lions-copy a.fol-lions-tagline-link:hover span { text-decoration: underline; text-decoration-color: currentColor; text-underline-offset: 4px; }
body .lions-copy a.fol-lions-tagline-link:focus-visible { outline: 2px solid #ffe07a; outline-offset: 4px; border-radius: 2px; }

@media (max-width:600px) {
  .fol-ticketing-access-page { margin: 20px auto; padding: 12px; }
  .fol-ticketing-access-card { padding: 18px; }
  .fol-ticketing-access-actions a { width: 100%; }
}
@media (max-width:600px) {
  .fol-ticketing-admin .fol-ticketing-grid > .fol-ticketing-window + .fol-ticketing-window { grid-column: 1; }
  .fol-ticketing-admin .fol-ticketing-grid { grid-template-columns: minmax(0,1fr); gap: 0; }
  .fol-ticketing-admin .fol-ticketing-row { align-items: stretch; flex-direction: column; gap: 12px; }
  .fol-ticketing-admin .fol-admin-form-actions > *,
  .fol-ticketing-admin .fol-ticketing-row > a { width: 100% !important; }
  .fol-ticketing-admin .fol-ticketing-presale { padding: 14px; }
}
/* Event row actions share one right-aligned group; ticket management precedes Edit/Cancel. */
.club-access-card .fol-admin-event-row { grid-template-columns: 90px minmax(0,1fr) auto; }
.fol-admin-event-actions { display: flex; align-items: center; justify-content: flex-end; gap: 16px; min-width: 0; }
.fol-admin-event-actions form { margin: 0; }
.club-access-card .fol-admin-event-actions :is(a.fol-admin-task-edit,button.fol-admin-event-cancel,button.fol-admin-event-restore) { box-sizing: border-box !important; min-height: 40px !important; margin: 0 !important; }
.club-access-card .fol-admin-event-actions a.fol-ticketing-manage-link:is(:link,:visited) { background: #0b0b0b !important; color: #c9a227 !important; -webkit-text-fill-color: #c9a227 !important; border-color: #c9a227 !important; }
.club-access-card .fol-admin-event-actions a.fol-ticketing-manage-link:hover { background: #c9a227 !important; color: #111 !important; -webkit-text-fill-color: #111 !important; }
/* Keep saved event-name values readable after browser autofill. */
.fol-admin-form-field input[name="fol_event_title"]:is(:-webkit-autofill,:autofill) { -webkit-text-fill-color: #fff !important; color: #fff !important; caret-color: #fff !important; -webkit-box-shadow: 0 0 0 1000px #141414 inset !important; box-shadow: 0 0 0 1000px #141414 inset !important; }
@media (max-width:650px) {
  .club-access-card .fol-admin-event-row { grid-template-columns: minmax(0,1fr); }
  .fol-admin-event-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); width: 100%; gap: 12px; }
  .fol-admin-event-actions > a.fol-ticketing-manage-link { grid-column: 1 / -1; }
  .club-access-card .fol-admin-event-actions :is(a.fol-admin-task-edit,button.fol-admin-event-cancel,button.fol-admin-event-restore) { width: 100% !important; min-width: 0 !important; min-height: 44px !important; }
}
/* FOL ADMINISTRATOR TICKETING — END */

/* FOL PUBLIC TICKETING PRESENTATION — BEGIN */
body .tribe-common.event-tickets {
  --tec-color-text-primary: #f5f5f5;
  --tec-color-text-primary-light: #fff;
  --tec-color-text-secondary: #bdbdbd;
  --tec-color-text-disabled: #919191;
  --tec-color-background: #151515;
  --tec-color-background-secondary: #202020;
  --tec-color-background-transparent: rgba(16,16,16,.88);
  --tec-color-background-error: #3a2020;
  --tec-color-border-default: #51431d;
  --tec-color-border-secondary: #51431d;
  --tec-color-border-tertiary: #51431d;
  --tec-form-color-border-primary: #796328;
  --tec-form-color-border-secondary: #796328;
  --tec-color-accent-primary: #c9a227;
  --tec-color-accent-primary-hover: #e0bb39;
  --tec-color-accent-primary-active: #b68f18;
  --tec-color-accent-primary-background: #272211;
  --tec-color-button-primary: #c9a227;
  --tec-color-icon-primary: #c9a227;
  --tec-color-icon-primary-alt: #bdbdbd;
  --tec-color-icon-secondary: #bdbdbd;
  --tec-color-icon-active: #e0bb39;
  --tec-color-icon-focus: #e0bb39;
  --tec-color-icon-error: #ffb6b6;
  --tec-font-family-sans-serif: Arial, Helvetica, sans-serif;
  color: #f5f5f5;
  font-family: Arial, Helvetica, sans-serif;
}
body .tribe-common.event-tickets :is(.tribe-tickets__tickets-form,.tribe-tickets__commerce-checkout,.tribe-tickets__commerce-order) {
  box-sizing: border-box; width: 100%; max-width: 720px; margin: 20px 0;
  padding: 20px; border: 1px solid #51431d; border-radius: 12px; background: #151515; color: #f5f5f5;
}
body .tribe-common.event-tickets :is(h2,h3,h4,h5,.tribe-common-h4,.tribe-common-h5,.tribe-common-h6) { color: #f5f5f5; }
body .tribe-common.event-tickets :is(.tribe-tickets__tickets-title,.tribe-tickets__commerce-checkout-header-title,.tribe-tickets__commerce-order-header-title,.tribe-tickets__commerce-order-header .tribe-common-h2) { font-size: 22px; line-height: 1.3; margin: 0; }
body .tribe-common.event-tickets :is(a,.tribe-common-anchor-thin) { color: #e0bb39; }
body .tribe-common.event-tickets a:hover { color: #ffe07a; }
body .tribe-common.event-tickets :is(input[type="text"],input[type="email"],input[type="number"],select,textarea) {
  box-sizing: border-box; max-width: 100%; background: #0d0d0d; color: #fff; border: 1px solid #796328; border-radius: 6px; color-scheme: dark;
}
body .tribe-common.event-tickets input::placeholder { color: #aaa; opacity: 1; }
body .tribe-common.event-tickets :is(input,select,textarea,button,a):focus-visible { outline: 2px solid #e0bb39; outline-offset: 3px; }
body .tribe-common.event-tickets :is(.tribe-common-c-btn,.tribe-tickets__tickets-buy,.tribe-tickets__commerce-checkout-form-submit-button) {
  display: inline-flex; align-items: center; justify-content: center; min-height: 44px; box-sizing: border-box;
  padding: 11px 20px; background: #c9a227; border: 1px solid #c9a227; border-radius: 7px; color: #111;
  font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 800; line-height: 1.3; text-align: center;
}
body .tribe-common.event-tickets :is(.tribe-common-c-btn,.tribe-tickets__tickets-buy):hover { background: #e0bb39; border-color: #e0bb39; color: #111; }
body .tribe-common.event-tickets :is(button:disabled,input:disabled) { opacity: .55; cursor: not-allowed; }
body .tribe-common.event-tickets .tribe-tickets__tickets-item { grid-template-columns: minmax(0,1fr) 104px; padding: 14px 0; gap: 6px 12px; }
body .tribe-common.event-tickets .tribe-tickets__tickets-item > :is(.tribe-tickets__tickets-item-content-title-container,.tribe-tickets__tickets-item-details-content,.tribe-tickets__tickets-item-details-summary,.tribe-tickets__tickets-item-extra) { grid-column: 1; min-width: 0; overflow-wrap: anywhere; }
body .tribe-common.event-tickets .tribe-tickets__tickets-item .tribe-tickets__tickets-item-quantity { grid-column: 2; grid-row: 1 / span 3; min-width: 0; width: 104px; }
body .tribe-common.event-tickets .tribe-tickets__tickets-item-content-title { font-size: 16px; line-height: 1.4; }
body .tribe-common.event-tickets :is(.tribe-tickets__tickets-item-content-description,.tribe-tickets__tickets-item-details-content) { font-size: 13px; line-height: 1.5; color: #bdbdbd; }
body .tribe-common.event-tickets :is(.tribe-tickets__tickets-item-quantity-add,.tribe-tickets__tickets-item-quantity-remove) { color: #e0bb39; flex: 0 0 32px; width: 32px; min-width: 32px; min-height: 36px; padding: 0; }
body .tribe-common.event-tickets .tribe-tickets__tickets-item-quantity-number { flex: 0 0 40px; width: 40px; min-width: 0; }
body .tribe-common.event-tickets .tribe-tickets__tickets-item-quantity-number-input { flex: 0 0 40px; width: 40px !important; min-width: 0 !important; max-width: 40px !important; min-height: 36px; padding: 4px; font-size: 18px; text-align: center; }
body .tribe-common.event-tickets .tribe-tickets__tickets-item-extra { grid-row: 3; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; padding-right: 0; text-align: left; }
body .tribe-common.event-tickets .tribe-tickets__tickets-item-content-title-container { grid-row: 1; }
body .tribe-common.event-tickets .tribe-tickets__tickets-item-details-content { grid-row: 2; }
body .tribe-common.event-tickets .tribe-tickets__tickets-item-details-summary { grid-row: 4; }
body .tribe-common.event-tickets .tribe-tickets__tickets-form .tribe-tickets__tickets-buy { width: 128px !important; min-width: 128px !important; max-width: 128px !important; height: 44px !important; min-height: 44px !important; box-sizing: border-box; padding: 10px 12px !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.3 !important; color: #111 !important; -webkit-text-fill-color: #111; }
body .tribe-common.event-tickets .tribe-tickets__tickets-form .tribe-tickets__tickets-buy:disabled { background: #9d822c; border-color: #9d822c; color: #111 !important; opacity: 1 !important; cursor: not-allowed; }
body .tribe-common.event-tickets :is(.tribe-tickets__commerce-order-footer-link,.tribe-tickets__commerce-checkout-header-link-back-to-event) { border-bottom: 0; text-decoration: underline; text-decoration-color: currentColor; text-underline-offset: 3px; box-shadow: none; }
body .tribe-common.event-tickets .tribe-tickets__tickets-footer { margin-top: 8px; padding-top: 14px; gap: 12px; }
body .tribe-common.event-tickets :is(.tribe-tickets__commerce-checkout-header,.tribe-tickets__commerce-checkout-cart-header) { margin-bottom: 16px; }
body .tribe-common.event-tickets .tribe-tickets__commerce-checkout-cart { margin-top: 20px; margin-bottom: 20px; }
body .tribe-common.event-tickets .tribe-tickets__commerce-checkout-cart-header-title { font-size: 17px; line-height: 1.4; }
body .tribe-common.event-tickets .tribe-tickets__commerce-checkout-cart-item { padding-top: 14px; padding-bottom: 14px; }
body .tribe-common.event-tickets .tribe-tickets__commerce-checkout-cart-footer { padding-top: 14px; margin-bottom: 16px; }
body .tribe-common.event-tickets .tribe-tickets__commerce-checkout-purchaser-info-wrapper { margin-top: 22px; margin-bottom: 22px; }
body .tribe-common.event-tickets .tribe-tickets__commerce-checkout-purchaser-info-title { font-size: 18px; margin-bottom: 14px; }
body .tribe-common.event-tickets :is(.tribe-tickets__commerce-checkout-purchaser-info-form-field,.tribe-tickets__commerce-checkout-purchaser-info-field) { margin-bottom: 14px; }
body .tribe-common.event-tickets .tribe-tickets__commerce-checkout-purchaser-info-wrapper :is(input[type="text"],input[type="email"]) { width: 100%; min-height: 44px; padding: 10px 12px; font-size: 16px; }
body .tribe-common.event-tickets :is(.tribe-tickets__commerce-checkout-gateway,.tribe-tickets__commerce-checkout-footer) { margin-top: 18px; }
body .tribe-common.event-tickets :is(.tribe-tickets__commerce-order-description,.tribe-tickets__commerce-order-details,.tribe-tickets__commerce-order-footer,.tribe-tickets__commerce-order-attendees) { margin-top: 20px; }
body .tribe-common.event-tickets .tribe-tickets__commerce-order-details-row { gap: 12px; margin: 8px 0; }
body .tribe-common.event-tickets .tribe-tickets__commerce-order-details-col2 { min-width: 0; overflow-wrap: anywhere; }
body .tribe-common.event-tickets .tribe-tickets__commerce-order-attendees-list-attendee { padding: 14px; background: #101010; color: #f5f5f5; }
body .tribe-common.event-tickets .tribe-tickets__commerce-order-attendees-list-attendee-details { min-width: 0; overflow-wrap: anywhere; }
body .tribe-common.event-tickets .tec-tickets__attendees-list-wrapper { margin-top: 20px; }
body .tribe-common.event-tickets .tec-tickets__attendees-list { background: #101010; }
body .tribe-common.event-tickets .tec-tickets__attendees-list-item { padding: 14px; color: #f5f5f5; }
body .tribe-common.event-tickets .tec-tickets__attendees-list-item-attendee-details { min-width: 0; overflow-wrap: anywhere; }
body .tribe-common.event-tickets .tribe-tickets__commerce-order-footer { display: flex; flex-wrap: wrap; gap: 16px; }
body:is(.page-id-357,.page-id-358) .entry-title { font-size: clamp(26px,4vw,36px); line-height: 1.2; margin: 0 0 16px; text-align: left; }
body:is(.page-id-357,.page-id-358) :is(.entry-content,.entry-summary) { max-width: 900px; margin-inline: auto; padding: 20px; box-sizing: border-box; }
body.single-tribe_events:has(.tribe-tickets__tickets-form) .tribe-events-single-event-title { font-size: clamp(26px,4vw,36px); line-height: 1.2; }
body.single-tribe_events:has(.tribe-tickets__tickets-form) .tribe-events-single-event-description { max-width: 900px; font-size: 15px; line-height: 1.6; }
body.single-tribe_events:has(.tribe-tickets__tickets-form) .tribe-events-cal-links { margin-block: 18px; }
@media (max-width:600px) {
  body .tribe-common.event-tickets :is(.tribe-tickets__tickets-form,.tribe-tickets__commerce-checkout,.tribe-tickets__commerce-order) { padding: 16px; margin: 16px 0; }
  body:is(.page-id-357,.page-id-358) :is(.entry-content,.entry-summary) { padding: 12px; }
  body .tribe-common.event-tickets .tribe-tickets__commerce-order-details-row { flex-wrap: wrap; gap: 4px 10px; }
  body .tribe-common.event-tickets .tribe-tickets__commerce-order-details-col1 { flex: 0 0 100%; }
  body .tribe-common.event-tickets .tribe-tickets__commerce-order-details-col2 { flex: 1 1 100%; }
  body .tribe-common.event-tickets .tribe-tickets__commerce-checkout-cart-item { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
  body .tribe-common.event-tickets .tribe-tickets__commerce-checkout-cart-item-details { grid-column: 1 / -1; width: 100%; min-width: 0; }
  body .tribe-common.event-tickets :is(.tribe-tickets__commerce-checkout-cart-item-price,.tribe-tickets__commerce-checkout-cart-item-quantity,.tribe-tickets__commerce-checkout-cart-item-subtotal) { width: auto; min-width: 0; }
}
/* Ticket links also appear in TEC lists outside the native checkout wrapper. */
body .tribe-events .tribe-events-c-small-cta,
body .tribe-events .tribe-events-c-small-cta :is(.tribe-events-c-small-cta__price,.tribe-events-c-small-cta__stock,.tribe-events-c-small-cta__sold-out) { color: #bdbdbd !important; }
body .tribe-events a.tribe-events-c-small-cta__link:is(:link,:visited) { color: #e0bb39 !important; text-decoration: underline !important; text-decoration-color: currentColor !important; border-bottom-color: currentColor !important; font-weight: 700; }
body .tribe-events a.tribe-events-c-small-cta__link:hover { color: #ffe07a !important; }
body .tribe-events a.tribe-events-c-small-cta__link:focus-visible { outline: 2px solid #ffe07a; outline-offset: 3px; }
/* FOL PUBLIC TICKETING PRESENTATION — END */

/* Scoped member-inventory navigation. Existing Back spacing stays unchanged. */
.fol-admin-members .fol-members-count { color: #aaa; font-size: 13px; font-weight: 400; }
.fol-admin-members .fol-members-section-help { color: #bbb; font-size: 13px; line-height: 1.5; margin: 8px 0; }
.fol-admin-members .fol-members-pagination { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-top: 12px; color: #ddd; font-size: 13px; }
.fol-admin-members .fol-members-page-links { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.club-access-card .fol-admin-members .fol-members-page-links a,
.club-access-card .fol-admin-members .fol-members-page-links a:visited { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 7px 12px; box-sizing: border-box; border: 1px solid #c9a227; border-radius: 6px; background: #0b0b0b; color: #e8be34 !important; -webkit-text-fill-color: #e8be34 !important; text-decoration: none !important; box-shadow: none; font-weight: 700; line-height: 1.3; }
.club-access-card .fol-admin-members .fol-members-page-links a:hover { background: #27220f; }
.club-access-card .fol-admin-members .fol-members-page-links a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.fol-admin-members .fol-members-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.fol-admin-members .fol-member-admin-section { scroll-margin-top: 24px; }
@media(max-width:600px) {
    .fol-admin-members .fol-members-pagination { align-items: flex-start; flex-direction: column; }
    .fol-admin-members .fol-member-admin-table { min-width: 720px; }
}

/* Administrator-only intake rejection notices. */
.fol-outreach-restricted { margin: 16px 0; padding: 14px 16px; border: 1px solid #c9a227; border-left: 4px solid #c9a227; border-radius: 8px; background: #1b1710; color: #eee; }
.fol-outreach-restricted > strong { display: block; color: #efc34a; font-size: 16px; }
.fol-outreach-restricted p { margin: 8px 0 0; color: #eee; font-size: 13px; line-height: 1.6; }
.fol-outreach-status-line { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.club-access-card .fol-outreach-indicator {
    display: inline-flex !important; align-items: center; justify-content: center;
    width: 22px !important; height: 22px !important; min-width: 22px !important; min-height: 22px !important;
    margin: 0 !important; padding: 0 !important; flex: 0 0 22px;
    border: 1px solid #e2b44c !important; border-radius: 50% !important;
    background: transparent !important; color: #efc34a !important; -webkit-text-fill-color: #efc34a !important;
    box-shadow: none !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1 !important; cursor: help;
}
.club-access-card .fol-outreach-indicator:focus-visible { outline: 2px solid #fff !important; outline-offset: 3px; }
.fol-outreach-tooltip {
    display: block; position: fixed; left: 0; top: 0; z-index: 100000;
    box-sizing: border-box; width: max-content; max-width: min(240px, calc(100vw - 24px));
    padding: 8px 10px; border: 1px solid #c9a227; border-radius: 6px;
    background: #222; color: #fff; -webkit-text-fill-color: #fff;
    font-size: 13px; font-weight: 400; line-height: 1.5; text-transform: none; letter-spacing: normal; text-align: left; white-space: normal;
}
.fol-outreach-tooltip[hidden] { display: none !important; }
.fol-submission-status-rejected { background: #452125; border: 1px solid #e2a0a0; color: #ffe2e2; }
.fol-outreach-status-help { margin: 10px 0; color: #bbb; font-size: 13px; line-height: 1.6; }
.fol-outreach-restore-form { margin: 16px 0 22px; padding: 14px; border: 1px solid rgba(201,162,39,.4); border-radius: 8px; }
.fol-outreach-restore-confirm { display: flex; align-items: flex-start; gap: 10px; color: #eee; font-size: 13px; line-height: 1.6; }
.fol-outreach-restore-confirm input[type="checkbox"] { appearance: none !important; -webkit-appearance: none !important; box-sizing: border-box !important; flex: 0 0 20px; width: 20px !important; min-width: 20px !important; height: 20px !important; margin: 0 !important; padding: 0 !important; border: 2px solid #c9a227 !important; border-radius: 4px !important; background: #0b0b0b !important; }
.fol-outreach-restore-confirm input[type="checkbox"]:checked { background: #c9a227 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4 10 4 4 8-9' fill='none' stroke='%23111' stroke-width='2.5'/%3E%3C/svg%3E") center/16px 16px no-repeat !important; }
.fol-outreach-restore-confirm input[type="checkbox"]:focus-visible { outline: 2px solid #fff !important; outline-offset: 3px; }
@media(forced-colors:active) { .fol-outreach-restore-confirm input[type="checkbox"] { appearance: auto !important; -webkit-appearance: auto !important; } }

/* Keep native edit permission/routing, but take the action out of the card flow. */
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-grid .um-members-edit-btn {
    position: absolute !important; top: 8px; right: 8px;
    width: 28px !important; height: 28px !important; margin: 0 !important; padding: 0 !important; z-index: 3;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn a.um-edit-profile-btn {
    display: inline-flex !important; align-items: center; justify-content: center;
    width: 28px !important; min-width: 28px !important; max-width: 28px !important;
    height: 28px !important; min-height: 28px !important; margin: 0 !important; padding: 0 !important;
    border: 0 !important; border-radius: 50% !important; background: transparent !important; box-shadow: none !important;
    font-size: 0 !important; line-height: 0 !important; color: #c9a227 !important; -webkit-text-fill-color: #c9a227 !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-grid .um-members-edit-btn a.um-edit-profile-btn::before {
    content: "\2699\FE0E" !important; font-family: "Segoe UI Symbol", sans-serif !important;
    display: block !important; width: auto !important; margin: 0 !important; padding: 0 !important;
    position: static !important; font-size: 20px !important; line-height: 1 !important; font-weight: 400 !important;
    color: inherit !important; -webkit-text-fill-color: currentColor !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn a.um-edit-profile-btn:hover {
    background: #27220f !important; color: #fff !important; -webkit-text-fill-color: #fff !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-grid .um-members-edit-btn a.um-edit-profile-btn:focus-visible {
    outline: 2px solid #c9a227 !important; outline-offset: 2px;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-grid .um-member:has(.um-members-edit-btn) .um-member-status.rejected {
    right: 44px !important;
}

/* Native UM menus can be positioned outside the directory DOM subtree. */
:is(body.page-id-26, body:has(.fol-fed-member-directory .um-directory)) :is(.um-new-dropdown, .um-dropdown, .um-dropdown-b) {
    background: #1c1c1c !important; color: #fff !important; -webkit-text-fill-color: #fff !important;
    border-color: #c9a227 !important; border-radius: 6px; max-width: calc(100vw - 24px);
}
:is(body.page-id-26, body:has(.fol-fed-member-directory .um-directory)) :is(.um-new-dropdown, .um-dropdown) ul,
:is(body.page-id-26, body:has(.fol-fed-member-directory .um-directory)) :is(.um-new-dropdown, .um-dropdown) li {
    background: #1c1c1c !important; color: #fff !important; -webkit-text-fill-color: #fff !important;
    margin: 0 !important; padding: 0 !important; list-style: none !important;
}
:is(body.page-id-26, body:has(.fol-fed-member-directory .um-directory)) :is(.um-new-dropdown, .um-dropdown) ul li a,
:is(body.page-id-26, body:has(.fol-fed-member-directory .um-directory)) :is(.um-new-dropdown, .um-dropdown) ul li a:visited {
    display: block !important; padding: 10px 12px !important; min-height: 40px; box-sizing: border-box;
    background: #1c1c1c !important; color: #fff !important; -webkit-text-fill-color: #fff !important;
    font-size: 14px !important; font-weight: 400 !important; line-height: 1.4 !important;
    text-decoration: none !important; text-shadow: none !important; box-shadow: none !important; white-space: normal;
}
:is(body.page-id-26, body:has(.fol-fed-member-directory .um-directory)) :is(.um-new-dropdown, .um-dropdown) ul li a:hover,
:is(body.page-id-26, body:has(.fol-fed-member-directory .um-directory)) :is(.um-new-dropdown, .um-dropdown) ul li a:focus-visible {
    background: #c9a227 !important; color: #111 !important; -webkit-text-fill-color: #111 !important;
    outline: 2px solid #fff; outline-offset: -3px;
}
:is(body.page-id-26, body:has(.fol-fed-member-directory .um-directory)) :is(.um-new-dropdown-arr, .um-dropdown-arr, .um-dropdown-arr i) {
    background: transparent !important; color: #c9a227 !important; -webkit-text-fill-color: #c9a227 !important;
}


/* Shared list contacts: stable columns; unpublished values never enter this markup. */
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .fol-directory-contacts {
    display: none !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-list .um-member-card {
    min-width: 0 !important;
    flex: 1 1 0 !important;
    gap: 16px !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-list .um-member-card-content {
    min-width: 0 !important;
    flex: 1 1 0 !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-list .um-member-card-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 10rem 16rem !important;
    gap: 16px !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-list .fol-directory-contacts {
    display: contents !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-list .fol-contact-private-note {
    display: none !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-list :is(.um-member-name, .fol-directory-contact) {
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-list .fol-directory-contact {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #ddd !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-list :is(.fol-directory-contact a, .um-member-name a) {
    display: block !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-list .fol-directory-contact a {
    color: #e8c349 !important;
    -webkit-text-fill-color: #e8c349 !important;
    text-decoration-color: currentColor !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-list .fol-directory-contact a:focus-visible {
    outline: 2px solid #e8c349 !important;
    outline-offset: 2px !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-list .um-member-card-actions {
    flex: 0 0 32px !important;
    width: 32px !important;
    min-width: 32px !important;
}
@media (max-width: 1000px) {
    :is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-list .um-member-card-header {
        grid-template-columns: minmax(0, 1fr) 8.5rem 12rem !important;
        gap: 12px !important;
    }
}
@media (max-width: 760px) {
    :is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-list .um-member-card-header {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 4px !important;
    }
    :is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-list .fol-directory-contacts {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 2px !important;
        min-width: 0 !important;
    }
}

/* Shared Administration controls follow the accepted Members pagination. */
.fol-admin-page-anchor { display: block; scroll-margin-top: 24px; }
.fol-admin .fol-admin-pagination { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin: 16px 0 20px; color: #ddd; font-size: 13px; }
.fol-admin .fol-admin-pagination .fol-members-page-links { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.club-access-card .fol-admin .fol-admin-pagination .fol-members-page-links a,
.club-access-card .fol-admin .fol-admin-pagination .fol-members-page-links a:visited { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 7px 12px; box-sizing: border-box; border: 1px solid #c9a227; border-radius: 6px; background: #0b0b0b; color: #e8be34 !important; -webkit-text-fill-color: #e8be34 !important; text-decoration: none !important; box-shadow: none; font-weight: 700; line-height: 1.3; }
.club-access-card .fol-admin .fol-admin-pagination .fol-members-page-links a:hover { background: #27220f; }
.club-access-card .fol-admin .fol-admin-pagination .fol-members-page-links a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@media(max-width:600px) {
    .fol-admin .fol-admin-pagination { align-items: flex-start; flex-direction: column; }
}

/* Aggregate ticket reporting uses the existing Administration theme. */
.fol-ticket-summary-totals { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 18px 0; }
.fol-ticket-summary-totals > div { padding: 14px; border: 1px solid #594b1d; border-radius: 8px; background: #141414; }
.fol-ticket-summary-totals strong { display: block; color: #e8be34; font-size: 25px; line-height: 1.3; }
.fol-ticket-summary-totals span { display: block; color: #ddd; font-size: 13px; line-height: 1.5; }
.fol-ticket-summary .fol-ticket-summary-help { color: #ccc; font-size: 13px; line-height: 1.6; margin: 12px 0; }
.fol-ticket-summary .fol-member-admin-table { min-width: 650px; }
.fol-ticket-summary .fol-members-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media(max-width:700px) { .fol-ticket-summary-totals { grid-template-columns: repeat(2,minmax(0,1fr)); } }

/* Ticket setup presentation: retain separation and match the site checkbox. */
.fol-ticketing-admin .fol-ticketing-list { margin-top: 24px !important; }
.fol-ticketing-admin .fol-ticketing-form label.fol-ticketing-check input[type="checkbox"] {
  appearance: none !important; -webkit-appearance: none !important;
  box-sizing: border-box !important; flex: 0 0 22px !important;
  width: 22px !important; min-width: 22px !important; height: 22px !important;
  margin: 0 !important; padding: 0 !important;
  border: 2px solid #c9a227 !important; border-radius: 4px !important;
  background: #111 !important; box-shadow: none !important;
}
.fol-ticketing-admin .fol-ticketing-form label.fol-ticketing-check input[type="checkbox"]:checked {
  background: #c9a227 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4 10 4 4 8-9' fill='none' stroke='%23111' stroke-width='2.5'/%3E%3C/svg%3E") center/18px 18px no-repeat !important;
}
.fol-ticketing-admin .fol-ticketing-form label.fol-ticketing-check input[type="checkbox"]:focus-visible { outline: 2px solid #ffe07a !important; outline-offset: 3px; }
@media (forced-colors: active) {
  .fol-ticketing-admin .fol-ticketing-form label.fol-ticketing-check input[type="checkbox"] { appearance: auto !important; -webkit-appearance: auto !important; }
}
@media (min-width: 601px) {
  .fol-ticketing-admin .fol-ticketing-presale .fol-ticketing-window > legend { font-size: 16px !important; line-height: 24px !important; margin: 0 0 10px !important; }
  .fol-ticketing-admin .fol-ticketing-presale-capacity { padding-top: 34px; }
  .fol-ticketing-admin .fol-ticketing-presale .fol-ticketing-window > label,
  .fol-ticketing-admin .fol-ticketing-presale-capacity > label { font-size: 12px !important; line-height: 18px !important; min-height: 36px; margin: 0 0 8px !important; }
}

/* Keep the summary action separate from the payment-readiness note. */
.fol-ticketing-admin > p.fol-ticketing-summary-action { margin: 0 0 16px !important; }
.fol-ticketing-admin > p.fol-ticketing-payment-note { margin: 0 0 24px !important; line-height: 1.5; }

/* Presale checkbox: match the site's 20px controls and resist plugin size caps. */
.club-access-card .fol-ticketing-admin .fol-ticketing-form label.fol-ticketing-check > input[type="checkbox"] {
  box-sizing: border-box !important; display: inline-block !important;
  width: 20px !important; min-width: 20px !important; max-width: 20px !important;
  height: 20px !important; min-height: 20px !important; max-height: 20px !important;
  inline-size: 20px !important; min-inline-size: 20px !important; max-inline-size: 20px !important;
  block-size: 20px !important; min-block-size: 20px !important; max-block-size: 20px !important;
  flex: 0 0 20px !important; aspect-ratio: 1 / 1 !important;
  padding: 0 !important; margin: 0 !important; transform: none !important;
  border: 2px solid #c9a227 !important; border-radius: 4px !important;
  background-color: #0b0b0b !important;
}
.club-access-card .fol-ticketing-admin .fol-ticketing-form label.fol-ticketing-check > input[type="checkbox"]:checked {
  background-color: #c9a227 !important; background-size: 16px 16px !important;
}

/* Event invitations, attendance and duties. */
.club-access-card .fol-admin-event-actions { flex-wrap: wrap; }
.club-access-card .fol-event-people-link { white-space: nowrap; }
.fol-event-people { min-width: 0; }
.fol-event-people > section { margin: 28px 0; padding-top: 18px; border-top: 1px solid #665322; }
.fol-event-people h3 { color: #e0bb39; font-size: 20px; margin: 0 0 16px; }
.fol-event-people p { line-height: 1.6; }
.fol-event-people .fol-event-people-help { color: #bbb; font-size: 13px; margin: 6px 0 16px; }
.fol-event-people .fol-event-people-note { padding: 14px; border: 1px solid #665322; border-radius: 8px; background: #202018; }
.fol-event-people :is(form, details) { margin: 8px 0; }
.fol-event-people :is(label, small) { display: block; }
.fol-event-people small { margin-top: 5px; font-size: 12px; color: #bbb; line-height: 1.4; }
.fol-event-people label { color: #e0bb39; font-weight: 700; font-size: 13px; margin: 10px 0 8px; }
.fol-event-people :is(input:not([type=hidden]),select,textarea) { box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; min-height: 44px; padding: 10px 12px; border: 1px solid #665322; border-radius: 6px; background: #111; color: #fff; color-scheme: dark; font: inherit; }
.fol-event-people :is(input:not([type=hidden]),select,textarea):focus-visible { outline: 2px solid #c9a227; outline-offset: 2px; }
.fol-event-people :is(.fol-event-people-settings,.fol-event-people-search) { max-width: 720px; margin: 20px 0; }
.fol-event-people-search :is(button,a) { margin: 12px 10px 0 0 !important; }
.fol-event-people .fol-member-admin-table { min-width: 650px; }
.fol-event-people .fol-member-admin-table-wrap { max-width: 100%; overflow-x: auto; }
.fol-event-people td { vertical-align: top; overflow-wrap: anywhere; }
.fol-event-people td:first-child { min-width: 140px; }
.fol-event-people td:nth-child(3) { min-width: 160px; max-width: 300px; }
.fol-event-people summary { cursor: pointer; color: #e0bb39; padding: 8px 0; font-weight: 700; }
.fol-event-people :is(button.fol-admin-form-submit,button.fol-admin-form-cancel,a.fol-admin-form-cancel),
.fol-event-rsvp :is(button,a) { display: inline-flex !important; align-items: center; justify-content: center; box-sizing: border-box; min-height: 44px; padding: 10px 16px !important; border: 1px solid #c9a227 !important; border-radius: 7px; background: #c9a227 !important; color: #111 !important; -webkit-text-fill-color: #111 !important; font: 700 13px/1.4 Arial,sans-serif; text-align: center; text-decoration: none !important; cursor: pointer; }
.fol-event-people :is(button.fol-admin-form-cancel,a.fol-admin-form-cancel),.fol-event-rsvp .fol-admin-form-cancel { background: #111 !important; color: #e0bb39 !important; -webkit-text-fill-color: #e0bb39 !important; }
.fol-event-people :is(button,a):focus-visible,.fol-event-rsvp :is(button,a):focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.fol-event-rsvp { box-sizing: border-box; max-width: 800px; margin: 32px auto; padding: 18px; }
.fol-event-rsvp-card { padding: 24px; border: 1px solid #665322; border-radius: 10px; background: #151515; color: #fff; }
.fol-event-rsvp h1 { font-size: clamp(26px,4vw,36px); color: #fff; }
.fol-event-rsvp h2 { color: #e0bb39; font-size: 22px; overflow-wrap: anywhere; }
.fol-event-rsvp p { line-height: 1.6; }
.fol-event-rsvp-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
@media(max-width:600px) {
  .fol-event-people .fol-member-admin-table { font-size: 13px; }
  .fol-event-rsvp { margin: 16px auto; padding: 12px; }
  .fol-event-rsvp-card { padding: 18px; }
  .fol-event-rsvp-actions button { width: 100%; }
  .fol-admin-event-actions > a.fol-event-people-link { grid-column: 1 / -1; }
}

/* Event help choices reuse the volunteer form's interest labels. */
.fol-event-people .fol-event-interest-options { min-inline-size: 0; margin: 0 0 16px; padding: 0; border: 0; }
.fol-event-people .fol-event-interest-options legend { padding: 0; color: #e0bb39; font-size: 16px; font-weight: 700; }
.fol-event-people .fol-event-interest-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 16px; }
.club-access-card .fol-event-people .fol-event-interest-grid label.fol-event-interest-choice { display: flex !important; align-items: center; gap: 10px; min-width: 0; min-height: 44px; margin: 0 !important; padding: 8px 10px; border: 1px solid #665322; border-radius: 6px; background: #151515; color: #fff; font-weight: 400; font-size: 14px; line-height: 1.5; cursor: pointer; box-sizing: border-box; }
.fol-event-interest-choice span { min-width: 0; overflow-wrap: anywhere; }
.club-access-card .fol-event-people .fol-event-interest-grid label > input[type="checkbox"] {
  appearance: none !important; -webkit-appearance: none !important; box-sizing: border-box !important;
  width: 20px !important; min-width: 20px !important; max-width: 20px !important;
  height: 20px !important; min-height: 20px !important; max-height: 20px !important;
  inline-size: 20px !important; min-inline-size: 20px !important; max-inline-size: 20px !important;
  block-size: 20px !important; min-block-size: 20px !important; max-block-size: 20px !important;
  flex: 0 0 20px !important; aspect-ratio: 1 / 1; padding: 0 !important; margin: 0 !important;
  border: 2px solid #c9a227 !important; border-radius: 4px !important; background: #0b0b0b !important;
}
.club-access-card .fol-event-people .fol-event-interest-grid label > input[type="checkbox"]:checked { background: #c9a227 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4 10 4 4 8-9' fill='none' stroke='%23111' stroke-width='2.5'/%3E%3C/svg%3E") center/16px 16px no-repeat !important; }
.club-access-card .fol-event-people .fol-event-interest-grid label > input[type="checkbox"]:focus-visible { outline: 2px solid #fff !important; outline-offset: 3px; }
.fol-event-people .fol-event-interest-actions { display: flex; flex-wrap: wrap; gap: 12px; }
@media(max-width:600px) { .fol-event-people .fol-event-interest-grid { grid-template-columns: minmax(0,1fr); } }
@media(forced-colors:active) { .club-access-card .fol-event-people .fol-event-interest-grid label > input[type="checkbox"] { appearance: auto !important; -webkit-appearance: auto !important; } }

/* Recorded interests help administrators assign suitable duties. */
.fol-event-people table.fol-event-attendance-table { min-width: 900px; }
.fol-event-people .fol-event-attendance-table td:nth-child(2) { min-width: 180px; max-width: 260px; }
.fol-event-people .fol-event-attendance-table td:nth-child(3) { min-width: 130px; max-width: 180px; }
.fol-event-people .fol-event-attendance-table td:nth-child(4) { min-width: 180px; max-width: 280px; }
.fol-event-people .fol-event-attendance-table td:nth-child(5) { min-width: 170px; }
/* Separate the sponsor choices, save action and return navigation. */
.fol-event-people form.fol-event-sponsor-form { margin: 24px 0 !important; }
.fol-event-people .fol-event-sponsor-form > label { margin-top: 16px; }
.fol-event-people .fol-event-sponsor-form > button { margin-top: 16px !important; }
.fol-event-people > section:last-of-type { margin-bottom: 28px; }
.fol-event-people > section:last-of-type + p { margin-top: 24px !important; }

/* Explicitly published project opportunities and reviewed public volunteer interest. */
.fol-opps { color:#fff; --fol-opps-gold:#cba61d; }
.fol-opps-public { max-width:1100px; margin:32px auto; padding:0 20px 32px; }
.fol-opps h1,.fol-opps h2,.fol-opps h3,.fol-opps h4 { color:#fff; line-height:1.3; margin:0 0 16px; }
.fol-opps p { margin:0 0 20px; line-height:1.6; }
.fol-opps .fol-opps-copy { white-space:pre-wrap; overflow-wrap:anywhere; }
.fol-opps .fol-opps-project-name { color:var(--fol-opps-gold); font-weight:700; margin:0 0 10px; }
.fol-opps-panel { padding:24px; margin:24px 0; background:#141414; border:1px solid #5e501a; border-radius:12px; }
.fol-opps-row { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:20px 0; border-bottom:1px solid #5e501a; }
.fol-opps-row h4,.fol-opps-row p { margin-bottom:6px; }
.fol-opps .fol-opps-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.fol-opps a,.fol-opps a:visited { color:#edc733; text-decoration-color:currentColor; }
.fol-opps .fol-opps-button,.fol-opps .fol-opps-form button { display:inline-flex; align-items:center; justify-content:center; padding:12px 18px; min-height:44px; width:auto; margin:0; border:1px solid var(--fol-opps-gold); border-radius:8px; background:#101010; color:#edc733!important; font-weight:700; font-size:13px; line-height:1.4; text-transform:uppercase; text-decoration:none; cursor:pointer; box-sizing:border-box; }
.fol-opps .fol-opps-form button { background:var(--fol-opps-gold); color:#080808!important; }
.fol-opps .fol-opps-button:hover,.fol-opps .fol-opps-form button:hover { background:#efc83c; color:#080808!important; }
.fol-opps :is(a,button,input,select,textarea):focus-visible { outline:2px solid #ffe678; outline-offset:3px; }
.fol-opps-form { display:grid; gap:20px; }
.fol-opps .fol-opps-form label { display:grid; gap:8px; margin:0; color:#edc733; font-weight:700; }
.fol-opps .fol-opps-form :is(input:not([type=hidden]):not([type=checkbox]),textarea,select) { display:block; box-sizing:border-box; width:100%; min-width:0; margin:0; min-height:44px; padding:12px; border:1px solid #75611c; border-radius:8px; background:#0d0d0d; color:#fff; font:inherit; font-weight:400; }
.fol-opps .fol-opps-form textarea { resize:vertical; }
.fol-opps .fol-opps-form .fol-opps-check { display:flex; align-items:center; gap:12px; color:#fff; font-weight:600; }
.fol-opps .fol-opps-form input[type=checkbox] { appearance:none!important; -webkit-appearance:none!important; box-sizing:border-box!important; flex:0 0 20px!important; width:20px!important; min-width:20px!important; max-width:20px!important; height:20px!important; min-height:20px!important; max-height:20px!important; padding:0!important; margin:0!important; border:2px solid #cba61d!important; border-radius:4px!important; background:#0b0b0b!important; cursor:pointer; position:relative; }
.fol-opps .fol-opps-form input[type=checkbox]:checked::after { content:''; position:absolute; width:5px; height:10px; top:0; left:5px; border:solid #edc733; border-width:0 2px 2px 0; transform:rotate(45deg); }
.fol-opps .fol-opps-help { margin:-10px 0 0; color:#ddd; font-size:13px; font-weight:400; }
.fol-opps-notice { border:1px solid #cba61d; border-radius:8px; padding:16px; background:#222016; }
.fol-opps-pagination { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; margin:24px 0; }
.fol-opps-pagination>div { display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
.fol-opps-volunteer-intro { margin-bottom:28px; }
.fol-opps-project-link { margin:20px 0 28px; }
.fol-opps-public .formlayer-form-wrapper { max-width:100%; }
@media(max-width:650px) {
  .fol-opps-public { padding:0 12px 24px; margin:24px auto; }
  .fol-opps-panel { padding:18px; }
  .fol-opps-row { display:block; }
  .fol-opps-row .fol-opps-actions { margin-top:14px; }
  .fol-opps :is(h1,h2,h3,h4),.fol-opps-row>div { overflow-wrap:anywhere; }
}

/* Current projects: third-level volunteer navigation and aligned volunteer introduction. */
.site-tabs .nav-tabs li.fol-opps-involvement-parent > ul.sub-menu { min-width:280px; box-sizing:border-box; }
.site-tabs .nav-tabs ul.sub-menu li.fol-opps-volunteer-parent > a { padding-right:48px; box-sizing:border-box; }
.site-tabs .nav-tabs ul.sub-menu li.fol-opps-volunteer-parent > a::after { content:none; }
.site-tabs .nav-tabs li.fol-opps-volunteer-parent > .fol-opps-submenu-toggle { position:absolute; top:0; right:0; width:42px; height:38px; min-width:42px; margin:0; padding:0; border:0; border-left:1px solid #5e501a; border-radius:0 5px 5px 0; background:#141414; color:#edc733; display:flex; align-items:center; justify-content:center; font-size:13px; line-height:1; cursor:pointer; }
.site-tabs .nav-tabs .fol-opps-submenu-toggle > span { display:block; box-sizing:content-box; width:5px; height:5px; border-top:2px solid currentColor; border-right:2px solid currentColor; font-size:0; transform:translateY(-1px) rotate(45deg); }
.site-tabs .nav-tabs .fol-opps-submenu-toggle:hover,.site-tabs .nav-tabs .fol-opps-submenu-toggle:focus-visible { background:#c9a227; color:#111; }
.site-tabs .nav-tabs .fol-opps-submenu-toggle:focus-visible { outline:2px solid #ffe678; outline-offset:-3px; }
.site-tabs .nav-tabs li.fol-opps-volunteer-parent > ul.sub-menu { top:-7px; left:100%; right:auto; box-sizing:border-box; }
.site-tabs .nav-tabs li.fol-opps-volunteer-parent > ul.sub-menu > li > a { box-sizing:border-box; }
.site-tabs .nav-tabs li.fol-opps-volunteer-parent.fol-opps-flyout-left > ul.sub-menu { left:auto; right:100%; }
.site-tabs .nav-tabs li.fol-opps-volunteer-parent.fol-opps-submenu-open > ul.sub-menu { display:block; }
.site-tabs .nav-tabs li.fol-opps-volunteer-parent.fol-opps-submenu-closed > ul.sub-menu { display:none; }
.fol-form-intro .fol-opps-volunteer-intro { display:flex; flex-wrap:wrap; align-items:center; gap:14px 20px; margin:24px 0 0; padding:0; }
.fol-form-intro .fol-opps-volunteer-intro > p { margin:0!important; padding:0!important; }
@media(max-width:650px) {
  .site-tabs .nav-tabs li.fol-opps-involvement-parent > ul.sub-menu { min-width:0; }
  .site-tabs .nav-tabs li.fol-opps-volunteer-parent > ul.sub-menu { position:static; top:auto; left:auto; right:auto; width:100%; min-width:0; margin:6px 0 0; }
  .site-tabs .nav-tabs ul.sub-menu li.fol-opps-volunteer-parent > a { min-height:54px; white-space:normal; display:flex; align-items:center; justify-content:center; }
  .site-tabs .nav-tabs li.fol-opps-volunteer-parent > .fol-opps-submenu-toggle { height:54px; -webkit-tap-highlight-color:transparent; }
  .site-tabs .nav-tabs li.fol-opps-volunteer-parent > ul.sub-menu > li > a { box-sizing:border-box; white-space:normal; }
  .fol-form-intro .fol-opps-volunteer-intro { align-items:flex-start; flex-direction:column; }
}

/* Compact public opportunity listing; full details and forms retain their existing layout. */
.fol-opps.fol-opps-public > h1 { font-size:clamp(32px,3.4vw,48px); font-weight:900; line-height:1.1; letter-spacing:-.02em; margin:0 0 18px; }
.fol-opps-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:24px 0; }
.fol-opps .fol-opps-card { display:flex; flex-direction:column; gap:12px; min-width:0; margin:0; padding:18px; }
.fol-opps .fol-opps-card .fol-opps-project-name { font-size:11px; line-height:1.4; margin:0; }
.fol-opps .fol-opps-card > h2 { font-size:18px; font-weight:800; line-height:1.25; margin:0; overflow-wrap:anywhere; }
.fol-opps .fol-opps-card-summary { font-size:14px; line-height:1.45; margin:0 0 2px; overflow-wrap:anywhere; }
.fol-opps .fol-opps-card > .fol-opps-button { align-self:center; min-height:38px; margin-top:auto; padding:9px 14px; font-size:12px; }
.fol-opps-card-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:650px) { .fol-opps-card-grid { grid-template-columns:minmax(0,1fr); gap:12px; } }

/* Short skills/task lists in public opportunity cards and details. */
.fol-opps .fol-opps-skills-label { margin:0 0 7px; font-size:12px; font-weight:700; color:#ddd; line-height:1.3; }
.fol-opps .fol-opps-card-tags,.fol-opps .fol-opps-detail-tags { display:flex; flex-wrap:wrap; gap:6px; list-style:none; padding:0; margin:0 0 2px; }
.fol-opps .fol-opps-card-tags > li,.fol-opps .fol-opps-detail-tags > li { margin:0; padding:5px 9px; border:1px solid #66551a; border-radius:14px; background:#201e12; color:#edc733; font-size:12px; font-weight:600; line-height:1.25; overflow-wrap:anywhere; max-width:100%; box-sizing:border-box; }
.fol-opps .fol-opps-detail-tags { margin-bottom:20px; }

/* Ticket requirement: short label followed by subordinate setup guidance. */
.fol-admin-form-field.fol-ticketing-setup-choice > label {
    font-size: 14px !important; line-height: 1.4; font-weight: 700;
    margin-bottom: 6px !important;
}
.fol-admin-form-field.fol-ticketing-setup-choice > p {
    font-size: 13px !important; line-height: 1.5; color: #bdbdbd;
    margin: 6px 0 18px;
}

/* FOL DIRECTORY CARDS 2026.10.18.1 — BEGIN */
/* Grid only. Override native Masonry offsets without changing queries or List view. */
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-wrapper .um-members.um-members-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
    height: auto !important;
    align-items: stretch;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-grid .um-gutter-sizer,
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-grid > .um-clear {
    display: none !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-grid > .um-members-none {
    grid-column: 1 / -1;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-wrapper .um-members.um-members-grid .um-member {
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    height: 116px !important;
    min-height: 116px !important;
    overflow: visible !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-grid .um-member-photo {
    position: relative;
    z-index: 1;
    padding: 12px 0 8px !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-grid .um-member-photo a,
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-grid .um-member-photo img {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    box-sizing: border-box !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-grid .um-member-card {
    position: static !important;
    padding: 0 10px 12px !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-grid .um-member-name {
    position: relative;
    z-index: 1;
    margin: 0 !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name a {
    font-size: 15px !important;
    line-height: 21px !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-shadow: 0 1px 3px #000;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-grid .fol-contact-private-note {
    display: none !important;
}
/* The background is decorative and cannot intercept profile links or the edit gear. */
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .fol-directory-card-backdrop {
    display: none !important;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-grid .fol-directory-card-backdrop {
    display: block !important;
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    border-radius: 9px;
    pointer-events: none;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-grid .fol-directory-card-backdrop img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover;
    object-position: center;
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-grid .fol-directory-card-backdrop::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.54), rgba(0,0,0,.82));
}
:is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn a.um-edit-profile-btn {
    background: rgba(0,0,0,.72) !important;
}
@media (max-width: 980px) {
    :is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-wrapper .um-members.um-members-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 560px) {
    :is(body.page-id-26, .fol-fed-member-directory) .um-directory .um-members-wrapper .um-members.um-members-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}
/* FOL DIRECTORY CARDS 2026.10.18.1 — END */