/*
 * NorCal Dual Sport wpForo Adventure Skin 1.0.2
 * Palette matches the NorCalDualSport.net touring/community theme.
 */

body.ncds-wpforo-page {
  --ncds-forum-navy: #0d202a;
  --ncds-forum-navy-2: #122e39;
  --ncds-forum-forest: #173a26;
  --ncds-forum-green: #2f6f35;
  --ncds-forum-orange: #ff6a1a;
  --ncds-forum-orange-dark: #d94f08;
  --ncds-forum-paper: #f4f4ef;
  --ncds-forum-card: #ffffff;
  --ncds-forum-ink: #17211d;
  --ncds-forum-muted: #39473f;
  --ncds-forum-line: #d8ddd8;
  --ncds-forum-shadow: 0 10px 28px rgba(8, 25, 19, .10);
}

/* Let wpForo become the page instead of sitting inside a large generic white card. */
body.ncds-wpforo-page .site-main { padding-top: 24px; }
body.ncds-wpforo-page .site-main > .container { width: min(1480px, calc(100% - 30px)); }
body.ncds-wpforo-page .content-shell {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.ncds-wpforo-page .entry-header { display: none !important; }
body.ncds-wpforo-page .entry-content { font-size: 1rem; }

/* Main frame */
#wpforo #wpforo-wrap {
  color: var(--ncds-forum-ink) !important;
  background: var(--ncds-forum-paper) !important;
  border: 1px solid #cfd5d0 !important;
  border-radius: 10px !important;
  box-shadow: var(--ncds-forum-shadow) !important;
  overflow: hidden !important;
  font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}
#wpforo #wpforo-wrap a { color: #285f32; }
#wpforo #wpforo-wrap a:hover,
#wpforo #wpforo-wrap a:active { color: var(--ncds-forum-orange) !important; }

/* Top forum navigation */
#wpforo #wpforo-wrap #wpforo-menu {
  background: linear-gradient(90deg, #0a1c24, var(--ncds-forum-navy-2)) !important;
  border-bottom: 3px solid var(--ncds-forum-orange) !important;
  min-height: 58px;
}
#wpforo #wpforo-wrap #wpforo-menu li > a {
  color: #edf2ef !important;
  font-weight: 800 !important;
  letter-spacing: .01em;
}
#wpforo #wpforo-wrap #wpforo-menu li:hover,
#wpforo #wpforo-wrap #wpforo-menu .current-menu-item,
#wpforo #wpforo-wrap #wpforo-menu .current_page_item,
#wpforo #wpforo-wrap #wpforo-menu .wpforo-active {
  background: rgba(255, 106, 26, .14) !important;
}
#wpforo #wpforo-wrap #wpforo-menu .current-menu-item > a,
#wpforo #wpforo-wrap #wpforo-menu .current_page_item > a,
#wpforo #wpforo-wrap #wpforo-menu .wpforo-active > a {
  color: #fff !important;
}

/* Breadcrumb + internal heading */
#wpforo #wpforo-wrap .wpf-breadcrumb {
  background: #e9ece7 !important;
  border-bottom: 1px solid var(--ncds-forum-line) !important;
}
#wpforo #wpforo-wrap .wpf-breadcrumb a { color: #486056 !important; }
#wpforo #wpforo-wrap .wpf-breadcrumb a.active { color: var(--ncds-forum-orange) !important; }
#wpforo #wpforo-wrap #wpforo-title {
  color: #173226 !important;
  font-weight: 900 !important;
  letter-spacing: -.02em;
}

/* Category headers */
#wpforo #wpforo-wrap .wpforo-category,
#wpforo #wpforo-wrap .wpforo-topic-head,
#wpforo #wpforo-wrap .wpforo-post-head {
  background: linear-gradient(90deg, var(--ncds-forum-forest), #214c30) !important;
  color: #fff !important;
  border: 0 !important;
}
#wpforo #wpforo-wrap .wpforo-category a,
#wpforo #wpforo-wrap .wpforo-topic-head a,
#wpforo #wpforo-wrap .wpforo-post-head a { color: #fff !important; }

/* Extended-layout forum rows */
#wpforo #wpforo-wrap .wpfl-1 .wpforo-forum,
#wpforo #wpforo-wrap .wpfl-2 .wpforo-forum,
#wpforo #wpforo-wrap .wpfl-3 .wpforo-forum,
#wpforo #wpforo-wrap .wpfl-4 .wpforo-forum,
#wpforo #wpforo-wrap .wpfl-5 .wpforo-forum {
  background: var(--ncds-forum-card) !important;
  border-bottom: 1px solid var(--ncds-forum-line) !important;
  transition: background .16s ease, box-shadow .16s ease;
}
#wpforo #wpforo-wrap .wpforo-forum:hover {
  background: #fbfcf9 !important;
  box-shadow: inset 4px 0 0 var(--ncds-forum-orange) !important;
}
#wpforo #wpforo-wrap .wpforo-forum-title,
#wpforo #wpforo-wrap .wpforo-forum-title a {
  color: #12241b !important;
  font-weight: 900 !important;
  font-size: 1.04rem !important;
}
#wpforo #wpforo-wrap .wpforo-forum-description {
  color: var(--ncds-forum-muted) !important;
  line-height: 1.45 !important;
}
#wpforo #wpforo-wrap .wpforo-forum-icon,
#wpforo #wpforo-wrap .wpforo-forum-icon i,
#wpforo #wpforo-wrap .wpforo-subforum i {
  color: var(--ncds-forum-green) !important;
}
#wpforo #wpforo-wrap .wpforo-forum-stat,
#wpforo #wpforo-wrap .wpforo-forum-stat small,
#wpforo #wpforo-wrap .wpforo-last-topic,
#wpforo #wpforo-wrap .wpforo-last-topic small {
  color: #3b4942 !important;
}

/* Topics */
#wpforo #wpforo-wrap .wpforo-topic {
  background: #fff !important;
  border-bottom: 1px solid var(--ncds-forum-line) !important;
}
#wpforo #wpforo-wrap .wpforo-topic:hover { background: #fbfcfa !important; }
#wpforo #wpforo-wrap .wpforo-topic-title a {
  color: #15251e !important;
  font-weight: 850 !important;
}
#wpforo #wpforo-wrap .wpforo-topic-title a:hover { color: var(--ncds-forum-orange) !important; }

/* Post view */
#wpforo #wpforo-wrap .wpforo-post {
  background: #fff !important;
  border: 1px solid var(--ncds-forum-line) !important;
  border-radius: 6px !important;
  margin-bottom: 12px !important;
  overflow: hidden !important;
}
#wpforo #wpforo-wrap .wpforo-post .wpf-left,
#wpforo #wpforo-wrap .wpforo-post .wpforo-post-author {
  background: #edf0eb !important;
}
#wpforo #wpforo-wrap .wpforo-post .wpf-right,
#wpforo #wpforo-wrap .wpforo-post .wpforo-post-content {
  color: #28332d !important;
  background: #fff !important;
}
#wpforo #wpforo-wrap .wpforo-post .wpf-right blockquote,
#wpforo #wpforo-wrap .wpforo-post .wpf-right .wpforo-post-code,
#wpforo #wpforo-wrap pre {
  background: #eef2ed !important;
  border-left: 4px solid var(--ncds-forum-green) !important;
}

/* Buttons */
#wpforo #wpforo-wrap .wpf-button,
#wpforo #wpforo-wrap button.wpf-button,
#wpforo #wpforo-wrap input[type="submit"],
#wpforo #wpforo-wrap .wpforo-button {
  background: var(--ncds-forum-orange) !important;
  border: 1px solid var(--ncds-forum-orange-dark) !important;
  color: #fff !important;
  border-radius: 5px !important;
  font-weight: 850 !important;
  box-shadow: none !important;
}
#wpforo #wpforo-wrap .wpf-button:hover,
#wpforo #wpforo-wrap button.wpf-button:hover,
#wpforo #wpforo-wrap input[type="submit"]:hover,
#wpforo #wpforo-wrap .wpforo-button:hover {
  background: var(--ncds-forum-orange-dark) !important;
  color: #fff !important;
}

/* Inputs / editor */
#wpforo #wpforo-wrap input[type="text"],
#wpforo #wpforo-wrap input[type="email"],
#wpforo #wpforo-wrap input[type="password"],
#wpforo #wpforo-wrap input[type="search"],
#wpforo #wpforo-wrap select,
#wpforo #wpforo-wrap textarea {
  background: #fff !important;
  color: #17211d !important;
  border: 1px solid #c6cec8 !important;
  border-radius: 5px !important;
}
#wpforo #wpforo-wrap input:focus,
#wpforo #wpforo-wrap select:focus,
#wpforo #wpforo-wrap textarea:focus {
  border-color: var(--ncds-forum-orange) !important;
  box-shadow: 0 0 0 2px rgba(255, 106, 26, .14) !important;
  outline: 0 !important;
}

/* Sidebar */
#wpforo #wpforo-wrap .wpforo-right-sidebar {
  background: transparent !important;
}
#wpforo #wpforo-wrap .wpforo-right-sidebar .widget,
#wpforo #wpforo-wrap .wpforo-right-sidebar .wpforo-widget-wrap {
  background: #fff !important;
  border: 1px solid var(--ncds-forum-line) !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  margin-bottom: 14px !important;
}
#wpforo #wpforo-wrap .wpforo-right-sidebar .widget-title,
#wpforo #wpforo-wrap .wpforo-right-sidebar .wpforo-widget-title {
  background: var(--ncds-forum-navy) !important;
  color: #fff !important;
  margin: 0 !important;
  padding: 11px 13px !important;
  font-weight: 900 !important;
}

/* Profile/member UI */
#wpforo #wpforo-wrap .wpf-profile-menu { background: var(--ncds-forum-navy) !important; }
#wpforo #wpforo-wrap .wpf-profile-menu a { color: #eef3ef !important; }
#wpforo #wpforo-wrap .wpf-profile-section { color: #2f3c35 !important; }
#wpforo #wpforo-wrap .wpf-profile-menu .wpf-active,
#wpforo #wpforo-wrap .wpf-profile-menu a:hover { background: var(--ncds-forum-orange) !important; color:#fff !important; }

/* Pagination / notices */
#wpforo #wpforo-wrap .wpf-pagination a,
#wpforo #wpforo-wrap .wpf-pagination span {
  border-radius: 4px !important;
}
#wpforo #wpforo-wrap .wpf-pagination .current,
#wpforo #wpforo-wrap .wpf-pagination a:hover {
  background: var(--ncds-forum-orange) !important;
  color: #fff !important;
}
#wpforo #wpforo-wrap .wpf-notice,
#wpforo #wpforo-wrap .wpf-alert {
  border-radius: 6px !important;
}

/* Forum footer/statistics */
#wpforo #wpforo-wrap #wpforo-stat-header,
#wpforo #wpforo-wrap #wpforo-poweredby {
  background: var(--ncds-forum-navy) !important;
  color: #dbe2dd !important;
}
#wpforo #wpforo-wrap #wpforo-stat-body {
  background: #fff !important;
  color: #344139 !important;
}

/* Admin controls visible to administrators on front end */
#wpforo #wpforo-wrap .wpf-acp-wrap,
#wpforo #wpforo-wrap .wpf-acp-content {
  background: #fff !important;
  color: #26322b !important;
  border-color: var(--ncds-forum-line) !important;
}

/* Prevent legacy dark-style rules from making descriptions unreadable. */
#wpforo #wpforo-wrap .wpforo-forum-description,
#wpforo #wpforo-wrap .wpforo-topic-info,
#wpforo #wpforo-wrap .wpforo-topic-info a,
#wpforo #wpforo-wrap .wpforo-last-post,
#wpforo #wpforo-wrap .wpforo-last-post a {
  opacity: 1 !important;
}

@media (max-width: 900px) {
  body.ncds-wpforo-page .site-main > .container { width: min(100% - 18px, 1480px); }
  #wpforo #wpforo-wrap { border-radius: 7px !important; }
  #wpforo #wpforo-wrap #wpforo-menu { min-height: 52px; }
}

@media (max-width: 600px) {
  body.ncds-wpforo-page .site-main { padding-top: 10px; }
  body.ncds-wpforo-page .site-main > .container { width: calc(100% - 10px); }
  #wpforo #wpforo-wrap { border-radius: 4px !important; }
  #wpforo #wpforo-wrap .wpforo-forum-title,
  #wpforo #wpforo-wrap .wpforo-forum-title a { font-size: .98rem !important; }
}


/* -------------------------------------------------------------------------
 * v1.0.1 HIGH-CONTRAST PATCH
 * wpForo ships several muted/secondary text colors that become too pale once
 * the forum is placed on the NorCal light cards. These rules deliberately
 * increase contrast without changing text that lives on dark green/navy bars.
 * ---------------------------------------------------------------------- */
#wpforo #wpforo-wrap .wpforo-forum-description,
#wpforo #wpforo-wrap .wpforo-forum-stat,
#wpforo #wpforo-wrap .wpforo-forum-stat small,
#wpforo #wpforo-wrap .wpforo-last-topic,
#wpforo #wpforo-wrap .wpforo-last-topic small,
#wpforo #wpforo-wrap .wpforo-last-post,
#wpforo #wpforo-wrap .wpforo-last-post a,
#wpforo #wpforo-wrap .wpforo-topic-info,
#wpforo #wpforo-wrap .wpforo-topic-info a,
#wpforo #wpforo-wrap .wpforo-topic-stat,
#wpforo #wpforo-wrap .wpforo-topic-stat small,
#wpforo #wpforo-wrap .wpforo-post-info,
#wpforo #wpforo-wrap .wpforo-post-info a,
#wpforo #wpforo-wrap .wpforo-post-meta,
#wpforo #wpforo-wrap .wpforo-post-meta a,
#wpforo #wpforo-wrap .wpf-post-create-date,
#wpforo #wpforo-wrap .wpf-post-edited,
#wpforo #wpforo-wrap .wpf-post-signature,
#wpforo #wpforo-wrap .wpf-profile-section,
#wpforo #wpforo-wrap .wpf-member-info,
#wpforo #wpforo-wrap .wpf-member-info a,
#wpforo #wpforo-wrap .wpf-member-title,
#wpforo #wpforo-wrap .wpf-widget-content,
#wpforo #wpforo-wrap .wpf-widget-content p,
#wpforo #wpforo-wrap .wpforo-right-sidebar .widget,
#wpforo #wpforo-wrap .wpforo-right-sidebar .widget p,
#wpforo #wpforo-wrap .wpforo-right-sidebar .widget li,
#wpforo #wpforo-wrap .wpforo-right-sidebar .widget small,
#wpforo #wpforo-wrap .wpforo-right-sidebar .wpforo-widget-wrap,
#wpforo #wpforo-wrap .wpforo-right-sidebar .wpforo-widget-wrap p,
#wpforo #wpforo-wrap .wpforo-right-sidebar .wpforo-widget-wrap li,
#wpforo #wpforo-wrap .wpforo-right-sidebar .wpforo-widget-wrap small,
#wpforo #wpforo-wrap .wpf-form-wrapper label,
#wpforo #wpforo-wrap .wpf-field label,
#wpforo #wpforo-wrap .wpf-field-description,
#wpforo #wpforo-wrap .wpf-help,
#wpforo #wpforo-wrap .wpf-small,
#wpforo #wpforo-wrap .wpf-muted {
  color: #334139 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* Links on white/light content areas need to read as links, not pale text. */
#wpforo #wpforo-wrap .wpforo-forum-description a,
#wpforo #wpforo-wrap .wpforo-topic-info a,
#wpforo #wpforo-wrap .wpforo-last-topic a,
#wpforo #wpforo-wrap .wpforo-last-post a,
#wpforo #wpforo-wrap .wpforo-post-content a,
#wpforo #wpforo-wrap .wpf-profile-section a,
#wpforo #wpforo-wrap .wpforo-right-sidebar .widget a,
#wpforo #wpforo-wrap .wpforo-right-sidebar .wpforo-widget-wrap a {
  color: #1f5a2c !important;
  font-weight: 650 !important;
}

/* Post bodies and ordinary forum/card text. */
#wpforo #wpforo-wrap .wpforo-post-content,
#wpforo #wpforo-wrap .wpforo-post-content p,
#wpforo #wpforo-wrap .wpforo-post-content li,
#wpforo #wpforo-wrap .wpforo-post-content td,
#wpforo #wpforo-wrap .wpforo-topic,
#wpforo #wpforo-wrap .wpforo-forum,
#wpforo #wpforo-wrap .wpf-acp-content {
  color: #202c26 !important;
}

/* Make form text and placeholders clearly visible. */
#wpforo #wpforo-wrap input,
#wpforo #wpforo-wrap textarea,
#wpforo #wpforo-wrap select,
#wpforo #wpforo-wrap option {
  color: #17211d !important;
}
#wpforo #wpforo-wrap input::placeholder,
#wpforo #wpforo-wrap textarea::placeholder {
  color: #59665f !important;
  opacity: 1 !important;
}

/* Keep all text on intentionally dark UI surfaces light. */
#wpforo #wpforo-wrap #wpforo-menu,
#wpforo #wpforo-wrap #wpforo-menu a,
#wpforo #wpforo-wrap .wpforo-category,
#wpforo #wpforo-wrap .wpforo-category a,
#wpforo #wpforo-wrap .wpforo-topic-head,
#wpforo #wpforo-wrap .wpforo-topic-head a,
#wpforo #wpforo-wrap .wpforo-post-head,
#wpforo #wpforo-wrap .wpforo-post-head a,
#wpforo #wpforo-wrap .wpforo-right-sidebar .widget-title,
#wpforo #wpforo-wrap .wpforo-right-sidebar .wpforo-widget-title,
#wpforo #wpforo-wrap #wpforo-stat-header,
#wpforo #wpforo-wrap #wpforo-stat-header a,
#wpforo #wpforo-wrap #wpforo-poweredby,
#wpforo #wpforo-wrap #wpforo-poweredby a,
#wpforo #wpforo-wrap .wpf-profile-menu,
#wpforo #wpforo-wrap .wpf-profile-menu a {
  color: #ffffff !important;
}

/* -------------------------------------------------------------------------
 * v1.0.2 BREADCRUMB + LINK VISIBILITY PATCH
 * Some wpForo theme rules use translucent backgrounds and inherited pale link
 * colors. On the NorCal site this can make breadcrumbs and links disappear
 * into photography/dark shells or wash out on white cards.
 * ---------------------------------------------------------------------- */

/* Give the complete breadcrumb rail its own opaque surface. */
#wpforo #wpforo-wrap .wpf-breadcrumb,
#wpforo #wpforo-wrap .wpforo-breadcrumb,
#wpforo #wpforo-wrap [class*="breadcrumb"] {
  background: #ffffff !important;
  color: #17211d !important;
  border: 1px solid #c8d0ca !important;
  border-left: 5px solid var(--ncds-forum-orange) !important;
  border-radius: 5px !important;
  box-shadow: 0 2px 7px rgba(8, 25, 19, .08) !important;
  text-shadow: none !important;
}

/* Do not allow wpForo's breadcrumb children to inherit pale/transparent text. */
#wpforo #wpforo-wrap .wpf-breadcrumb *,
#wpforo #wpforo-wrap .wpforo-breadcrumb *,
#wpforo #wpforo-wrap [class*="breadcrumb"] * {
  color: #17211d !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Breadcrumb links are clearly identifiable but remain understated. */
#wpforo #wpforo-wrap .wpf-breadcrumb a,
#wpforo #wpforo-wrap .wpforo-breadcrumb a,
#wpforo #wpforo-wrap [class*="breadcrumb"] a {
  color: #1d5b2b !important;
  background: transparent !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}
#wpforo #wpforo-wrap .wpf-breadcrumb a:hover,
#wpforo #wpforo-wrap .wpforo-breadcrumb a:hover,
#wpforo #wpforo-wrap [class*="breadcrumb"] a:hover {
  color: #b94107 !important;
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 3px !important;
}

/* Breadcrumb home/icon/separators must not fade into the rail. */
#wpforo #wpforo-wrap .wpf-breadcrumb i,
#wpforo #wpforo-wrap .wpforo-breadcrumb i,
#wpforo #wpforo-wrap [class*="breadcrumb"] i,
#wpforo #wpforo-wrap .wpf-breadcrumb svg,
#wpforo #wpforo-wrap .wpforo-breadcrumb svg,
#wpforo #wpforo-wrap [class*="breadcrumb"] svg {
  color: #1d5b2b !important;
  fill: currentColor !important;
  opacity: 1 !important;
}

/* wpForo versions/themes that build chevrons with pseudo-elements. */
#wpforo #wpforo-wrap .wpf-breadcrumb a::before,
#wpforo #wpforo-wrap .wpf-breadcrumb a::after,
#wpforo #wpforo-wrap .wpforo-breadcrumb a::before,
#wpforo #wpforo-wrap .wpforo-breadcrumb a::after {
  opacity: 1 !important;
}

/* Ordinary links on light forum surfaces: strong dark-green contrast. */
#wpforo #wpforo-wrap .wpforo-forum a,
#wpforo #wpforo-wrap .wpforo-topic a,
#wpforo #wpforo-wrap .wpforo-post a,
#wpforo #wpforo-wrap .wpf-profile-section a,
#wpforo #wpforo-wrap .wpf-member-info a,
#wpforo #wpforo-wrap .wpf-widget-content a,
#wpforo #wpforo-wrap #wpforo-stat-body a,
#wpforo #wpforo-wrap .wpf-acp-content a,
#wpforo #wpforo-wrap .wpforo-right-sidebar .widget a,
#wpforo #wpforo-wrap .wpforo-right-sidebar .wpforo-widget-wrap a {
  color: #155525 !important;
  font-weight: 750 !important;
  text-decoration-color: rgba(21, 85, 37, .45) !important;
  text-underline-offset: 2px !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#wpforo #wpforo-wrap .wpforo-post-content a,
#wpforo #wpforo-wrap .wpforo-forum-description a,
#wpforo #wpforo-wrap .wpf-widget-content a {
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
}

#wpforo #wpforo-wrap .wpforo-forum a:hover,
#wpforo #wpforo-wrap .wpforo-topic a:hover,
#wpforo #wpforo-wrap .wpforo-post a:hover,
#wpforo #wpforo-wrap .wpf-profile-section a:hover,
#wpforo #wpforo-wrap .wpf-member-info a:hover,
#wpforo #wpforo-wrap .wpf-widget-content a:hover,
#wpforo #wpforo-wrap #wpforo-stat-body a:hover,
#wpforo #wpforo-wrap .wpf-acp-content a:hover,
#wpforo #wpforo-wrap .wpforo-right-sidebar a:hover {
  color: #c44708 !important;
  text-decoration-color: currentColor !important;
}

/* Reassert white text on every deliberately dark navigation/header surface. */
#wpforo #wpforo-wrap #wpforo-menu a,
#wpforo #wpforo-wrap .wpforo-category a,
#wpforo #wpforo-wrap .wpforo-topic-head a,
#wpforo #wpforo-wrap .wpforo-post-head a,
#wpforo #wpforo-wrap .wpf-head-bar a,
#wpforo #wpforo-wrap .wpf-profile-menu a,
#wpforo #wpforo-wrap #wpforo-stat-header a,
#wpforo #wpforo-wrap #wpforo-poweredby a,
#wpforo #wpforo-wrap .wpforo-right-sidebar .widget-title a,
#wpforo #wpforo-wrap .wpforo-right-sidebar .wpforo-widget-title a {
  color: #ffffff !important;
  text-decoration: none !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.28) !important;
}

/* Current breadcrumb/location gets a dark ink color instead of pale gray. */
#wpforo #wpforo-wrap .wpf-breadcrumb .active,
#wpforo #wpforo-wrap .wpf-breadcrumb .current,
#wpforo #wpforo-wrap .wpforo-breadcrumb .active,
#wpforo #wpforo-wrap .wpforo-breadcrumb .current {
  color: #17211d !important;
  font-weight: 850 !important;
}


/* -------------------------------------------------------------------------
 * v1.0.3 TOP META + DARK FOOTER CONTRAST PATCH
 * Fixes the washed-out quick links above the forum list and the very dark
 * footer/statistics area where text/icons were blending into the background.
 * ---------------------------------------------------------------------- */

/* Quick links/meta line above the Add Topic button. */
#wpforo #wpforo-wrap .wpf-head-bar,
#wpforo #wpforo-wrap .wpf-head-bar *,
#wpforo #wpforo-wrap .wpforo-head-bar,
#wpforo #wpforo-wrap .wpforo-head-bar *,
#wpforo #wpforo-wrap .wpf-page-head,
#wpforo #wpforo-wrap .wpf-page-head * {
  color: #55645d !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
#wpforo #wpforo-wrap .wpf-head-bar a,
#wpforo #wpforo-wrap .wpforo-head-bar a,
#wpforo #wpforo-wrap .wpf-page-head a {
  color: #1d5b2b !important;
  font-weight: 750 !important;
}
#wpforo #wpforo-wrap .wpf-head-bar a:hover,
#wpforo #wpforo-wrap .wpforo-head-bar a:hover,
#wpforo #wpforo-wrap .wpf-page-head a:hover {
  color: #c44708 !important;
}

/* Dark footer/statistics strip needs light readable text and icons. */
#wpforo #wpforo-wrap #wpforo-stat-body,
#wpforo #wpforo-wrap #wpforo-stat-body *,
#wpforo #wpforo-wrap .wpforo-stat-body,
#wpforo #wpforo-wrap .wpforo-stat-body *,
#wpforo #wpforo-wrap .wpf-stat-box,
#wpforo #wpforo-wrap .wpf-stat-box *,
#wpforo #wpforo-wrap .wpf-forum-stats,
#wpforo #wpforo-wrap .wpf-forum-stats *,
#wpforo #wpforo-wrap .wpf-footer,
#wpforo #wpforo-wrap .wpf-footer * {
  color: #d7e1db !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#wpforo #wpforo-wrap #wpforo-stat-body {
  background: #2a2d2c !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}

#wpforo #wpforo-wrap #wpforo-stat-body a,
#wpforo #wpforo-wrap .wpforo-stat-body a,
#wpforo #wpforo-wrap .wpf-forum-stats a,
#wpforo #wpforo-wrap .wpf-footer a {
  color: #9ed089 !important;
  font-weight: 700 !important;
}
#wpforo #wpforo-wrap #wpforo-stat-body a:hover,
#wpforo #wpforo-wrap .wpforo-stat-body a:hover,
#wpforo #wpforo-wrap .wpf-forum-stats a:hover,
#wpforo #wpforo-wrap .wpf-footer a:hover {
  color: #ff8b4a !important;
}

#wpforo #wpforo-wrap #wpforo-stat-body i,
#wpforo #wpforo-wrap #wpforo-stat-body svg,
#wpforo #wpforo-wrap .wpforo-stat-body i,
#wpforo #wpforo-wrap .wpforo-stat-body svg,
#wpforo #wpforo-wrap .wpf-forum-stats i,
#wpforo #wpforo-wrap .wpf-forum-stats svg {
  color: #cfd8d2 !important;
  fill: currentColor !important;
}

/* Topic-status legend at the bottom also needs contrast. */
#wpforo #wpforo-wrap .wpf-statistics,
#wpforo #wpforo-wrap .wpf-statistics *,
#wpforo #wpforo-wrap .wpf-legend,
#wpforo #wpforo-wrap .wpf-legend * {
  color: #d7e1db !important;
}


/* -------------------------------------------------------------------------
 * v1.0.4 FORUM FEED / UNREAD LINKS CONTRAST PATCH
 * Targets the actual wpForo feed strip: Unread Posts | Forums RSS | Topics RSS.
 * ---------------------------------------------------------------------- */
#wpforo #wpforo-wrap .wpforo-feed {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 10px 0 14px !important;
  padding: 8px 10px !important;
  background: #ffffff !important;
  border: 1px solid #bcc8c0 !important;
  border-left: 5px solid #ff6a1a !important;
  border-radius: 6px !important;
  color: #17211d !important;
  letter-spacing: normal !important;
  box-shadow: 0 2px 7px rgba(8,25,19,.08) !important;
}

#wpforo #wpforo-wrap .wpforo-feed,
#wpforo #wpforo-wrap .wpforo-feed span,
#wpforo #wpforo-wrap .wpforo-feed sep,
#wpforo #wpforo-wrap .wpforo-feed i {
  color: #24352c !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#wpforo #wpforo-wrap .wpforo-feed a,
#wpforo #wpforo-wrap .wpforo-feed .wpf-unread-posts a,
#wpforo #wpforo-wrap .wpforo-feed .wpf-feed-forums a,
#wpforo #wpforo-wrap .wpforo-feed .wpf-feed-topics a {
  color: #0f4f24 !important;
  background: #edf4ee !important;
  border: 1px solid #bfd0c2 !important;
  border-radius: 4px !important;
  padding: 5px 8px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  opacity: 1 !important;
  text-shadow: none !important;
  background-image: none !important;
}

#wpforo #wpforo-wrap .wpforo-feed a:hover,
#wpforo #wpforo-wrap .wpforo-feed .wpf-unread-posts a:hover,
#wpforo #wpforo-wrap .wpforo-feed .wpf-feed-forums a:hover,
#wpforo #wpforo-wrap .wpforo-feed .wpf-feed-topics a:hover {
  color: #ffffff !important;
  background: #d94f08 !important;
  border-color: #d94f08 !important;
}

#wpforo #wpforo-wrap .wpforo-feed .wpf-unread-posts a i,
#wpforo #wpforo-wrap .wpforo-feed .wpf-feed-forums a i,
#wpforo #wpforo-wrap .wpforo-feed .wpf-feed-topics a i {
  color: inherit !important;
}

#wpforo #wpforo-wrap .wpforo-feed sep {
  font-weight: 900 !important;
  color: #7b887f !important;
}


/* -------------------------------------------------------------------------
 * v1.0.5 LAYOUT CLEANUP
 * Fixes the oversized wpForo Extended-layout category/cover panel and tightens
 * the forum-home header area while preserving category titles on inner pages.
 * ---------------------------------------------------------------------- */

/* wpForo Extended Layout can give .wpforo-category a large cover-image height.
   Keep it as a normal category bar instead of a giant empty green rectangle. */
#wpforo #wpforo-wrap .wpfl-1 .wpforo-category,
#wpforo #wpforo-wrap .wpf-category-page .wpforo-category {
  height: auto !important;
  min-height: 42px !important;
  max-height: 58px !important;
  padding: 9px 14px !important;
  margin: 0 !important;
  background-image: none !important;
  background-color: #173a26 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Ensure any title/icons that wpForo renders inside that bar remain readable. */
#wpforo #wpforo-wrap .wpfl-1 .wpforo-category,
#wpforo #wpforo-wrap .wpfl-1 .wpforo-category *,
#wpforo #wpforo-wrap .wpf-category-page .wpforo-category,
#wpforo #wpforo-wrap .wpf-category-page .wpforo-category * {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
  line-height: 1.25 !important;
}

/* If the category bar is genuinely empty, collapse it to a small brand accent. */
#wpforo #wpforo-wrap .wpfl-1 .wpforo-category:empty,
#wpforo #wpforo-wrap .wpf-category-page .wpforo-category:empty {
  height: 6px !important;
  min-height: 6px !important;
  max-height: 6px !important;
  padding: 0 !important;
  background: #173a26 !important;
}

/* Tighten the title/feed/search region so the forum list starts sooner. */
#wpforo #wpforo-wrap #wpforo-title {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#wpforo #wpforo-wrap .wpforo-feed,
#wpforo #wpforo-wrap .wpf-feed {
  margin-top: 4px !important;
  margin-bottom: 8px !important;
}

/* Forum rows should not carry unnecessary vertical whitespace. */
#wpforo #wpforo-wrap .wpfl-1 .wpforo-forum {
  min-height: 0 !important;
}
#wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-description {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

/* Make the left forum column use its available width cleanly. */
#wpforo #wpforo-wrap .wpforo-content,
#wpforo #wpforo-wrap .wpforo-main-content,
#wpforo #wpforo-wrap .wpf-content {
  box-sizing: border-box !important;
}

/* Cleaner responsive sidebar spacing. */
@media (min-width: 901px) {
  #wpforo #wpforo-wrap .wpforo-right-sidebar {
    padding-left: 18px !important;
  }
}
@media (max-width: 900px) {
  #wpforo #wpforo-wrap .wpforo-right-sidebar {
    padding-left: 0 !important;
    margin-top: 16px !important;
  }
}


/* -------------------------------------------------------------------------
 * v1.0.6 CATEGORY BAR + SPACING CLEANUP
 * Screenshot-specific fixes: the category title row was inheriting a pale
 * inner background, and wpForo was leaving a large gap before the admin panel.
 * ---------------------------------------------------------------------- */

/* Make the Extended Layout category bar one solid NorCal forest strip. */
#wpforo #wpforo-wrap .wpfl-1 .wpforo-category {
  background: #173a26 !important;
  border: 0 !important;
  border-radius: 4px 4px 0 0 !important;
  min-height: 46px !important;
  max-height: none !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* wpForo nests another div inside the category panel; neutralize its gray fill. */
#wpforo #wpforo-wrap .wpfl-1 .wpforo-category > div,
#wpforo #wpforo-wrap .wpfl-1 .wpforo-category > div > div,
#wpforo #wpforo-wrap .wpfl-1 .wpforo-category .wpforo-cat-panel,
#wpforo #wpforo-wrap .wpfl-1 .wpforo-category .wpforo-category-title,
#wpforo #wpforo-wrap .wpfl-1 .wpforo-category .wpf-cat-title {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  color: #ffffff !important;
  min-height: 46px !important;
  box-sizing: border-box !important;
}

#wpforo #wpforo-wrap .wpfl-1 .wpforo-category > div,
#wpforo #wpforo-wrap .wpfl-1 .wpforo-category .wpforo-category-title,
#wpforo #wpforo-wrap .wpfl-1 .wpforo-category .wpf-cat-title {
  padding: 11px 16px !important;
}

#wpforo #wpforo-wrap .wpfl-1 .wpforo-category,
#wpforo #wpforo-wrap .wpfl-1 .wpforo-category span,
#wpforo #wpforo-wrap .wpfl-1 .wpforo-category p,
#wpforo #wpforo-wrap .wpfl-1 .wpforo-category a:not(.wpf-button):not(.wpforo-button) {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* Keep the orange Add Topic action visually separate. */
#wpforo #wpforo-wrap .wpfl-1 .wpforo-category .wpf-button,
#wpforo #wpforo-wrap .wpfl-1 .wpforo-category .wpforo-button,
#wpforo #wpforo-wrap .wpfl-1 .wpforo-category a[href*="add-topic"] {
  background: #ff6a1a !important;
  border-color: #d94f08 !important;
  color: #ffffff !important;
}

/* Pull the admin tools up; wpForo Extended Layout adds generous section gaps. */
#wpforo #wpforo-wrap .wpfl-1 {
  margin-bottom: 18px !important;
}
#wpforo #wpforo-wrap .wpf-acp-wrap,
#wpforo #wpforo-wrap .wpf-acp,
#wpforo #wpforo-wrap #wpforo-admin-control-panel {
  margin-top: 12px !important;
  padding-top: 0 !important;
}

/* Reduce excess empty space after the forum rows and before footer/share areas. */
#wpforo #wpforo-wrap .wpforo-content,
#wpforo #wpforo-wrap .wpforo-main-content,
#wpforo #wpforo-wrap .wpf-content {
  min-height: 0 !important;
}
#wpforo #wpforo-wrap .wpforo-forums,
#wpforo #wpforo-wrap .wpf-forums {
  margin-bottom: 12px !important;
  padding-bottom: 0 !important;
}

/* Keep the feed strip visually aligned with the title instead of floating high. */
#wpforo #wpforo-wrap .wpforo-feed {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}


/* -------------------------------------------------------------------------
 * v1.0.7 FORUM TITLE + FEED ALIGNMENT FIX
 * Keeps the forum title and Unread Posts / Forums / Topics bar from being
 * pushed sideways by wpForo's float/position rules. The feed bar now sits
 * cleanly below the title and aligns with the forum list.
 * ---------------------------------------------------------------------- */

/* Reset wpForo's floating title/feed layout. */
#wpforo #wpforo-wrap #wpforo-title,
#wpforo #wpforo-wrap .wpforo-title,
#wpforo #wpforo-wrap .wpf-title {
  float: none !important;
  clear: both !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 12px 0 8px 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

/* Put the feed controls directly under the title instead of floating right. */
#wpforo #wpforo-wrap .wpforo-feed,
#wpforo #wpforo-wrap .wpf-feed {
  float: none !important;
  clear: both !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 0 12px 0 !important;
  padding: 6px 8px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  box-sizing: border-box !important;
}

/* Prevent inner feed wrappers from reintroducing right alignment. */
#wpforo #wpforo-wrap .wpforo-feed > *,
#wpforo #wpforo-wrap .wpf-feed > * {
  float: none !important;
  position: static !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Keep the category/forum list immediately below the feed controls. */
#wpforo #wpforo-wrap .wpfl-1,
#wpforo #wpforo-wrap .wpforo-forums,
#wpforo #wpforo-wrap .wpf-forums {
  clear: both !important;
}

/* On narrow screens make the feed rail full-width and easy to tap. */
@media (max-width: 700px) {
  #wpforo #wpforo-wrap .wpforo-feed,
  #wpforo #wpforo-wrap .wpf-feed {
    width: 100% !important;
  }
}


/* -------------------------------------------------------------------------
 * v1.0.8 FORUM/TOPIC HEADER REPAIR
 * v1.0.7 accidentally treated .wpf-head-bar (the whole forum/topic header)
 * as if it were the small RSS/feed rail. This restores the native two-column
 * header structure and keeps the feed-only alignment rules scoped correctly.
 * ---------------------------------------------------------------------- */
#wpforo #wpforo-wrap .wpf-head-bar {
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 0 14px 0 !important;
  padding: 14px 16px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px 18px !important;
  float: none !important;
  clear: both !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  overflow: visible !important;
  background: #ffffff !important;
  color: #17211d !important;
  border-top: 1px solid #d8ddd8 !important;
  border-right: 1px solid #d8ddd8 !important;
  border-bottom: 1px solid #d8ddd8 !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 8px rgba(8,25,19,.06) !important;
}

#wpforo #wpforo-wrap .wpf-head-bar-left {
  flex: 1 1 520px !important;
  min-width: 0 !important;
  width: auto !important;
  float: none !important;
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
}

#wpforo #wpforo-wrap .wpf-head-bar-right {
  flex: 0 0 auto !important;
  width: auto !important;
  float: none !important;
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
}

#wpforo #wpforo-wrap .wpf-head-bar #wpforo-title {
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  width: auto !important;
  color: #173a26 !important;
  background: transparent !important;
  font-size: clamp(1.25rem, 2vw, 1.65rem) !important;
  line-height: 1.2 !important;
}

#wpforo #wpforo-wrap .wpf-head-bar .wpf-action-link {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 7px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  position: static !important;
  background: transparent !important;
}

#wpforo #wpforo-wrap .wpf-head-bar .wpf-feed {
  display: inline-flex !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
  position: static !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#wpforo #wpforo-wrap .wpf-head-bar .wpf-button-outlined {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  background: #f3f6f2 !important;
  color: #1d5b2b !important;
  border: 1px solid #b9c8bc !important;
  border-radius: 4px !important;
  padding: 7px 10px !important;
  line-height: 1.15 !important;
  opacity: 1 !important;
}

#wpforo #wpforo-wrap .wpf-head-bar .wpf-button-outlined:hover {
  background: #173a26 !important;
  color: #ffffff !important;
  border-color: #173a26 !important;
}

#wpforo #wpforo-wrap .wpf-head-bar .wpf-button-outlined i,
#wpforo #wpforo-wrap .wpf-head-bar .wpf-button-outlined span {
  color: inherit !important;
  opacity: 1 !important;
}

#wpforo #wpforo-wrap .wpf-head-bar-right .wpf-button {
  white-space: nowrap !important;
  margin: 0 !important;
}

/* Prevent any old rounded-panel styling from turning the header into a blob. */
#wpforo #wpforo-wrap .wpf-head-bar,
#wpforo #wpforo-wrap .wpf-head-bar-left,
#wpforo #wpforo-wrap .wpf-head-bar-right,
#wpforo #wpforo-wrap .wpf-head-bar .wpf-action-link {
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
#wpforo #wpforo-wrap .wpf-head-bar-left,
#wpforo #wpforo-wrap .wpf-head-bar-right,
#wpforo #wpforo-wrap .wpf-head-bar .wpf-action-link {
  border-radius: 0 !important;
}

@media (max-width: 700px) {
  #wpforo #wpforo-wrap .wpf-head-bar {
    display: block !important;
    padding: 12px !important;
  }
  #wpforo #wpforo-wrap .wpf-head-bar-right {
    margin-top: 10px !important;
  }
  #wpforo #wpforo-wrap .wpf-head-bar-right .wpf-button {
    width: 100% !important;
    justify-content: center !important;
  }
}


/* -------------------------------------------------------------------------
 * v1.0.9 BREADCRUMB VISIBILITY FIX
 * The breadcrumb item text could disappear against the dark chevron pieces.
 * Force high-contrast text and make each crumb a readable dark chip.
 * ---------------------------------------------------------------------- */
#wpforo #wpforo-wrap .wpf-breadcrumb,
#wpforo #wpforo-wrap .wpforo-breadcrumb {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

#wpforo #wpforo-wrap .wpf-breadcrumb a,
#wpforo #wpforo-wrap .wpf-breadcrumb span,
#wpforo #wpforo-wrap .wpf-breadcrumb .active,
#wpforo #wpforo-wrap .wpf-breadcrumb .current,
#wpforo #wpforo-wrap .wpforo-breadcrumb a,
#wpforo #wpforo-wrap .wpforo-breadcrumb span,
#wpforo #wpforo-wrap .wpforo-breadcrumb .active,
#wpforo #wpforo-wrap .wpforo-breadcrumb .current {
  color: #ffffff !important;
  font-weight: 800 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#wpforo #wpforo-wrap .wpf-breadcrumb a:hover,
#wpforo #wpforo-wrap .wpforo-breadcrumb a:hover {
  color: #ffd4bf !important;
}

#wpforo #wpforo-wrap .wpf-breadcrumb i,
#wpforo #wpforo-wrap .wpf-breadcrumb svg,
#wpforo #wpforo-wrap .wpforo-breadcrumb i,
#wpforo #wpforo-wrap .wpforo-breadcrumb svg {
  color: #ffffff !important;
  fill: currentColor !important;
}

/* Catch the dark chevron pieces/items themselves, regardless of exact markup. */
#wpforo #wpforo-wrap .wpf-breadcrumb li,
#wpforo #wpforo-wrap .wpf-breadcrumb div,
#wpforo #wpforo-wrap .wpf-breadcrumb .wpf-item,
#wpforo #wpforo-wrap .wpf-breadcrumb .item,
#wpforo #wpforo-wrap .wpforo-breadcrumb li,
#wpforo #wpforo-wrap .wpforo-breadcrumb div,
#wpforo #wpforo-wrap .wpforo-breadcrumb .wpf-item,
#wpforo #wpforo-wrap .wpforo-breadcrumb .item {
  color: #ffffff !important;
}