/* Atlas forum: native wpForo behavior, aligned rows and readable conversations. */ .atlas-forum-page .page-title { display:none; } .atlas-forum-page .site-content { padding-top:0; } .atlas-forum-page main.wd-content-layout { padding-top:24px; } .atlas-forum-page #wpforo #wpforo-wrap { --atlas-forum-brand:var(--wd-primary-color,#901a6d); --atlas-forum-radius:var(--wd-brd-radius,12px); --atlas-line:#e9e3e7; --atlas-muted:#786c75; --atlas-ink:#322b31; width:100%; max-width:none; margin:0 auto 40px; padding:0; background:transparent; color:var(--atlas-ink); font-family:inherit; font-size:15px; line-height:1.6; } #wpforo #wpforo-wrap .atlas-forum-intro { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:0 0 22px; padding:4px 0; } #wpforo #wpforo-wrap .atlas-forum-intro h1 { font-size:30px; line-height:1.2; font-weight:500; letter-spacing:-.5px; color:var(--atlas-ink); margin:0 0 8px; } #wpforo #wpforo-wrap .atlas-forum-intro p { margin:0; font-size:14px; color:var(--atlas-muted); } #wpforo #wpforo-wrap .atlas-forum-welcome { text-align:right; flex-shrink:0; } #wpforo #wpforo-wrap a.atlas-forum-cta { display:inline-flex; align-items:center; gap:24px; background:var(--atlas-forum-brand); color:#fff; border-radius:8px; padding:10px 18px; font-size:14px; font-weight:600; text-decoration:none; } #wpforo #wpforo-wrap .atlas-forum-account-note { display:block; font-size:12px; color:var(--atlas-muted); margin-top:6px; } #wpforo #wpforo-wrap .atlas-forum-search { display:flex; align-items:center; gap:16px; background:#fff; border:1px solid var(--atlas-line); border-radius:var(--atlas-forum-radius); padding:10px 14px; margin:0 0 12px; } #wpforo #wpforo-wrap .atlas-forum-search label { font-size:14px; font-weight:600; white-space:nowrap; margin:0; } #wpforo #wpforo-wrap .atlas-forum-search input { min-width:0; flex:1; height:42px; padding:0 14px; margin:0; border:0; border-radius:8px; background:#f8f6f7; box-shadow:none; font-family:inherit; font-size:14px; } #wpforo #wpforo-wrap .atlas-forum-search button { min-height:42px; padding:0 22px; border:0; border-radius:8px; background:var(--atlas-forum-brand); color:white; font-family:inherit; font-size:14px; } #wpforo #wpforo-wrap input::placeholder,#wpforo #wpforo-wrap textarea::placeholder { color:#62545e; opacity:.55; } #wpforo #wpforo-wrap :is(a,button,input,select,textarea):focus-visible { outline:2px solid var(--atlas-forum-brand); outline-offset:3px; } #wpforo #wpforo-wrap #wpforo-menu { background:#fff; border:1px solid var(--atlas-line); border-radius:var(--atlas-forum-radius); padding:4px 6px; margin:0 0 20px; overflow:visible; } #wpforo #wpforo-wrap #wpforo-menu .wpf-left { display:block!important; width:100%; min-width:0; margin:0; } #wpforo #wpforo-wrap #wpforo-menu .wpf-menu { display:flex!important; flex-wrap:wrap; position:static!important; width:100%!important; margin:0; padding:0; background:transparent; } #wpforo #wpforo-wrap #wpforo-menu .wpf-menu > li, #wpforo #wpforo-wrap #wpforo-menu .wpf-menu > li.wpforo-active, #wpforo #wpforo-wrap #wpforo-menu .wpf-menu > li:hover { float:none; width:auto; border:0; background:transparent!important; border-radius:8px; } #wpforo #wpforo-wrap #wpforo-menu .wpf-menu > li > a { display:flex; align-items:center; min-height:42px; padding:8px 18px; border-radius:8px; background:transparent; color:var(--atlas-muted); font-size:14px; } #wpforo #wpforo-wrap #wpforo-menu .wpf-menu > li.wpforo-active > a, #wpforo #wpforo-wrap #wpforo-menu .wpf-menu > li > a:hover { background:#f5eaf1; color:var(--atlas-forum-brand); } #wpforo #wpforo-wrap #wpforo-menu .wpf-res-menu,#wpforo #wpforo-wrap #wpforo-menu .wpf-search { display:none; } .atlas-forum-home #wpforo #wpforo-wrap .wpforo-subtop,.atlas-forum-home #wpforo-title { display:none!important; } #wpforo #wpforo-wrap .atlas-board { background:#fff; border:1px solid var(--atlas-line); border-radius:var(--atlas-forum-radius); overflow:hidden; margin:0 0 20px; } #wpforo #wpforo-wrap .atlas-board-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:19px 22px; border-bottom:1px solid var(--atlas-line); background:#fff; } #wpforo #wpforo-wrap .atlas-board-heading h2 { margin:0; color:var(--atlas-ink); font-size:21px; font-weight:500; } #wpforo #wpforo-wrap .atlas-board-heading > span { color:var(--atlas-muted); font-size:13px; } #wpforo #wpforo-wrap :is(.atlas-board-columns,.atlas-forum-row,.atlas-topic-columns,.atlas-topic-row) { display:grid; grid-template-columns:minmax(0,1fr) 150px minmax(240px,28%); align-items:center; gap:20px; padding:20px 22px; } #wpforo #wpforo-wrap :is(.atlas-board-columns,.atlas-topic-columns) { padding-top:10px; padding-bottom:10px; background:#faf6f9; color:#796772; font-size:12px; font-weight:600; border-bottom:1px solid var(--atlas-line); } #wpforo #wpforo-wrap :is(.atlas-board-columns,.atlas-topic-columns) > :nth-child(2) { text-align:center; } #wpforo #wpforo-wrap :is(.atlas-forum-row,.atlas-topic-row) { min-height:104px; border-bottom:1px solid var(--atlas-line); background:#fff; transition:background .15s; } #wpforo #wpforo-wrap :is(.atlas-forum-row,.atlas-topic-row):last-child { border-bottom:0; } #wpforo #wpforo-wrap :is(.atlas-forum-row,.atlas-topic-row):hover { background:#fdfbfd; } #wpforo #wpforo-wrap .atlas-forum-cell { display:flex; align-items:center; gap:16px; min-width:0; } #wpforo #wpforo-wrap .atlas-forum-icon { display:flex; align-items:center; justify-content:center; flex:0 0 44px; height:44px; background:#f5eaf1; color:var(--atlas-forum-brand); border-radius:10px; font-size:20px; } #wpforo #wpforo-wrap .atlas-forum-icon i { color:var(--atlas-forum-brand); font-size:20px; } #wpforo #wpforo-wrap .atlas-forum-copy { min-width:0; } #wpforo #wpforo-wrap .atlas-forum-copy :is(h3,h2) { font-family:inherit; color:var(--atlas-ink); font-size:16px; font-weight:600; line-height:1.5; letter-spacing:0; margin:0 0 5px; } #wpforo #wpforo-wrap .atlas-forum-copy :is(h3,h2) a { display:block; color:var(--atlas-ink); font-size:inherit; font-weight:inherit; text-decoration:none; } #wpforo #wpforo-wrap .atlas-forum-copy :is(h3,h2) a:hover { color:var(--atlas-forum-brand); text-decoration:underline; } #wpforo #wpforo-wrap .atlas-forum-description,#wpforo #wpforo-wrap .atlas-forum-description p { color:var(--atlas-muted); font-size:13px; line-height:1.65; margin:0; } #wpforo #wpforo-wrap .atlas-subforum { display:inline-block; font-size:13px; margin:8px 14px 0 0; } #wpforo #wpforo-wrap .atlas-forum-counts { display:flex; flex-direction:column; gap:3px; text-align:center; font-size:12px; color:var(--atlas-muted); } #wpforo #wpforo-wrap .atlas-forum-counts strong { font-size:14px; font-weight:600; color:var(--atlas-ink); font-variant-numeric:tabular-nums; } #wpforo #wpforo-wrap .atlas-last-message { min-width:0; border-left:1px solid var(--atlas-line); padding-left:22px; } #wpforo #wpforo-wrap .atlas-last-title { display:block; color:var(--atlas-forum-brand); font-size:13px; line-height:1.6; font-weight:500; margin-bottom:5px; } #wpforo #wpforo-wrap .atlas-message-meta { display:flex; flex-wrap:wrap; align-items:center; gap:6px; color:var(--atlas-muted); font-size:12px; line-height:1.6; } #wpforo #wpforo-wrap :is(.atlas-message-meta,.atlas-last-author) a { color:#6e5d68!important; font-size:inherit; } #wpforo #wpforo-wrap :is(.atlas-message-meta,.atlas-last-author) a:hover { color:var(--atlas-forum-brand)!important; text-decoration:underline; } #wpforo #wpforo-wrap .atlas-empty-message { display:block; color:var(--atlas-muted); font-size:13px; } #wpforo #wpforo-wrap .atlas-empty-note { display:block; font-size:12px; color:#93828d; margin-top:3px; } #wpforo #wpforo-wrap .atlas-last-author { font-size:13px; font-weight:500; } #wpforo #wpforo-wrap .atlas-last-date { font-size:12px; color:var(--atlas-muted); } #wpforo #wpforo-wrap .atlas-last-date span { color:var(--atlas-forum-brand); margin-left:8px; } /* Breadcrumb and content form one white surface. */ .atlas-forum-detail #wpforo #wpforo-wrap .wpforo-subtop { display:flow-root!important; background:#fff; border:1px solid var(--atlas-line); border-bottom:0; border-radius:var(--atlas-forum-radius) var(--atlas-forum-radius) 0 0; margin:0; padding:16px 22px 0; } .atlas-forum-detail #wpforo #wpforo-wrap .wpforo-main { background:#fff; border:1px solid var(--atlas-line); border-top:0; border-radius:0 0 var(--atlas-forum-radius) var(--atlas-forum-radius); margin:0; padding:12px 22px 24px; } #wpforo #wpforo-wrap .wpf-subforum-sep { display:none; } #wpforo #wpforo-wrap .wpf-head-bar { background:transparent; border:0!important; border-radius:0; padding:8px 0 20px; margin:0 0 18px; border-bottom:1px solid var(--atlas-line)!important; } #wpforo #wpforo-wrap .wpf-head-bar #wpforo-title { font-size:26px; line-height:1.35; font-weight:500; color:var(--atlas-ink); margin:0 0 8px; padding:0; border:0; } #wpforo #wpforo-wrap .wpf-head-bar .wpf-action-link:has(> a[href*="type=rss2"]:only-child) { display:none; } #wpforo #wpforo-wrap #wpforo-description,#wpforo #wpforo-wrap #wpforo-description p { font-size:14px; color:var(--atlas-muted); line-height:1.7; margin:0; } #wpforo #wpforo-wrap :is(.wpf-head-bar,.wpforo-post-head) a[href*="type=rss2"] { display:none; } #wpforo #wpforo-wrap .wpf-breadcrumb { display:flex; flex-wrap:wrap; gap:6px 10px; margin:0 0 6px; } #wpforo #wpforo-wrap .wpf-breadcrumb div.wpf-item-element { float:none; display:inline-flex!important; align-items:center; gap:10px; padding:0; font-size:12px; line-height:1.8; background:transparent; border:0; } #wpforo #wpforo-wrap .wpf-breadcrumb .wpf-item-element::after { display:none; } #wpforo #wpforo-wrap .wpf-breadcrumb .wpf-item-element + .wpf-item-element::before { content:'/'; position:static; color:#b4a6af; } #wpforo #wpforo-wrap .wpf-breadcrumb .wpf-item-element a { color:var(--atlas-muted); } #wpforo #wpforo-wrap .wpf-breadcrumb .wpf-item-element.active { color:var(--atlas-forum-brand); } #wpforo #wpforo-wrap .wpf-breadcrumb .wpf-end { display:none; } #wpforo #wpforo-wrap .atlas-topic-list { border:1px solid var(--atlas-line); border-radius:10px; overflow:hidden; } #wpforo #wpforo-wrap .atlas-topic-row { min-height:100px; } #wpforo #wpforo-wrap .wpforo-recent-wrap ~ p { display:none; } #wpforo #wpforo-wrap .wpforo-recent-wrap .wpforo-feed sep { display:none; } #wpforo #wpforo-wrap .wpforo-recent-wrap select { min-height:40px; background:#fff; border:1px solid var(--atlas-line); border-radius:8px; padding:6px 12px; font-size:13px; } #wpforo #wpforo-wrap .wpf-p-error { color:var(--atlas-muted); padding:28px 18px; text-align:center; border:1px dashed #ded2da; border-radius:10px; background:#fcfafb; font-size:14px; } #wpforo #wpforo-wrap .wpf-button,#wpforo #wpforo-wrap input[type="submit"] { border-radius:8px; min-height:40px; } #wpforo #wpforo-wrap :is(input[type="text"],input[type="email"],input[type="password"],textarea) { border-radius:8px; } #wpforo #wpforo-wrap :is(.wpforo-login-wrap,.wpforo-register-wrap) { border:1px solid var(--atlas-line); border-radius:var(--atlas-forum-radius); background:#fff; max-width:100%; box-sizing:border-box; } #wpforo #wpforo-wrap .atlas-forum-login-help { font-size:13px; line-height:1.7; color:var(--atlas-muted); } /* Keep native post actions and editors; simplify author/content hierarchy. */ #wpforo #wpforo-wrap .wpfl-2 .post-wrap { margin:0 0 16px; padding:0; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-post { display:grid; grid-template-columns:180px minmax(0,1fr); border:1px solid var(--atlas-line); border-radius:10px; overflow:hidden; background:#fff; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-post > .wpf-clear { display:none; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-post > .wpf-left { width:180px; background:#faf8fa; padding:20px 14px; border:0; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-post > .wpf-right { width:100%; min-width:0; margin:0; display:flex; flex-direction:column; background:#fff; padding:16px 22px; border-left:1px solid var(--atlas-line); } #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-left .author-avatar { width:64px; height:64px; max-width:64px; margin:0 auto 10px; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-left .author-avatar img { width:64px; height:64px; object-fit:cover; border-radius:50%; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-right .wpforo-post-content { flex:1; min-height:90px; padding:0; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-right .wpforo-post-content-bottom { padding:10px 0 0; margin-top:12px; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-right .wpforo-post-content-top { padding:0 0 12px; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-left :is(.author-rating-full,.wpf-member-profile-buttons) { display:none; } #wpforo #wpforo-wrap .wpfl-2 .author-name a { color:var(--atlas-forum-brand)!important; } #wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-top { background:#faf6f9; border:1px solid var(--atlas-line); border-radius:10px; padding:12px 16px; margin:0 0 16px; } #wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-top .wpf-post-info { font-size:13px; } #wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-top .wpf-post-info a { color:var(--atlas-forum-brand)!important; } #wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-top .wpf-post-stat .wpf-tlabel { font-size:12px; } #wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-bottom { min-height:0; padding:0; margin:0; } .atlas-forum-page:not(.logged-in) #wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-bottom { display:none; } #wpforo #wpforo-wrap.wpft-post .wpf-head-bar .wpf-action-link:not(:has(a,button,input,select)) { display:none; } #wpforo #wpforo-wrap.wpft-post .wpf-head-bar { padding:8px 0 16px; margin-bottom:16px; } #wpforo #wpforo-wrap .wpfl-2 .author-name { font-size:14px; font-weight:600; overflow-wrap:anywhere; } #wpforo #wpforo-wrap .wpfl-2 .author-nicename { font-size:12px; } #wpforo #wpforo-wrap .wpforo-post-content { font-size:16px; line-height:1.8; overflow-wrap:anywhere; } #wpforo #wpforo-wrap .wpforo-post-content img { max-width:100%; height:auto; } #wpforo #wpforo-wrap .wpforo-post-content-top { font-size:12px; } #wpforo #wpforo-wrap .wpforo-post-content-bottom { color:var(--atlas-muted); font-size:12px; border-top:1px solid var(--atlas-line); margin-top:14px; padding-top:10px; } #wpforo #wpforo-wrap #wpforo-poweredby { padding-top:20px; } @media(max-width:900px) { #wpforo #wpforo-wrap :is(.atlas-board-columns,.atlas-forum-row,.atlas-topic-columns,.atlas-topic-row) { grid-template-columns:minmax(0,1fr) 105px minmax(180px,27%); gap:12px; padding-left:16px; padding-right:16px; } #wpforo #wpforo-wrap .atlas-forum-cell { gap:12px; } #wpforo #wpforo-wrap .atlas-last-message { padding-left:14px; } } @media(max-width:700px) { .atlas-forum-page main.wd-content-layout { padding-top:16px; } #wpforo #wpforo-wrap .atlas-forum-intro { display:block; margin-bottom:16px; } #wpforo #wpforo-wrap .atlas-forum-intro h1 { font-size:26px; } #wpforo #wpforo-wrap .atlas-forum-welcome { display:none; } #wpforo #wpforo-wrap .atlas-forum-search { gap:8px; padding:10px; } #wpforo #wpforo-wrap .atlas-forum-search label { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; } #wpforo #wpforo-wrap .atlas-forum-search button { padding:0 16px; } #wpforo #wpforo-wrap #wpforo-menu { margin-bottom:16px; } #wpforo #wpforo-wrap #wpforo-menu .wpf-menu > li > a { padding:8px; font-size:12px; } #wpforo #wpforo-wrap .atlas-board-heading { display:block; padding:16px; } #wpforo #wpforo-wrap .atlas-board-heading h2 { font-size:20px; margin-bottom:4px; } #wpforo #wpforo-wrap :is(.atlas-board-columns,.atlas-topic-columns) { display:none; } #wpforo #wpforo-wrap :is(.atlas-forum-row,.atlas-topic-row) { grid-template-columns:minmax(0,1fr); gap:10px; padding:18px 16px; } #wpforo #wpforo-wrap .atlas-forum-cell { align-items:flex-start; } #wpforo #wpforo-wrap .atlas-forum-icon { flex-basis:36px; height:36px; font-size:17px; } #wpforo #wpforo-wrap .atlas-forum-icon i { font-size:17px; } #wpforo #wpforo-wrap .atlas-forum-counts { flex-direction:row; gap:14px; text-align:left; padding-left:48px; } #wpforo #wpforo-wrap .atlas-forum-counts strong { font-size:12px; } #wpforo #wpforo-wrap .atlas-last-message { border-left:0; border-top:1px solid var(--atlas-line); padding:10px 0 0; margin-left:48px; } #wpforo #wpforo-wrap .atlas-empty-note { display:none; } .atlas-forum-detail #wpforo #wpforo-wrap .wpforo-subtop { padding:12px 14px 0; } .atlas-forum-detail #wpforo #wpforo-wrap .wpforo-main { padding:8px 14px 16px; } #wpforo #wpforo-wrap .wpf-head-bar #wpforo-title { font-size:23px; } #wpforo #wpforo-wrap .wpf-head-bar { padding-top:8px; margin-bottom:16px; } #wpforo #wpforo-wrap .wpf-head-bar .wpf-head-bar-left,#wpforo #wpforo-wrap .wpf-head-bar .wpf-head-bar-right { float:none; width:100%; } #wpforo #wpforo-wrap .wpf-head-bar .wpf-head-bar-right { text-align:left; padding:12px 0 0; } #wpforo #wpforo-wrap .atlas-topic-row { padding:16px 12px; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-post { grid-template-columns:minmax(0,1fr); } #wpforo #wpforo-wrap .wpfl-2 .wpforo-post > .wpf-left { float:none; width:100%; padding:14px; text-align:left; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-post > .wpf-right { float:none; width:100%; padding:14px; border-left:0; border-top:1px solid var(--atlas-line); } #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-left .author-avatar { float:left; width:44px; height:44px; margin:0 12px 0 0; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-left .author-avatar img { width:44px; height:44px; } #wpforo #wpforo-wrap .wpfl-2 .author-data { text-align:left; } #wpforo #wpforo-wrap .wpfl-2 :is(.author-posts,.wpf-member-profile-buttons) { display:none; } #wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-top .wpf-post-stat { margin-left:0; gap:10px; justify-content:space-between; } #wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-top .wpf-post-stat .wpf-post-stat-box { margin:0; min-width:0; } #wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-top .wpf-post-stat .wpf-post-stat-box.wpf-pb-more { margin:0; padding:0; flex-grow:0; } #wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-top .wpf-post-stat .wpf-post-stat-box .wpf-tlabel { font-size:10px; } }