/** * @file: CSS Matrix * @version: 1.0.0 * @theme: Classic */ /* wpForo Dynamic CSS Document */ #wpforo #wpforo-wrap *::selection{color: #000000; background: #2c443e;} #wpforo #wpforo-wrap *::-moz-selection{color: #000000; background: #2c443e;} #wpforo #wpforo-wrap { color: #23262a; background: #ffffff } #wpforo #wpforo-wrap .wpforo-subforum i{ color:#8b939c; } #wpforo #wpforo-wrap #footer { background:#e7e2da;} #wpforo #wpforo-wrap .wpf-p-error { border-bottom: #e7e2da 1px solid; color: #23262a; } #wpforo #wpforo-wrap .wpf-res-menu { color: #3f454c; } #wpforo #wpforo-wrap #wpforo-menu { border-bottom: #e7e2da 2px solid; background:#f4f0ea;} /* AI Helper Toggle */ #wpforo #wpforo-wrap .wpforo-ai-helper{background:#f4f0ea;} #wpforo #wpforo-wrap .wpf-ai-helper-bar{background:transparent;} #wpforo #wpforo-wrap .wpf-ai-helper-toggle{ background:#f4f0ea; color:#2c443e; border: 2px solid #e7e2da;} #wpforo #wpforo-wrap .wpf-ai-helper-toggle:hover{ background:#2c443e; color:#ffffff;} #wpforo #wpforo-wrap .wpf-ai-helper-toggle .wpf-ai-sparkle-icon{ fill:#2c443e;} #wpforo #wpforo-wrap .wpf-ai-helper-toggle:hover .wpf-ai-sparkle-icon{ fill:#ffffff;} #wpforo #wpforo-wrap .wpf-ai-helper-content{border-top:none;} /* AI Helper Tabs */ #wpforo #wpforo-wrap .wpf-ai-tab{} #wpforo #wpforo-wrap .wpf-ai-tab-active{color:#2c443e;} #wpforo #wpforo-wrap .wpf-ai-tab-content{background:#ffffff; border:1px solid #e7e2da; border-top:none;} /* AI Search Toggle - Segmented Control */ #wpforo #wpforo-wrap .wpf-ai-search-toggle{border-bottom:1px solid #e7e2da;} #wpforo #wpforo-wrap .wpf-ai-search-mode{color:#8b939c;} #wpforo #wpforo-wrap .wpf-ai-search-mode:hover{color:#000000;} #wpforo #wpforo-wrap .wpf-ai-search-mode-active{color:#5c636b; background:#f4f0ea;} #wpforo #wpforo-wrap .wpf-ai-section-header{color:#000000} #wpforo #wpforo-wrap .wpf-ai-quick-answer{color:#000000} /* AI Search Forms */ #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-input-wrap .wpf-ai-input{background:#f4f0ea; border:1px solid #e7e2da; color:#23262a;} #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-input-wrap .wpf-ai-input:focus{border-color:#d6d2cb;} #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-input-wrap .wpf-ai-input::placeholder{color:#8b939c;} #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-input-wrap .wpf-ai-input-icon{color:#8b939c;} #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-input-wrap .wpf-ai-submit{color:#5c636b;} #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-input-wrap .wpf-ai-input-icon svg{color: #8b939c;} /* AI Search Results */ #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-results .wpf-ai-result-card{background:#ffffff; border-bottom:1px solid #e7e2da;} #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-results .wpf-ai-result-card:hover{border-color:#d6d2cb;} #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-results .wpf-ai-result-meta{color:#8b939c;} #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-results .wpf-ai-result-meta i{color:#d6d2cb;} #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-results .wpf-ai-result-score{color:#2c443e;} #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-results .wpf-ai-result-content{color:#5c636b;} #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-results .wpf-ai-more-btn{background:#f4f0ea; color:#5c636b;} #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-results .wpf-ai-more-btn:hover{background:#e7e2da;} /* AI Loading Animation - Blinking Stars */ #wpforo #wpforo-wrap .wpf-ai-star{fill:#2c443e;} #wpforo #wpforo-wrap .wpf-ai-loading-text{color:#5c636b;} #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-results .wpf-ai-no-results{color:#8b939c;} #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-results .wpf-ai-error{color:#f46464;} /* AI Preferences */ #wpforo #wpforo-wrap .wpf-ai-preferences{color:#8b939c;} /* AI Classic Search Form */ #wpforo #wpforo-wrap .wpf-ai-search-form[data-search-form="classic"]{background:#f4f0ea; border:1px solid #e7e2da;} #wpforo #wpforo-wrap .wpf-ai-search-form[data-search-form="classic"] .wpfltd{border-bottom:1px dotted #e7e2da;} #wpforo #wpforo-wrap .wpf-ai-search-form[data-search-form="classic"] .wpfrtd{border-bottom:1px dotted #e7e2da;} #wpforo #wpforo-wrap .wpf-ai-search-form[data-search-form="classic"] .wpf-search-label{color:#5c636b;} #wpforo #wpforo-wrap .wpf-ai-search-form[data-search-form="classic"] .wpf-toggle-wrap .wpf-toggle{border-bottom:1px dashed #d6d2cb; color:#8b939c;} #wpforo #wpforo-wrap .wpf-ai-search-form[data-search-form="classic"] input[type="text"], #wpforo #wpforo-wrap .wpf-ai-search-form[data-search-form="classic"] select{background:#ffffff; border:1px solid #e7e2da; color:#23262a;} #wpforo #wpforo-wrap .wpf-ai-search-form[data-search-form="classic"] input[type="text"]:focus, #wpforo #wpforo-wrap .wpf-ai-search-form[data-search-form="classic"] select:focus{border-color:#2c443e;} #wpforo #wpforo-wrap .wpf-ai-search-form[data-search-form="classic"] input[type="submit"]{background:#2c443e; color:#ffffff;} #wpforo #wpforo-wrap .wpf-ai-search-form[data-search-form="classic"] input[type="submit"]:hover{background:#3a5952;} #wpforo #wpforo-wrap #wpforo-menu li {border-bottom: 2px solid transparent;} #wpforo #wpforo-wrap #wpforo-menu li a { color: #3f454c; } /* AI Translation */ #wpforo #wpforo-wrap .wpf-ai-translate-dropdown{background: #ffffff;} #wpforo #wpforo-wrap .wpf-ai-translate-original{color: #e09a2e;} #wpforo #wpforo-wrap .wpforo-post-content.wpf-ai-translated, #wpforo #wpforo-wrap .wpforo-comment-text.wpf-ai-translated{border-left: 2px dashed #e09a2e; background: #fff9f4 !important;} #wpforo #wpforo-wrap .wpfl-1 .wpforo-post-content.wpf-ai-translated{border-left: none; background: #fff9f4 !important;} /* AI Topic Summarization */ #wpforo #wpforo-wrap .wpf-ai-summarize-btn{color: #2c443e; border: 1px solid #2c443e; background: #ffffff;} #wpforo #wpforo-wrap .wpf-ai-summarize-btn:hover{color: #2c443e; } #wpforo #wpforo-wrap .wpf-ai-summarize-btn .wpf-ai-star{color: #2c443e;} #wpforo #wpforo-wrap .wpf-ai-translate-arrow{color: #e09a2e;} #wpforo #wpforo-wrap .wpf-ai-summary-body{border-left: 3px dashed #2c443e;} #wpforo #wpforo-wrap .wpf-ai-summary-body h3, #wpforo #wpforo-wrap .wpf-ai-summary-body h4{color: #2c443e;} /* AI Chat Bot */ #wpforo #wpforo-wrap .wpf-ai-chat-msg-content .wpf-ai-chat-reference{color: #2c443e;} #wpforo #wpforo-wrap .wpf-ai-chat-msg-content .wpf-ai-chat-reference:hover{color: #2c443e;} #wpforo #wpforo-wrap .wpf-ai-chat-msg-user .wpf-ai-chat-msg-content{background-color: #2c443e; color: #ffffff;} #wpforo #wpforo-wrap .wpf-ai-chat-msg-assistant .wpf-ai-chat-msg-content{background-color: #f4f0ea; color: #23262a;} /* AI Topic Suggestions */ #wpforo #wpforo-wrap .wpf-ai-suggestions-title{color: #2c443e; } #wpforo #wpforo-wrap .wpf-ai-suggestions-section .wpf-ai-suggestions-section-content .wpf-ai-similar-hint{color: #6b727a;} #wpforo #wpforo-wrap .wpforo-active, #wpforo #wpforo-wrap #wpforo-menu li.wpforo-active, #wpforo #wpforo-wrap #wpforo-menu li:hover, #wpforo #wpforo-wrap #wpforo-menu li.current-menu-ancestor, #wpforo #wpforo-wrap #wpforo-menu li.current-menu-parent, #wpforo #wpforo-wrap #wpforo-menu li.current_page_item { border-bottom: #2c443e 2px solid;} #wpforo #wpforo-wrap #wpforo-menu #wpf-menu .wpforo-active, #wpforo #wpforo-wrap #wpforo-menu #wpf-menu li.wpforo-active, #wpforo #wpforo-wrap #wpforo-menu #wpf-menu li:hover, #wpforo #wpforo-wrap #wpforo-menu #wpf-menu li.current-menu-ancestor, #wpforo #wpforo-wrap #wpforo-menu #wpf-menu li.current-menu-parent, #wpforo #wpforo-wrap #wpforo-menu #wpf-menu li.current_page_item {background-color: #e7e2da;} #wpforo #wpforo-wrap #wpforo-menu li > ul{background-color: #f4f0ea;} #wpforo #wpforo-wrap #wpforo-menu li > ul li{border-bottom: 1px solid #f4f0ea;} #wpforo #wpforo-wrap #wpforo-menu li > ul li:hover, #wpforo #wpforo-wrap #wpforo-menu li > ul li.current-menu-item{border-bottom: 1px solid #2c443e;} #wpforo-load { color: #2c443e; } #wpforo-load i{ color: #2c443e!important; } #wpforo #wpforo-wrap .wpf-search input[type="text"]{ color: #3f454c; background: transparent; } #wpforo #wpforo-wrap .wpf-search input[type="text"]:focus{ background: #f4f0ea; } #wpforo #wpforo-wrap .wpf-search i{ color: #2c443e; } #wpforo #wpforo-wrap .wpf-action .fa-bookmark{color: #e09a2e ;} #wpforo #wpforo-wrap .wpf-bar-right .wpf-alerts{color: #8b939c; border-right: 1px dashed #d6d2cb; } #wpforo #wpforo-wrap .wpf-bar-right .wpf-alerts i{color:#8b939c;} #wpforo #wpforo-wrap .wpf-bar-right .wpf-alerts i:hover{color: #2c443e;} #wpforo #wpforo-wrap .wpf-bar-right .wpf-alerts.wpf-new svg{color: #e09a2e;} #wpforo #wpforo-wrap .wpf-bar-right .wpf-alerts.wpf-new svg:hover{text-shadow: 0 0 20px #000000;} #wpforo #wpforo-wrap .wpf-bar-right .wpf-alerts-count{color: #e09a2e;} #wpforo #wpf-widget-profile .wpf-widget-alerts, #wpf-widget-profile .wpf-widget-alerts{color: #8b939c; border-right: none; } #wpforo #wpf-widget-profile .wpf-widget-alerts svg, #wpf-widget-profile .wpf-widget-alerts svg{color:#8b939c;} #wpforo #wpf-widget-profile .wpf-widget-alerts.wpf-new svg, #wpf-widget-profile .wpf-widget-alerts.wpf-new svg{color: #e09a2e;} #wpforo #wpf-widget-profile .wpf-widget-alerts .wpf-alerts-count, #wpf-widget-profile .wpf-widget-alerts .wpf-alerts-count{color: #e09a2e;} #wpforo #wpforo-wrap .wpf-notifications{background: #EFEFEF; border-top: 2px solid #e7e2da; border-bottom:5px solid #e7e2da;} #wpforo #wpforo-wrap .wpf-notifications .wpf-notification-head{color: #3f454c; border-bottom: 2px solid #e09a2e;} #wpforo #wpforo-wrap .wpf-notifications .wpf-notification-content{ color: #3f454c;} #wpforo #wpforo-wrap .wpf-notifications .wpf-notification-content li{border-bottom: 1px solid #dfdfdf; color: #5c636b;} #wpforo #wpforo-wrap .wpf-notifications .wpf-notification-content li.wpf-new_dislike{color: #f42d2c;} #wpforo #wpforo-wrap .wpf-notifications .wpf-notification-content li .wpf-nleft svg{filter: drop-shadow(0 0 8px #d6d2cb);} #wpforo #wpforo-wrap .wpf-notifications .wpf-notification-content .wpf-ndesc{color:#5c636b;} #wpforo #wpforo-wrap .wpf-notifications .wpf-notification-content li:hover{background: #f4f0ea;} #wpf-widget-profile .wpf-notifications{background: #EFEFEF; border-top: 2px solid #3f454c; border-bottom:5px solid #3f454c;} #wpf-widget-profile .wpf-notifications .wpf-notification-head{color: #3f454c; border-bottom: 2px solid #e09a2e;} #wpf-widget-profile .wpf-notifications .wpf-notification-content{ color: #3f454c;} #wpf-widget-profile .wpf-notifications .wpf-notification-content li{border-bottom: 1px solid #dfdfdf; color: #5c636b;} #wpf-widget-profile .wpf-notifications .wpf-notification-content li.wpf-new_dislike{color: #f42d2c;} #wpf-widget-profile .wpf-notifications .wpf-notification-content li .wpf-nleft svg{filter: drop-shadow(0 0 8px #d6d2cb);} #wpf-widget-profile .wpf-notifications .wpf-notification-content .wpf-ndesc{color:#5c636b;} #wpf-widget-profile .wpf-notifications .wpf-notification-content li:hover{background: #f4f0ea;} /*#wpf-widget-profile .wpf-notifications .wpf-notification-content li:hover .wpf-nleft svg{color: #e09a2e;}*/ #wpforo #wpforo-wrap .wpforo-profile .wpforo-profile-head-panel .wpf-edit-cover ul.wpf-edit-cover-options{ background-color: #d6d2cb; } #wpforo #wpforo-wrap .wpforo-profile .wpforo-follow-user{background-color: #fdf5e8;} #wpforo #wpforo-wrap #wpforo-poweredby{ color: #3f454c; } #wpforo #wpforo-wrap #wpforo-poweredby a{ color: #2c443e; } #wpforo #wpforo-wrap #wpforo-title{ color:#23262a;} #wpforo #wpforo-wrap #wpforo-description{color:#3f454c;} #wpforo #wpforo-wrap .wpf-action-link{border-top:1px solid #f4f0ea;} #wpforo #wpforo-wrap a { color: #2c443e; } #wpforo #wpforo-wrap a svg{ fill: #2c443e; } #wpforo #wpforo-wrap a:visited { color: #2c443e; } #wpforo #wpforo-wrap a:visited svg{ fill: #2c443e; } #wpforo #wpforo-wrap a:hover{ color: #3a5952;} #wpforo #wpforo-wrap a:hover svg{ fill: #3a5952;} #wpforo #wpforo-wrap a:active { color: #3a5952; } #wpforo #wpforo-wrap a:active svg{ fill: #3a5952; } #wpforo #wpforo-wrap .wpf-link{ color: #2c443e; } #wpforo #wpforo-wrap .wpflink { color: #2c443e; } #wpforo #wpforo-wrap .wpflink:hover { color: #3a5952; } #wpforo #wpforo-wrap pre { border:#e7e2da 1px solid; background:#fdf5e8; } .wpfcl-a{ color:#3a5952!important; } .wpfbg-a{ background-color:#3a5952!important; } .wpfcl-b{ color:#2c443e!important; } .wpfbg-b{ background-color:#2c443e!important; } .wpfbr-b{ border:1px solid #2c443e!important; } .wpfcl-0{ color:#8b939c!important; } .wpfbg-0{ background-color:#8b939c!important; } .wpfcl-1{ color:#3f454c!important; } .wpfbg-1{ background-color:#3f454c!important; } .wpfcl-2{ color:#6b727a!important; } .wpfbg-2{ background-color:#6b727a!important; } .wpfcl-3{ color:#ffffff!important; fill: #ffffff !important;} .wpfbg-3{ background-color:#ffffff!important; } .wpfcl-4{ color:#fbb03b!important; fill: #fbb03b !important;} .wpfbg-4{ background-color:#fbb03b!important; } .wpfcl-5{ color:#e09a2e!important; fill: #e09a2e !important;} .wpfbg-5{ background-color:#e09a2e!important; } .wpfbr-5{ border:1px solid #e09a2e!important; } .wpfcl-6{ color:#fbb03b!important; } .wpfbg-6{ background-color:#fbb03b!important; } .wpfbr-6{ border:1px solid #fbb03b!important; } .wpfcl-7{ color:#e7e2da!important; } .wpfbg-7{ background-color:#e7e2da!important; } .wpfbr-7{ border:1px solid #e7e2da!important; } .wpfcl-8{ color:#4dca5c!important; } .wpfbg-8{ background-color:#4dca5c!important; } .wpfbr-d-8{ border:1px dotted #4dca5c!important; } .wpfbr-l-8{ border-left:1px solid #4dca5c!important; } .wpfcl-9{ color:#f4f0ea!important; } .wpfbg-9{ background-color:#f4f0ea!important; } .wpfbr-9{ border:1px solid #f4f0ea!important; } .wpfcl-10{ color:#f46464!important; } .wpfbg-10{ background-color:#f46464!important; } .wpfbr-d-10{ border:1px dotted #f46464!important; } .wpfbr-l-10{ border-left:1px solid #f46464!important; } #wpforo #wpforo-wrap .author-rating { border: 1px solid #e7e2da; background: #f4f0ea; } #wpforo #wpforo-wrap .wpf-author-nicename{ color:#6b727a;} #wpforo #wpforo-wrap .wpforo-admin-note{ border: 1px solid #e7e2da; background: #ffffff; } #wpforo #wpforo-wrap .wpf-breadcrumb .wpf-root{ border-left:1px solid #5c636b; } #wpforo #wpforo-wrap .wpf-breadcrumb a.wpf-end { background: transparent!important; } #wpforo #wpforo-wrap .wpf-breadcrumb a.wpf-end:hover{ background: transparent!important; } #wpforo #wpforo-wrap .wpf-breadcrumb a { color:#5c636b;} #wpforo #wpforo-wrap .wpf-breadcrumb div:hover{ background:#f4f0ea; } #wpforo #wpforo-wrap .wpf-breadcrumb div:hover:after { background:#f4f0ea; } #wpforo #wpforo-wrap .wpf-breadcrumb div.active{ background:#f4f0ea; color:#3a5952; } #wpforo #wpforo-wrap .wpf-breadcrumb div.active:after { background:#f4f0ea; } #wpforo #wpforo-wrap .wpf-breadcrumb div:after { background: #ffffff; } #wpforo #wpforo-wrap .wpf-breadcrumb div.active:after { background: #f4f0ea; } #wpforo #wpforo-wrap .wpforo-post .wpforo-post-content img, #wpforo #wpforo-wrap .wpforo-revision-body img{ border:#e7e2da 1px solid; background:#ffffff; } #wpforo #wpforo-wrap .wpforo-post blockquote, #wpforo #wpforo-wrap .wpforo-revision-body blockquote{ border:#8b939c 1px dotted; background:#e7e2da; } #wpforo #wpforo-wrap .wpforo-post .wpforo-post-code, #wpforo #wpforo-wrap .wpforo-revision-body .wpforo-post-code{ border:#e7e2da 1px solid; background:#e7e2da; } #wpforo #wpforo-wrap .wpforo-post code, #wpforo #wpforo-wrap .wpforo-revision-body code{ border:#e7e2da 1px solid; background:#e7e2da; } #wpforo #wpforo-wrap .wpforo-post .wpforo-post-code-title, #wpforo #wpforo-wrap .wpforo-post .wpforo-post-code-title{ border-bottom:#e7e2da 1px solid;} #wpforo #wpforo-wrap .wpforo-post .wpforo-post-attachments{ border:#ffffff 1px dotted; } #wpforo #wpforo-wrap .wpforo-post .wpforo-post-attachments img{border:#e7e2da 2px solid; background:#ffffff; } #wpforo #wpforo-wrap .wpforo-post .wpforo-post-signature{ border-top:#d6d2cb 1px dashed; color:#6b727a;} #wpforo #wpforo-wrap .wpforo-post .wpforo-membertoggle i{ color:#2c443e;} #wpforo #wpforo-wrap .wpf-mod-message{color:#e09a2e} #wpforo #wpforo-wrap .wpforo-topic-badges{ background-color:#f4f0ea; } #wpforo #wpforo-wrap .wpf-unread-forum .wpforo-forum-icon i, #wpforo #wpforo-wrap .wpforo-subforum .wpf-unread-forum i{opacity: 1;} #wpforo #wpforo-wrap .wpf-post-starter{color: #2c443e; border-bottom: 1px solid #2c443e;} #wpforo #wpforo-wrap .wpf-head-bar{background-color: #f4f0ea; border-bottom: 1px solid #e7e2da;} #wpforo #wpforo-wrap.wpft-post .wpf-head-bar{background-color: transparent; border-bottom: none;} #wpforo #wpforo-wrap.wpft-post .wpf-manage-link .wpf-action{background: #f4f0ea;} #wpforo #wpforo-wrap .wpf-button-outlined{border: 1px solid #3a5952;} #wpforo #wpforo-wrap .wpf-button-outlined:hover{box-shadow: 1px 1px 4px #ccc; background-color: #ffffff;} #wpforo #wpforo-wrap .wpf-button-outlined.wpf-subscribe-forum{border: 1px solid #e09a2e; background-color: #ffffff;margin-right: 5px;background-color: #ffffff;} #wpforo #wpforo-wrap .wpf-button-outlined.wpf-subscribe-topic{border: 1px solid #e09a2e; background-color: #ffffff;margin-right: 5px;} #wpforo #wpforo-wrap .wpf-member-title.wpfut{background-color: #ffffff;} #wpforo #wpforo-wrap .wpf-post-edit-wrap{border-top: 1px dashed #e7e2da;} #wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-top{background-color: #f4f0ea; border-left: 3px solid #2c443e;} #wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-top .wpf-post-stat .wpf-post-stat-box .wpf-tstat svg{fill: #2c443e;} #wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-top .wpf-post-stat .wpf-post-stat-box span{color: #5c636b;} #wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-top .wpf-post-stat .wpf-post-stat-box.wpf-pb-more{border-left: 1px solid #d6d2cb;} #wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-top .wpf-post-stat .wpf-post-stat-box.wpf-pb-more svg{fill: #6b727a;} #wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-top .wpf-post-info .wpf-post-info-forum{color: #5c636b;} #wpforo #wpforo-wrap .wpforo-post-head .wpf-topic-more-info h3{border-bottom: 3px solid #f4f0ea;} #wpforo #wpforo-wrap .wpforo-post-head .wpf-topic-more-info{border-left:3px dashed #2c443e;} #wpforo #wpforo-wrap .wpforo-post-head .wpf-topic-more-info .wpf-tmi-user-avatar .wpf-tmi-user-posts{background-color: #5c636b;color: #ffffff;} #wpforo #wpforo-wrap .wpfl-1 .wpforo-category{background-color:#f4f0ea; border-bottom: #2c443e 2px solid;} #wpforo #wpforo-wrap .wpfl-1 .cat-title{ color:#3f454c; } #wpforo #wpforo-wrap .wpfl-1 .cat-stat-posts { color:#3f454c; } #wpforo #wpforo-wrap .wpfl-1 .cat-stat-topics {color:#3f454c; } #wpforo #wpforo-wrap .wpfl-1 .forum-wrap{ border-bottom:#f4f0ea 2px solid; } #wpforo #wpforo-wrap .wpfl-1 .forum-wrap:last-child{ border-bottom:none; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-description{color:#3f454c; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-footer{ color:#8b939c; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-last-topics{ background-color:#ffffff; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-last-topics-tab{ color:#3f454c; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-last-topics-list{ color:#3f454c; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-last-post-title i{ color: #2c443e; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-topic-head{ border-bottom:#2c443e 2px solid; color: #3f454c; } #wpforo #wpforo-wrap .wpfl-1 .head-title{ color:#3f454c; } #wpforo #wpforo-wrap .wpfl-1 .head-stat-posts { color:#3f454c; } #wpforo #wpforo-wrap .wpfl-1 .head-stat-views { color:#3f454c; } #wpforo #wpforo-wrap .wpfl-1 .topic-wrap{ border-bottom:#e7e2da 1px solid; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-topic-info{ color:#3f454c; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-topic-stat-posts{ color:#3f454c; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-topic-stat-views{ color:#3f454c; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-last-posts{ background-color:#ffffff; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-last-posts-tab{ color:#3f454c; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-last-posts-list{ color:#3f454c; border-left:#e7e2da 2px solid; background-color: #faf8f4; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-right .wpforo-post-content-top{ border-top:1px solid #e7e2da; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left { border-top:#2c443e 2px solid; background:#f4f0ea;} #wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .avatar{background:#ffffff; border: 1px dashed #8b939c; border-left-style:solid; border-right-style:solid;} #wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .author-rating{ border:1px solid #e7e2da; background:#f4f0ea; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-post .bottom .reacted-users a{ color:#e09a2e; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-action{background: #f4f0ea;} #wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpforo-post-content-top .wpf-action{background: transparent;} #wpforo #wpforo-wrap .wpfl-2 .wpforo-category{ background-color:#f4f0ea; border-bottom:#2c443e 2px solid; } #wpforo #wpforo-wrap .wpfl-2 .cat-title{ color:#3f454c; } #wpforo #wpforo-wrap .wpfl-2 .cat-lastpostinfo{ color:#3f454c; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-icon{ color:#3f454c; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-info{ color:#3f454c; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-stat{ color:#e09a2e; } #wpforo #wpforo-wrap .wpfl-2 .forum-wrap {border-bottom: #f4f0ea 2px solid;} #wpforo #wpforo-wrap .wpfl-2 .forum-wrap:last-child {border-bottom: none;} #wpforo #wpforo-wrap .wpfl-2 .wpforo-last-post{ color:#3f454c; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-last-post-avatar{ color:#3f454c } #wpforo #wpforo-wrap .wpfl-2 .wpforo-last-post-avatar img{ background:#ffffff; border:1px solid #d6d2cb; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-topic-head{ border-bottom:#2c443e 3px solid; color: #3f454c; } #wpforo #wpforo-wrap .wpfl-2 .head-title{ color:#3f454c;} #wpforo #wpforo-wrap .wpfl-2 .head-stat-posts { color:#3f454c; } #wpforo #wpforo-wrap .wpfl-2 .head-stat-views { color:#3f454c; } #wpforo #wpforo-wrap .wpfl-2 .head-stat-lastpost { color:#3f454c; } #wpforo #wpforo-wrap .wpfl-2 .topic-wrap{ border-bottom:#e7e2da 1px solid; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-topic-avatar{color:#3f454c; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-topic-avatar img{ background:#ffffff; border:1px solid #d6d2cb; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-topic-info{ color:#3f454c; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-topic-stat-posts{ color:#3f454c;} #wpforo #wpforo-wrap .wpfl-2 .wpforo-topic-stat-views{ color:#3f454c;} #wpforo #wpforo-wrap .wpfl-2 .wpforo-topic-stat-lastpost{ color:#3f454c;} #wpforo #wpforo-wrap .wpfl-2 .wpf-compact-last-post .wpf-cl-avatar img {background:#ffffff; border: 1px dashed #d6d2cb; border-left-style: solid; border-right-style: solid;} #wpforo #wpforo-wrap .wpfl-2 .post-wrap{ border-top:#e7e2da 1px solid; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-post{ background-color:#ffffff; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-right{ background: #f9f9f9; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-right .wpforo-post-content-bottom{ border-top:#ffffff 1px solid; background:#ffffff; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-right .wpf-post-button-actions span.wpf-action{background-color:#e7e2da;} #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-left .avatar{ background:#ffffff; border:#d6d2cb 2px dashed; border-left-style:solid; border-right-style:solid;} #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-right .wpforo-post-content-bottom .cbleft a{color:#e09a2e;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-category{ background-color:#f4f0ea; border-bottom:#2c443e 2px solid; } #wpforo #wpforo-wrap .wpfl-3 .cat-title{ color:#3f454c; } #wpforo #wpforo-wrap .wpfl-3 .cat-stat-posts { color:#3f454c; } #wpforo #wpforo-wrap .wpfl-3 .cat-stat-answers { color:#3f454c; } #wpforo #wpforo-wrap .wpfl-3 .cat-stat-questions { color:#3f454c; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-forum-icon{ color:#3f454c; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-forum-info{ color:#3f454c; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-forum-footer{ color:#8b939c; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-forum-stat-posts{color:#3f454c;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-forum-stat-answers{ color:#3f454c; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-forum-stat-questions{color:#3f454c;} #wpforo #wpforo-wrap .wpfl-3 .forum-wrap {border-bottom: #f4f0ea 2px solid;} #wpforo #wpforo-wrap .wpfl-3 .forum-wrap:last-child {border-bottom: none;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-last-topics{ background-color:#ffffff; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-last-topics-tab{ color:#3f454c; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-last-topics-list{ color:#3f454c;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-last-topic .wpf-tbox{ background:#f4f0ea; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-last-topic .wpf-tbox .wpforo-label svg{fill: #8b939c;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-last-topic-replies i{color: #8b939c;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-last-topic-bottom .wpforo-tags i{color: #8b939c;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-last-topic-status{border: 1px dotted #8b939c;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-topic-head{border-bottom:#2c443e 3px solid; color: #3f454c;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-topic{ color:#3f454c;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-topic .wpf-tbox{ background: #faf8f4; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-topic .wpf-tbox .wpforo-label svg{fill: #8b939c;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-topic-replies i{color: #8b939c;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-topic-bottom .wpforo-tags i{color: #8b939c;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-topic-status{border-left: 1px solid #e7e2da;} #wpforo #wpforo-wrap .wpfl-3 .head-title{ color:#3f454c; } #wpforo #wpforo-wrap .wpfl-3 .head-stat-posts { color:#3f454c; } #wpforo #wpforo-wrap .wpfl-3 .head-stat-lastpost { color:#3f454c; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-post{ background-color:#ffffff; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-tags{ background-color:#f4f0ea; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-left { border-right:2px solid #f4f0ea; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-left .wpf-toggle-answer{ color:#00a636; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-left .wpf-toggle-not-answer{ color:#8b939c!important; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right{ background:#ffffff; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-post-author .wpforo-post-avatar img, #wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-post-author .wpforo-post-avatar img.avatar{border: 2px dashed #d6d2cb; border-left-style:solid; border-right-style:solid; background: #ffffff;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-post-content{background: #faf8f4;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-post-content-top{ border-bottom:2px solid #f4f0ea; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-post-tool-bar{ border-top:1px dotted #e7e2da; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-post-signature-content{ border-top:#3a5952 1px dotted; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-post-author-data-content{ border:#ffffff 1px solid; background:#fdf5e8;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-post-author .wpforo-post-author-details .wpforo-post-author-data{border-left: 1px dashed #d6d2cb; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-post-author .wpforo-post-author-details .wpforo-post-author-stat{border-left: 1px dashed #d6d2cb; } #wpforo #wpforo-wrap .wpfl-3 .wpf-answer-sep{color: #5c636b; border-bottom: 2px solid #2c443e;} #wpforo #wpforo-wrap .wpfl-3 .wpf-answer-sep svg{fill: #2c443e; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-comment{ background-color:#ffffff; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-comment .wpf-right{ background:#f4f0ea; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-comment .wpforo-comment-action-links .wpf-action{color: #d6d2cb;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-comment .wpforo-comment-action-links .wpf-action:hover{color: #3a5952;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-comment .wpf-right .wpforo-comment-avatar img, #wpforo #wpforo-wrap .wpfl-3 .wpforo-comment .wpf-right .wpforo-comment-avatar img.avatar{border: 1px dashed #8b939c; border-left-style:solid; border-right-style:solid;} #wpforo #wpforo-wrap .wpfl-4 .wpforo-category{ background-color:#f4f0ea; border-bottom: 2px solid #2c443e; } #wpforo #wpforo-wrap .wpfl-4.wpf-category-page .wpforo-category{ background-color:transparent;} #wpforo #wpforo-wrap .wpfl-4.wpf-subforums .wpforo-category{ background-color:transparent; border-bottom: 3px solid #2c443e;} #wpforo #wpforo-wrap .wpfl-4 .wpforo-post .wpf-right .wpforo-post-content-top{ border-bottom:1px solid #e7e2da; } #wpforo #wpforo-wrap .wpfl-4 .wpforo-post .wpf-left .avatar{ background:#ffffff; border:#d6d2cb 2px dashed; border-left-style:solid; border-right-style:solid;} #wpforo #wpforo-wrap .wpfl-4 .wpforo-post .wpf-left .author-rating{ border:1px solid #e7e2da; background:#f4f0ea; } #wpforo #wpforo-wrap .wpfl-4 .wpforo-post .bottom { border-top:#e7e2da 1px solid; } #wpforo #wpforo-wrap .wpfl-4 .wpforo-post .bottom .reacted-users a{ color:#e09a2e; } #wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-newest, #wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-hottest, #wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-solved, #wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-unsolved{color:#6b727a;} #wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-newest:hover{color:#fbb03b;} #wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-hottest:hover{color:#e09a2e;} #wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-solved:hover{color:#00a636;} #wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-unsolved:hover{color:#6b727a;} #wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-newest:hover,#wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-newest.wpf-active{border-color:#fbb03b;color:#fbb03b;} #wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-hottest:hover,#wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-hottest.wpf-active{border-color:#e09a2e;color:#e09a2e;} #wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-solved:hover,#wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-solved.wpf-active{border-color:#00a636;color:#00a636;} #wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-unsolved:hover,#wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-unsolved.wpf-active{border-color:#6b727a;color:#6b727a;} #wpforo #wpforo-wrap .wpfl-4 .wpf-cat-forum-list .wpf-forum-item{border-bottom: 1px dashed #dcd7cf;} #wpforo #wpforo-wrap .wpfl-4 .wpf-cat-forum-list .wpf-forum-item:nth-child(even){ border-left: 3px solid #ffffff;} #wpforo #wpforo-wrap .wpfl-4 .wpf-cat-forum-list .wpf-forum-item a{color: #3f454c;} #wpforo #wpforo-wrap .wpfl-4 .wpf-cat-forum-list .wpf-forum-item a:hover{color: #3a5952;} #wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head{ border-bottom: 1px solid #e7e2da;} #wpforo #wpforo-wrap .wpfl-4 .wpf-threads-label{border-bottom:1px dashed #8b939c; color: #5c636b;} #wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head .wpf-head-box{ color: #5c636b;} #wpforo #wpforo-wrap .wpfl-4 .wpf-thread-body {color:#3f454c;} #wpforo #wpforo-wrap .wpfl-4 .wpf-threads .wpforo-tags .wpf-tags-text i{color: #8b939c;} #wpforo #wpforo-wrap .wpfl-4 .wpf-threads .wpforo-tags tag a{color: #6b727a;} #wpforo #wpforo-wrap .wpfl-4 .wpf-threads .wpforo-tags tag a:hover{color: #3a5952;} #wpforo #wpforo-wrap .wpfl-4 .wpf-thread-users a img{background-color: #ffffff;} #wpforo #wpforo-wrap .wpfl-4 .wpf-threads .wpf-thread-users-avatars img.avatar, #wpforo #wpforo-wrap .wpfl-4 .wpf-threads .wpf-thread-users-avatars img{padding: 2px; border: 1px dashed #aaa; border-left-style:solid; border-right-style:solid;} #wpforo #wpforo-wrap .wpft-topic .wpfl-4 .wpf-threads-head{ background: #2c443e; color: #ffffff; border-bottom: 2px solid #d6d2cb; } #wpforo #wpforo-wrap .wpft-topic .wpfl-4 .wpf-threads-head .wpf-head-box{color: #ffffff;} #wpforo #wpforo-wrap .wpft-topic .wpfl-4 .wpf-thread{background-color: #f4f0ea;} #wpforo #wpforo-wrap .wpfl-4 .wpf-thread-status .wpf-circle.wpfsq:first-child{border: 1px dotted #8b939c; border-radius: 6px;} #wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-last-reply .wpf-thread-last-avatar i{color: #8b939c;} #wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-last-reply .wpf-thread-last-avatar i.fa-feather-alt{color: #2c443e;} #wpforo #wpforo-wrap .wpfl-4 .wpforo-topic-meta .wpforo-tags .wpf-tags-title i{color: #6b727a;} #wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-left .wpf-author-posts{color: #6b727a;} #wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-right .wpf-content-head-top .wpf-post-date{color:#8b939c;} #wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-right .wpf-content-head-bottom .wpf-author{color:#8b939c;} #wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot{ background: #faf8f4; } #wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-reaction-wrap .wpf-like-count{color: #6b727a;} #wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-reply:hover .wpf-action{color: #3a5952;} #wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons:hover .wpf-action{color: #8b939c;} #wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons .wpf-action{ color: #d6d2cb; } #wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons .wpf-action:hover{ color: #2c443e;} #wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons .wpf-action.wpforo-public i, #wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons .wpf-action.wpforo-public i{color: #3a5952;} #wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons .wpf-action.wpforo-open i, #wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons .wpf-action.wpforo-open i{color: #3a5952;} #wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons .wpf-action.wpforo-approve i, #wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons .wpf-action.wpforo-approve i{color: #3a5952;} #wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons .wpf-action.wpforo-unsolved i, #wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons .wpf-action.wpforo-unsticky i{color: #3a5952;} #wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons .wpf-action.wpforo-unsolved i:hover, #wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons .wpf-action.wpforo-unsticky i:hover{ color: #2c443e;} #wpforo #wpforo-wrap .wpfl-4 .wpf-post-replies-bar{color: #6b727a;} #wpforo #wpforo-wrap .wpfl-4 .wpf-post-replies-bar .wpf-post-replies-info{color: #2c443e;} #wpforo #wpforo-wrap .wpfl-4 .wpf-post-replies-bar .wpf-prsep{border-bottom: 1px dashed #8b939c;} #wpforo #wpforo-wrap .wpfl-4 .wpf-post-replies-bar .wpforo-ttgg i{color: #8b939c;} #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-head .wpf-author-avatar .avatar{background: #ffffff; border: 1px dashed #8b939c; border-left-style:solid; border-right-style:solid;} #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-head .wpf-author .wpforo-memberinfo{color: #6b727a;} #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-head .wpf-post-date{color:#8b939c;} #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-content{background-color: #faf8f4;} #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-content .wpf-reply-tree{border-bottom: 1px dashed #d6d2cb;} #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-content .wpf-reply-tree i{color: #8b939c;} #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-content .wpf-reply-tree .wpf-tree-item em{color: #6b727a;} #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-content .wpf-reply-tree .wpf-tree-item.wpf-starter .avatar{background: #ffffff; border: 1px solid #2c443e;} #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-content-foot{border-top: #f4f0ea 1px solid;} #wpforo #wpforo-wrap .wpfl-4 .wpforo-post .wpforo-post-footer {background: #faf8f4;} #wpforo #wpforo-wrap .wpfl-4 .wpforo-post .wpforo-post-footer .reacted-users:not(:empty){ border-top: 3px solid #ffffff;} #wpforo #wpforo-wrap .wpfl-4 .wpforo-post .wpforo-post-footer .reacted-users a{ color:#e09a2e; } #wpforo #wpforo-wrap .wpfl-4 .wpf-replies-sep{border-bottom: 1px solid #d6d2cb; color: #8b939c;} #wpforo #wpforo-wrap .wpfl-5 .wpforo-category{ background-color:#f4f0ea; border-bottom:#2c443e 2px solid; } #wpforo #wpforo-wrap .wpfl-5 .cat-title{ color:#3f454c; } #wpforo #wpforo-wrap .wpf-popover i.fa-thumbs-up{color: #2c443e;} #wpforo #wpforo-wrap .wpf-popover i.fa-thumbs-down{color: #f42d2c;} #wpforo #wpforo-wrap .wpf-popover .wpf-react.wpf-unreacted > i{ color: #8b939c; } #wpforo #wpforo-wrap .wpforo-profile .wpforo-profile-head{box-shadow: 0 0 2px #d6d2cb;} #wpforo #wpforo-wrap .wpforo-profile .wpforo-profile-head .wpforo-profile-back{background: #2c443e; color: #ffffff;} #wpforo #wpforo-wrap .wpforo-profile .wpforo-user-tools span{color: #2c443e; border-bottom: #2c443e 2px solid;} #wpforo #wpforo-wrap .wpforo-profile .wpforo-user-tools span:hover{color: #2c443e; border-bottom: #2c443e 2px solid;} #wpforo #wpforo-wrap .wpforo-profile .wpforo-user-tools span.wpf-ab-ban:hover{color: #666 !important; border-bottom: #666 2px solid !important;} #wpforo #wpforo-wrap .wpforo-profile .wpforo-user-tools span.wpf-ab-ban[data-currentstate="0"]{color: #999; border-bottom: #999 2px solid;} #wpforo #wpforo-wrap .wpforo-profile .wpforo-user-tools span.wpf-ab-ban[data-currentstate="1"]{color: #e76a11; border-bottom: #e76a11 2px solid;} #wpforo #wpforo-wrap .wpforo-profile .wpforo-user-tools span.wpf-ab-delete, #wpforo #wpforo-wrap .wpforo-profile .wpforo-user-tools span.wpf-ab-delete_dash{color: #c22517;border-bottom: #c22517 2px solid;} #wpforo #wpforo-wrap .wpforo-profile .wpforo-user-tools span.wpf-ab-delete:hover, #wpforo #wpforo-wrap .wpforo-profile .wpforo-user-tools span.wpf-ab-delete_dash:hover{color: #f07a25 !important; border-bottom: #f07a25 2px solid !important;} #wpforo #wpforo-wrap .wpforo-profile .wpforo-profile-menu{ border-bottom: 2px solid #e7e2da;} #wpforo #wpforo-wrap .wpforo-profile .wpforo-profile-menu .wpf-profile-menu:hover{ background: #f4f0ea; color:#3f454c;} #wpforo #wpforo-wrap .wpforo-profile .wpforo-profile-menu .wpf-profile-menu{ border-right:#ffffff 1px solid; } #wpforo #wpforo-wrap .wpforo-profile .wpforo-profile-menu .wpf-profile-menu.wpforo-active{color: #2c443e;} #wpforo #wpforo-wrap .wpforo-profile .wpforo-profile-home .wpf-field.wpf-field-name-html_soc_net{border-bottom: 2px solid #f4f0ea;} #wpforo #wpforo-wrap .wpf-profile-section{color: #5c636b;} #wpforo #wpforo-wrap .wpf-profile-section .wpf-statbox .wpf-statbox-icon{background-color: #fdf5e8; fill: #3a5952; color: #3a5952;} #wpforo #wpforo-wrap .wpf-board-panel{background: #f4f0ea;} #wpforo #wpforo-wrap .wpf-board-panel-right span{border-left: 1px solid #ffffff;} #wpforo #wpforo-wrap .wpf-board-panel-right span.wpf-active{background: #ffffff; background: #ffffff;} #wpforo #wpforo-wrap .wpforo-profile .wpf-field .wpf-field-cl{ clear:both;} #wpforo #wpforo-wrap .wpforo-profile .wpf-field input {max-width: 100%;} #wpforo #wpforo-wrap .wpforo-profile .wpf-field input[type="text"], #wpforo #wpforo-wrap .wpforo-profile .wpf-field input[type="password"], #wpforo #wpforo-wrap .wpforo-profile .wpf-field input[type="email"], #wpforo #wpforo-wrap .wpforo-profile .wpf-field input[type="date"], #wpforo #wpforo-wrap .wpforo-profile .wpf-field input[type="number"], #wpforo #wpforo-wrap .wpforo-profile .wpf-field input[type="url"], #wpforo #wpforo-wrap .wpforo-profile .wpf-field input[type="tel"], #wpforo #wpforo-wrap .wpforo-profile .wpf-field textarea, #wpforo #wpforo-wrap .wpforo-profile .wpf-field select{box-shadow:none; background-color: #f4f0ea; border: 1px solid #e7e2da;} #wpforo #wpforo-wrap .wpf-activity-panel{box-shadow: 0px 0px 3px #d6d2cb;} #wpforo #wpforo-wrap .wpf-activity-panel .wpf-activity-panel-right span{border-right: 1px solid #f4f0ea;} #wpforo #wpforo-wrap .wpf-activity-panel .wpf-activity-panel-right span.wpf-active{background: #f4f0ea;} #wpforo #wpforo-wrap .wpf-activity-icon i{background: #ffffff; box-shadow: 0px 0px 5px #bbb;} #wpforo #wpforo-wrap .wpf-activity-icon svg{fill: #8b939c;} #wpforo #wpforo-wrap .wpf-activity-data{border-left: 2px solid #f4f0ea;} #wpforo #wpforo-wrap .wpf-activity-data .wpf-activity-bottom .wpf-activity-forum{border-left: 1px dashed #d6d2cb;} #wpforo #wpforo-wrap .wpfa-reply .wpf-activity-icon svg{fill: #8b939c;} #wpforo #wpforo-wrap .wpforo-subscriptions .sbn-icon{ border-right:2px solid #ffffff; } #wpforo #wpforo-wrap .wpforo-subscriptions .wpf-sbs-bulk-options{background: #ffffff;} #wpforo #wpforo-wrap .wpforo-subscriptions .wpf-sbs-bulk-options ul li{border-bottom: 1px dotted #d6d2cb;} #wpforo #wpforo-wrap .wpforo-subscriptions .wpf-sbs-bulk-options .wpf-sbs-cat{background: #f4f0ea;} #wpforo #wpforo-wrap .wpforo-subscriptions .wpf-sbs-bulk div{border-bottom: 1px dotted #8b939c;} #wpforo #wpforo-wrap .wpforo-subscriptions .wpf-sbs-bulk-options .wpf-sbs-checkbox{color: #3f454c;} #wpforo #wpforo-wrap .wpf-sbs-panel{box-shadow: 0px 0px 3px #d6d2cb;} #wpforo #wpforo-wrap .wpf-sbs-panel .wpf-sbs-panel-right span{border-right: 1px solid #f4f0ea;} #wpforo #wpforo-wrap .wpf-sbs-panel .wpf-sbs-panel-right span.wpf-active{background: #f4f0ea;} #wpforo #wpforo-wrap .wpforo-subscriptions .wpforo-sb{border-bottom: 1px dashed #d6d2cb;} #wpforo #wpforo-wrap .wpforo-subscriptions .wpforo-sb .sbn-action i{color: #e85757;} #wpforo #wpforo-wrap .wpforo-followers .wpf-tab-subtitle{border-bottom: 1px dashed #d6d2cb;} #wpforo #wpforo-wrap .wpforo-followers .wpforo-follower{background: #f4f0ea;} #wpforo #wpforo-wrap .wpforo-following .wpf-tab-subtitle{border-bottom: 1px dashed #d6d2cb;} #wpforo #wpforo-wrap .wpforo-following .wpforo-follower{background: #f4f0ea;} #wpforo #wpforo-wrap .wpforo-following .wpforo-follower .sbn-action a{color: #e85757;} #wpforo #wpforo-wrap input[type="text"], #wpforo #wpforo-wrap input[type="password"], #wpforo #wpforo-wrap input[type="email"], #wpforo #wpforo-wrap textarea, #wpforo #wpforo-wrap select { border: 1px solid #dcd7cf; color: #6b727a; box-shadow: inset 0 1px 4px #e7e2da; -moz-box-shadow: inset 0 1px 4px #e7e2da; -webkit-box-shadow: inset 0 1px 4px #e7e2da; } #wpforo #wpforo-wrap input[type="submit"], #wpforo #wpforo-wrap input[type="reset"], #wpforo #wpforo-wrap input[type="button"], #wpforo-dialog input[type="submit"], #wpforo-dialog input[type="reset"], #wpforo-dialog input[type="button"]{ background:#2c443e; color:#ffffff; border: 1px solid #fbb03b; } #wpforo #wpforo-wrap input[type="submit"]:hover,#wpforo #wpforo-wrap input[type="reset"]:hover{ background:#fbb03b; } #wpforo #wpforo-wrap input[type="button"]:hover{ background:#fbb03b; } #wpforo #wpforo-wrap .wpf-button, .wpf-button{ background:#2c443e; color:#ffffff!important; border: 1px solid #fbb03b; } #wpforo #wpforo-wrap .wpf-button:hover, .wpf-button:hover{ background:#fbb03b; } #wpforo #wpforo-wrap .wpforo-category .wpf-button{ background:#ffffff; color:#2c443e!important; border: 1px solid #fbb03b; box-shadow: 0 0 3px #fff; } #wpforo #wpforo-wrap .wpforo-category .wpf-button:hover{ background:#2c443e; color:#ffffff!important; border: 1px solid #fbb03b; box-shadow: 0 0 10px #fff; } #wpforo #wpforo-wrap .wpf-button-secondary, .wpf-button-secondary{background: #FEFEFE !important; color: #333333 !important; border: 1px solid #CCCCCC !important;} #wpforo #wpforo-wrap .wpf-button-secondary:hover, .wpf-button-secondary:hover{background: #FFFFFF !important;} #wpforo #wpforo-wrap .wpf-topic-create{ background-color: #f4f0ea ;} #wpforo #wpforo-wrap .wpf-topic-create .wp-editor-tools{ border-bottom:1px #dcd7cf solid; } #wpforo #wpforo-wrap .wpf-topic-create .wp-editor-tabs a.switch-tmce{ border: 1px #dcd7cf solid; } #wpforo #wpforo-wrap .wpf-topic-create .wp-editor-tabs a.switch-html{ border: 1px #dcd7cf solid; } #wpforo #wpforo-wrap .wpf-topic-create .quicktags-toolbar input[type="button"] { background:#2c443e; color:#ffffff; } #wpforo #wpforo-wrap .wpf-topic-create .quicktags-toolbar input[type="button"]:hover{ background:#fbb03b!important; } #wpforo #wpforo-wrap .wpf-post-create { background-color: #f4f0ea ;} #wpforo #wpforo-wrap .wpf-post-create .wp-editor-tools{ border-bottom:1px #dcd7cf solid; } #wpforo #wpforo-wrap .wpf-post-create .wp-editor-tabs a.switch-tmce{ border: 1px #dcd7cf solid; } #wpforo #wpforo-wrap .wpf-post-create .wp-editor-tabs a.switch-html{ border: 1px #dcd7cf solid; } #wpforo #wpforo-wrap .wpf-post-create .quicktags-toolbar input[type="button"] { background:#2c443e; color:#ffffff; } #wpforo #wpforo-wrap .wpf-post-create .quicktags-toolbar input[type="button"]:hover{ background:#fbb03b!important; } #wpforo #wpforo-wrap .wpforo-tags .wpf-tags-title{border-right: 1px solid #ffffff;} #wpforo #wpforo-wrap .wpf-tags a{background:#3a5952; color:#ffffff;} #wpforo #wpforo-wrap .wpf-tags a:before{ border-color:transparent #3a5952 transparent transparent;} #wpforo #wpforo-wrap .wpf-tags a:after{ background:#ffffff; -moz-box-shadow:-1px -1px 2px #2c443e; -webkit-box-shadow:-1px -1px 2px #2c443e; box-shadow:-1px -1px 2px #2c443e;} #wpforo #wpforo-wrap .wpf-topic-tags #wpf_tags{color: #3a5952;} #wpforo #wpforo-wrap.wpf-dark .wpf-topic-tags #wpf_tags{color: #3f454c;} #wpforo #wpforo-wrap .wpf-tags a:active, #wpforo #wpforo-wrap .wpf-tags a:visited{color: #ffffff;} #wpforo #wpforo-wrap .wpf-tags a:hover{background:#5c636b; color: #ffffff;} #wpforo #wpforo-wrap .wpf-tags a:hover:before{border-color:transparent #5c636b transparent transparent;} #wpforo #wpforo-wrap .wpforo-topic-footer{color: #6b727a;} #wpforo #wpforo-wrap .wpf-topic-rel .wpf-rel-wrap{border-top: 1px solid #e7e2da; border-bottom: 1px solid #e7e2da;} #wpforo #wpforo-wrap .wpf-topic-rel .wpf-no-rel{border-top: 1px solid #e7e2da;} #wpforo #wpforo-wrap .wpf-topic-visitors{border-top: 1px solid #e7e2da;} #wpforo #wpforo-wrap .wpf-topic-navi .wpf-navi-wrap{border-top: #e7e2da 3px solid;} #wpforo #wpforo-wrap .wpf-tags-text i, #wpforo #wpforo-wrap .wpf-topic-rel .wpf-rel-title i{color:#6b727a;} #wpforo #wpforo-wrap .wpforo-members-wrap td.wpf-members-search { border-bottom:1px solid #e7e2da; } #wpforo #wpforo-wrap .wpforo-members .wpforo-member {background: #faf8f4; border-bottom:1px solid #d6d2cb;} #wpforo #wpforo-wrap .wpforo-members .wpforo-member .wpforo-member-social a{color: #d6d2cb; fill: #d6d2cb;} #wpforo #wpforo-wrap .wpforo-members .wpforo-member .wpforo-member-social a:hover{color: #2c443e; fill: #2c443e;} #wpforo #wpforo-wrap .wpforo-members .wpforo-member .wpforo-member-ug{border: 1px dashed #f4f0ea;} #wpforo #wpforo-wrap .wpforo-members .wpforo-member .wpforo-member-reputation{} #wpforo #wpforo-wrap .wpforo-members .wpforo-member .wpforo-member-bg{box-shadow: 0 0 4px #d6d2cb;} #wpforo #wpforo-wrap .wpforo-register-wrap .wpforo-register-content { border-bottom:#d6d2cb 1px solid; padding: 40px 1%; } #wpforo #wpforo-wrap .wpforo-register-wrap .wpforo-register-content h3{color:#3f454c} #wpforo #wpforo-wrap .wpforo-login-wrap .wpforo-login-content { border-bottom:#d6d2cb 1px solid; padding: 40px 1%; } #wpforo #wpforo-wrap .wpforo-login-wrap .wpforo-login-content .wpforo-login-table{ padding:1%; } #wpforo #wpforo-wrap .wpforo-login-wrap .wpforo-login-content .wpforo-login-table .wpf-field{border-bottom:none;} #wpforo #wpforo-wrap .wpforo-login-wrap .wpforo-login-content h3{color:#3f454c} #wpforo #wpforo-wrap .wpforo-404-wrap .wpforo-404-content { border-top:#e7e2da 1px solid; border-bottom:#e7e2da 1px solid; } #wpforo #wpforo-wrap .wpforo-404-wrap .wpf-search-box { border:#d6d2cb 1px dashed; } #wpforo #wpforo-wrap .wpf-please-login{background-color: #f4f0ea;} #wpforo #wpforo-wrap #wpforo-search-title { color:#23262a; } #wpforo #wpforo-wrap .wpforo-search-sep{ background: #2c443e; border: transparent; height: 2px; display: none } #wpforo #wpforo-wrap .wpforo-search-wrap .wpf-search-bar{ background:#f4f0ea; } #wpforo #wpforo-wrap .wpforo-search-wrap .wpf-search-bar .wpfltd{ border-bottom:1px dotted #ffffff; } #wpforo #wpforo-wrap .wpforo-search-wrap .wpf-search-bar .wpfrtd{ border-bottom:1px dotted #ffffff; } #wpforo #wpforo-wrap .wpforo-search-wrap .wpforo-search-content { border-bottom:#e7e2da 1px solid; } #wpforo #wpforo-wrap .wpforo-search-wrap .wpforo-search-content .wpf-ptr{ border-bottom:#d6d2cb 1px solid;} #wpforo #wpforo-wrap .wpforo-search-wrap .wpforo-search-content .wpf-htr{ background-color:#2c443e; color:#ffffff; } #wpforo #wpforo-wrap .wpforo-search-wrap .wpforo-search-content .wpf-ttr{ background:#f4f0ea } #wpforo #wpforo-wrap .wpforo-search-wrap .wpforo-search-content td.wpf-shead-icon{ border-right:1px solid #ffffff;} #wpforo #wpforo-wrap .wpforo-search-wrap .wpforo-search-content td.wpf-spost-icon { border-right:1px solid #ffffff;} /* Search Results - Modern Card Layout */ #wpforo #wpforo-wrap .wpf-search-result-card{ background:#ffffff; border-bottom:1px solid #e7e2da;} #wpforo #wpforo-wrap .wpf-search-result-card:hover{ border-color:#2c443e;} #wpforo #wpforo-wrap .wpf-sr-meta{ border-bottom:1px solid #f4f0ea;} #wpforo #wpforo-wrap .wpf-sr-meta-item{ color:#8b939c;} #wpforo #wpforo-wrap .wpf-sr-meta-item i{ color:#d6d2cb;} #wpforo #wpforo-wrap .wpf-sr-relevance{ background:#fef3c7; color:#92400e;} #wpforo #wpforo-wrap .wpf-sr-relevance i{ color:#d97706;} #wpforo #wpforo-wrap .wpf-sr-body{ color:#5c636b;} #wpforo #wpforo-wrap .wpf-sr-body .wpf-search-highlight{ background:#fef08a;} #wpforo #wpforo-wrap .wpf-sr-tags .wpf-tag{ background:#e7e2da; color:#3f454c;} #wpforo #wpforo-wrap .wpf-sr-tags .wpf-tag:hover{ background:#d6d2cb;} #wpforo #wpforo-wrap .wpf-sr-view-link:hover{ background:#fdf5e8;} #wpforo #wpforo-wrap .wpf-sr-empty{ background:#f4f0ea; border:1px dashed #d6d2cb;} #wpforo #wpforo-wrap .wpf-sr-empty-icon{ color:#d6d2cb;} #wpforo #wpforo-wrap .wpf-sr-empty p{ color:#8b939c;} #wpforo #wpforo-wrap #wpforo-recent-title { color:#23262a; } #wpforo #wpforo-wrap .wpforo-recent-wrap .wpf-recent-bar{ background:#f4f0ea; border:#e7e2da 1px solid; } #wpforo #wpforo-wrap .wpforo-recent-wrap .wpf-recent-bar .wpfltd{ border-bottom:1px dotted #ffffff; } #wpforo #wpforo-wrap .wpforo-recent-wrap .wpf-recent-bar .wpfrtd{ border-bottom:1px dotted #ffffff; } #wpforo #wpforo-wrap .wpforo-recent-wrap .wpforo-recent-content { border-bottom:#e7e2da 1px solid; } #wpforo #wpforo-wrap .wpforo-recent-wrap .wpforo-recent-content .wpf-ttr{ background: #faf8f4;} #wpforo #wpforo-wrap .wpforo-recent-wrap .wpforo-recent-content td.wpf-shead-icon{ border-right:1px solid #ffffff;} #wpforo #wpforo-wrap .wpforo-recent-wrap .wpforo-recent-content td.wpf-spost-icon { border-right:1px solid #ffffff;} #wpforo #wpforo-wrap .wpforo-recent-wrap .wpforo-recent-content td.wpf-stext{color:#5c636b} #wpforo #wpforo-wrap .wpf-action, .wpf-notifications .wpf-action{ color: #8b939c; } #wpforo #wpforo-wrap .wpf-action:hover, .wpf-notifications .wpf-action:hover{ cursor: pointer; color: #3a5952; } #wpforo #wpforo-wrap .wpf-action.wpforo-tools {color: #2c443e;} #wpforo #wpforo-wrap .wpf-action.wpforo-tools:hover{cursor: pointer; color: #2c443e;} #wpforo #wpforo-wrap .wpf-navi .wpf-navi-wrap .wpf-page-info{ color:#5c636b; } #wpforo #wpforo-wrap .wpf-navi .wpf-navi-wrap .wpf-prev-button{ background:#2c443e; color:#ffffff;} #wpforo #wpforo-wrap .wpf-navi .wpf-navi-wrap .wpf-next-button{ background:#2c443e; color:#ffffff;} #wpforo #wpforo-wrap #wpforo-stat-header{ color: #3f454c; border-bottom: 1px solid #d6d2cb;} #wpforo #wpforo-wrap #wpforo-stat-body .wpf-stat-item{border-right:1px solid #e7e2da;} #wpforo #wpforo-wrap #wpforo-stat-body .wpf-stat-item i{color:#6b727a;} #wpforo #wpforo-wrap #wpforo-stat-body .wpf-stat-item .wpf-stat-value{color:#6b727a;} #wpforo #wpforo-wrap #wpforo-stat-body .wpf-stat-item .wpf-stat-label{border-top:1px dotted #d6d2cb; color:#6b727a;} #wpforo #wpforo-wrap #wpforo-stat-body .wpf-last-info i{color:#6b727a;} #wpforo #wpforo-wrap #wpforo-poweredby{ border-top: 1px solid #e7e2da;} #wpforo #wpforo-wrap #wpforo-stat-header .wpf-footer-title{ border-bottom: 3px solid #2c443e; margin-bottom: -2px;} #wpforo #wpforo-wrap .wpf-footer-box{background-color:#f4f0ea;} #wpforo #wpforo-wrap #wpforo-stat-body .wpf-newest-member svg, #wpforo #wpforo-wrap #wpforo-stat-body .wpf-newest-post svg{fill:#6b727a;} #wpforo #wpforo-wrap #wpforo-stat-body.wpf-new svg, #wpforo #wpforo-wrap #wpforo-stat-body .wpf-all-read i{color:#3a5952;} #wpforo #wpforo-wrap .widget-title, .wpforo-widget-wrap .widget-title{ border-bottom:2px solid #e7e2da;} #wpforo #wpforo-wrap .wpforo-widget-wrap .wpforo-widget-content li, .wpforo-widget-wrap .wpforo-widget-content li{ border-bottom:1px dotted #d6d2cb; } /* Topic Tags Widget - Clean Flat Colors */ .wpforo-widget-wrap .wpf-widget-tags li{border: none!important; background-color: #f4f0ea!important;} .wpforo-widget-wrap .wpf-widget-tags li a{color: #5c636b!important;} .wpforo-widget-wrap .wpf-widget-tags li span{color: #8b939c!important;} .wpforo-widget-wrap .wpf-widget-tags li:hover{background-color: #3a5952!important;} .wpforo-widget-wrap .wpf-widget-tags li:hover a, .wpforo-widget-wrap .wpf-widget-tags li:hover span{color: #ffffff!important; opacity: 1;} .wpforo-widget-wrap .wpf-prof-footer .wpf-prof-buttons a:hover{background: #3a5952!important;} .ui-dialog { z-index: 999998 !important; } .wpf-video{ margin: 10px !important; } .ui-dialog .ui-widget-header{ background-color: #2c443e!important; border-bottom:#d6d2cb 1px solid!important; } .ui-dialog .ui-widget-header span.ui-dialog-title{ color: #ffffff !important; } .ui-widget input[type="submit"]:hover{ background:#fbb03b; } .ui-widget input[type="submit"]{ background:#2c443e; color:#ffffff; border: 1px solid #fbb03b; } #wpforo #wpforo-wrap .wpforo-topic-badges i.fa, #wpforo #wpforo-wrap .wpforo-topic-badges i.fas, #wpforo #wpforo-wrap .wpforo-topic-badges i.fab, #wpforo #wpforo-wrap .wpforo-topic-badges i.far, #wpforo #wpforo-wrap .wpforo-topic-badges i.fal { color: #2c443e; } #wpf_multi_quote .wpf-multi-quote{color: #ffffff; background: #2c443e;} body.wpf-dark #wpf_multi_quote .wpf-multi-quote{color: #2c443e;} #wpf-msg-box a{color:#ffffff;} #wpf-msg-box a:hover{color:#e7e2da;} #wpf-msg-box > p{color:#ffffff!important;background-color:#2c443e;background:-moz-linear-gradient(#2c443e);background:-o-linear-gradient(#2c443e);background:linear-gradient(#2c443e);} #wpf-msg-box > p:after{border-color:transparent #2c443e;} #wpf-msg-box > p.error{background-color:#f46464;background:-moz-linear-gradient(#f46464);background:-o-linear-gradient(#f46464);background:linear-gradient(#f46464);} #wpf-msg-box > p.error:after{border-color:transparent #f46464;} #wpf-msg-box > p.success{background-color:#00a636;background:-moz-linear-gradient(#00a636);background:-o-linear-gradient(#00a636);background:linear-gradient(#00a636);} #wpf-msg-box > p.success:after{border-color:transparent #00a636;} body.wpf-dark #wpf-msg-box > p, body.wpf-dark #wpf-msg-box a, body.wpf-dark #wpf-msg-box a:visited{color:#2c443e!important;} body.wpf-dark #wpf-msg-box a:hover, body.wpf-dark #wpf-msg-box a:active{color:#3a5952!important;} #wpforo #wpforo-wrap .wpf-field { border-bottom: 1px dashed #d6d2cb;} #wpforo #wpforo-wrap .wpf-field .wpf-label i{ color: #6b727a; } #wpforo #wpforo-wrap .wpf-field:not(.wpf-field-type-tinymce) .wpf-field-wrap i{ color: #6b727a; } #wpforo #wpforo-wrap .wpf-field .wpf-field-cl{ clear:both;} #wpforo #wpforo-wrap .wpf-field input {max-width: 100%;} #wpforo #wpforo-wrap .wpf-field input[type="text"], #wpforo #wpforo-wrap .wpf-field input[type="search"], #wpforo #wpforo-wrap .wpf-field input[type="password"], #wpforo #wpforo-wrap .wpf-field input[type="email"], #wpforo #wpforo-wrap .wpf-field input[type="date"], #wpforo #wpforo-wrap .wpf-field input[type="number"], #wpforo #wpforo-wrap .wpf-field input[type="url"], #wpforo #wpforo-wrap .wpf-field input[type="tel"], #wpforo #wpforo-wrap .wpf-field textarea, #wpforo #wpforo-wrap .wpf-field select{box-shadow:none; background-color: #ffffff; border: 1px solid #e7e2da;} #wpforo #wpforo-wrap .wpf-field input::-webkit-input-placeholder, #wpforo #wpforo-wrap .wpf-field textarea::-webkit-input-placeholder { color: #8b939c;} #wpforo #wpforo-wrap .wpf-field input::-moz-placeholder, #wpforo #wpforo-wrap .wpf-field textarea::-moz-placeholder {color: #8b939c;} #wpforo #wpforo-wrap .wpf-field input:-ms-input-placeholder, #wpforo #wpforo-wrap .wpf-field textarea:-ms-input-placeholder {color: #8b939c;} #wpforo #wpforo-wrap .wpf-field input:-moz-placeholder, #wpforo #wpforo-wrap .wpf-field textarea:-moz-placeholder {color: #8b939c;} #wpforo #wpforo-wrap .wpf-field input[type="text"]:focus, #wpforo #wpforo-wrap .wpf-field input[type="password"]:focus, #wpforo #wpforo-wrap .wpf-field input[type="email"]:focus, #wpforo #wpforo-wrap .wpf-field input[type="date"]:focus, #wpforo #wpforo-wrap .wpf-field input[type="number"]:focus, #wpforo #wpforo-wrap .wpf-field input[type="url"]:focus, #wpforo #wpforo-wrap .wpf-field input[type="tel"]:focus,#wpforo #wpforo-wrap .wpf-field textarea:focus, #wpforo #wpforo-wrap .wpf-field select:focus{ background-color: #feffec} #wpforo #wpforo-wrap .wpf-field .wpf-label i{ padding-right:5px; width:25px;} #wpforo #wpforo-wrap .wpf-field .wpf-field-required-icon{color: #e09a2e;} #wpforo #wpforo-wrap .wpf-field .wpf-field-wrap .mce-tinymce.mce-container.mce-panel{border: 3px solid #f4f0ea; border-width: 3px !important;} #wpforo #wpforo-wrap .wpf-add-topic-title{border: 1px dashed #2c443e; color: #2c443e; border-right: none; border-left: none;} #wpforo #wpforo-wrap .wpf-acp-header{border-bottom: 1px dashed #2c443e;} #wpforo #wpforo-wrap .wpf-acp-header .wpf-acp-toggle i{color: #2c443e;} #wpforo #wpforo-wrap .wpf-tools {background: #ffffff; border-left: 3px dashed #d6d2cb;} #wpforo #wpforo-wrap .wpf-tools .wpf-tool-tabs .wpf-tool-tab{ border-bottom-color: #8b939c; } #wpforo #wpforo-wrap .wpf-tools .wpf-tool-tabs .wpf-tool-tab.wpf-tt-active{ border-bottom-color: #2c443e; color:#2c443e; } #wpforo #wpforo-wrap .wpf-tools .wpf-tool h3{ color: #e7e2da} #wpforo #wpforo-wrap .wpf-tools .wpf-tool .wpf-tool-desc{ color: #8b939c;} #wpforo #wpforo-wrap .wpf-tools .wpf-tool li input[type="text"]{background: #ffffff;} #wpforo #wpforo-wrap .wpf-tools .wpf-tool .wpf-split-posts{background: #ffffff; border: 1px solid #dcd7cf; border-left: 3px solid #dcd7cf; } #wpforo #wpforo-wrap .wpf-tools .wpf-tool .wpf-split-posts ul li{border-bottom: 1px dotted #d6d2cb;} #wpforo #wpforo-wrap .wpf-tools .wpf-tool li input[type="text"]::placeholder {color: #d6d2cb; opacity: 1;} #wpforo #wpforo-wrap .wpf-tools .wpf-tool li input[type="text"]:-ms-input-placeholder {color: #d6d2cb;} #wpforo #wpforo-wrap .wpf-tools .wpf-tool li input[type="text"]::-ms-input-placeholder {color: #d6d2cb;} #wpforo #wpforo-wrap .wpf-sb-1{color:#d6d2cb;background-color:#f4f0ea;} #wpforo #wpforo-wrap .wpf-sb-2{color:#2c443e;background-color:#f4f0ea;} #wpforo #wpforo-wrap .wpf-sb-3{color:#d6d2cb;background-color:transparent;} #wpforo #wpforo-wrap .wpf-sb-4{color:#2c443e;background-color:transparent;} #wpforo #wpforo-wrap .wpf-sb .wpf-sb-buttons i{color: #d6d2cb;} #wpforo #wpforo-wrap .wpf-sb .wpf-sb-toggle .wpfsa{color:#2c443e!important;} #wpforo #wpforo-wrap .wpfl-1 .wpf-sb-right.wpf-sb-1, #wpforo #wpforo-wrap .wpfl-1 .wpf-sb-right.wpf-sb-2{border:1px solid #e7e2da;} #wpforo #wpforo-wrap .wpfl-2 .wpf-sb-right, #wpforo #wpforo-wrap .wpfl-3 .wpf-sb-right{ border-top:1px solid #e7e2da;} #wpforo #wpforo-wrap .wpfl-2 .wpf-sb-left, #wpforo #wpforo-wrap .wpfl-3 .wpf-sb-left{ background-color:transparent;} #wpforo #wpforo-wrap .wpf-sb.wpf-sb-top .wpf-sb-buttons{border-left: 1px dotted #2c443e;} [dir="rtl"] #wpforo #wpforo-wrap .wpf-sb.wpf-sb-top .wpf-sb-buttons{border-right: 1px dotted #2c443e; border-left:none;} #wpforo #wpforo-wrap .wpf-sb.wpf-sb-top.sb-tt-expanded .wpf-sb-buttons i{color:#2c443e;} #wpforo #wpforo-wrap .wpf-sbtn {color: #3f454c;} #wpforo #wpforo-wrap .wpf-sbtn .wpf-sbtn-title i{color: #8b939c;} #wpforo #wpforo-wrap .wpf-sbtn.wpf-sb-style-grey .wpf-sb-button{background: #aaaaaa; color: #ffffff; } #wpforo #wpforo-wrap .wpf-sbtn.wpf-sb-style-grey .wpf-sb-button.wpf-sb-icon{background: transparent; color: #777777; border: 1px solid #bbbbbb;} #wpforo #wpforo-wrap .wpf-sb .wpf-fb .wpfsa, #wpforo #wpforo-wrap .wpf-sb .wpf-fb i:hover{ color: #4267b2!important;} #wpforo #wpforo-wrap .wpf-sb .wpf-tw .wpfsa, #wpforo #wpforo-wrap .wpf-sb .wpf-tw i:hover{ color: #232323 !important;} #wpforo #wpforo-wrap .wpf-sb .wpf-wapp .wpfsa, #wpforo #wpforo-wrap .wpf-sb .wpf-wapp i:hover{ color: #1BD741!important;} #wpforo #wpforo-wrap .wpf-sb .wpf-lin .wpfsa, #wpforo #wpforo-wrap .wpf-sb .wpf-lin i:hover{ color: #0A75B5!important;} #wpforo #wpforo-wrap .wpf-sb .wpf-gg .wpfsa, #wpforo #wpforo-wrap .wpf-sb .wpf-gg i:hover{ color: #DB4437!important;} #wpforo #wpforo-wrap .wpf-sb .wpf-vk .wpfsa, #wpforo #wpforo-wrap .wpf-sb .wpf-vk i:hover{ color: #4A76A8!important;} #wpforo #wpforo-wrap .wpf-sb .wpf-ok .wpfsa, #wpforo #wpforo-wrap .wpf-sb .wpf-ok i:hover{ color: #EE8208!important;} #wpforo #wpforo-wrap .wpf-sbtn .wpf-sb-button.wpf-fb:hover{ background-color: #4267b2; border-color: #4267b2; color: #fff;} #wpforo #wpforo-wrap .wpf-sbtn .wpf-sb-button.wpf-tw:hover{ background-color: #252525; border-color: #2c2c2c; color: #fff;} #wpforo #wpforo-wrap .wpf-sbtn .wpf-sb-button.wpf-lin:hover{ background-color: #0A75B5; border-color: #0A75B5; color: #fff;} #wpforo #wpforo-wrap .wpf-sbtn .wpf-sb-button.wpf-wapp:hover{ background-color: #1BD741; border-color: #1BD741; color: #fff;} #wpforo #wpforo-wrap .wpf-sbtn .wpf-sb-button.wpf-gg:hover{ background-color: #DB4437; border-color: #DB4437; color: #fff;} #wpforo #wpforo-wrap .wpf-sbtn .wpf-sb-button.wpf-vk:hover{ background-color: #4A76A8; border-color: #4A76A8; color: #fff;} #wpforo #wpforo-wrap .wpf-sbtn .wpf-sb-button.wpf-ok:hover{ background-color: #EE8208; border-color: #EE8208; color: #fff;} #wpforo #wpforo-wrap .wpf-sbtn.wpf-sb-style-colored .wpf-sb-button.wpf-fb{ background-color: #4267b2; border-color: #4267b2; color: #fff;} #wpforo #wpforo-wrap .wpf-sbtn.wpf-sb-style-colored .wpf-sb-button.wpf-tw{ background-color: #1a1a1a; border-color: #2a2a2a; color: #fff;} #wpforo #wpforo-wrap .wpf-sbtn.wpf-sb-style-colored .wpf-sb-button.wpf-wapp{ background-color: #1BD741; border-color: #1BD741; color: #fff;} #wpforo #wpforo-wrap .wpf-sbtn.wpf-sb-style-colored .wpf-sb-button.wpf-lin{ background-color: #0A75B5; border-color: #0A75B5; color: #fff;} #wpforo #wpforo-wrap .wpf-sbtn.wpf-sb-style-colored .wpf-sb-button.wpf-gg{ background-color: #DB4437; border-color: #DB4437; color: #fff;} #wpforo #wpforo-wrap .wpf-sbtn.wpf-sb-style-colored .wpf-sb-button.wpf-vk{ background-color: #4A76A8; border-color: #4A76A8; color: #fff;} #wpforo #wpforo-wrap .wpf-sbtn.wpf-sb-style-colored .wpf-sb-button.wpf-ok{ background-color: #EE8208; border-color: #EE8208; color: #fff;} #wpforo #wpforo-wrap .wpforo-revisions-wrap{border-color: #e7e2da;} #wpforo #wpforo-wrap .wpforo-revisions-wrap *{border-color: #2c443e !important;} #wpforo #wpforo-wrap .wpforo-revision{background-color: #f4f0ea; box-shadow: 0 0 4px #d6d2cb;} #wpforo #wpforo-wrap .wpforo-revision .wpforo-revision-top{color: #5c636b;} #wpforo #wpforo-wrap .wpforo-revisions-wrap .wpforo-revision-body{background-color: #ffffff; color: #3f454c;} #wpforo #wpforo-wrap .wpf-topic-form-wrap > .wpf-extra-fields{border-top:1px #e7e2da solid;} #wpforo #wpforo-wrap.wpf-dark .wpforo-revision .wpforo-revision-top{color: #8b939c;} #wpforo #wpforo-wrap.wpf-dark .wpforo-revisions-wrap .wpforo-revision-body{background-color: #e7e2da; color: #2c443e;} @media screen and (max-width:800px) { #wpforo #wpforo-wrap #wpforo-menu .wpf-menu{background-color:#f4f0ea;} #wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-right .wpforo-post-content-top{border-top: 1px solid #e7e2da; } } #wpforo #wpforo-wrap.wpf-dark { color: #2c443e; } #wpforo #wpforo-wrap.wpf-dark .wpfcl-3{ color:#2c443e!important; } #wpforo #wpforo-wrap.wpf-dark .wpfcl-1{ color:#2c443e!important; } #wpforo #wpforo-wrap.wpf-dark .wpfcl-4{ color:#2c443e!important; } #wpforo #wpforo-wrap.wpf-dark .wpf-action{ color: #2c443e; } #wpforo #wpforo-wrap.wpf-dark .wpforo-post .wpforo-post-content p{ color:#2c443e; } #wpforo #wpforo-wrap.wpf-dark #wpforo-menu li a { color: #2c443e; } #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .head-stat-lastpost, #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .head-stat-lastpost{ color: #2c443e; } #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .wpforo-last-post{ color: #2c443e; } #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .wpforo-topic-stat-lastpost, #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .wpforo-topic-stat-lastpost{ color: #2c443e; } #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .wpforo-forum-description, #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .wpforo-forum-description{ color: #2c443e; } #wpforo #wpforo-wrap.wpf-dark .wpfl-1 .cat-title, #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .cat-title, #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .cat-title{ color:#2c443e; } #wpforo #wpforo-wrap.wpf-dark .wpfl-1 .wpforo-category div, #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .wpforo-category div, #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .wpforo-category div, #wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpforo-category div{ color:#2c443e; } #wpforo #wpforo-wrap.wpf-dark .wpfl-1 .wpforo-last-topic-date, #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .wpforo-last-topic-date, #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .wpforo-last-topic-date{ color:#2c443e; } #wpforo #wpforo-wrap.wpf-dark .wpfl-1 .wpforo-topic-stat-posts, #wpforo #wpforo-wrap.wpf-dark .wpfl-1 .wpforo-topic-stat-views{ color:#2c443e; } #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .wpforo-topic-stat-posts, #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .wpforo-topic-stat-views{ color:#2c443e; } #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .wpforo-topic-stat-posts, #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .wpforo-topic-stat-views{ color:#2c443e; } #wpforo #wpforo-wrap.wpf-dark .wpfl-1 .wpforo-last-post-date, #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .wpforo-last-post-date, #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .wpforo-last-post-date{ color:#2c443e; } #wpforo #wpforo-wrap.wpf-dark .wpfl-1 .head-title, #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .head-title, #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .head-title{ color:#2c443e; } #wpforo #wpforo-wrap.wpf-dark .wpfl-1 .head-stat-posts, #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .head-stat-posts, #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .head-stat-posts{ color:#2c443e; } #wpforo #wpforo-wrap.wpf-dark .wpfl-1 .head-stat-views, #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .head-stat-views, #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .head-stat-views{ color:#2c443e; } #wpforo #wpforo-wrap.wpf-dark .wpfl-1 .wpforo-post .wpf-left, #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .wpforo-post .wpf-left, #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .wpforo-post .wpf-left{ color:#2c443e; } #wpforo #wpforo-wrap.wpf-dark .wpfl-1 .wpforo-category div.cat-stat-posts, #wpforo #wpforo-wrap.wpf-dark .wpfl-1 .wpforo-category div.cat-stat-topics{color: #999;} #wpforo #wpforo-wrap.wpf-dark .wpfl-1 .wpforo-last-topic-user{color: #eee;} #wpforo #wpforo-wrap.wpf-dark .wpfl-1 .wpforo-post .wpf-right .wpforo-post-content-top, #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-right .wpforo-post-content-top, #wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-post-content-top{ color:#2c443e; } #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .wpforo-forum-stat-questions, #wpforo #wpforo-wrap .wpfl-3 .wpforo-forum-stat-answers, #wpforo #wpforo-wrap .wpfl-3 .wpforo-forum-stat-posts{ color:#2c443e; } #wpforo #wpforo-wrap.wpf-dark #wpforo-stat-header{ color: #2c443e; border-bottom: 1px solid #d6d2cb;} #wpforo #wpforo-wrap.wpf-dark .wpf-button{ color:#2c443e!important; } #wpforo #wpforo-wrap.wpf-dark .wpf-topic-create .wpf-subject{background-color:#23262a} #wpforo #wpforo-wrap.wpf-dark .wpf-topic-create{background-color:#f4f0ea} #wpforo #wpforo-wrap.wpf-dark .wpf-topic-create div.mce-toolbar-grp{background-color:#f4f0ea} #wpforo #wpforo-wrap.wpf-dark .wpf-post-create .wpf-subject{background-color:#23262a} #wpforo #wpforo-wrap.wpf-dark .wpf-post-create{background-color:#f4f0ea} #wpforo #wpforo-wrap.wpf-dark .wpf-post-create div.mce-toolbar-grp{background-color:#f4f0ea} #wpforo #wpforo-wrap.wpf-dark input[type="text"], #wpforo #wpforo-wrap.wpf-dark input[type="search"], #wpforo #wpforo-wrap.wpf-dark input[type="email"], #wpforo #wpforo-wrap.wpf-dark input[type="date"], #wpforo #wpforo-wrap.wpf-dark input[type="number"], #wpforo #wpforo-wrap.wpf-dark input[type="url"], #wpforo #wpforo-wrap.wpf-dark input[type="tel"], #wpforo #wpforo-wrap.wpf-dark input[type="password"], #wpforo #wpforo-wrap.wpf-dark input[type="email"], #wpforo #wpforo-wrap.wpf-dark textarea, #wpforo #wpforo-wrap.wpf-dark select{color:#3f454c;background-color:#23262a;} #wpforo #wpforo-wrap.wpf-dark input[type="text"].wpf-search-field{background-color:transparent; color:#2c443e; } #wpforo #wpforo-wrap.wpf-dark .wpf-field input::-webkit-input-placeholder, #wpforo #wpforo-wrap.wpf-dark .wpf-field textarea::-webkit-input-placeholder { color: #d6d2cb;} #wpforo #wpforo-wrap.wpf-dark .wpf-field input::-moz-placeholder, #wpforo #wpforo-wrap.wpf-dark .wpf-field textarea::-moz-placeholder {color: #d6d2cb;} #wpforo #wpforo-wrap.wpf-dark .wpf-field input:-ms-input-placeholder, #wpforo #wpforo-wrap.wpf-dark .wpf-field textarea:-ms-input-placeholder {color: #d6d2cb;} #wpforo #wpforo-wrap.wpf-dark .wpf-field input:-moz-placeholder, #wpforo #wpforo-wrap.wpf-dark .wpf-field textarea:-moz-placeholder {color: #d6d2cb;} #wpforo #wpforo-wrap.wpf-dark #wpforo-stat-body{border:none;} #wpforo #wpforo-wrap.wpf-dark .wpforo-members-content table tr{ background-color:#f4f0ea!important; } #wpforo #wpforo-wrap.wpf-dark .wpforo-profile-wrap .profile-rating-bar-wrap{background:none;} #wpforo #wpforo-wrap.wpf-dark .wpforo-profile-wrap .wpforo-profile-head{border:none;} #wpforo #wpforo-wrap.wpf-dark .wpf-field:nth-child(even) {background-color: #f4f0ea;} #wpforo #wpforo-wrap.wpf-dark .wpf-field .wpf-field-wrap { color:#6b727a} #wpforo #wpforo-wrap.wpf-dark .wpf-field:not(.wpf-field-type-tinymce) .wpf-field-wrap i{ color:#d6d2cb} #wpforo #wpforo-wrap.wpf-dark .wpf-table .wpfw-1 .wpf-field:nth-child(even) {background-color: #d6d2cb;} #wpforo #wpforo-wrap.wpf-dark .wpforo-login-wrap .wpforo-table .wpfw-1 .wpf-field:nth-child(even){background-color: transparent;} #wpforo #wpforo-wrap.wpf-dark .wpforo-profile-head .wpforo-active { color:#FFFFFF!important;} #wpforo #wpforo-wrap.wpf-dark .wpf-profile-section .wpf-statbox .wpf-statbox-value{color:#6b727a} #wpforo #wpforo-wrap.wpf-dark .wpf-post-create {border: none;} #wpforo #wpforo-wrap.wpf-dark .wpf-topic-create {border: none;} #wpforo #wpforo-wrap.wpf-dark #wpforo-description{color:#6b727a} #wpforo #wpforo-wrap.wpf-dark .wpforo-login-wrap .wpforo-login-table{background-color: transparent;} #wpforo #wpforo-wrap.wpf-dark .wpforo-login-wrap .wpforo-login-content > h3, #wpforo #wpforo-wrap.wpf-dark .wpforo-register-wrap .wpforo-register-content > h3{color:#6b727a} #wpforo #wpforo-wrap.wpf-dark .wpf-tools .wpf-tool .wpf-split-posts{background: #5c636b; border:none; } #wpforo #wpforo-wrap.wpf-dark .wpf-tools .wpf-tool .wpf-split-posts ul li{border-bottom: 1px dotted #23262a;} #wpforo #wpforo-wrap.wpf-dark .wpf-tools .wpf-tool li input[type="text"]{background: #dcd7cf;} #wpforo #wpforo-wrap.wpf-dark .wpf-sbtn .wpf-sbtn-title{ color: #6b727a} #wpforo #wpforo-wrap.wpf-dark .wpf-sbtn.wpf-sb-style-grey .wpf-sb-button {background: #5c636b;} #wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-cat-forum-list .wpf-forum-item a{color: #6b727a;} #wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-cat-forum-list .wpf-forum-item a:hover{color: #2c443e;} #wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-cat-forum-list .wpf-forum-item .wpf-forum-item-stat{color: #6b727a;} #wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-threads-head .wpf-head-box{color: #6b727a;} #wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-thread-users a img{background:#2c443e} #wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-thread-box{color: #3a5952;} #wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-thread-status .wpf-circle.wpfsq:first-child{border: none;} #wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-cat-forum-list .wpf-forum-item, #wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-head-bar{border-bottom: 1px solid #e7e2da;} #wpforo #wpforo-wrap.wpf-dark .wpf-button{box-shadow: none;} #wpforo #wpforo-wrap.wpf-dark .wpf-thread-forum .wpf-circle i {background: #fff;padding: 0;border-radius: 50%;height: 35px;width: 35px;line-height: 35px;} #wpforo #wpforo-wrap.wpf-dark .wpf-member-title.wpfut{border:none;} #wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-content-foot .wpf-reply .wpf-action {background: transparent;} #wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-child-post .wpf-reply-content {border: 1px solid #f4f0ea; background-color: #d6d2cb;} #wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-child-post .wpf-content-foot { border-top: #8b939c 1px solid; } #wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-child-post .wpf-reply-content .wpf-reply-tree .wpf-tree-item.wpf-starter .avatar {background-color: #2c443e; border: 1px solid #e09a2e; } #wpforo #wpforo-wrap.wpf-dark .wpforo-subscriptions .wpf-sbs-bulk-options .wpf-sbs-checkbox{color: inherit;} #wpforo #wpforo-wrap.wpf-dark .wpforo-portable-form-wrap div.mce-toolbar-grp, #wpforo #wpforo-wrap .wpforo-portable-form-wrap div.mce-menubar{background-color:#f4f0ea} #wpforo #wpforo-wrap.wpf-dark .wpf-spoiler-wrap {background-color: #444444;} #wpforo #wpforo-wrap.wpf-dark .wpf-navi .wpf-navi-wrap .wpf-next-button, #wpforo #wpforo-wrap.wpf-dark .wpf-navi .wpf-navi-wrap .wpf-prev-button{color: #6b727a;} #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .wpforo-forum-info{color: #6b727a;} #wpforo #wpforo-wrap.wpf-dark .wpforo-profile-wrap .h-bottom .wpf-profile-menu:hover{color:#23262a; } #wpforo #wpforo-wrap.wpf-dark .wpforo-recent-wrap .wpforo-recent-content .wpf-htr{ color:#2c443e; } #wpf-widget-profile.wpf-dark .wpf-prof-footer .wpf-prof-buttons a:not(:last-child){color:#ffffff; background:#23262a;} #wpforo #wpforo-wrap.wpf-dark .wpf-notifications .wpf-notification-content li a, #wpf-widget-profile.wpf-dark .wpf-notifications .wpf-notification-content li a{color:#5c636b;} #wpforo #wpforo-wrap.wpf-dark .wpf-notifications .wpf-notification-content li:hover, #wpf-widget-profile.wpf-dark .wpf-notifications .wpf-notification-content li:hover{background:#23262a;} #wpforo #wpforo-wrap.wpf-dark .wpf-acp-title {background: #000; color: #fff;} #wpforo #wpforo-wrap.wpf-dark .wpf-acp-content {background: #000;color: #999;} #wpforo #wpforo-wrap.wpf-dark .wpf-acp-footer {background: #000;border-top: 1px dashed #777;} #wpforo #wpforo-wrap.wpf-dark .wpf-acp-content a.wpf-button-secondary {box-shadow: 0px 0px 5px #999;background: #777;} #wpforo #wpforo-wrap.wpf-dark .wpf-acp-content a.wpf-button-secondary:hover {box-shadow: 0px 0px 8px #fff;color: #fff;} #wpforo #wpforo-wrap.wpf-dark .wpf-acp-footer a.wpf-button-secondary {background: #777;color: #fff;} #wpforo #wpforo-wrap.wpf-dark .wpf-acp-footer a.wpf-button-secondary:last-child{color: #fff!important; background: #e22d00;} #wpforo #wpforo-wrap.wpf-dark input[type="submit"].wpf-button-secondary, #wpforo #wpforo-wrap.wpf-dark input[type="button"].wpf-button-secondary, #wpforo #wpforo-wrap.wpf-dark button.wpf-button.wpf-button-secondary{color:#fff!important; background-color:#5c636b!important; } #wpforo #wpforo-wrap.wpf-dark .wpforo-recent-wrap .wpforo-recent-content .wpf-ttr{background-color: #333;} #wpforo #wpforo-wrap.wpf-dark #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a, #wpforo #wpforo-wrap.wpf-dark #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a{background-color: #555;} #wpforo #wpforo-wrap.wpf-dark .wpforo-profile .wpforo-user-actions {padding: 10px 18px;background: #333;border-radius: 24px;border: none;} #wpforo #wpforo-wrap.wpf-dark .wpf-profile-section .wpf-statbox .wpf-statbox-icon svg{fill: #555;} #wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-content-foot, #wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpforo-post .wpforo-post-footer {background: #333;} #wpforo #wpforo-wrap.wpf-dark .wpforo-post-head .wpf-topic-more-info .wpf-tmi-user-avatar .wpf-tmi-user-posts {color: #fff;} #wpforo #wpforo-wrap.wpf-dark .wpf-post-create .mce-container-body .mce-container .mce-container-body .mce-container > div{margin:0;} #wpforo #wpforo-wrap.wpf-dark .wpforo-portable-form-wrap {background-color: #333;} #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .wpforo-topic .wpf-tbox {background: #333;} #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .wpforo-post .wpf-right{background-color: #222;} #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .wpforo-post .wpf-right .wpforo-post-content .wpforo-reaction{background-color: #111;} #wpforo #wpforo-wrap.wpf-dark .wpf-popover .wpf-popover-content{background-color: #333;} #wpforo #wpforo-wrap.wpf-dark .mce-statusbar.mce-container.mce-panel{background-color:#bbb;} /* ====================================== Recent Activity Timeline - Dynamic Colors ====================================== */ /* Timeline Line */ #wpforo #wpforo-wrap .wpf-timeline-line{background: linear-gradient(180deg, #3a5952 0%, #3a5952 50%, rgba(0,115,170,0.4) 100%);} /* Icon Node */ #wpforo #wpforo-wrap .wpf-timeline-icon{border-color: #d6d2cb; color: #d6d2cb;} /* User link hover */ #wpforo #wpforo-wrap .wpf-timeline-user a:hover{color: #2c443e;} /* Filter select focus */ #wpforo #wpforo-wrap .wpf-recent-activity-filter-form select:focus{border-color: #2c443e;} /* Recent Activity label links */ #wpforo #wpforo-wrap .wpf-recent-activity-label a{color: #2c443e;} /* Timeline card border */ #wpforo #wpforo-wrap .wpf-timeline-card{border-color: #e7e2da;} #wpforo #wpforo-wrap .wpf-timeline-card::after{border-right-color: #e7e2da;} #wpforo #wpforo-wrap .wpf-timeline-date-stick{border-bottom: 2px dashed #3a5952;} /* --- gradba theme ------------------------------------------------------- */ /* `body` prefix: wpForo emits its own `#wpforo #wpforo-wrap{font-size:13px; padding:10px 0}` AFTER this block, so equal specificity would lose on order. */ body #wpforo #wpforo-wrap { --gradba-radius: 12px; font-size: 15px; } /* Each category becomes its own CARD on the canvas, instead of all of them running together as one continuous white slab. This is the change that makes the page readable: with a warm canvas behind them, the gaps do the separating that hairlines were failing to do, and the eye gets a boundary to rest on between sections. Vertical padding and margins only on the SECTION — its rows carry the forum icon and the last-post column in reserved gutters. (Posts are different; see .wpforo-post below.) */ #wpforo #wpforo-wrap .wpforo-section { background: #ffffff; border: 1px solid rgba(60,50,35,.12); border-radius: var(--gradba-radius); box-shadow: 0 1px 2px rgba(60,50,35,.04), 0 8px 24px -16px rgba(60,50,35,.28); margin-bottom: 18px; overflow: hidden; } /* The card already draws the edge; an inner border on the header doubles it. */ #wpforo #wpforo-wrap .wpforo-category, #wpforo #wpforo-wrap .wpf-head-bar, #wpforo #wpforo-wrap .wpforo-post, #wpforo #wpforo-wrap #wpforo-footer { border-radius: var(--gradba-radius); } /* Category headers were pale beige on white — technically a different colour, visually nothing. Giving them the canvas tone plus the green rule makes them read as headers. */ #wpforo #wpforo-wrap .wpforo-category { background: #f1ece3; border-bottom: 2px solid #3a5952; border-radius: var(--gradba-radius) var(--gradba-radius) 0 0; } #wpforo #wpforo-wrap .wpforo-category .cat-name, #wpforo #wpforo-wrap .wpforo-category .cat-title { color: #2c443e; font-weight: 650; } /* ...but NOT on topic pages. There the same .wpforo-section wraps the posts, and each post already gets its own card below, so carding both produced a card inside a card with no gap between the two edges — a white frame hugging every post. The section is the layout container there, not a surface: let the post cards be the only surface. */ #wpforo #wpforo-wrap .wpforo-section:has(.post-wrap) { background: transparent; border: 0; box-shadow: none; overflow: visible; } /* Rows inside a section card need the same inset the post cards got, or the topic title starts at the card's edge and the nested "last posts" strip runs out the other side. The inset goes on the WRAPPER, not the row: .topic-wrap holds two siblings — .wpforo-topic and the .wpforo-last-posts-* strip below it — so padding the row alone would inset the title and leave the strip still running to the edge. Measured before writing this: the row is plain flow (icon, info, stat, toggle — all static, no floats, no negative margins, nothing overflowing the row box), so padding insets the whole row rather than throwing a column out of it. */ #wpforo #wpforo-wrap .topic-wrap, #wpforo #wpforo-wrap .forum-wrap, #wpforo #wpforo-wrap .wpforo-category { padding-left: 18px; padding-right: 18px; } /* The strip's own right edge: wpForo gives it `padding: 10px 0 10px 20px` — nothing on the right at all — so its text ran flush into the wrapper's new inset. */ #wpforo #wpforo-wrap .wpforo-last-posts-list { padding-right: 20px; border-radius: 8px; } /* A quiet hover target, so rows feel like the links they are. */ #wpforo #wpforo-wrap .wpforo-forum:hover, #wpforo #wpforo-wrap .wpf-forum-row:hover, #wpforo #wpforo-wrap .wpforo-topic:hover { background: rgba(251,176,59,.05); } /* The board sits ON the canvas, so it needs air around it rather than running to the edge of a white page. Transparent, not white: otherwise everything between the cards — the nav, the breadcrumb, the title — stays a full-bleed white slab and the top third of the page still looks like the old design however good the cards below it are. */ body #wpforo #wpforo-wrap { background: transparent; padding-top: 4px; padding-bottom: 24px; } /* The nav is a control surface, so it gets the same card treatment rather than floating as a lone white band. #wpforo-menu, NOT .wpf-left: the latter is a display:table-cell holding only the menu items, so styling it produced a half-width card with the search icon stranded on the canvas beside it. The bar is the parent. */ #wpforo #wpforo-wrap #wpforo-menu { background: #ffffff; border: 1px solid rgba(60,50,35,.12); border-radius: var(--gradba-radius); box-shadow: 0 1px 2px rgba(60,50,35,.04); overflow: hidden; margin-bottom: 14px; } /* Breadcrumb and the board title are navigation furniture, not content — they belong on the canvas, which is what makes the cards below them read as content. */ #wpforo #wpforo-wrap .wpforo-subtop, #wpforo #wpforo-wrap .wpf-breadcrumb { background: transparent; } /* --- breadcrumb --------------------------------------------------------- */ /* wpForo draws the old "signpost" breadcrumb: each crumb is a floated block and the arrow between them is a 24px square, rotated 45deg and given a box-shadow to fake a chevron outline. At this size it dominates a line of 11px text — a row of big empty arrowheads with the actual place names as an afterthought. Flatten it: real text at a readable size, one light separator, current page emphasised. */ #wpforo #wpforo-wrap .wpf-breadcrumb { display: flex; flex-wrap: nowrap; align-items: center; min-height: 24px; margin: 12px 0 16px; overflow: hidden; } /* On the board index the only crumb is an unlinked home icon. It neither orients nor navigates, and leaves a stray glyph between the menu and the "Градба.мк форум" title. */ #wpforo #wpforo-wrap.wpft-forum .wpf-breadcrumb { display: none; } #wpforo #wpforo-wrap .wpf-breadcrumb div.wpf-item-element { flex: 0 0 auto; float: none; display: inline-flex; align-items: center; min-width: 0; background: transparent; font-size: 14px; line-height: 24px; padding: 0; color: #5c636b; white-space: nowrap; } #wpforo #wpforo-wrap .wpf-breadcrumb div.wpf-item-element:hover { background: transparent; } /* Reuse the existing ::after as the separator rather than adding an element: cancel the rotation and the shadow that made it an arrowhead, and put a character in it. */ #wpforo #wpforo-wrap .wpf-breadcrumb div.wpf-item-element:after { content: '›'; position: static; transform: none; box-shadow: none; background: transparent; width: auto; height: auto; margin: 0 9px; color: rgba(60,50,35,.30); font-size: 16px; line-height: 1; } #wpforo #wpforo-wrap .wpf-breadcrumb div.wpf-item-element:before { display: none; } /* No trailing separator after the last crumb, and drop wpForo's spacer span. */ #wpforo #wpforo-wrap .wpf-breadcrumb div.wpf-item-element.active:after, #wpforo #wpforo-wrap .wpf-breadcrumb div.wpf-item-element:last-of-type:after { content: ''; margin: 0; } #wpforo #wpforo-wrap .wpf-breadcrumb .wpf-end { display: none; } #wpforo #wpforo-wrap .wpf-breadcrumb div.wpf-item-element.active { flex: 0 1 auto; overflow: hidden; color: #23262a; font-weight: 650; } #wpforo #wpforo-wrap .wpf-breadcrumb div.wpf-item-element.active > span { overflow: hidden; text-overflow: ellipsis; } /* wpForo visually hides the root's translated name and leaves only a home icon. A named root is clearer in a text trail, and avoids another tiny icon competing with the menu. */ #wpforo #wpforo-wrap .wpf-breadcrumb div.wpf-root i { display: none; } #wpforo #wpforo-wrap .wpf-breadcrumb div.wpf-root { border-left: 0; } #wpforo #wpforo-wrap .wpf-breadcrumb div.wpf-root span[itemprop="name"] { display: inline !important; } #wpforo #wpforo-wrap .wpf-breadcrumb div.wpf-item-element a { color: #5c636b; font-weight: 500; text-decoration: none; } #wpforo #wpforo-wrap .wpf-breadcrumb div.wpf-root a { color: #2c443e; font-weight: 650; } #wpforo #wpforo-wrap .wpf-breadcrumb div.wpf-item-element a:hover { color: #2c443e; text-decoration: underline; text-underline-offset: 3px; } /* --- the topic header --------------------------------------------------- */ /* Forum name, last post and the Posts/Users/Reactions/Views counters. wpForo tints it with slot 9 and hangs a 3px green bar off the left, so against the warm canvas it was another beige slab with a stripe — the surrounding title, subscribe button and pagination all floating loose around it. Make it the card, and let the strip inside go quiet. */ #wpforo #wpforo-wrap .wpforo-post-head { background: #ffffff; border: 1px solid rgba(60,50,35,.12); border-radius: var(--gradba-radius); box-shadow: 0 1px 2px rgba(60,50,35,.04); overflow: hidden; margin-bottom: 14px; } #wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-top { background-color: transparent; border-left: 0; border-bottom: 1px solid rgba(60,50,35,.10); } /* --- topic pages -------------------------------------------------------- */ /* The index was carded through .wpforo-section, which topic pages do not use — so they kept the old undifferentiated white slab: every post edge to edge, the author column flush against the container, and nothing separating one post from the next. .post-wrap is the per-post wrapper. Note its child author column is .wpf-left, the same class the nav bar used before that moved to #wpforo-menu — styling .wpf-left would card every author column in the thread. */ #wpforo #wpforo-wrap .post-wrap { background: #ffffff; border: 1px solid rgba(60,50,35,.12); border-radius: var(--gradba-radius); box-shadow: 0 1px 2px rgba(60,50,35,.04), 0 8px 24px -16px rgba(60,50,35,.28); margin-bottom: 14px; overflow: hidden; } /* The board header — forum name, subscribe, RSS — is its own card above the listing. */ #wpforo #wpforo-wrap .wpf-head-bar { background: #ffffff; border: 1px solid rgba(60,50,35,.12); border-radius: var(--gradba-radius); box-shadow: 0 1px 2px rgba(60,50,35,.04); margin-bottom: 14px; padding-top: 4px; padding-bottom: 4px; } /* ...except on a topic page, where .wpf-head-bar is not a panel at all: it holds the topic TITLE plus the subscribe link and pagination, and wpForo leaves it transparent. Carding it there drew a bordered rectangle with no fill around the title — an empty box floating above the real header, which on this page is .wpforo-post-head (carded further down). A title belongs on the canvas, like the breadcrumb above it. */ #wpforo #wpforo-wrap.wpft-post .wpf-head-bar { background: transparent; border: 0; box-shadow: none; padding-left: 0; padding-right: 0; } /* Pagination and the RSS row are furniture; let the canvas show through so they do not read as empty white cards. */ #wpforo #wpforo-wrap .wpf-navi, #wpforo #wpforo-wrap .wpf-navi-wrap, #wpforo #wpforo-wrap #wpf_moderation_tools { background: transparent; } /* Breathing room INSIDE the post — horizontal as well as vertical. Posts are NOT laid out with the reserved gutters the forum rows use, which is why this is safe here and not there. Measured: .wpf-left is `float:left; margin-left:0` and .wpf-right is a static block with `margin-left:162px` — a plain float layout with no negative margins and nothing absolutely positioned. Padding on the shared parent therefore insets both columns together, which is exactly what is wanted. Without it the content column ends flush against the card edge (measured: content right edge 1218px, card right edge 1218px). The AGENTS.md gutter warning is about Flarum's negative-margin avatars; applying it here was over-generalising, and it is why the content sat edge-to-edge for two rounds. */ #wpforo #wpforo-wrap .wpforo-post { padding-left: 16px; padding-right: 16px; } #wpforo #wpforo-wrap .wpforo-post .wpf-content, #wpforo #wpforo-wrap .wpforo-post .wpforo-post-content { padding-top: 6px; padding-bottom: 10px; } /* --- the reply form ----------------------------------------------------- */ /* The reply box is .wpf-post-create (NOT .wpforo-post-form, which does not exist in this theme — that was the first guess and it matched nothing). wpForo fills it with palette slot 9, our "subtle fill" #f4f0ea, so on a warm canvas it read as a muddy beige panel among white cards rather than as the main input on the page. It also ships `padding:10px 0` — no horizontal padding whatever — which is why the title field ran edge to edge. Give it the same white card as a post, and real horizontal padding. */ #wpforo #wpforo-wrap .wpf-post-create { background: #ffffff; border: 1px solid rgba(60,50,35,.12); border-radius: var(--gradba-radius); box-shadow: 0 1px 2px rgba(60,50,35,.04), 0 8px 24px -16px rgba(60,50,35,.28); padding: 14px 18px 16px; margin-bottom: 18px; } /* The form's own inner rows must not repeat a fill, or the panel gains seams. */ #wpforo #wpforo-wrap .wpf-post-create .wpf-field, #wpforo #wpforo-wrap .wpf-post-create .wpf-field-wrap, #wpforo #wpforo-wrap .wpf-post-create .wpf-content-foot, #wpforo #wpforo-wrap .wpf-post-create .wpf-footer-box, #wpforo #wpforo-wrap .wpf-form-wrapper { background: transparent; } /* "Leave a reply" is a heading on the canvas, not a bar. */ #wpforo #wpforo-wrap .wpf-reply-form-title, #wpforo #wpforo-wrap .wpf-sbs-form-title { background: transparent; color: #2c443e; font-weight: 650; } /* --- the new-topic form ------------------------------------------------- */ /* wpForo's topic composer is the same field system as account/profile forms, but here it arrives directly on the page with `padding:0`: labels, editor, options and submit button all float independently on the blueprint canvas. Treat the composer as one content card, then remove the generic field-system insets inside it so every control shares an edge. */ #wpforo #wpforo-wrap .wpf-topic-create { background: #ffffff; border: 1px solid rgba(60,50,35,.12); border-radius: var(--gradba-radius); box-shadow: 0 1px 2px rgba(60,50,35,.04), 0 8px 24px -16px rgba(60,50,35,.28); padding: 22px 24px 18px; margin: 0 0 20px; } #wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-form-wrap { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; column-gap: 20px; } #wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-form-wrap > .wpf-tr, #wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-form-wrap > .wpf-extra-fields, #wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-form-wrap > .wpf-topic-tags, #wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-form-wrap > .wpforo-revisions-wrap { grid-column: 1 / -1; } #wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-form-wrap > .wpf-clear { display: none; } #wpforo #wpforo-wrap .wpf-topic-create .wpf-tr, #wpforo #wpforo-wrap .wpf-topic-create .wpf-td { display: block; width: 100%; padding: 0; } #wpforo #wpforo-wrap .wpf-topic-create .wpf-field-name-title, #wpforo #wpforo-wrap .wpf-topic-create .wpf-field-name-body { padding: 0; border: 0; } #wpforo #wpforo-wrap .wpf-topic-create .wpf-field-name-title { margin-bottom: 16px; } #wpforo #wpforo-wrap .wpf-topic-create .wpf-field-name-title .wpf-label-wrap { float: none; width: 100%; padding: 0 0 7px; } #wpforo #wpforo-wrap .wpf-topic-create .wpf-field-name-title .wpf-label-wrap > i { display: none; } #wpforo #wpforo-wrap .wpf-topic-create .wpf-field-name-title .wpf-label { display: block; margin: 0; color: #23262a; font-size: .9rem; font-weight: 650; line-height: 1.4; } #wpforo #wpforo-wrap .wpf-topic-create .wpf-field-name-title input[type="text"], #wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-tags input[type="text"] { width: 100%; height: auto; box-sizing: border-box; margin: 0; padding: 10px 12px; border: 1px solid rgba(60,50,35,.22); border-radius: 9px; background: #ffffff; color: #23262a; font-size: .96rem; line-height: 1.45; transition: border-color .12s ease, box-shadow .12s ease; } #wpforo #wpforo-wrap .wpf-topic-create .wpf-field-name-title input[type="text"]:focus, #wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-tags input[type="text"]:focus { outline: none; border-color: #3a5952; box-shadow: 0 0 0 3px rgba(58,89,82,.14); } /* TinyMCE supplies its own nested panels. One border around the complete editor is enough; the toolbar gets the warm wash used for secondary surfaces elsewhere in the forum. */ #wpforo #wpforo-wrap .wpf-topic-create .wpf-field-name-body .mce-tinymce { overflow: hidden; border: 1px solid rgba(60,50,35,.22) !important; border-radius: 9px; box-shadow: none; } #wpforo #wpforo-wrap .wpf-topic-create .wpf-field-name-body .mce-top-part, #wpforo #wpforo-wrap .wpf-topic-create .wpf-field-name-body .mce-toolbar-grp { background: #faf8f4; } #wpforo #wpforo-wrap .wpf-topic-create .wpf-field-name-body .mce-toolbar-grp { border-bottom: 1px solid rgba(60,50,35,.12); } #wpforo #wpforo-wrap .wpf-topic-create .wpf-field-name-body .mce-edit-area iframe { min-height: 180px; } #wpforo #wpforo-wrap .wpf-topic-create .wpf-field-name-body .mce-tinymce:focus-within { border-color: #3a5952 !important; box-shadow: 0 0 0 3px rgba(58,89,82,.14); } /* The custom uploader is secondary to writing. Keep it beside the editor, but make the button a deliberate quiet control instead of an unstyled browser button. */ #wpforo #wpforo-wrap .wpf-topic-create .wpfmu { gap: 8px 12px; padding: 10px 0 0; } #wpforo #wpforo-wrap .wpf-topic-create .wpfmu-open { padding: 8px 12px; border: 1px solid rgba(60,50,35,.20); border-radius: 8px; background: #faf8f4; color: #2c443e; font-size: .88rem; font-weight: 600; opacity: 1; transition: border-color .12s ease, background .12s ease; } #wpforo #wpforo-wrap .wpf-topic-create .wpfmu-open:hover, #wpforo #wpforo-wrap .wpf-topic-create .wpfmu-open:focus-visible { border-color: #3a5952; background: #ffffff; } #wpforo #wpforo-wrap .wpf-topic-create .wpfmu-hint { color: #5c636b; font-size: .82rem; opacity: 1; } /* Sticky/private are emitted as loose checkbox, icon and label siblings. Suppress the duplicate pictograms and separator, then let the two real checkbox labels form a compact options row. `font-size:0` also collapses wpForo's literal   spacer nodes. */ #wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-form-wrap > .wpf-extra-fields { margin-top: 18px; padding: 16px 0 0; border-top: 1px solid rgba(60,50,35,.12); } #wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-form-wrap > .wpf-extra-fields .wpf-main-fields { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 0; font-size: 0; } #wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-form-wrap > .wpf-extra-fields .wpfsx, #wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-form-wrap > .wpf-extra-fields .wpfbs { display: none; } #wpforo #wpforo-wrap .wpf-topic-create input[type="checkbox"] { width: 15px; height: 15px; margin: 0; accent-color: #3a5952; } #wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-form-wrap > .wpf-extra-fields label { margin: 0 18px 0 0; padding: 0 !important; color: #23262a; font-size: .88rem; line-height: 1.45; } #wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-tags { margin: 17px 0 0; padding: 0; } #wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-tags .wpf-topic-tags-label { margin: 0 0 7px; padding: 0; color: #23262a; font-size: .9rem; font-weight: 650; line-height: 1.4; } #wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-tags .wpf-topic-tags-label i { margin-right: 4px; color: #3a5952; } #wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-tags .wpf-topic-tags-label span { padding: 0 0 0 5px; color: #5c636b; font-size: .76rem; font-weight: 400; } /* Subscription and submit are one footer row. The generic wpForo form rules pull the submit upward with a negative margin; resetting them here restores a deliberate baseline. */ #wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-form-wrap > .wpf-topic-sbs { grid-column: 1; display: flex; align-items: center; gap: 8px; margin: 20px 0 0; padding: 17px 0 0; border-top: 1px solid rgba(60,50,35,.12); color: #23262a; font-size: .88rem; } #wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-form-wrap > .wpf-topic-sbs label { padding: 0; cursor: pointer; } #wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-form-wrap > .wpf-buttons-wrap { grid-column: 2; align-self: stretch; margin: 20px 0 0; padding: 12px 0 0 20px; border-top: 1px solid rgba(60,50,35,.12); } #wpforo #wpforo-wrap .wpf-topic-create .wpf-buttons-wrap input[type="submit"].wpf-button { height: 40px; padding: 0 20px 2px !important; font-size: .92rem; font-weight: 650; } #wpforo #wpforo-wrap .wpf-topic-create .wpforo-revisions-wrap { margin: 14px 0 -3px; padding: 9px 0 0; color: #5c636b; font-size: .8rem; opacity: .75; } /* The forum-index variant first asks which child forum owns the topic. Replace its inline 70%-wide, dashed-bottom field with the same full-width control grammar as the composer. */ #wpforo #wpforo-wrap .wpf-topic-form-extra-wrap { padding: 0 !important; } #wpforo #wpforo-wrap .wpf-topic-form-extra-wrap .wpf-topic-forum-field { margin: 0 0 14px !important; padding: 18px 20px !important; border: 1px solid rgba(60,50,35,.12); border-radius: var(--gradba-radius); background: #ffffff; } #wpforo #wpforo-wrap .wpf-topic-form-extra-wrap .wpf-choose-forum { color: #23262a; font-weight: 650; } #wpforo #wpforo-wrap .wpf-topic-form-extra-wrap .wpf-topic-forum-wrap { width: 100% !important; max-width: 560px; min-width: 0 !important; padding: 0 !important; border: 0 !important; } #wpforo #wpforo-wrap .wpf-topic-form-extra-wrap .wpf-topic-form-forumid { width: 100%; box-sizing: border-box; margin: 0; padding: 9px 12px; border: 1px solid rgba(60,50,35,.22); border-radius: 9px; background: #ffffff; color: #23262a; } @media (max-width: 620px) { /* wpForo otherwise keeps up to four crumbs on a phone. Preserve the two useful anchors — forum home and the current page — and let a long current title truncate. */ #wpforo #wpforo-wrap .wpf-breadcrumb div.wpf-item-element { display: none !important; } #wpforo #wpforo-wrap .wpf-breadcrumb div.wpf-root, #wpforo #wpforo-wrap .wpf-breadcrumb div.wpf-item-element:last-of-type { display: inline-flex !important; } #wpforo #wpforo-wrap .wpf-topic-create { padding: 17px 14px 14px; } #wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-form-wrap { display: block; } #wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-form-wrap > .wpf-extra-fields .wpf-main-fields label { flex: 1 0 calc(100% - 48px); margin-right: 0; } #wpforo #wpforo-wrap .wpf-topic-create .wpfmu { align-items: flex-start; } #wpforo #wpforo-wrap .wpf-topic-create .wpfmu-hint { flex-basis: 100%; } #wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-tags .wpf-topic-tags-label span { display: block; padding: 3px 0 0 20px; } #wpforo #wpforo-wrap .wpf-topic-create .wpf-topic-form-wrap > .wpf-buttons-wrap { margin-top: 0; padding: 12px 0 0; border-top: 0; } #wpforo #wpforo-wrap .wpf-topic-create .wpf-buttons-wrap input[type="submit"].wpf-button { width: 100%; } #wpforo #wpforo-wrap .wpf-topic-form-extra-wrap .wpf-topic-forum-field { padding: 15px 14px !important; } } /* --- the topic tail ----------------------------------------------------- */ /* Forum Jump / Next Topic and "Currently viewing this topic" share one container that wpForo fills with palette slot 9 (.wpfbg-9). On a white page that read as a faint tint; on the warm canvas it became a second beige slab sitting under the white post cards, the one thing the card treatment was meant to get rid of. Same card as everything else. `!important` on the fill, and only on the fill: .wpfbg-* are utility classes wpForo emits as `background-color:#f4f0ea!important`, so no selector however specific can outrank them. This is the one place in the file that needs it for that reason — the other overrides win on specificity alone. */ #wpforo #wpforo-wrap .wpforo-topic-footer, #wpforo #wpforo-wrap .wpforo-topic-footer.wpfbg-9 { background-color: #ffffff !important; border: 1px solid rgba(60,50,35,.12); border-radius: var(--gradba-radius); box-shadow: 0 1px 2px rgba(60,50,35,.04); margin-bottom: 14px; overflow: hidden; } /* Two distinct rows in one card; a hairline says so without a second border. */ #wpforo #wpforo-wrap .wpforo-topic-footer .wpf-topic-visitors { border-top: 1px solid rgba(60,50,35,.10); } /* The board statistics block — the page's last panel, and the only one still bare. */ #wpforo #wpforo-wrap #wpforo-footer { background: #ffffff; border: 1px solid rgba(60,50,35,.12); box-shadow: 0 1px 2px rgba(60,50,35,.04); padding: 0 18px 14px; margin-top: 14px; } /* Share stays furniture on the canvas, but must not collide with the cards either side. */ #wpforo #wpforo-wrap .wpf-sbtn { margin: 16px 0; } /* --- member profile ----------------------------------------------------- */ /* The profile was the one page with no surface at all: cover, tabs, stats and fields sat directly on the canvas, so nothing framed them and the page read as loose fragments. One card around the whole profile, with the cover clipped by it. `:not(.menu-item)` is load-bearing. `wpforo-profile` is not only the profile page container — it is ALSO the class wpForo puts on the "My Profile" entry in the forum nav (alongside wpforo-profile-account, -activity, -subscriptions). Without the guard this rule turned that single nav link into a floating white card with a shadow, hanging above the menu bar and pushing the whole strip to double height. */ #wpforo #wpforo-wrap .wpforo-profile:not(.menu-item) { background: #ffffff; border: 1px solid rgba(60,50,35,.12); border-radius: var(--gradba-radius); box-shadow: 0 1px 2px rgba(60,50,35,.04), 0 8px 24px -16px rgba(60,50,35,.28); overflow: hidden; margin-bottom: 18px; } /* Everything below the cover needs the inset the cover itself must not have. Same `:not(.menu-item)` guard as above — these names are reused in the nav. All three are scoped INSIDE .wpforo-profile, and .wpforo-profile-content is the reason. That class is shared: on this page it is a block within the profile card, where an inset is right; on the members and recent-posts pages it is the outermost PAGE container, where an inset is wrong — it pushed those pages' cards 18px in on each side, leaving them 36px narrower than the cards on every other page, which span the full container. */ #wpforo #wpforo-wrap .wpforo-profile:not(.menu-item) .wpforo-user-actions, #wpforo #wpforo-wrap .wpforo-profile:not(.menu-item) .wpforo-profile-menu, #wpforo #wpforo-wrap .wpforo-profile:not(.menu-item) .wpforo-profile-content { padding-left: 18px; padding-right: 18px; } /* The usergroup/reputation row is the ONE place on this page with a real reserved gutter: wpForo ships `padding: 18px 0 0 180px`, and the 180px is the column the avatar overhangs the cover into. Setting padding-left here pulled the row back under the avatar and buried the "Admin" badge behind it. Right side only. */ #wpforo #wpforo-wrap .wpforo-profile-head-bottom:not(.menu-item) { padding-right: 18px; } /* The tab strip is the boundary between identity and content; a rule reads it as one. */ #wpforo #wpforo-wrap .wpforo-profile-menu { border-bottom: 1px solid rgba(60,50,35,.12); } #wpforo #wpforo-wrap .wpf-profile-menu.wpforo-active { border-bottom: 2px solid #3a5952; } /* The stat grid shipped as a flex row of fixed 190px tiles with a 3px gutter, which is why it wrapped ragged and left a stranded tile on the last row. A real grid gives even columns at any width, and each tile gets a quiet surface so the number is what carries. Note the `.wpf-profile-section` in the chain: wpForo scopes all of these as `#wpforo #wpforo-wrap .wpf-profile-section .wpf-statbox`, two classes to the one an unscoped selector would carry, so without it `display:grid` silently loses and only the properties wpForo does not set (the gap) appear to work. */ #wpforo #wpforo-wrap .wpf-profile-section .wpf-stat-wrap { display: grid; grid-template-columns: repeat(auto-fill, minmax(178px, 1fr)); gap: 10px; padding: 4px 0 8px; } /* The fixed width and stacking margins have to go, or they fight the grid track. */ #wpforo #wpforo-wrap .wpf-profile-section .wpf-statbox { background: #f1ece3; border: 1px solid rgba(60,50,35,.10); border-radius: 10px; padding: 10px 12px; width: auto; margin: 0; align-items: center; } #wpforo #wpforo-wrap .wpf-profile-section .wpf-statbox-value { color: #2c443e; font-weight: 700; } /* wpForo assigns each tile a different pastel INLINE — eleven unrelated baby colours that have nothing to do with this palette and, on a warm canvas, read as a toy. They are inline styles, so !important is the only lever; that is why it appears here and nowhere else in this file. One tint for every tile: the icons become a quiet index and the numbers do the talking. */ #wpforo #wpforo-wrap .wpf-profile-section .wpf-statbox-icon { background: #ffffff !important; fill: #3a5952 !important; border: 1px solid rgba(60,50,35,.10); border-radius: 8px; } /* Profile fields the member never filled in still render their table cell, and the empty rows stack into the dead area under "Social Networks". Collapse anything with no value rather than reserving space for it. */ #wpforo #wpforo-wrap .wpforo-profile .wpf-td:empty, #wpforo #wpforo-wrap .wpforo-profile .wpf-tr:not(:has(.wpf-td:not(:empty))), #wpforo #wpforo-wrap .wpforo-profile .wpf-field-type-html:not(:has(a, img, iframe)) { display: none; } /* --- members directory -------------------------------------------------- */ /* Note `:not(.menu-item)` again: `wpforo-members` is the tile grid here AND the "Members" entry in the nav, exactly like wpforo-profile. */ /* The search panel carries .wpfbg-9, so it needs the same !important the topic footer did. */ #wpforo #wpforo-wrap .wpforo-members-search { background-color: #ffffff !important; border: 1px solid rgba(60,50,35,.12); border-radius: var(--gradba-radius); box-shadow: 0 1px 2px rgba(60,50,35,.04); padding: 10px 18px; margin-bottom: 18px; } /* Member tiles were canvas-on-canvas — after the palette correction their fill matched the page exactly, so the grid read as floating text and cover images with no tiles at all. Scoped through .wpforo-members because that is how wpForo scopes its own tile rules; an unscoped `.wpforo-member` loses the background and keeps only what wpForo leaves unset. */ #wpforo #wpforo-wrap .wpforo-members .wpforo-member { background: #ffffff; border: 1px solid rgba(60,50,35,.12); border-radius: var(--gradba-radius); box-shadow: 0 1px 2px rgba(60,50,35,.04), 0 8px 24px -16px rgba(60,50,35,.28); overflow: hidden; } /* Same reasoning as the profile stat grid: wpForo lays these out as a flex row of fixed 324px tiles with a computed left padding to fake centring, so adding a gap alone just pushed the third tile onto the next line. A grid sizes the tracks to the container. */ #wpforo #wpforo-wrap .wpforo-members:not(.menu-item) { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; padding-left: 0; } #wpforo #wpforo-wrap .wpforo-members .wpforo-member { width: auto; margin: 0; } /* The cover strip sits at the tile's top edge; the tile's own radius clips it. */ #wpforo #wpforo-wrap .wpforo-member .wpforo-member-bg { border-radius: 0; } /* --- recent posts ------------------------------------------------------- */ /* This page is a real , so per-row cards are not available the way they are for the forum listing — border-radius and box-shadow on a are unreliable across engines. One panel around the whole table instead, with hairlines doing the separating. */ #wpforo #wpforo-wrap .wpforo-recent-content { background: #ffffff; border: 1px solid rgba(60,50,35,.12); border-radius: var(--gradba-radius); box-shadow: 0 1px 2px rgba(60,50,35,.04), 0 8px 24px -16px rgba(60,50,35,.28); overflow: hidden; margin-bottom: 14px; padding: 0; } /* The topic row is the primary line here, so it takes the panel's own white. `.wpforo-recent-wrap` is in the selector because wpForo's rule is `.wpforo-recent-wrap .wpforo-recent-content .wpf-ttr` — three classes to two, and without the third this loses and every row stays filled. */ #wpforo #wpforo-wrap .wpforo-recent-wrap .wpforo-recent-content .wpf-ttr { background: transparent; } #wpforo #wpforo-wrap .wpforo-recent-content .wpf-ttr > td { border-top: 1px solid rgba(60,50,35,.10); } /* Its replies get the wash, so topic and replies stay distinguishable without the block reading as a second surface. */ #wpforo #wpforo-wrap .wpforo-recent-content .wpf-ptr > td { background: #faf8f4; } #wpforo #wpforo-wrap .wpforo-recent-content .wpf-htr > td, #wpforo #wpforo-wrap .wpforo-recent-content .wpf-ttr > td, #wpforo #wpforo-wrap .wpforo-recent-content .wpf-ptr > td { padding-left: 18px; padding-right: 18px; } /* --- reaction summary --------------------------------------------------- */ /* Icons for the "X reacted" line, which wpForo renders as bare text. See gradba-reactions.php for why the markup exists at all. */ #wpforo #wpforo-wrap .gradba-reacted-icons { display: inline-flex; align-items: center; gap: 6px; margin-right: 6px; vertical-align: middle; } #wpforo #wpforo-wrap .gradba-reacted-icons .gradba-reacted-type { display: inline-flex; align-items: center; gap: 2px; } /* get_icon() wraps every icon in a div; inside an inline run that would break the line. */ #wpforo #wpforo-wrap .gradba-reacted-icons .wpf-reaction-icon { display: inline-flex; align-items: center; line-height: 1; } #wpforo #wpforo-wrap .gradba-reacted-icons .gradba-reacted-count { font-size: 12px; font-weight: 650; color: #5c636b; } /* Do not repeat an icon the reaction BUTTON is already showing. wpForo renders .wpf-reaction-wrap immediately before the likers line for anyone who is allowed to react — logged in, not the post's author. Its current-state icon defaults to a thumbs-up, so on a post reacted with 👍 the viewer saw two thumbs-ups in a row, which reads as a bug rather than as button-then-summary. The summary exists for the case where that button is absent, which is exactly when wpForo showed no icon at all: guests, and authors on their own posts. An adjacent-sibling rule expresses that precisely and needs no PHP mirroring of wpForo's permission logic. */ #wpforo #wpforo-wrap .wpf-reaction-wrap + .reacted-users .gradba-reacted-icons { display: none; } /* The primary action gets the same lipped amber as the site's buttons — the one piece of styling the brand is recognised by. */ #wpforo #wpforo-wrap .wpf-button, #wpforo #wpforo-wrap input[type="submit"], #wpforo #wpforo-wrap button.wpf-button { border-radius: var(--gradba-radius); background: #fbb03b; border-color: #e09a2e; color: #1d1a12; box-shadow: 0 2px 0 #e09a2e; transition: transform .12s ease, box-shadow .12s ease, background .12s ease; } #wpforo #wpforo-wrap .wpf-button:hover, #wpforo #wpforo-wrap input[type="submit"]:hover { background: #ffbc52; transform: translateY(-1px); box-shadow: 0 3px 0 #e09a2e; } #wpforo #wpforo-wrap .wpf-button:active, #wpforo #wpforo-wrap input[type="submit"]:active { transform: translateY(1px); box-shadow: 0 1px 0 #e09a2e; } /* =========================================================================== Login and registration =========================================================================== These two pages are rendered by themes/gradba/wpforo/{login,register}.php, which replace wpForo's own templates wholesale — so nearly everything below styles OUR markup (.gradba-auth-*) rather than fighting wpForo's. The exceptions are the registration fields. wpForo's wpforo_fields() builds those from admin-configurable definitions and it would be wrong to hardcode them, so its .wpf-field markup is restyled in place at the end of this block. Stock wpForo put the form in a 400px-min, 50%-wide #eeeeee table. Nothing of that survives; what replaces it is the same card grammar as the rest of the site. */ #wpforo #wpforo-wrap .gradba-auth { display: flex; justify-content: center; padding: 8px 0 48px; } #wpforo #wpforo-wrap .gradba-auth-card { width: 100%; max-width: 420px; padding: 34px 32px 28px; background: #ffffff; border: 1px solid rgba(60,50,35,.14); border-radius: var(--gradba-radius); box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 12px 32px -12px rgba(0,0,0,.14); } #wpforo #wpforo-wrap .gradba-auth-head { margin-bottom: 22px; text-align: center; } #wpforo #wpforo-wrap .gradba-auth-title { margin: 0 0 6px; font-size: 1.6rem; font-weight: 700; letter-spacing: -.02em; color: #23262a; } #wpforo #wpforo-wrap .gradba-auth-sub { margin: 0; font-size: .92rem; line-height: 1.5; color: #5c636b; } /* Failure notice. Tinted rather than loud: the message is deliberately vague, so shouting about it would promise a level of detail the copy cannot deliver. */ #wpforo #wpforo-wrap .gradba-auth-error { margin: 0 0 18px; padding: 10px 14px; border: 1px solid rgba(200,64,48,.35); border-radius: 10px; background: rgba(200,64,48,.07); font-size: .88rem; color: #8c2f24; } /* --- the provider buttons ------------------------------------------------ */ #wpforo #wpforo-wrap .gradba-social-buttons { display: flex; flex-direction: column; gap: 10px; } /* Neutral, not amber. The amber button is the brand's primary action and there must be exactly one of those per screen — here that is "Најави се". A provider button also has to carry the provider's own mark, and Google's brand terms do not allow it to be recoloured, so a white button with a hairline is both the compliant and the correct choice. */ #wpforo #wpforo-wrap .gradba-social-button { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 11px 16px; border: 1px solid rgba(60,50,35,.20); border-radius: var(--gradba-radius); background: #ffffff; color: #23262a; font-size: .95rem; font-weight: 600; text-decoration: none; transition: border-color .12s ease, background .12s ease, transform .12s ease; } #wpforo #wpforo-wrap .gradba-social-button:hover, #wpforo #wpforo-wrap .gradba-social-button:focus-visible { border-color: #3a5952; background: #fbfaf8; transform: translateY(-1px); text-decoration: none; } #wpforo #wpforo-wrap .gradba-social-button svg { flex: 0 0 auto; } /* A rule with the word centred in it, drawn as two borders on the pseudo-elements so it needs no extra markup and stays centred whatever the label's width. */ #wpforo #wpforo-wrap .gradba-auth-or { display: flex; align-items: center; gap: 12px; margin: 20px 0; color: #5c636b; font-size: .82rem; } #wpforo #wpforo-wrap .gradba-auth-or::before, #wpforo #wpforo-wrap .gradba-auth-or::after { content: ""; flex: 1; border-top: 1px solid rgba(60,50,35,.14); } /* --- the form ------------------------------------------------------------ */ #wpforo #wpforo-wrap .gradba-auth-field { margin-bottom: 14px; } #wpforo #wpforo-wrap .gradba-auth-field label { display: block; margin-bottom: 6px; font-size: .85rem; font-weight: 600; color: #23262a; } /* Real labels, where wpForo used placeholder-only fields. A placeholder disappears the moment someone types, so on a half-filled form there is nothing left saying which box is which — and screen readers get no accessible name at all. */ #wpforo #wpforo-wrap .gradba-auth-form input[type="text"], #wpforo #wpforo-wrap .gradba-auth-form input[type="email"], #wpforo #wpforo-wrap .gradba-auth-form input[type="password"] { width: 100%; box-sizing: border-box; padding: 11px 13px; border: 1px solid rgba(60,50,35,.22); border-radius: var(--gradba-radius); background: #ffffff; color: #23262a; font-size: .98rem; line-height: 1.4; transition: border-color .12s ease, box-shadow .12s ease; } #wpforo #wpforo-wrap .gradba-auth-form input[type="text"]:focus, #wpforo #wpforo-wrap .gradba-auth-form input[type="email"]:focus, #wpforo #wpforo-wrap .gradba-auth-form input[type="password"]:focus { outline: none; border-color: #3a5952; box-shadow: 0 0 0 3px rgba(58,89,82,.14); } #wpforo #wpforo-wrap .gradba-auth-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 16px 0 20px; font-size: .86rem; } #wpforo #wpforo-wrap .gradba-auth-remember { display: inline-flex; align-items: center; gap: 7px; margin: 0; color: #5c636b; cursor: pointer; } #wpforo #wpforo-wrap .gradba-auth-remember input { margin: 0; } #wpforo #wpforo-wrap .gradba-auth-row a { color: #5c636b; text-decoration: none; } #wpforo #wpforo-wrap .gradba-auth-row a:hover { color: #3a5952; text-decoration: underline; } /* Full width, and the only amber on the page. The lipped shadow is inherited from the input[type=submit] rule further up; this adds the sizing that rule has no business imposing on every other submit button in the forum. */ #wpforo #wpforo-wrap input[type="submit"].gradba-auth-submit { display: block; width: 100%; padding: 12px 20px; font-size: 1.02rem; font-weight: 650; cursor: pointer; } #wpforo #wpforo-wrap .gradba-auth-note { margin: 0 0 16px; font-size: .84rem; line-height: 1.5; color: #5c636b; } #wpforo #wpforo-wrap .gradba-auth-alt { margin: 20px 0 0; padding-top: 18px; border-top: 1px solid rgba(60,50,35,.14); text-align: center; font-size: .88rem; color: #5c636b; } #wpforo #wpforo-wrap .gradba-auth-alt a { color: #3a5952; font-weight: 600; text-decoration: none; } #wpforo #wpforo-wrap .gradba-auth-alt a:hover { text-decoration: underline; } /* --- wpForo's own registration fields ------------------------------------ */ /* Not our markup: wpforo_fields() builds these from the admin's field definitions, which is why the template calls it instead of hardcoding inputs — a field added in the admin later has to appear here, including the required ones. The structure it emits is: .wpf-tr > .wpf-td > .wpf-field > .wpf-label-wrap > p.wpf-label + .wpf-desc > .wpf-field-wrap > i.wpf-field-icon + input with the two wraps FLOATED side by side — hence the .wpf-field-cl clearfixes. Inside a 420px card that label/input split leaves both halves too narrow to use, so the floats are dropped and the field is stacked to match the login form. */ #wpforo #wpforo-wrap .gradba-auth-form-register .wpf-tr, #wpforo #wpforo-wrap .gradba-auth-form-register .wpf-td { display: block; width: auto; padding: 0; } /* Padding and the dashed rule both go: the padding insets these fields relative to the Google button and the submit above and below them, which reads as misalignment rather than as grouping, and the rule is a separator the login form does without. */ #wpforo #wpforo-wrap .gradba-auth-form-register .wpf-field { margin-bottom: 14px; padding: 0; border: 0; } #wpforo #wpforo-wrap .gradba-auth-form-register .wpf-label-wrap, #wpforo #wpforo-wrap .gradba-auth-form-register .wpf-field-wrap { float: none; width: 100%; margin: 0; padding: 0; } #wpforo #wpforo-wrap .gradba-auth-form-register .wpf-label { margin: 0 0 6px; font-size: .85rem; font-weight: 600; color: #23262a; } #wpforo #wpforo-wrap .gradba-auth-form-register .wpf-desc { margin: 0 0 6px; font-size: .78rem; line-height: 1.45; color: #5c636b; } /* The icons go. wpForo positions them absolutely over the left of the input and relies on a matching left padding that the input styling below replaces — so left alone they sit on top of the first character. They were compensating for placeholder-only fields anyway, and this form has real labels. */ #wpforo #wpforo-wrap .gradba-auth-form-register .wpf-field-icon { display: none; } #wpforo #wpforo-wrap .gradba-auth-form-register .wpf-field input[type="text"], #wpforo #wpforo-wrap .gradba-auth-form-register .wpf-field input[type="email"], #wpforo #wpforo-wrap .gradba-auth-form-register .wpf-field input[type="password"], #wpforo #wpforo-wrap .gradba-auth-form-register .wpf-field textarea, #wpforo #wpforo-wrap .gradba-auth-form-register .wpf-field select { width: 100%; box-sizing: border-box; padding: 11px 13px; border: 1px solid rgba(60,50,35,.22); border-radius: var(--gradba-radius); background: #ffffff; color: #23262a; font-size: .98rem; line-height: 1.4; } #wpforo #wpforo-wrap .gradba-auth-form-register .wpf-field input:focus, #wpforo #wpforo-wrap .gradba-auth-form-register .wpf-field textarea:focus, #wpforo #wpforo-wrap .gradba-auth-form-register .wpf-field select:focus { outline: none; border-color: #3a5952; box-shadow: 0 0 0 3px rgba(58,89,82,.14); } /* The consent checkbox, which wpForo renders outside .wpf-field entirely. */ #wpforo #wpforo-wrap .gradba-auth-form-register .wpforo-legal-checkbox { display: flex; align-items: flex-start; gap: 8px; margin: 4px 0 16px; font-size: .84rem; line-height: 1.45; color: #5c636b; cursor: pointer; } #wpforo #wpforo-wrap .gradba-auth-form-register .wpforo-legal-checkbox input { flex: 0 0 auto; margin: 3px 0 0; } #wpforo #wpforo-wrap .wpforo-forum-title{font-size: 17px!important; line-height: 18px!important;} #wpforo #wpforo-wrap .wpforo-topic-title a { font-size: 16px!important; } #wpforo #wpforo-wrap .wpforo-post .wpf-right .wpforo-post-content {font-size: 15px!important;} #wpforo #wpforo-wrap .wpforo-post .wpf-right .wpforo-post-content p {font-size: 15px;} #wpforo #wpforo-wrap .wpf-ai-helper-toggle.wpf-ai-highlight{ background:#2c443e; color:#ffffff;} #wpforo #wpforo-wrap .wpf-ai-helper-toggle.wpf-ai-highlight .wpf-ai-sparkle-icon{ fill:#ffffff;} #wpforo #wpforo-wrap .wpf-ai-helper-toggle.wpf-ai-highlight:hover{ background:#2c443e; color:#ffffff; opacity: 0.85;} #wpforo #wpforo-wrap{ font-size: 13px; width: 100%; padding: 10px 0; margin: 0px; }