/*
Theme Name:   Astra Child — Dark Horse Owners
Theme URI:    https://darkhorseowners.com
Description:  Child theme for Dark Horse Owners. All custom CSS lives here.
Author:       NeoForge Digital
Author URI:   https://neoforgedigital.com
Template:     astra
Version:      1.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700&display=swap');

/* ============================================================
   SITE HEADER
   ============================================================ */

#masthead,
.site-header,
.main-header-bar,
.ast-primary-header-bar {
    background-color: #111111 !important;
    border-bottom: 1px solid #2a2a2a !important;
}

/* Site title / logo wordmark */
.site-title,
.site-title a,
span.site-title {
    font-family: 'Orbitron', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    font-size: 17px !important;
    color: #ffffff !important;
    white-space: nowrap !important;
}

/* ============================================================
   NAVIGATION
   ============================================================ */

.main-navigation a,
.ast-header-navigation a {
    color: #cccccc !important;
    font-weight: 700 !important;
}

.main-navigation a:hover,
.current-menu-item > a {
    color: #e8392a !important;
}

/* ============================================================
   GLOBAL / BODY
   ============================================================ */

body {
    background-color: #111111 !important;
}

#primary {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.wp-block-group[style*="0e0e0e"] {
    background-color: #111111 !important;
}

/* ============================================================
   HOMEPAGE — kill white gap above hero
   ============================================================ */

.home #content,
.home #primary,
.home #main {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.home .entry-header,
.home .page-title-area {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.home .entry-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* ============================================================
   FOOTER
   ============================================================ */

#colophon,
.site-footer,
.site-below-footer-wrap,
.ast-builder-grid-row-container,
.site-footer-below-section-1 {
    background-color: #111111 !important;
}

.site-below-footer-wrap {
    border-top-color: #2a2a2a !important;
}

#colophon a,
.site-footer a,
.ast-footer-widget-area a,
.site-below-footer-wrap a {
    color: #046BD2 !important;
}

#colophon a:hover,
.site-footer a:hover,
.ast-footer-widget-area a:hover,
.site-below-footer-wrap a:hover {
    color: #0587ff !important;
}

#colophon,
.site-footer,
.ast-footer-widget-area,
.site-below-footer-wrap {
    color: #999999 !important;
}

/* ============================================================
   LOGIN / REGISTER / ACCOUNT PAGES
   ============================================================ */

.dho-login-page body,
.dho-login-page #page {
    background-color: #0e0e0e !important;
}

.dho-login-wrap {
    max-width: 460px;
    margin: 60px auto;
    padding: 0 20px;
}

.dho-login-label {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #e8392a;
    margin-bottom: 12px;
}

.dho-login-title {
    font-size: 28px;
    font-weight: 700;
    color: #f0f0f0;
    margin: 0 0 28px;
    line-height: 1.2;
}

.dho-login-form .dho-field {
    margin: 0 0 18px;
}

.dho-login-form label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #888;
    margin-bottom: 7px;
}

.dho-login-form input[type="text"],
.dho-login-form input[type="password"],
.dho-login-form input[type="email"] {
    width: 100%;
    background-color: #1a1a1a;
    border: 1px solid #2e2e2e;
    color: #f0f0f0;
    padding: 12px 16px;
    border-radius: 4px;
    font-size: 15px;
    box-sizing: border-box;
    transition: border-color 0.2s;
}

.dho-login-form input[type="text"]:focus,
.dho-login-form input[type="password"]:focus,
.dho-login-form input[type="email"]:focus {
    border-color: #e8392a;
    outline: none;
}

.dho-field-hint {
    display: block;
    font-size: 12px;
    color: #555;
    margin-top: 5px;
}

.dho-field-row-half {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.dho-field-readonly input {
    opacity: 0.45;
    cursor: not-allowed;
}

.dho-submit-row {
    margin: 24px 0 0;
}

.dho-login-submit {
    width: 100%;
    background-color: #e8392a;
    color: #fff;
    border: none;
    padding: 14px 36px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    letter-spacing: 0.5px;
    transition: background-color 0.2s;
}

.dho-login-submit:hover {
    background-color: #c72d1f;
}

.dho-login-meta {
    margin: 4px 0 0;
    font-size: 13px;
    color: #666;
}

.dho-remember {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 7px;
}

.dho-forgot-wrap {
    text-align: center;
    margin: 16px 0 0;
}

.dho-forgot {
    font-size: 13px;
    color: #555;
    text-decoration: none;
}

.dho-forgot:hover {
    color: #e8392a;
}

.dho-login-register {
    text-align: center;
    margin: 28px 0 0;
    padding-top: 24px;
    border-top: 1px solid #222;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* "New to Dark Horse Owners?" — matches Welcome Back size */
.dho-register-heading {
    display: block;
    font-size: 28px;
    font-weight: 700;
    color: #f0f0f0;
    line-height: 1.2;
}

/* "Create your account →" — prominent CTA */
.dho-register-cta {
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    color: #ffffff !important;
    background-color: #e8392a;
    border-radius: 6px;
    padding: 10px 22px;
    text-decoration: none !important;
    transition: background-color 0.2s;
}

.dho-register-cta:hover {
    background-color: #c82d20 !important;
}

/* Forgot password subtext */
.dho-fp-subtext {
    color: #888;
    font-size: 14px;
    margin: -16px 0 24px;
    line-height: 1.6;
}

/* Success message */
.dho-login-success {
    background-color: rgba(72, 199, 116, 0.1);
    border: 1px solid rgba(72, 199, 116, 0.35);
    border-radius: 4px;
    padding: 12px 16px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #48c774;
    line-height: 1.6;
}

.dho-login-error {
    background-color: rgba(232, 57, 42, 0.1);
    border: 1px solid rgba(232, 57, 42, 0.3);
    border-radius: 4px;
    padding: 12px 16px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #e8392a;
    line-height: 1.6;
}

/* ============================================================
   MY ACCOUNT PAGE
   ============================================================ */

.dho-account-wrap {
    max-width: 580px;
    margin: 40px auto;
    padding: 0 20px;
}

.dho-account-header {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 32px;
}

.dho-account-avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #2a2a2a;
}

.dho-account-title {
    font-size: 22px;
    font-weight: 700;
    color: #f0f0f0;
    margin: 0;
}

.dho-account-section {
    background-color: #161616;
    border: 1px solid #222;
    border-radius: 8px;
    padding: 28px;
    margin-bottom: 24px;
}

.dho-account-section-title {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #888;
    margin: 0 0 22px;
    padding-bottom: 14px;
    border-bottom: 1px solid #222;
}

.dho-account-success {
    background-color: rgba(76, 175, 80, 0.1);
    border: 1px solid rgba(76, 175, 80, 0.3);
    border-radius: 4px;
    padding: 10px 14px;
    margin-bottom: 18px;
    font-size: 14px;
    color: #4CAF50;
}

.dho-account-pwd-link {
    margin-top: 16px;
    font-size: 13px;
}

.dho-account-pwd-link a {
    color: #555;
    text-decoration: none;
}

.dho-account-pwd-link a:hover {
    color: #e8392a;
}

/* Avatar upload */
.dho-avatar-section {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 22px;
    padding-bottom: 22px;
    border-bottom: 1px solid #222;
}

.dho-avatar-preview {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #2a2a2a;
    flex-shrink: 0;
}

.dho-avatar-upload-btn {
    display: inline-block;
    background-color: #1e1e1e;
    border: 1px solid #333;
    color: #ccc;
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 13px;
    cursor: pointer;
    transition: border-color 0.2s;
}

.dho-avatar-upload-btn:hover {
    border-color: #e8392a;
    color: #fff;
}

/* Select / dropdown */
.dho-select {
    width: 100%;
    background-color: #1a1a1a;
    border: 1px solid #2e2e2e;
    color: #f0f0f0;
    padding: 12px 16px;
    border-radius: 4px;
    font-size: 15px;
    box-sizing: border-box;
}

/* Owners Garage */
.dho-garage-placeholder {
    text-align: center;
}

.dho-garage-coming-soon {
    color: #555;
    font-size: 14px;
    line-height: 1.8;
    margin: 0;
}

.dho-garage-link {
    color: #e8392a;
    text-decoration: none;
    font-size: 14px;
}

.dho-garage-link:hover {
    text-decoration: underline;
}

/* ============================================================
   NAV DROPDOWN (user avatar + menu)
   ============================================================ */

.nav-user-menu {
    position: relative;
    display: flex;
    align-items: center;
}

.dho-auth-trigger {
    display: flex;
    align-items: center;
    gap: 7px;
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 4px;
    transition: background 0.15s;
}

.dho-auth-trigger:hover {
    background: rgba(255,255,255,0.06);
}

.dho-avatar {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #333;
}

.dho-username {
    font-size: 13px;
    color: #ccc;
    font-weight: 500;
}

.dho-caret {
    font-size: 10px;
    color: #666;
}

.dho-auth-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background: #1a1a1a;
    border: 1px solid #2e2e2e;
    border-radius: 6px;
    min-width: 160px;
    z-index: 9999;
    box-shadow: 0 8px 24px rgba(0,0,0,0.5);
    overflow: hidden;
}

.dho-auth-dropdown.dho-open {
    display: block;
}

.dho-auth-dropdown a {
    display: block;
    padding: 10px 16px;
    font-size: 13px;
    color: #ccc !important;
    text-decoration: none;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 0.08em !important;
    font-weight: 600 !important;
    transition: background 0.15s;
}

.dho-auth-dropdown a:hover {
    background: #222;
    color: #fff !important;
}

/* Mobile cloned auth */
.dho-mobile-auth {
    display: none;
    position: fixed;
    z-index: 9998;
    align-items: center;
}

@media (max-width: 920px) {
    .nav-user-menu {
        display: none;
    }
    .dho-mobile-auth {
        display: flex;
    }
}

/* ============================================================
   FORUMS (wpForo) — Dark theme + custom horse icons
   ============================================================ */

/* Dark background throughout */
#wpforo-wrap,
.wpforo-wrap,
.wpforo-board-wrap,
.wpforo-list .wpforo-item,
.wpforo-list .wpforo-item:hover,
.wpf-form-wrap,
.wpf-post,
.wpf-post-wrap,
.wpforo-post,
.wpf-cfield-wrap {
    background-color: #111111 !important;
    border-color: #222 !important;
}

.wpforo-list .wpforo-item {
    border-bottom: 1px solid #1e1e1e !important;
}

/* Text colours */
#wpforo-wrap,
#wpforo-wrap p,
#wpforo-wrap span,
#wpforo-wrap a,
.wpf-post-body,
.wpforo-post-content {
    color: #cccccc !important;
}

#wpforo-wrap a:hover {
    color: #e8392a !important;
}

/* Forum title headings */
.wpforo-forum-title,
.wpforo-topic-title,
.wpf-topic-title {
    color: #f0f0f0 !important;
}

/* Breadcrumb */
.wpfb-item,
.wpfb-sep {
    color: #666 !important;
}

/* Forum board header bar */
.wpforo-board-header,
.wpf-forum-header,
.wpf-list-header {
    background-color: #161616 !important;
    border-color: #222 !important;
    color: #888 !important;
}

/* Post/reply forms */
.wpf-form-wrap input,
.wpf-form-wrap textarea,
.wpf-cfield-wrap input,
.wpf-cfield-wrap select {
    background-color: #1a1a1a !important;
    border: 1px solid #2e2e2e !important;
    color: #f0f0f0 !important;
    border-radius: 4px !important;
}

/* Buttons */
.wpf-btn,
.wpforo-btn,
button.wpf-btn {
    background-color: #e8392a !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
}

.wpf-btn:hover {
    background-color: #c72d1f !important;
}

/* ── FORUM CATEGORY ICONS — horse head PNG, no circles ── */

/* Kill the colored circle on the icon wrapper */
.wpforo-forum-icon {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
}

/* Hide the inner circle div wpForo injects */
.wpforo-forum-icon > div {
    display: none !important;
}

/* Hide all FA icons inside forum icon wrapper — image replaces them */
.wpforo-forum-icon i,
.wpforo-forum-icon > div {
    display: none !important;
}

/* The injected Mustang running horse — white silhouette, transparent background */
img.dho-horse-icon {
    width: 30px !important;
    height: 30px !important;
    object-fit: contain !important;
    display: block !important;
    opacity: 0.8 !important;
}

.wpforo-forum:hover img.dho-horse-icon {
    opacity: 1 !important;
}

/* ── SIMPLIFIED BOARD LAYOUT ── */

/* Subforum page header bar — dark to match main forum */
.wpf-head-bar {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-left: none !important;
    border-bottom: none !important;
    margin-bottom: 0 !important;
}
.wpf-head-bar * {
    color: #cccccc !important;
}

/* Kill the white top-border on the action link bar (Subscribe / RSS row) */
.wpf-action-link {
    border-top: none !important;
    border: none !important;
}

/* Folder icon — invisible but keeps layout space so Views/Posts/Members headers stay aligned */
.wpf-item-element {
    visibility: hidden !important;
}
/* Topic status dot — fully remove, doesn't affect column layout */
.wpforo-topic-icon {
    display: none !important;
}

/* Subscribe + RSS — matching blue-outlined buttons */
.wpf-button-outlined,
.wpf-subscribe-forum {
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid #43a6df !important;
    color: #cccccc !important;
    border-radius: 4px !important;
}
.wpf-button-outlined:hover,
.wpf-subscribe-forum:hover {
    background: #43a6df !important;
    background-color: #43a6df !important;
    color: #fff !important;
}
.wpf-button-outlined i,
.wpf-subscribe-forum i {
    color: inherit !important;
}

/* Hide Unread Posts / Forums RSS / Topics RSS bar */
.wpforo-feed {
    display: none !important;
}

/* Hide category header bar content AND kill the white bg on the wrapper */
.wpforo-cat-panel {
    display: none !important;
}
.wpforo-category {
    background: transparent !important;
    background-color: transparent !important;
}

/* 1. Hide breadcrumb bar (second home button, white) */
.wpf-breadcrumb {
    display: none !important;
}

/* Move wpForo native home button — hidden from left, re-injected right via JS */
li.wpforo-home {
    display: none !important;
}

/* 2. Hide My Profile, Logout, username/avatar from forum nav only */
li.wpforo-profile,
li.wpforo-logout,
.wpf-menu li.nav-user-menu {
    display: none !important;
}

/* 3. Fix forum nav — no white boxes, bold font to match board title */
.wpf-menu li,
.wpf-menu li a,
.wpf-menu > li > a {
    background: transparent !important;
    background-color: transparent !important;
    font-weight: 700 !important;
}
.wpf-menu li a:hover,
.wpf-menu li:hover > a {
    background: transparent !important;
    background-color: transparent !important;
    color: #e8392a !important;
}
.wpf-menu li ul,
.wpf-menu .sub-menu {
    background-color: #111 !important;
    border: 1px solid #2a2a2a !important;
}
.wpf-menu li ul li a {
    color: #ccc !important;
    background: transparent !important;
}

/* 4. Remove "Forum" page title */
.page-id-219 h1.entry-title {
    display: none !important;
}

/* 5. Dark theme for footer stats box and other white elements */
.wpf-footer-box {
    background-color: #1a1a1a !important;
    border-color: #2a2a2a !important;
}
.wpf-footer-box,
.wpf-footer-box * {
    color: #888 !important;
}
.wpf-footer-box a {
    color: #aaa !important;
}
.wpf-footer-box a:hover {
    color: #e8392a !important;
}

/* Hide recommendation box only — keep topic create form functional */
.wpforo-rcn-wrap {
    display: none !important;
}

/* Dark-theme ALL wpForo forms (topic, reply, edit) */
.wpf-form-wrapper {
    background: #1a1a1a !important;
    border-color: #2a2a2a !important;
    color: #cccccc !important;
}
.wpf-form-wrapper input:not(.wpf-button),
.wpf-form-wrapper textarea,
.wpf-form-wrapper select {
    background: #111 !important;
    border-color: #2a2a2a !important;
    color: #cccccc !important;
}
.wpf-form-wrapper label,
.wpf-form-wrapper p,
.wpf-form-wrapper span {
    color: #cccccc !important;
}

/* Submit button — match the blue Add Topic toggle button */
.wpf-form-wrapper input.wpf-button,
.wpf-form-wrapper button.wpf-button[type="submit"] {
    background-color: #43a6df !important;
    color: #fff !important;
    border: none !important;
}
.wpf-form-wrapper input.wpf-button:hover,
.wpf-form-wrapper button.wpf-button[type="submit"]:hover {
    background-color: #2e8fc4 !important;
}

/* Hide "Topic Title" column header text — visibility:hidden keeps layout space so stat headers stay aligned */
.head-title {
    visibility: hidden !important;
}

/* Align stat column headers and data consistently */
#wpforo-wrap .head-stat-views, #wpforo-wrap .wpforo-topic-stat-views,
#wpforo-wrap .head-stat-posts, #wpforo-wrap .wpforo-topic-stat-posts {
    text-align: center !important;
}
/* Members/lastpost: center-align to match header */
#wpforo-wrap .head-stat-lastpost,
#wpforo-wrap .wpforo-topic-stat-lastpost {
    text-align: center !important;
}
/* Stretch count div and remove avatar margin so text centers in full column width */
#wpforo-wrap .wpforo-topic-stat-lastpost .wpf-sbd-count {
    width: 100% !important;
    text-align: center !important;
    margin-left: 0 !important;
}
/* Normalize font size across all three stat data cells — Views/Posts were 16px, No replies 13px */
#wpforo-wrap .wpforo-topic-stat-views,
#wpforo-wrap .wpforo-topic-stat-posts,
#wpforo-wrap .wpforo-topic-stat-lastpost .wpf-sbd-count {
    font-size: 14px !important;
    font-weight: 400 !important;
}
/* Match header label size too */
#wpforo-wrap .head-stat-views,
#wpforo-wrap .head-stat-posts,
#wpforo-wrap .head-stat-lastpost {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #888 !important;
}

/* Font consistency — force all forum elements to use site system font */
.wpforo-wrap, .wpforo-wrap * {
    font-family: -apple-system, "system-ui", "Segoe UI", Roboto, sans-serif !important;
}

/* Forum description — match weight of rest of page */
.wpf-head-bar-left,
.wpf-head-bar-left p,
.wpf-head-bar-left div {
    font-weight: 600 !important;
}

/* Fix separator lines — full width, consistent dark color */
.wpf-head-bar hr,
.wpforo-wrap hr,
.wpf-head-bar .wpf-sep {
    border-color: #2a2a2a !important;
    width: 100% !important;
}

/* Remove Forum Information blue accent line */
.wpf-footer-title {
    border-bottom: none !important;
}
.wpf-section-title::after,
.wpforo-wrap .wpf-section-title {
    border-color: #2a2a2a !important;
}

/* Dark bg for forum nav bar itself */
#wpforo-menu {
    background-color: #161616 !important;
}

/* 6. Footer link color consistency */
.site-footer a,
.ast-footer-copyright a,
.footer-widget-area a {
    color: #cccccc !important;
}
.site-footer a:hover,
.ast-footer-copyright a:hover {
    color: #e8392a !important;
}

/* ── BOARD TITLE NAV LINK ── */
li.wpf-dho-board-link a {
    font-weight: 700 !important;
    padding-right: 16px !important;
    margin-right: 4px !important;
    border-right: 1px solid #333 !important;
    white-space: nowrap !important;
}

/* Board title moved to nav via JS */
#wpforo-title {
    display: none !important;
}

/* ── FORUM HOME BUTTON ── */
a.wpf-dho-home {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #888 !important;
    text-decoration: none !important;
    margin-right: 10px;
    font-size: 17px;
    transition: color 0.15s;
}

a.wpf-dho-home:hover {
    color: #e8392a !important;
}

/* Forum menu bar */
#wpforo-menu {
    background-color: #161616 !important;
    border-color: #222 !important;
}

/* Pagination */
.wpforo-pager a,
.wpf-page-link {
    background-color: #1a1a1a !important;
    border-color: #2e2e2e !important;
    color: #ccc !important;
}

.wpforo-pager a:hover,
.wpf-page-link:hover {
    background-color: #e8392a !important;
    color: #fff !important;
}

/* ============================================================
   TINYMCE EDITOR — DARK THEME
   ============================================================ */

/* Outer wrapper and toolbar */
.mce-tinymce,
.mce-container,
.mce-toolbar-grp,
.mce-top-part {
    background-color: #1a1a1a !important;
    border-color: #2a2a2a !important;
}

/* Edit area */
.mce-edit-area {
    background-color: #111111 !important;
    border-color: #2a2a2a !important;
}
/* Hide statusbar — removes the "P" paragraph indicator */
.mce-statusbar {
    display: none !important;
}

/* Toolbar buttons */
.mce-btn,
.mce-btn button {
    background-color: #1a1a1a !important;
    border-color: #2a2a2a !important;
    color: #cccccc !important;
}
.mce-btn:hover button,
.mce-btn.mce-active button {
    background-color: #2a2a2a !important;
    color: #fff !important;
}

/* Toolbar icons */
.mce-ico { color: #cccccc !important; }

/* Menubars */
.mce-menubar { background-color: #1a1a1a !important; border-color: #2a2a2a !important; }
.mce-menubar .mce-btn button { color: #cccccc !important; }

/* ============================================================
   BBPRESS REGISTRATION FORM
   ============================================================ */

#bbp-register input[type="text"],
#bbp-register input[type="email"],
#bbp-register input[type="password"] {
    background-color: #1a1a1a !important;
    border: 1px solid #2e2e2e !important;
    color: #fff !important;
    padding: 12px 16px !important;
    border-radius: 4px !important;
    width: 100% !important;
    font-size: 15px !important;
    margin-bottom: 16px !important;
}

#bbp-register input[type="submit"],
#bbp-register .button {
    background-color: #e8392a !important;
    color: #fff !important;
    border: none !important;
    padding: 14px 36px !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    width: 100% !important;
    margin-top: 8px !important;
}

#bbp-register label {
    color: #888 !important;
    font-size: 13px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    display: block !important;
    margin-bottom: 6px !important;
}

#bbp-register fieldset {
    border: none !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
}

/* ============================================================
   ABOUT PAGE
   ============================================================ */

.dho-about-wrap {
    background: #111;
    color: #cccccc;
}

/* Hero */
.dho-about-hero {
    position: relative;
    height: 380px;
    overflow: hidden;
}
.dho-about-hero-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 40%;
    display: block;
}
.dho-about-hero-overlay {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.5) 60%, transparent 100%);
    padding: 50px 60px 44px;
}
.dho-about-hero-inner { max-width: 820px; }
.dho-about-hero-eyebrow {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #43a6df;
    margin: 0 0 10px;
}
.dho-about-hero-title {
    font-size: 44px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 10px;
    line-height: 1.1;
}
.dho-about-hero-sub {
    font-size: 18px;
    color: #cccccc;
    margin: 0;
    font-style: italic;
}

/* Content area */
.dho-about-content {
    max-width: 880px;
    margin: 0 auto;
    padding: 56px 40px 72px;
}

/* Body text with float */
.dho-about-body {
    overflow: hidden; /* clear float */
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 1.85;
    color: #cccccc;
}
.dho-about-body p {
    margin: 0 0 20px;
}
.dho-about-img-right {
    float: right;
    width: 360px;
    margin: 4px 0 28px 40px;
}
.dho-about-track-img {
    width: 100%;
    border-radius: 6px;
    display: block;
    border: 1px solid #2a2a2a;
}
.dho-about-img-caption {
    font-size: 11px;
    color: #666;
    text-align: center;
    margin: 8px 0 0;
    font-style: italic;
    letter-spacing: 0.5px;
}

/* Pull quote */
.dho-about-quote {
    border-left: 4px solid #43a6df;
    background: #161616;
    margin: 0 0 40px;
    padding: 24px 32px;
    border-radius: 0 6px 6px 0;
    font-size: 19px;
    line-height: 1.7;
    color: #e0e0e0;
    font-style: italic;
}
.dho-about-quote-mark {
    font-size: 28px;
    color: #43a6df;
    font-style: normal;
    line-height: 0;
    vertical-align: -8px;
}

/* Disclaimer */
.dho-about-disclaimer {
    border-top: 1px solid #222;
    padding-top: 28px;
    margin-bottom: 32px;
    font-size: 13px;
    color: #777;
    line-height: 1.7;
}
.dho-about-disclaimer p { margin: 0; }

/* Signature */
.dho-about-sig {
    padding-top: 24px;
}
.dho-about-sig-line {
    color: #888;
    font-size: 14px;
    margin: 0 0 4px;
}
.dho-about-sig-name {
    font-size: 17px;
    font-weight: 700;
    color: #f0f0f0;
    margin: 0 0 4px;
}
.dho-about-sig-handle {
    font-size: 13px;
    color: #666;
    margin: 0;
}
.dho-about-sig-handle a {
    color: #43a6df;
    text-decoration: none;
}
.dho-about-sig-handle a:hover { text-decoration: underline; }

/* Responsive */
@media (max-width: 680px) {
    .dho-about-hero { height: 320px; }
    .dho-about-hero-overlay { padding: 30px 24px 28px; }
    .dho-about-hero-title { font-size: 28px; }
    .dho-about-content { padding: 36px 20px 52px; }
    .dho-about-img-right { float: none; width: 100%; margin: 0 0 24px; }
    .dho-about-quote { font-size: 16px; padding: 18px 20px; }
}

/* ============================================================
   WHAT'S NEW — timeline activity cards
   ============================================================ */
#wpforo-wrap .wpf-timeline-card {
    background-color: #1a1a1a !important;
    border-color: #2a2a2a !important;
    color: #cccccc !important;
}
#wpforo-wrap .wpf-timeline-card a {
    color: #43a6df !important;
}

/* ============================================================
   RECENT POSTS — topic rows
   ============================================================ */
#wpforo-wrap .wpf-ttr {
    background-color: #1a1a1a !important;
}
#wpforo-wrap .wpf-ttr.wpf-unread-topic {
    background-color: #1e1e1e !important;
}
#wpforo-wrap .wpf-ttr td,
#wpforo-wrap .wpf-ttr th {
    background-color: transparent !important;
    border-color: #2a2a2a !important;
    color: #cccccc !important;
}

/* ============================================================
   MEMBERS — member cards + search area
   ============================================================ */
#wpforo-wrap .wpforo-member {
    background-color: #1a1a1a !important;
    border-color: #2a2a2a !important;
    color: #cccccc !important;
}
#wpforo-wrap .wpforo-members-search {
    background-color: #111 !important;
    border-color: #2a2a2a !important;
}
#wpforo-wrap .wpf-member-search-field {
    background-color: #111 !important;
    border-color: #2a2a2a !important;
    color: #cccccc !important;
}
#wpforo-wrap .wpf-button-secondary {
    background-color: #1a1a1a !important;
    border-color: #2a2a2a !important;
    color: #cccccc !important;
}
#wpforo-wrap .wpforo-member-bg {
    background-color: #161616 !important;
    border-color: #2a2a2a !important;
}

/* ============================================================
   ALL WPFORO SELECT DROPDOWNS — dark
   ============================================================ */
#wpforo-wrap select {
    background-color: #1a1a1a !important;
    border-color: #2a2a2a !important;
    color: #cccccc !important;
}

/* ============================================================
   TOPIC VIEW — fix white/light boxes inside individual posts
   ============================================================ */

/* Main post content area */
#wpforo-wrap .wpf-right {
    background-color: #1a1a1a !important;
    color: #cccccc !important;
}

/* Post header bar (contains Solved/Private/etc badges) */
#wpforo-wrap .wpf-post-head-top {
    background-color: #222222 !important;
    color: #cccccc !important;
    border-color: #2a2a2a !important;
}

/* Post bottom strip (Posted date row) */
#wpforo-wrap .wpforo-post-content-bottom {
    background-color: #1a1a1a !important;
    border-color: #2a2a2a !important;
}

/* Reply/create post form */
#wpforo-wrap .wpf-post-create {
    background-color: #1e1e1e !important;
    border-color: #2a2a2a !important;
}

/* Topic footer */
#wpforo-wrap .wpforo-topic-footer,
#wpforo-wrap .wpfbg-9 {
    background-color: #1a1a1a !important;
    border-color: #2a2a2a !important;
}

/* Moderation tools bar */
#wpforo-wrap .wpf-tools {
    background-color: #1e1e1e !important;
    border-color: #2a2a2a !important;
}

/* Notifications strip */
#wpforo-wrap .wpf-notifications {
    background-color: #1e1e1e !important;
    border-color: #2a2a2a !important;
    color: #cccccc !important;
}

/* Reactions container */
#wpforo-wrap .wpforo-rcn-wrap {
    background-color: #1a1a1a !important;
    border-color: #2a2a2a !important;
}

/* Reaction popover */
#wpforo-wrap .wpforo-reaction.wpf-popover,
#wpforo-wrap .wpf-popover-content {
    background-color: #222222 !important;
    border-color: #3a3a3a !important;
    color: #cccccc !important;
}

/* Active breadcrumb/nav element */
#wpforo-wrap .wpf-item-element.active {
    background-color: #222222 !important;
    color: #cccccc !important;
    border-color: #2a2a2a !important;
}

/* Action buttons: Solved, Sticky, Close, Private, Delete, Quote, Edit, Unapprove */
#wpforo-wrap .wpf-action {
    background-color: #2a2a2a !important;
    color: #aaaaaa !important;
    border-color: #3a3a3a !important;
}
#wpforo-wrap .wpf-action:hover {
    background-color: #333333 !important;
    color: #cccccc !important;
}

/* ============================================================
   FOOTER — white text, same font as nav, slightly smaller
   ============================================================ */

#colophon,
#colophon .site-below-footer-wrap,
#colophon .ast-builder-grid-row-container,
#colophon .ast-builder-footer-grid-columns,
#colophon .site-footer-below-section-1,
#colophon .ast-builder-layout-element,
#colophon .ast-footer-copyright,
#colophon p {
    color: #ffffff !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 13px !important;
}

#colophon a,
#colophon a:visited {
    color: #ffffff !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 13px !important;
    text-decoration: none !important;
}

#colophon a:hover {
    color: #e8392a !important;
    text-decoration: none !important;
}