/** * @file: CSS Matrix * @version: 1.0.0 * @theme: Classic */ /* wpForo Dynamic CSS Document */ #wpforo #wpforo-wrap *::selection{color: #000000; background: #43A6DF;} #wpforo #wpforo-wrap *::-moz-selection{color: #000000; background: #43A6DF;} #wpforo #wpforo-wrap { color: #333333; background: #FFFFFF } #wpforo #wpforo-wrap .wpforo-subforum i{ color:#999999; } #wpforo #wpforo-wrap #footer { background:#e6e6e6;} #wpforo #wpforo-wrap .wpf-p-error { border-bottom: #e6e6e6 1px solid; color: #333333; } #wpforo #wpforo-wrap .wpf-res-menu { color: #555555; } #wpforo #wpforo-wrap #wpforo-menu { border-bottom: #e6e6e6 2px solid; background:#F5F5F5;} /* AI Helper Toggle */ #wpforo #wpforo-wrap .wpforo-ai-helper{background:#F5F5F5;} #wpforo #wpforo-wrap .wpf-ai-helper-bar{background:transparent;} #wpforo #wpforo-wrap .wpf-ai-helper-toggle{ background:#F5F5F5; color:#43A6DF; border: 2px solid #e6e6e6;} #wpforo #wpforo-wrap .wpf-ai-helper-toggle:hover{ background:#43A6DF; color:#FFFFFF;} #wpforo #wpforo-wrap .wpf-ai-helper-toggle .wpf-ai-sparkle-icon{ fill:#43A6DF;} #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:#43A6DF;} #wpforo #wpforo-wrap .wpf-ai-tab-content{background:#FFFFFF; border:1px solid #e6e6e6; border-top:none;} /* AI Search Toggle - Segmented Control */ #wpforo #wpforo-wrap .wpf-ai-search-toggle{border-bottom:1px solid #e6e6e6;} #wpforo #wpforo-wrap .wpf-ai-search-mode{color:#999999;} #wpforo #wpforo-wrap .wpf-ai-search-mode:hover{color:#000000;} #wpforo #wpforo-wrap .wpf-ai-search-mode-active{color:#666666; background:#F5F5F5;} #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:#F5F5F5; border:1px solid #e6e6e6; color:#333333;} #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-input-wrap .wpf-ai-input:focus{border-color:#cccccc;} #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-input-wrap .wpf-ai-input::placeholder{color:#999999;} #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-input-wrap .wpf-ai-input-icon{color:#999999;} #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-input-wrap .wpf-ai-submit{color:#666666;} #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-input-wrap .wpf-ai-input-icon svg{color: #999999;} /* 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 #e6e6e6;} #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-results .wpf-ai-result-card:hover{border-color:#cccccc;} #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-results .wpf-ai-result-meta{color:#999999;} #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-results .wpf-ai-result-meta i{color:#cccccc;} #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-results .wpf-ai-result-score{color:#43A6DF;} #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-results .wpf-ai-result-content{color:#666666;} #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-results .wpf-ai-more-btn{background:#F5F5F5; color:#666666;} #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-results .wpf-ai-more-btn:hover{background:#e6e6e6;} /* AI Loading Animation - Blinking Stars */ #wpforo #wpforo-wrap .wpf-ai-star{fill:#43A6DF;} #wpforo #wpforo-wrap .wpf-ai-loading-text{color:#666666;} #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-results .wpf-ai-no-results{color:#999999;} #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:#999999;} /* AI Classic Search Form */ #wpforo #wpforo-wrap .wpf-ai-search-form[data-search-form="classic"]{background:#F5F5F5; border:1px solid #e6e6e6;} #wpforo #wpforo-wrap .wpf-ai-search-form[data-search-form="classic"] .wpfltd{border-bottom:1px dotted #e6e6e6;} #wpforo #wpforo-wrap .wpf-ai-search-form[data-search-form="classic"] .wpfrtd{border-bottom:1px dotted #e6e6e6;} #wpforo #wpforo-wrap .wpf-ai-search-form[data-search-form="classic"] .wpf-search-label{color:#666666;} #wpforo #wpforo-wrap .wpf-ai-search-form[data-search-form="classic"] .wpf-toggle-wrap .wpf-toggle{border-bottom:1px dashed #cccccc; color:#999999;} #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 #e6e6e6; color:#333333;} #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:#43A6DF;} #wpforo #wpforo-wrap .wpf-ai-search-form[data-search-form="classic"] input[type="submit"]{background:#43A6DF; color:#FFFFFF;} #wpforo #wpforo-wrap .wpf-ai-search-form[data-search-form="classic"] input[type="submit"]:hover{background:#659FBE;} #wpforo #wpforo-wrap #wpforo-menu li {border-bottom: 2px solid transparent;} #wpforo #wpforo-wrap #wpforo-menu li a { color: #555555; } /* AI Translation */ #wpforo #wpforo-wrap .wpf-ai-translate-dropdown{background: #FFFFFF;} #wpforo #wpforo-wrap .wpf-ai-translate-original{color: #ff812d;} #wpforo #wpforo-wrap .wpforo-post-content.wpf-ai-translated, #wpforo #wpforo-wrap .wpforo-comment-text.wpf-ai-translated{border-left: 2px dashed #ff812d; 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: #43A6DF; border: 1px solid #43A6DF; background: #FFFFFF;} #wpforo #wpforo-wrap .wpf-ai-summarize-btn:hover{color: #43A6DF; } #wpforo #wpforo-wrap .wpf-ai-summarize-btn .wpf-ai-star{color: #43A6DF;} #wpforo #wpforo-wrap .wpf-ai-translate-arrow{color: #ff812d;} #wpforo #wpforo-wrap .wpf-ai-summary-body{border-left: 3px dashed #43A6DF;} #wpforo #wpforo-wrap .wpf-ai-summary-body h3, #wpforo #wpforo-wrap .wpf-ai-summary-body h4{color: #43A6DF;} /* AI Chat Bot */ #wpforo #wpforo-wrap .wpf-ai-chat-msg-content .wpf-ai-chat-reference{color: #3F7796;} #wpforo #wpforo-wrap .wpf-ai-chat-msg-content .wpf-ai-chat-reference:hover{color: #43A6DF;} #wpforo #wpforo-wrap .wpf-ai-chat-msg-user .wpf-ai-chat-msg-content{background-color: #43A6DF; color: #FFFFFF;} #wpforo #wpforo-wrap .wpf-ai-chat-msg-assistant .wpf-ai-chat-msg-content{background-color: #F5F5F5; color: #333333;} /* AI Topic Suggestions */ #wpforo #wpforo-wrap .wpf-ai-suggestions-title{color: #43A6DF; } #wpforo #wpforo-wrap .wpf-ai-suggestions-section .wpf-ai-suggestions-section-content .wpf-ai-similar-hint{color: #777777;} #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: #43A6DF 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: #e6e6e6;} #wpforo #wpforo-wrap #wpforo-menu li > ul{background-color: #F5F5F5;} #wpforo #wpforo-wrap #wpforo-menu li > ul li{border-bottom: 1px solid #F5F5F5;} #wpforo #wpforo-wrap #wpforo-menu li > ul li:hover, #wpforo #wpforo-wrap #wpforo-menu li > ul li.current-menu-item{border-bottom: 1px solid #43A6DF;} #wpforo-load { color: #43A6DF; } #wpforo-load i{ color: #43A6DF!important; } #wpforo #wpforo-wrap .wpf-search input[type="text"]{ color: #555555; background: transparent; } #wpforo #wpforo-wrap .wpf-search input[type="text"]:focus{ background: #F5F5F5; } #wpforo #wpforo-wrap .wpf-search i{ color: #43A6DF; } #wpforo #wpforo-wrap .wpf-action .fa-bookmark{color: #ff812d ;} #wpforo #wpforo-wrap .wpf-bar-right .wpf-alerts{color: #999999; border-right: 1px dashed #cccccc; } #wpforo #wpforo-wrap .wpf-bar-right .wpf-alerts i{color:#999999;} #wpforo #wpforo-wrap .wpf-bar-right .wpf-alerts i:hover{color: #43A6DF;} #wpforo #wpforo-wrap .wpf-bar-right .wpf-alerts.wpf-new svg{color: #ff812d;} #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: #ff812d;} #wpforo #wpf-widget-profile .wpf-widget-alerts, #wpf-widget-profile .wpf-widget-alerts{color: #999999; border-right: none; } #wpforo #wpf-widget-profile .wpf-widget-alerts svg, #wpf-widget-profile .wpf-widget-alerts svg{color:#999999;} #wpforo #wpf-widget-profile .wpf-widget-alerts.wpf-new svg, #wpf-widget-profile .wpf-widget-alerts.wpf-new svg{color: #ff812d;} #wpforo #wpf-widget-profile .wpf-widget-alerts .wpf-alerts-count, #wpf-widget-profile .wpf-widget-alerts .wpf-alerts-count{color: #ff812d;} #wpforo #wpforo-wrap .wpf-notifications{background: #EFEFEF; border-top: 2px solid #e6e6e6; border-bottom:5px solid #e6e6e6;} #wpforo #wpforo-wrap .wpf-notifications .wpf-notification-head{color: #555555; border-bottom: 2px solid #ff812d;} #wpforo #wpforo-wrap .wpf-notifications .wpf-notification-content{ color: #555555;} #wpforo #wpforo-wrap .wpf-notifications .wpf-notification-content li{border-bottom: 1px solid #dfdfdf; color: #666666;} #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 #cccccc);} #wpforo #wpforo-wrap .wpf-notifications .wpf-notification-content .wpf-ndesc{color:#666666;} #wpforo #wpforo-wrap .wpf-notifications .wpf-notification-content li:hover{background: #F5F5F5;} #wpf-widget-profile .wpf-notifications{background: #EFEFEF; border-top: 2px solid #555555; border-bottom:5px solid #555555;} #wpf-widget-profile .wpf-notifications .wpf-notification-head{color: #555555; border-bottom: 2px solid #ff812d;} #wpf-widget-profile .wpf-notifications .wpf-notification-content{ color: #555555;} #wpf-widget-profile .wpf-notifications .wpf-notification-content li{border-bottom: 1px solid #dfdfdf; color: #666666;} #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 #cccccc);} #wpf-widget-profile .wpf-notifications .wpf-notification-content .wpf-ndesc{color:#666666;} #wpf-widget-profile .wpf-notifications .wpf-notification-content li:hover{background: #F5F5F5;} /*#wpf-widget-profile .wpf-notifications .wpf-notification-content li:hover .wpf-nleft svg{color: #ff812d;}*/ #wpforo #wpforo-wrap .wpforo-profile .wpforo-profile-head-panel .wpf-edit-cover ul.wpf-edit-cover-options{ background-color: #cccccc; } #wpforo #wpforo-wrap .wpforo-profile .wpforo-follow-user{background-color: #dff4ff;} #wpforo #wpforo-wrap #wpforo-poweredby{ color: #555555; } #wpforo #wpforo-wrap #wpforo-poweredby a{ color: #43A6DF; } #wpforo #wpforo-wrap #wpforo-title{ color:#333333;} #wpforo #wpforo-wrap #wpforo-description{color:#555555;} #wpforo #wpforo-wrap .wpf-action-link{border-top:1px solid #F5F5F5;} #wpforo #wpforo-wrap a { color: #3F7796; } #wpforo #wpforo-wrap a svg{ fill: #3F7796; } #wpforo #wpforo-wrap a:visited { color: #3F7796; } #wpforo #wpforo-wrap a:visited svg{ fill: #3F7796; } #wpforo #wpforo-wrap a:hover{ color: #659FBE;} #wpforo #wpforo-wrap a:hover svg{ fill: #659FBE;} #wpforo #wpforo-wrap a:active { color: #659FBE; } #wpforo #wpforo-wrap a:active svg{ fill: #659FBE; } #wpforo #wpforo-wrap .wpf-link{ color: #3F7796; } #wpforo #wpforo-wrap .wpflink { color: #3F7796; } #wpforo #wpforo-wrap .wpflink:hover { color: #659FBE; } #wpforo #wpforo-wrap pre { border:#e6e6e6 1px solid; background:#dff4ff; } .wpfcl-a{ color:#659FBE!important; } .wpfbg-a{ background-color:#659FBE!important; } .wpfcl-b{ color:#43A6DF!important; } .wpfbg-b{ background-color:#43A6DF!important; } .wpfbr-b{ border:1px solid #43A6DF!important; } .wpfcl-0{ color:#999999!important; } .wpfbg-0{ background-color:#999999!important; } .wpfcl-1{ color:#555555!important; } .wpfbg-1{ background-color:#555555!important; } .wpfcl-2{ color:#777777!important; } .wpfbg-2{ background-color:#777777!important; } .wpfcl-3{ color:#FFFFFF!important; fill: #FFFFFF !important;} .wpfbg-3{ background-color:#FFFFFF!important; } .wpfcl-4{ color:#72ccfc!important; fill: #72ccfc !important;} .wpfbg-4{ background-color:#72ccfc!important; } .wpfcl-5{ color:#ff812d!important; fill: #ff812d !important;} .wpfbg-5{ background-color:#ff812d!important; } .wpfbr-5{ border:1px solid #ff812d!important; } .wpfcl-6{ color:#0099CC!important; } .wpfbg-6{ background-color:#0099CC!important; } .wpfbr-6{ border:1px solid #0099CC!important; } .wpfcl-7{ color:#e6e6e6!important; } .wpfbg-7{ background-color:#e6e6e6!important; } .wpfbr-7{ border:1px solid #e6e6e6!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:#F5F5F5!important; } .wpfbg-9{ background-color:#F5F5F5!important; } .wpfbr-9{ border:1px solid #F5F5F5!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 #e6e6e6; background: #F5F5F5; } #wpforo #wpforo-wrap .wpf-author-nicename{ color:#777777;} #wpforo #wpforo-wrap .wpforo-admin-note{ border: 1px solid #e6e6e6; background: #FFFFFF; } #wpforo #wpforo-wrap .wpf-breadcrumb .wpf-root{ border-left:1px solid #666666; } #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:#666666;} #wpforo #wpforo-wrap .wpf-breadcrumb div:hover{ background:#F5F5F5; } #wpforo #wpforo-wrap .wpf-breadcrumb div:hover:after { background:#F5F5F5; } #wpforo #wpforo-wrap .wpf-breadcrumb div.active{ background:#F5F5F5; color:#4a8eb3; } #wpforo #wpforo-wrap .wpf-breadcrumb div.active:after { background:#F5F5F5; } #wpforo #wpforo-wrap .wpf-breadcrumb div:after { background: #FFFFFF; } #wpforo #wpforo-wrap .wpf-breadcrumb div.active:after { background: #F5F5F5; } #wpforo #wpforo-wrap .wpforo-post .wpforo-post-content img, #wpforo #wpforo-wrap .wpforo-revision-body img{ border:#e6e6e6 1px solid; background:#FFFFFF; } #wpforo #wpforo-wrap .wpforo-post blockquote, #wpforo #wpforo-wrap .wpforo-revision-body blockquote{ border:#999999 1px dotted; background:#e6e6e6; } #wpforo #wpforo-wrap .wpforo-post .wpforo-post-code, #wpforo #wpforo-wrap .wpforo-revision-body .wpforo-post-code{ border:#e6e6e6 1px solid; background:#e6e6e6; } #wpforo #wpforo-wrap .wpforo-post code, #wpforo #wpforo-wrap .wpforo-revision-body code{ border:#e6e6e6 1px solid; background:#e6e6e6; } #wpforo #wpforo-wrap .wpforo-post .wpforo-post-code-title, #wpforo #wpforo-wrap .wpforo-post .wpforo-post-code-title{ border-bottom:#e6e6e6 1px solid;} #wpforo #wpforo-wrap .wpforo-post .wpforo-post-attachments{ border:#FFFFFF 1px dotted; } #wpforo #wpforo-wrap .wpforo-post .wpforo-post-attachments img{border:#e6e6e6 2px solid; background:#FFFFFF; } #wpforo #wpforo-wrap .wpforo-post .wpforo-post-signature{ border-top:#cccccc 1px dashed; color:#777777;} #wpforo #wpforo-wrap .wpforo-post .wpforo-membertoggle i{ color:#3F7796;} #wpforo #wpforo-wrap .wpf-mod-message{color:#ff812d} #wpforo #wpforo-wrap .wpforo-topic-badges{ background-color:#F5F5F5; } #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: #43A6DF; border-bottom: 1px solid #43A6DF;} #wpforo #wpforo-wrap .wpf-head-bar{background-color: #F5F5F5; border-bottom: 1px solid #e6e6e6;} #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: #F5F5F5;} #wpforo #wpforo-wrap .wpf-button-outlined{border: 1px solid #659FBE;} #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 #ff812d; background-color: #FFFFFF;margin-right: 5px;background-color: #FFFFFF;} #wpforo #wpforo-wrap .wpf-button-outlined.wpf-subscribe-topic{border: 1px solid #ff812d; 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 #e6e6e6;} #wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-top{background-color: #F5F5F5; border-left: 3px solid #43A6DF;} #wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-top .wpf-post-stat .wpf-post-stat-box .wpf-tstat svg{fill: #43A6DF;} #wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-top .wpf-post-stat .wpf-post-stat-box span{color: #666666;} #wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-top .wpf-post-stat .wpf-post-stat-box.wpf-pb-more{border-left: 1px solid #cccccc;} #wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-top .wpf-post-stat .wpf-post-stat-box.wpf-pb-more svg{fill: #777777;} #wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-top .wpf-post-info .wpf-post-info-forum{color: #666666;} #wpforo #wpforo-wrap .wpforo-post-head .wpf-topic-more-info h3{border-bottom: 3px solid #F5F5F5;} #wpforo #wpforo-wrap .wpforo-post-head .wpf-topic-more-info{border-left:3px dashed #43A6DF;} #wpforo #wpforo-wrap .wpforo-post-head .wpf-topic-more-info .wpf-tmi-user-avatar .wpf-tmi-user-posts{background-color: #666666;color: #FFFFFF;} #wpforo #wpforo-wrap .wpfl-1 .wpforo-category{background-color:#F5F5F5; border-bottom: #43A6DF 2px solid;} #wpforo #wpforo-wrap .wpfl-1 .cat-title{ color:#555555; } #wpforo #wpforo-wrap .wpfl-1 .cat-stat-posts { color:#555555; } #wpforo #wpforo-wrap .wpfl-1 .cat-stat-topics {color:#555555; } #wpforo #wpforo-wrap .wpfl-1 .forum-wrap{ border-bottom:#F5F5F5 2px solid; } #wpforo #wpforo-wrap .wpfl-1 .forum-wrap:last-child{ border-bottom:none; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-description{color:#555555; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-footer{ color:#999999; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-last-topics{ background-color:#FFFFFF; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-last-topics-tab{ color:#555555; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-last-topics-list{ color:#555555; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-last-post-title i{ color: #43A6DF; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-topic-head{ border-bottom:#43A6DF 2px solid; color: #555555; } #wpforo #wpforo-wrap .wpfl-1 .head-title{ color:#555555; } #wpforo #wpforo-wrap .wpfl-1 .head-stat-posts { color:#555555; } #wpforo #wpforo-wrap .wpfl-1 .head-stat-views { color:#555555; } #wpforo #wpforo-wrap .wpfl-1 .topic-wrap{ border-bottom:#e6e6e6 1px solid; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-topic-info{ color:#555555; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-topic-stat-posts{ color:#555555; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-topic-stat-views{ color:#555555; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-last-posts{ background-color:#FFFFFF; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-last-posts-tab{ color:#555555; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-last-posts-list{ color:#555555; border-left:#e6e6e6 2px solid; background-color: #FAFAFA; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-right .wpforo-post-content-top{ border-top:1px solid #e6e6e6; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left { border-top:#43A6DF 2px solid; background:#F5F5F5;} #wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .avatar{background:#FFFFFF; border: 1px dashed #999999; border-left-style:solid; border-right-style:solid;} #wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .author-rating{ border:1px solid #e6e6e6; background:#F5F5F5; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-post .bottom .reacted-users a{ color:#ff812d; } #wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-action{background: #F5F5F5;} #wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpforo-post-content-top .wpf-action{background: transparent;} #wpforo #wpforo-wrap .wpfl-2 .wpforo-category{ background-color:#F5F5F5; border-bottom:#43A6DF 2px solid; } #wpforo #wpforo-wrap .wpfl-2 .cat-title{ color:#555555; } #wpforo #wpforo-wrap .wpfl-2 .cat-lastpostinfo{ color:#555555; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-icon{ color:#555555; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-info{ color:#555555; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-stat{ color:#ff812d; } #wpforo #wpforo-wrap .wpfl-2 .forum-wrap {border-bottom: #F5F5F5 2px solid;} #wpforo #wpforo-wrap .wpfl-2 .forum-wrap:last-child {border-bottom: none;} #wpforo #wpforo-wrap .wpfl-2 .wpforo-last-post{ color:#555555; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-last-post-avatar{ color:#555555 } #wpforo #wpforo-wrap .wpfl-2 .wpforo-last-post-avatar img{ background:#FFFFFF; border:1px solid #cccccc; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-topic-head{ border-bottom:#43A6DF 3px solid; color: #555555; } #wpforo #wpforo-wrap .wpfl-2 .head-title{ color:#555555;} #wpforo #wpforo-wrap .wpfl-2 .head-stat-posts { color:#555555; } #wpforo #wpforo-wrap .wpfl-2 .head-stat-views { color:#555555; } #wpforo #wpforo-wrap .wpfl-2 .head-stat-lastpost { color:#555555; } #wpforo #wpforo-wrap .wpfl-2 .topic-wrap{ border-bottom:#e6e6e6 1px solid; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-topic-avatar{color:#555555; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-topic-avatar img{ background:#FFFFFF; border:1px solid #cccccc; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-topic-info{ color:#555555; } #wpforo #wpforo-wrap .wpfl-2 .wpforo-topic-stat-posts{ color:#555555;} #wpforo #wpforo-wrap .wpfl-2 .wpforo-topic-stat-views{ color:#555555;} #wpforo #wpforo-wrap .wpfl-2 .wpforo-topic-stat-lastpost{ color:#555555;} #wpforo #wpforo-wrap .wpfl-2 .wpf-compact-last-post .wpf-cl-avatar img {background:#FFFFFF; border: 1px dashed #cccccc; border-left-style: solid; border-right-style: solid;} #wpforo #wpforo-wrap .wpfl-2 .post-wrap{ border-top:#e6e6e6 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:#e6e6e6;} #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-left .avatar{ background:#FFFFFF; border:#cccccc 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:#ff812d;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-category{ background-color:#F5F5F5; border-bottom:#43A6DF 2px solid; } #wpforo #wpforo-wrap .wpfl-3 .cat-title{ color:#555555; } #wpforo #wpforo-wrap .wpfl-3 .cat-stat-posts { color:#555555; } #wpforo #wpforo-wrap .wpfl-3 .cat-stat-answers { color:#555555; } #wpforo #wpforo-wrap .wpfl-3 .cat-stat-questions { color:#555555; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-forum-icon{ color:#555555; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-forum-info{ color:#555555; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-forum-footer{ color:#999999; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-forum-stat-posts{color:#555555;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-forum-stat-answers{ color:#555555; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-forum-stat-questions{color:#555555;} #wpforo #wpforo-wrap .wpfl-3 .forum-wrap {border-bottom: #F5F5F5 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:#555555; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-last-topics-list{ color:#555555;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-last-topic .wpf-tbox{ background:#F5F5F5; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-last-topic .wpf-tbox .wpforo-label svg{fill: #999999;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-last-topic-replies i{color: #999999;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-last-topic-bottom .wpforo-tags i{color: #999999;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-last-topic-status{border: 1px dotted #999999;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-topic-head{border-bottom:#43A6DF 3px solid; color: #555555;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-topic{ color:#555555;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-topic .wpf-tbox{ background: #FAFAFA; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-topic .wpf-tbox .wpforo-label svg{fill: #999999;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-topic-replies i{color: #999999;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-topic-bottom .wpforo-tags i{color: #999999;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-topic-status{border-left: 1px solid #e6e6e6;} #wpforo #wpforo-wrap .wpfl-3 .head-title{ color:#555555; } #wpforo #wpforo-wrap .wpfl-3 .head-stat-posts { color:#555555; } #wpforo #wpforo-wrap .wpfl-3 .head-stat-lastpost { color:#555555; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-post{ background-color:#FFFFFF; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-tags{ background-color:#F5F5F5; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-left { border-right:2px solid #F5F5F5; } #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:#999999!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 #cccccc; border-left-style:solid; border-right-style:solid; background: #FFFFFF;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-post-content{background: #FAFAFA;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-post-content-top{ border-bottom:2px solid #F5F5F5; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-post-tool-bar{ border-top:1px dotted #e6e6e6; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-post-signature-content{ border-top:#659FBE 1px dotted; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-post-author-data-content{ border:#FFFFFF 1px solid; background:#dff4ff;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-post-author .wpforo-post-author-details .wpforo-post-author-data{border-left: 1px dashed #cccccc; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-post-author .wpforo-post-author-details .wpforo-post-author-stat{border-left: 1px dashed #cccccc; } #wpforo #wpforo-wrap .wpfl-3 .wpf-answer-sep{color: #666666; border-bottom: 2px solid #43A6DF;} #wpforo #wpforo-wrap .wpfl-3 .wpf-answer-sep svg{fill: #43A6DF; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-comment{ background-color:#FFFFFF; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-comment .wpf-right{ background:#F5F5F5; } #wpforo #wpforo-wrap .wpfl-3 .wpforo-comment .wpforo-comment-action-links .wpf-action{color: #cccccc;} #wpforo #wpforo-wrap .wpfl-3 .wpforo-comment .wpforo-comment-action-links .wpf-action:hover{color: #659FBE;} #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 #999999; border-left-style:solid; border-right-style:solid;} #wpforo #wpforo-wrap .wpfl-4 .wpforo-category{ background-color:#F5F5F5; border-bottom: 2px solid #43A6DF; } #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 #43A6DF;} #wpforo #wpforo-wrap .wpfl-4 .wpforo-post .wpf-right .wpforo-post-content-top{ border-bottom:1px solid #e6e6e6; } #wpforo #wpforo-wrap .wpfl-4 .wpforo-post .wpf-left .avatar{ background:#FFFFFF; border:#cccccc 2px dashed; border-left-style:solid; border-right-style:solid;} #wpforo #wpforo-wrap .wpfl-4 .wpforo-post .wpf-left .author-rating{ border:1px solid #e6e6e6; background:#F5F5F5; } #wpforo #wpforo-wrap .wpfl-4 .wpforo-post .bottom { border-top:#e6e6e6 1px solid; } #wpforo #wpforo-wrap .wpfl-4 .wpforo-post .bottom .reacted-users a{ color:#ff812d; } #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:#777777;} #wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-newest:hover{color:#0099CC;} #wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-hottest:hover{color:#ff812d;} #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:#777777;} #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:#0099CC;color:#0099CC;} #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:#ff812d;color:#ff812d;} #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:#777777;color:#777777;} #wpforo #wpforo-wrap .wpfl-4 .wpf-cat-forum-list .wpf-forum-item{border-bottom: 1px dashed #dadada;} #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: #555555;} #wpforo #wpforo-wrap .wpfl-4 .wpf-cat-forum-list .wpf-forum-item a:hover{color: #659FBE;} #wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head{ border-bottom: 1px solid #e6e6e6;} #wpforo #wpforo-wrap .wpfl-4 .wpf-threads-label{border-bottom:1px dashed #999999; color: #666666;} #wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head .wpf-head-box{ color: #666666;} #wpforo #wpforo-wrap .wpfl-4 .wpf-thread-body {color:#555555;} #wpforo #wpforo-wrap .wpfl-4 .wpf-threads .wpforo-tags .wpf-tags-text i{color: #999999;} #wpforo #wpforo-wrap .wpfl-4 .wpf-threads .wpforo-tags tag a{color: #777777;} #wpforo #wpforo-wrap .wpfl-4 .wpf-threads .wpforo-tags tag a:hover{color: #659FBE;} #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: #43A6DF; color: #FFFFFF; border-bottom: 2px solid #cccccc; } #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: #F5F5F5;} #wpforo #wpforo-wrap .wpfl-4 .wpf-thread-status .wpf-circle.wpfsq:first-child{border: 1px dotted #999999; border-radius: 6px;} #wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-last-reply .wpf-thread-last-avatar i{color: #999999;} #wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-last-reply .wpf-thread-last-avatar i.fa-feather-alt{color: #43A6DF;} #wpforo #wpforo-wrap .wpfl-4 .wpforo-topic-meta .wpforo-tags .wpf-tags-title i{color: #777777;} #wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-left .wpf-author-posts{color: #777777;} #wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-right .wpf-content-head-top .wpf-post-date{color:#999999;} #wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-right .wpf-content-head-bottom .wpf-author{color:#999999;} #wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot{ background: #FAFAFA; } #wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-reaction-wrap .wpf-like-count{color: #777777;} #wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-reply:hover .wpf-action{color: #659FBE;} #wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons:hover .wpf-action{color: #999999;} #wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons .wpf-action{ color: #cccccc; } #wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons .wpf-action:hover{ color: #3F7796;} #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: #659FBE;} #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: #659FBE;} #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: #659FBE;} #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: #659FBE;} #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: #3F7796;} #wpforo #wpforo-wrap .wpfl-4 .wpf-post-replies-bar{color: #777777;} #wpforo #wpforo-wrap .wpfl-4 .wpf-post-replies-bar .wpf-post-replies-info{color: #43A6DF;} #wpforo #wpforo-wrap .wpfl-4 .wpf-post-replies-bar .wpf-prsep{border-bottom: 1px dashed #999999;} #wpforo #wpforo-wrap .wpfl-4 .wpf-post-replies-bar .wpforo-ttgg i{color: #999999;} #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-head .wpf-author-avatar .avatar{background: #FFFFFF; border: 1px dashed #999999; border-left-style:solid; border-right-style:solid;} #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-head .wpf-author .wpforo-memberinfo{color: #777777;} #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-head .wpf-post-date{color:#999999;} #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-content{background-color: #FAFAFA;} #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-content .wpf-reply-tree{border-bottom: 1px dashed #cccccc;} #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-content .wpf-reply-tree i{color: #999999;} #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-content .wpf-reply-tree .wpf-tree-item em{color: #777777;} #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 #43A6DF;} #wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-content-foot{border-top: #F5F5F5 1px solid;} #wpforo #wpforo-wrap .wpfl-4 .wpforo-post .wpforo-post-footer {background: #FAFAFA;} #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:#ff812d; } #wpforo #wpforo-wrap .wpfl-4 .wpf-replies-sep{border-bottom: 1px solid #cccccc; color: #999999;} #wpforo #wpforo-wrap .wpfl-5 .wpforo-category{ background-color:#F5F5F5; border-bottom:#43A6DF 2px solid; } #wpforo #wpforo-wrap .wpfl-5 .cat-title{ color:#555555; } #wpforo #wpforo-wrap .wpf-popover i.fa-thumbs-up{color: #3F7796;} #wpforo #wpforo-wrap .wpf-popover i.fa-thumbs-down{color: #f42d2c;} #wpforo #wpforo-wrap .wpf-popover .wpf-react.wpf-unreacted > i{ color: #999999; } #wpforo #wpforo-wrap .wpforo-profile .wpforo-profile-head{box-shadow: 0 0 2px #cccccc;} #wpforo #wpforo-wrap .wpforo-profile .wpforo-profile-head .wpforo-profile-back{background: #43A6DF; color: #FFFFFF;} #wpforo #wpforo-wrap .wpforo-profile .wpforo-user-tools span{color: #3F7796; border-bottom: #3F7796 2px solid;} #wpforo #wpforo-wrap .wpforo-profile .wpforo-user-tools span:hover{color: #43A6DF; border-bottom: #43A6DF 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 #e6e6e6;} #wpforo #wpforo-wrap .wpforo-profile .wpforo-profile-menu .wpf-profile-menu:hover{ background: #F5F5F5; color:#555555;} #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: #43A6DF;} #wpforo #wpforo-wrap .wpforo-profile .wpforo-profile-home .wpf-field.wpf-field-name-html_soc_net{border-bottom: 2px solid #F5F5F5;} #wpforo #wpforo-wrap .wpf-profile-section{color: #666666;} #wpforo #wpforo-wrap .wpf-profile-section .wpf-statbox .wpf-statbox-icon{background-color: #dff4ff; fill: #659FBE; color: #659FBE;} #wpforo #wpforo-wrap .wpf-board-panel{background: #F5F5F5;} #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: #F5F5F5; border: 1px solid #e6e6e6;} #wpforo #wpforo-wrap .wpf-activity-panel{box-shadow: 0px 0px 3px #cccccc;} #wpforo #wpforo-wrap .wpf-activity-panel .wpf-activity-panel-right span{border-right: 1px solid #F5F5F5;} #wpforo #wpforo-wrap .wpf-activity-panel .wpf-activity-panel-right span.wpf-active{background: #F5F5F5;} #wpforo #wpforo-wrap .wpf-activity-icon i{background: #FFFFFF; box-shadow: 0px 0px 5px #bbb;} #wpforo #wpforo-wrap .wpf-activity-icon svg{fill: #999999;} #wpforo #wpforo-wrap .wpf-activity-data{border-left: 2px solid #F5F5F5;} #wpforo #wpforo-wrap .wpf-activity-data .wpf-activity-bottom .wpf-activity-forum{border-left: 1px dashed #cccccc;} #wpforo #wpforo-wrap .wpfa-reply .wpf-activity-icon svg{fill: #999999;} #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 #cccccc;} #wpforo #wpforo-wrap .wpforo-subscriptions .wpf-sbs-bulk-options .wpf-sbs-cat{background: #F5F5F5;} #wpforo #wpforo-wrap .wpforo-subscriptions .wpf-sbs-bulk div{border-bottom: 1px dotted #999999;} #wpforo #wpforo-wrap .wpforo-subscriptions .wpf-sbs-bulk-options .wpf-sbs-checkbox{color: #555555;} #wpforo #wpforo-wrap .wpf-sbs-panel{box-shadow: 0px 0px 3px #cccccc;} #wpforo #wpforo-wrap .wpf-sbs-panel .wpf-sbs-panel-right span{border-right: 1px solid #F5F5F5;} #wpforo #wpforo-wrap .wpf-sbs-panel .wpf-sbs-panel-right span.wpf-active{background: #F5F5F5;} #wpforo #wpforo-wrap .wpforo-subscriptions .wpforo-sb{border-bottom: 1px dashed #cccccc;} #wpforo #wpforo-wrap .wpforo-subscriptions .wpforo-sb .sbn-action i{color: #e85757;} #wpforo #wpforo-wrap .wpforo-followers .wpf-tab-subtitle{border-bottom: 1px dashed #cccccc;} #wpforo #wpforo-wrap .wpforo-followers .wpforo-follower{background: #F5F5F5;} #wpforo #wpforo-wrap .wpforo-following .wpf-tab-subtitle{border-bottom: 1px dashed #cccccc;} #wpforo #wpforo-wrap .wpforo-following .wpforo-follower{background: #F5F5F5;} #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 #dadada; color: #777777; box-shadow: inset 0 1px 4px #e6e6e6; -moz-box-shadow: inset 0 1px 4px #e6e6e6; -webkit-box-shadow: inset 0 1px 4px #e6e6e6; } #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:#43A6DF; color:#FFFFFF; border: 1px solid #0099CC; } #wpforo #wpforo-wrap input[type="submit"]:hover,#wpforo #wpforo-wrap input[type="reset"]:hover{ background:#0099CC; } #wpforo #wpforo-wrap input[type="button"]:hover{ background:#0099CC; } #wpforo #wpforo-wrap .wpf-button, .wpf-button{ background:#43A6DF; color:#FFFFFF!important; border: 1px solid #0099CC; } #wpforo #wpforo-wrap .wpf-button:hover, .wpf-button:hover{ background:#0099CC; } #wpforo #wpforo-wrap .wpforo-category .wpf-button{ background:#FFFFFF; color:#43A6DF!important; border: 1px solid #0099CC; box-shadow: 0 0 3px #fff; } #wpforo #wpforo-wrap .wpforo-category .wpf-button:hover{ background:#43A6DF; color:#FFFFFF!important; border: 1px solid #0099CC; 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: #F5F5F5 ;} #wpforo #wpforo-wrap .wpf-topic-create .wp-editor-tools{ border-bottom:1px #dadada solid; } #wpforo #wpforo-wrap .wpf-topic-create .wp-editor-tabs a.switch-tmce{ border: 1px #dadada solid; } #wpforo #wpforo-wrap .wpf-topic-create .wp-editor-tabs a.switch-html{ border: 1px #dadada solid; } #wpforo #wpforo-wrap .wpf-topic-create .quicktags-toolbar input[type="button"] { background:#43A6DF; color:#FFFFFF; } #wpforo #wpforo-wrap .wpf-topic-create .quicktags-toolbar input[type="button"]:hover{ background:#0099CC!important; } #wpforo #wpforo-wrap .wpf-post-create { background-color: #F5F5F5 ;} #wpforo #wpforo-wrap .wpf-post-create .wp-editor-tools{ border-bottom:1px #dadada solid; } #wpforo #wpforo-wrap .wpf-post-create .wp-editor-tabs a.switch-tmce{ border: 1px #dadada solid; } #wpforo #wpforo-wrap .wpf-post-create .wp-editor-tabs a.switch-html{ border: 1px #dadada solid; } #wpforo #wpforo-wrap .wpf-post-create .quicktags-toolbar input[type="button"] { background:#43A6DF; color:#FFFFFF; } #wpforo #wpforo-wrap .wpf-post-create .quicktags-toolbar input[type="button"]:hover{ background:#0099CC!important; } #wpforo #wpforo-wrap .wpforo-tags .wpf-tags-title{border-right: 1px solid #FFFFFF;} #wpforo #wpforo-wrap .wpf-tags a{background:#4a8eb3; color:#FFFFFF;} #wpforo #wpforo-wrap .wpf-tags a:before{ border-color:transparent #4a8eb3 transparent transparent;} #wpforo #wpforo-wrap .wpf-tags a:after{ background:#FFFFFF; -moz-box-shadow:-1px -1px 2px #3F7796; -webkit-box-shadow:-1px -1px 2px #3F7796; box-shadow:-1px -1px 2px #3F7796;} #wpforo #wpforo-wrap .wpf-topic-tags #wpf_tags{color: #4a8eb3;} #wpforo #wpforo-wrap.wpf-dark .wpf-topic-tags #wpf_tags{color: #555555;} #wpforo #wpforo-wrap .wpf-tags a:active, #wpforo #wpforo-wrap .wpf-tags a:visited{color: #FFFFFF;} #wpforo #wpforo-wrap .wpf-tags a:hover{background:#666666; color: #FFFFFF;} #wpforo #wpforo-wrap .wpf-tags a:hover:before{border-color:transparent #666666 transparent transparent;} #wpforo #wpforo-wrap .wpforo-topic-footer{color: #777777;} #wpforo #wpforo-wrap .wpf-topic-rel .wpf-rel-wrap{border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;} #wpforo #wpforo-wrap .wpf-topic-rel .wpf-no-rel{border-top: 1px solid #e6e6e6;} #wpforo #wpforo-wrap .wpf-topic-visitors{border-top: 1px solid #e6e6e6;} #wpforo #wpforo-wrap .wpf-topic-navi .wpf-navi-wrap{border-top: #e6e6e6 3px solid;} #wpforo #wpforo-wrap .wpf-tags-text i, #wpforo #wpforo-wrap .wpf-topic-rel .wpf-rel-title i{color:#777777;} #wpforo #wpforo-wrap .wpforo-members-wrap td.wpf-members-search { border-bottom:1px solid #e6e6e6; } #wpforo #wpforo-wrap .wpforo-members .wpforo-member {background: #FAFAFA; border-bottom:1px solid #cccccc;} #wpforo #wpforo-wrap .wpforo-members .wpforo-member .wpforo-member-social a{color: #cccccc; fill: #cccccc;} #wpforo #wpforo-wrap .wpforo-members .wpforo-member .wpforo-member-social a:hover{color: #43A6DF; fill: #43A6DF;} #wpforo #wpforo-wrap .wpforo-members .wpforo-member .wpforo-member-ug{border: 1px dashed #F5F5F5;} #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 #cccccc;} #wpforo #wpforo-wrap .wpforo-register-wrap .wpforo-register-content { border-bottom:#cccccc 1px solid; padding: 40px 1%; } #wpforo #wpforo-wrap .wpforo-register-wrap .wpforo-register-content h3{color:#555555} #wpforo #wpforo-wrap .wpforo-login-wrap .wpforo-login-content { border-bottom:#cccccc 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:#555555} #wpforo #wpforo-wrap .wpforo-404-wrap .wpforo-404-content { border-top:#e6e6e6 1px solid; border-bottom:#e6e6e6 1px solid; } #wpforo #wpforo-wrap .wpforo-404-wrap .wpf-search-box { border:#cccccc 1px dashed; } #wpforo #wpforo-wrap .wpf-please-login{background-color: #F5F5F5;} #wpforo #wpforo-wrap #wpforo-search-title { color:#333333; } #wpforo #wpforo-wrap .wpforo-search-sep{ background: #43A6DF; border: transparent; height: 2px; display: none } #wpforo #wpforo-wrap .wpforo-search-wrap .wpf-search-bar{ background:#F5F5F5; } #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:#e6e6e6 1px solid; } #wpforo #wpforo-wrap .wpforo-search-wrap .wpforo-search-content .wpf-ptr{ border-bottom:#cccccc 1px solid;} #wpforo #wpforo-wrap .wpforo-search-wrap .wpforo-search-content .wpf-htr{ background-color:#43A6DF; color:#FFFFFF; } #wpforo #wpforo-wrap .wpforo-search-wrap .wpforo-search-content .wpf-ttr{ background:#F5F5F5 } #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 #e6e6e6;} #wpforo #wpforo-wrap .wpf-search-result-card:hover{ border-color:#43A6DF;} #wpforo #wpforo-wrap .wpf-sr-meta{ border-bottom:1px solid #F5F5F5;} #wpforo #wpforo-wrap .wpf-sr-meta-item{ color:#999999;} #wpforo #wpforo-wrap .wpf-sr-meta-item i{ color:#cccccc;} #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:#666666;} #wpforo #wpforo-wrap .wpf-sr-body .wpf-search-highlight{ background:#fef08a;} #wpforo #wpforo-wrap .wpf-sr-tags .wpf-tag{ background:#e6e6e6; color:#555555;} #wpforo #wpforo-wrap .wpf-sr-tags .wpf-tag:hover{ background:#cccccc;} #wpforo #wpforo-wrap .wpf-sr-view-link:hover{ background:#dff4ff;} #wpforo #wpforo-wrap .wpf-sr-empty{ background:#F5F5F5; border:1px dashed #cccccc;} #wpforo #wpforo-wrap .wpf-sr-empty-icon{ color:#cccccc;} #wpforo #wpforo-wrap .wpf-sr-empty p{ color:#999999;} #wpforo #wpforo-wrap #wpforo-recent-title { color:#333333; } #wpforo #wpforo-wrap .wpforo-recent-wrap .wpf-recent-bar{ background:#F5F5F5; border:#e6e6e6 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:#e6e6e6 1px solid; } #wpforo #wpforo-wrap .wpforo-recent-wrap .wpforo-recent-content .wpf-ttr{ background: #FAFAFA;} #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:#666666} #wpforo #wpforo-wrap .wpf-action, .wpf-notifications .wpf-action{ color: #999999; } #wpforo #wpforo-wrap .wpf-action:hover, .wpf-notifications .wpf-action:hover{ cursor: pointer; color: #659FBE; } #wpforo #wpforo-wrap .wpf-action.wpforo-tools {color: #3F7796;} #wpforo #wpforo-wrap .wpf-action.wpforo-tools:hover{cursor: pointer; color: #3F7796;} #wpforo #wpforo-wrap .wpf-navi .wpf-navi-wrap .wpf-page-info{ color:#666666; } #wpforo #wpforo-wrap .wpf-navi .wpf-navi-wrap .wpf-prev-button{ background:#43A6DF; color:#FFFFFF;} #wpforo #wpforo-wrap .wpf-navi .wpf-navi-wrap .wpf-next-button{ background:#43A6DF; color:#FFFFFF;} #wpforo #wpforo-wrap #wpforo-stat-header{ color: #555555; border-bottom: 1px solid #cccccc;} #wpforo #wpforo-wrap #wpforo-stat-body .wpf-stat-item{border-right:1px solid #e6e6e6;} #wpforo #wpforo-wrap #wpforo-stat-body .wpf-stat-item i{color:#777777;} #wpforo #wpforo-wrap #wpforo-stat-body .wpf-stat-item .wpf-stat-value{color:#777777;} #wpforo #wpforo-wrap #wpforo-stat-body .wpf-stat-item .wpf-stat-label{border-top:1px dotted #cccccc; color:#777777;} #wpforo #wpforo-wrap #wpforo-stat-body .wpf-last-info i{color:#777777;} #wpforo #wpforo-wrap #wpforo-poweredby{ border-top: 1px solid #e6e6e6;} #wpforo #wpforo-wrap #wpforo-stat-header .wpf-footer-title{ border-bottom: 3px solid #43A6DF; margin-bottom: -2px;} #wpforo #wpforo-wrap .wpf-footer-box{background-color:#F5F5F5;} #wpforo #wpforo-wrap #wpforo-stat-body .wpf-newest-member svg, #wpforo #wpforo-wrap #wpforo-stat-body .wpf-newest-post svg{fill:#777777;} #wpforo #wpforo-wrap #wpforo-stat-body.wpf-new svg, #wpforo #wpforo-wrap #wpforo-stat-body .wpf-all-read i{color:#4a8eb3;} #wpforo #wpforo-wrap .widget-title, .wpforo-widget-wrap .widget-title{ border-bottom:2px solid #e6e6e6;} #wpforo #wpforo-wrap .wpforo-widget-wrap .wpforo-widget-content li, .wpforo-widget-wrap .wpforo-widget-content li{ border-bottom:1px dotted #cccccc; } /* Topic Tags Widget - Clean Flat Colors */ .wpforo-widget-wrap .wpf-widget-tags li{border: none!important; background-color: #F5F5F5!important;} .wpforo-widget-wrap .wpf-widget-tags li a{color: #666666!important;} .wpforo-widget-wrap .wpf-widget-tags li span{color: #999999!important;} .wpforo-widget-wrap .wpf-widget-tags li:hover{background-color: #659FBE!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: #659FBE!important;} .ui-dialog { z-index: 999998 !important; } .wpf-video{ margin: 10px !important; } .ui-dialog .ui-widget-header{ background-color: #43A6DF!important; border-bottom:#cccccc 1px solid!important; } .ui-dialog .ui-widget-header span.ui-dialog-title{ color: #FFFFFF !important; } .ui-widget input[type="submit"]:hover{ background:#0099CC; } .ui-widget input[type="submit"]{ background:#43A6DF; color:#FFFFFF; border: 1px solid #0099CC; } #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: #43A6DF; } #wpf_multi_quote .wpf-multi-quote{color: #FFFFFF; background: #43A6DF;} body.wpf-dark #wpf_multi_quote .wpf-multi-quote{color: #3F7796;} #wpf-msg-box a{color:#FFFFFF;} #wpf-msg-box a:hover{color:#e6e6e6;} #wpf-msg-box > p{color:#FFFFFF!important;background-color:#43A6DF;background:-moz-linear-gradient(#43A6DF);background:-o-linear-gradient(#43A6DF);background:linear-gradient(#43A6DF);} #wpf-msg-box > p:after{border-color:transparent #43A6DF;} #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:#3F7796!important;} body.wpf-dark #wpf-msg-box a:hover, body.wpf-dark #wpf-msg-box a:active{color:#659FBE!important;} #wpforo #wpforo-wrap .wpf-field { border-bottom: 1px dashed #cccccc;} #wpforo #wpforo-wrap .wpf-field .wpf-label i{ color: #777777; } #wpforo #wpforo-wrap .wpf-field:not(.wpf-field-type-tinymce) .wpf-field-wrap i{ color: #777777; } #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 #e6e6e6;} #wpforo #wpforo-wrap .wpf-field input::-webkit-input-placeholder, #wpforo #wpforo-wrap .wpf-field textarea::-webkit-input-placeholder { color: #999999;} #wpforo #wpforo-wrap .wpf-field input::-moz-placeholder, #wpforo #wpforo-wrap .wpf-field textarea::-moz-placeholder {color: #999999;} #wpforo #wpforo-wrap .wpf-field input:-ms-input-placeholder, #wpforo #wpforo-wrap .wpf-field textarea:-ms-input-placeholder {color: #999999;} #wpforo #wpforo-wrap .wpf-field input:-moz-placeholder, #wpforo #wpforo-wrap .wpf-field textarea:-moz-placeholder {color: #999999;} #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: #ff812d;} #wpforo #wpforo-wrap .wpf-field .wpf-field-wrap .mce-tinymce.mce-container.mce-panel{border: 3px solid #F5F5F5; border-width: 3px !important;} #wpforo #wpforo-wrap .wpf-add-topic-title{border: 1px dashed #43A6DF; color: #43A6DF; border-right: none; border-left: none;} #wpforo #wpforo-wrap .wpf-acp-header{border-bottom: 1px dashed #43A6DF;} #wpforo #wpforo-wrap .wpf-acp-header .wpf-acp-toggle i{color: #43A6DF;} #wpforo #wpforo-wrap .wpf-tools {background: #FFFFFF; border-left: 3px dashed #cccccc;} #wpforo #wpforo-wrap .wpf-tools .wpf-tool-tabs .wpf-tool-tab{ border-bottom-color: #999999; } #wpforo #wpforo-wrap .wpf-tools .wpf-tool-tabs .wpf-tool-tab.wpf-tt-active{ border-bottom-color: #43A6DF; color:#43A6DF; } #wpforo #wpforo-wrap .wpf-tools .wpf-tool h3{ color: #e6e6e6} #wpforo #wpforo-wrap .wpf-tools .wpf-tool .wpf-tool-desc{ color: #999999;} #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 #dadada; border-left: 3px solid #dadada; } #wpforo #wpforo-wrap .wpf-tools .wpf-tool .wpf-split-posts ul li{border-bottom: 1px dotted #cccccc;} #wpforo #wpforo-wrap .wpf-tools .wpf-tool li input[type="text"]::placeholder {color: #cccccc; opacity: 1;} #wpforo #wpforo-wrap .wpf-tools .wpf-tool li input[type="text"]:-ms-input-placeholder {color: #cccccc;} #wpforo #wpforo-wrap .wpf-tools .wpf-tool li input[type="text"]::-ms-input-placeholder {color: #cccccc;} #wpforo #wpforo-wrap .wpf-sb-1{color:#cccccc;background-color:#F5F5F5;} #wpforo #wpforo-wrap .wpf-sb-2{color:#43A6DF;background-color:#F5F5F5;} #wpforo #wpforo-wrap .wpf-sb-3{color:#cccccc;background-color:transparent;} #wpforo #wpforo-wrap .wpf-sb-4{color:#43A6DF;background-color:transparent;} #wpforo #wpforo-wrap .wpf-sb .wpf-sb-buttons i{color: #cccccc;} #wpforo #wpforo-wrap .wpf-sb .wpf-sb-toggle .wpfsa{color:#43A6DF!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 #e6e6e6;} #wpforo #wpforo-wrap .wpfl-2 .wpf-sb-right, #wpforo #wpforo-wrap .wpfl-3 .wpf-sb-right{ border-top:1px solid #e6e6e6;} #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 #3F7796;} [dir="rtl"] #wpforo #wpforo-wrap .wpf-sb.wpf-sb-top .wpf-sb-buttons{border-right: 1px dotted #3F7796; border-left:none;} #wpforo #wpforo-wrap .wpf-sb.wpf-sb-top.sb-tt-expanded .wpf-sb-buttons i{color:#3F7796;} #wpforo #wpforo-wrap .wpf-sbtn {color: #555555;} #wpforo #wpforo-wrap .wpf-sbtn .wpf-sbtn-title i{color: #999999;} #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: #e6e6e6;} #wpforo #wpforo-wrap .wpforo-revisions-wrap *{border-color: #43A6DF !important;} #wpforo #wpforo-wrap .wpforo-revision{background-color: #F5F5F5; box-shadow: 0 0 4px #cccccc;} #wpforo #wpforo-wrap .wpforo-revision .wpforo-revision-top{color: #666666;} #wpforo #wpforo-wrap .wpforo-revisions-wrap .wpforo-revision-body{background-color: #FFFFFF; color: #555555;} #wpforo #wpforo-wrap .wpf-topic-form-wrap > .wpf-extra-fields{border-top:1px #e6e6e6 solid;} #wpforo #wpforo-wrap.wpf-dark .wpforo-revision .wpforo-revision-top{color: #999999;} #wpforo #wpforo-wrap.wpf-dark .wpforo-revisions-wrap .wpforo-revision-body{background-color: #e6e6e6; color: #3F7796;} @media screen and (max-width:800px) { #wpforo #wpforo-wrap #wpforo-menu .wpf-menu{background-color:#F5F5F5;} #wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-right .wpforo-post-content-top{border-top: 1px solid #e6e6e6; } } #wpforo #wpforo-wrap.wpf-dark { color: #3F7796; } #wpforo #wpforo-wrap.wpf-dark .wpfcl-3{ color:#3F7796!important; } #wpforo #wpforo-wrap.wpf-dark .wpfcl-1{ color:#3F7796!important; } #wpforo #wpforo-wrap.wpf-dark .wpfcl-4{ color:#3F7796!important; } #wpforo #wpforo-wrap.wpf-dark .wpf-action{ color: #3F7796; } #wpforo #wpforo-wrap.wpf-dark .wpforo-post .wpforo-post-content p{ color:#3F7796; } #wpforo #wpforo-wrap.wpf-dark #wpforo-menu li a { color: #3F7796; } #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .head-stat-lastpost, #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .head-stat-lastpost{ color: #3F7796; } #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .wpforo-last-post{ color: #3F7796; } #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .wpforo-topic-stat-lastpost, #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .wpforo-topic-stat-lastpost{ color: #3F7796; } #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .wpforo-forum-description, #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .wpforo-forum-description{ color: #3F7796; } #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:#3F7796; } #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:#3F7796; } #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:#3F7796; } #wpforo #wpforo-wrap.wpf-dark .wpfl-1 .wpforo-topic-stat-posts, #wpforo #wpforo-wrap.wpf-dark .wpfl-1 .wpforo-topic-stat-views{ color:#3F7796; } #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .wpforo-topic-stat-posts, #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .wpforo-topic-stat-views{ color:#3F7796; } #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .wpforo-topic-stat-posts, #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .wpforo-topic-stat-views{ color:#3F7796; } #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:#3F7796; } #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:#3F7796; } #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:#3F7796; } #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:#3F7796; } #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:#3F7796; } #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:#3F7796; } #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:#3F7796; } #wpforo #wpforo-wrap.wpf-dark #wpforo-stat-header{ color: #3F7796; border-bottom: 1px solid #cccccc;} #wpforo #wpforo-wrap.wpf-dark .wpf-button{ color:#3F7796!important; } #wpforo #wpforo-wrap.wpf-dark .wpf-topic-create .wpf-subject{background-color:#333333} #wpforo #wpforo-wrap.wpf-dark .wpf-topic-create{background-color:#F5F5F5} #wpforo #wpforo-wrap.wpf-dark .wpf-topic-create div.mce-toolbar-grp{background-color:#F5F5F5} #wpforo #wpforo-wrap.wpf-dark .wpf-post-create .wpf-subject{background-color:#333333} #wpforo #wpforo-wrap.wpf-dark .wpf-post-create{background-color:#F5F5F5} #wpforo #wpforo-wrap.wpf-dark .wpf-post-create div.mce-toolbar-grp{background-color:#F5F5F5} #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:#555555;background-color:#333333;} #wpforo #wpforo-wrap.wpf-dark input[type="text"].wpf-search-field{background-color:transparent; color:#3F7796; } #wpforo #wpforo-wrap.wpf-dark .wpf-field input::-webkit-input-placeholder, #wpforo #wpforo-wrap.wpf-dark .wpf-field textarea::-webkit-input-placeholder { color: #cccccc;} #wpforo #wpforo-wrap.wpf-dark .wpf-field input::-moz-placeholder, #wpforo #wpforo-wrap.wpf-dark .wpf-field textarea::-moz-placeholder {color: #cccccc;} #wpforo #wpforo-wrap.wpf-dark .wpf-field input:-ms-input-placeholder, #wpforo #wpforo-wrap.wpf-dark .wpf-field textarea:-ms-input-placeholder {color: #cccccc;} #wpforo #wpforo-wrap.wpf-dark .wpf-field input:-moz-placeholder, #wpforo #wpforo-wrap.wpf-dark .wpf-field textarea:-moz-placeholder {color: #cccccc;} #wpforo #wpforo-wrap.wpf-dark #wpforo-stat-body{border:none;} #wpforo #wpforo-wrap.wpf-dark .wpforo-members-content table tr{ background-color:#F5F5F5!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: #F5F5F5;} #wpforo #wpforo-wrap.wpf-dark .wpf-field .wpf-field-wrap { color:#777777} #wpforo #wpforo-wrap.wpf-dark .wpf-field:not(.wpf-field-type-tinymce) .wpf-field-wrap i{ color:#cccccc} #wpforo #wpforo-wrap.wpf-dark .wpf-table .wpfw-1 .wpf-field:nth-child(even) {background-color: #cccccc;} #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:#777777} #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:#777777} #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:#777777} #wpforo #wpforo-wrap.wpf-dark .wpf-tools .wpf-tool .wpf-split-posts{background: #666666; border:none; } #wpforo #wpforo-wrap.wpf-dark .wpf-tools .wpf-tool .wpf-split-posts ul li{border-bottom: 1px dotted #333333;} #wpforo #wpforo-wrap.wpf-dark .wpf-tools .wpf-tool li input[type="text"]{background: #dadada;} #wpforo #wpforo-wrap.wpf-dark .wpf-sbtn .wpf-sbtn-title{ color: #777777} #wpforo #wpforo-wrap.wpf-dark .wpf-sbtn.wpf-sb-style-grey .wpf-sb-button {background: #666666;} #wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-cat-forum-list .wpf-forum-item a{color: #777777;} #wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-cat-forum-list .wpf-forum-item a:hover{color: #3F7796;} #wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-cat-forum-list .wpf-forum-item .wpf-forum-item-stat{color: #777777;} #wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-threads-head .wpf-head-box{color: #777777;} #wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-thread-users a img{background:#3F7796} #wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-thread-box{color: #4a8eb3;} #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 #e6e6e6;} #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 #F5F5F5; background-color: #cccccc;} #wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-child-post .wpf-content-foot { border-top: #999999 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: #3F7796; border: 1px solid #ff812d; } #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:#F5F5F5} #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: #777777;} #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .wpforo-forum-info{color: #777777;} #wpforo #wpforo-wrap.wpf-dark .wpforo-profile-wrap .h-bottom .wpf-profile-menu:hover{color:#333333; } #wpforo #wpforo-wrap.wpf-dark .wpforo-recent-wrap .wpforo-recent-content .wpf-htr{ color:#3F7796; } #wpf-widget-profile.wpf-dark .wpf-prof-footer .wpf-prof-buttons a:not(:last-child){color:#FFFFFF; background:#333333;} #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:#666666;} #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:#333333;} #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:#666666!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, #659FBE 0%, #659FBE 50%, rgba(0,115,170,0.4) 100%);} /* Icon Node */ #wpforo #wpforo-wrap .wpf-timeline-icon{border-color: #cccccc; color: #cccccc;} /* User link hover */ #wpforo #wpforo-wrap .wpf-timeline-user a:hover{color: #43A6DF;} /* Filter select focus */ #wpforo #wpforo-wrap .wpf-recent-activity-filter-form select:focus{border-color: #43A6DF;} /* Recent Activity label links */ #wpforo #wpforo-wrap .wpf-recent-activity-label a{color: #43A6DF;} /* Timeline card border */ #wpforo #wpforo-wrap .wpf-timeline-card{border-color: #e6e6e6;} #wpforo #wpforo-wrap .wpf-timeline-card::after{border-right-color: #e6e6e6;} #wpforo #wpforo-wrap .wpf-timeline-date-stick{border-bottom: 2px dashed #659FBE;} /* Tag sort controls (Frequency / A-Z / Z-A) - dynamic colors */ #wpforo #wpforo-wrap .wpf-tags-sort .wpf-tags-sort__label{color:#666666;} #wpforo #wpforo-wrap .wpf-tags-sort a{background:#F5F5F5;border-color:#e6e6e6;color:#333333;} #wpforo #wpforo-wrap .wpf-tags-sort a:hover{background:#e6e6e6;color:#333333;} #wpforo #wpforo-wrap .wpf-tags-sort a.is-active{background:#43A6DF;border-color:#0099CC;color:#FFFFFF;} #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:#43A6DF; 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:#43A6DF; color:#FFFFFF; opacity: 0.85;} /* ========================================================= HCL 63 TEAM HUB — MASTER VISUAL SYSTEM Page ID: 136 wpForo 3.1.5 / 2026 Theme PURPOSE Premium internal campaign command center that visually belongs to the HCL 63 public website. BREAKPOINTS Desktop 1024 820 768 430 390 375 ========================================================= */ /* ========================================================= 1. DESIGN TOKENS ========================================================= */ body.page-id-136 { --hub-paper: var(--hcl63-paper, #f7f3ea); --hub-paper-soft: #faf8f2; --hub-bone: var(--hcl63-bone, #eee7dc); --hub-bone-soft: #f3eee6; --hub-bone-deep: var(--hcl63-bone-deep, #e5ddd0); --hub-white: var(--hcl63-white, #ffffff); --hub-ink: var(--hcl63-ink, #111310); --hub-ink-soft: var(--hcl63-ink-soft, #5f625d); --hub-muted: var(--hcl63-muted, #86857e); --hub-forest: var(--hcl63-forest, #173d38); --hub-forest-deep: var(--hcl63-forest-deep, #0f2d29); --hub-forest-soft: rgba(23, 61, 56, 0.065); --hub-coral: var(--hcl63-coral, #c96f5b); --hub-coral-hover: var(--hcl63-coral-hover, #ad5948); --hub-coral-soft: rgba(201, 111, 91, 0.10); --hub-gold: var(--hcl63-gold, #c5a35d); --hub-gold-soft: rgba(197, 163, 93, 0.13); --hub-border: rgba(17, 19, 16, 0.13); --hub-border-light: rgba(17, 19, 16, 0.075); --hub-border-dark: rgba(15, 45, 41, 0.22); --hub-font-display: var(--hcl63-font-display, Georgia, "Times New Roman", serif); --hub-font-sans: var(--hcl63-font-sans, Arial, Helvetica, sans-serif); --hub-radius-xs: 2px; --hub-radius-sm: 4px; --hub-radius-md: 6px; --hub-transition: 160ms ease; --hub-shell-width: min(1280px, calc(100vw - 64px)); --hub-author-width: 188px; background: var(--hub-paper); color: var(--hub-ink); } /* ========================================================= 2. GLOBAL BOX MODEL / BASE ========================================================= */ body.page-id-136 #wpforo, body.page-id-136 #wpforo *, body.page-id-136 #wpforo *::before, body.page-id-136 #wpforo *::after { box-sizing: border-box; } body.page-id-136 #wpforo #wpforo-wrap { width: 100%; max-width: none; margin: 0; padding: 0; background: transparent; color: var(--hub-ink); font-family: var(--hub-font-sans); font-size: 13px; line-height: 1.55; } body.page-id-136 #wpforo #wpforo-wrap a { color: var(--hub-forest); text-decoration-color: rgba(23, 61, 56, 0.32); text-underline-offset: 2px; transition: color var(--hub-transition), background-color var(--hub-transition), border-color var(--hub-transition), opacity var(--hub-transition); } body.page-id-136 #wpforo #wpforo-wrap a:hover { color: var(--hub-coral-hover); } body.page-id-136 #wpforo #wpforo-wrap :focus-visible { outline: 2px solid var(--hub-coral) !important; outline-offset: 3px !important; } /* ========================================================= 3. WORDPRESS PAGE SHELL ========================================================= */ body.page-id-136 main { padding-top: 8px !important; background: var(--hub-paper); } body.page-id-136 .wp-block-post-content { margin-top: 0 !important; } body.page-id-136 .wp-block-post-title, body.page-id-136 #wpforo { width: var(--hub-shell-width) !important; max-width: none !important; margin-left: 50% !important; margin-right: 0 !important; transform: translateX(-50%); } /* ========================================================= 4. PAGE TITLE ========================================================= */ body.page-id-136 .wp-block-post-title { position: relative; margin-top: 0 !important; margin-bottom: 30px !important; padding: 0 0 22px !important; color: var(--hub-ink) !important; font-family: var(--hub-font-display) !important; font-size: clamp(3rem, 4.2vw, 4.55rem) !important; font-weight: 500 !important; line-height: 0.98 !important; letter-spacing: -0.05em !important; } body.page-id-136 .wp-block-post-title::after { content: ""; position: absolute; left: 0; bottom: 0; width: min(180px, 22vw); height: 2px; background: linear-gradient( 90deg, var(--hub-coral) 0 38%, var(--hub-gold) 38% 66%, rgba(23, 61, 56, 0.20) 66% 100% ); } /* ========================================================= 5. MAIN FORUM WRAPPER ========================================================= */ body.page-id-136 #wpforo { margin-bottom: 76px !important; } body.page-id-136 #wpforo #wpforo-wrap { border: 0 !important; box-shadow: none !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-content { width: 100% !important; max-width: none !important; } body.page-id-136 #wpforo #wpforo-wrap.wpft-forum #wpforo-title { display: none !important; } /* Generic theme footer is not part of the Team Hub product. */ body.page-id-136 footer.wp-block-template-part { display: none !important; } /* ========================================================= 6. TOP FORUM NAVIGATION ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu { min-height: 56px; display: flex; align-items: stretch; background: var(--hub-forest-deep) !important; border: 1px solid var(--hub-forest-deep) !important; border-radius: var(--hub-radius-sm) var(--hub-radius-sm) 0 0 !important; box-shadow: none !important; overflow: visible; } body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu .wpf-left { flex: 1 1 auto; } body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu #wpf-menu { height: 100%; } body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu #wpf-menu li { background: transparent !important; } body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu #wpf-menu li > a { min-height: 54px; display: flex; align-items: center; padding: 0 22px !important; color: rgba(255, 255, 255, 0.76) !important; background: transparent !important; font-family: var(--hub-font-sans); font-size: 0.77rem !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 0.02em !important; text-decoration: none !important; box-shadow: none !important; } body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu #wpf-menu li:hover { background: rgba(255, 255, 255, 0.055) !important; } body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu #wpf-menu li > a:hover { color: var(--hub-white) !important; } body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu #wpf-menu li.wpforo-active, body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu #wpf-menu li.current-menu-item { background: rgba(255, 255, 255, 0.07) !important; } body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu #wpf-menu li.wpforo-active > a, body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu #wpf-menu li.current-menu-item > a { color: var(--hub-white) !important; box-shadow: inset 0 -3px 0 var(--hub-coral) !important; } /* ========================================================= 7. WPForo MOBILE MENU BUTTON ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpf-res-menu { color: var(--hub-white) !important; } /* ========================================================= 8. NOTIFICATION / SEARCH AREA ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpf-bar-right { min-width: 108px; display: flex; align-items: center; justify-content: flex-end; gap: 2px; padding-right: 12px; background: transparent !important; } body.page-id-136 #wpforo #wpforo-wrap .wpf-bell, body.page-id-136 #wpforo #wpforo-wrap .wpf-search-form { width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; margin: 0; border-radius: var(--hub-radius-sm); color: rgba(255, 255, 255, 0.76) !important; transition: background-color var(--hub-transition), color var(--hub-transition); } body.page-id-136 #wpforo #wpforo-wrap .wpf-bell:hover, body.page-id-136 #wpforo #wpforo-wrap .wpf-search-form:hover { background: rgba(255, 255, 255, 0.08); color: var(--hub-white) !important; } body.page-id-136 #wpforo #wpforo-wrap .wpf-bell svg, body.page-id-136 #wpforo #wpforo-wrap .wpf-search-form i { color: currentColor !important; } body.page-id-136 #wpforo #wpforo-wrap .wpf-search-field { background: var(--hub-white) !important; border-color: rgba(255, 255, 255, 0.25) !important; } /* ========================================================= 9. BREADCRUMB / SUBTOP ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-subtop { min-height: 48px; background: var(--hub-paper-soft) !important; border-left: 1px solid var(--hub-border) !important; border-right: 1px solid var(--hub-border) !important; border-bottom: 1px solid var(--hub-border) !important; } body.page-id-136 #wpforo #wpforo-wrap .wpf-breadcrumb { min-height: 47px; display: flex; align-items: center; background: transparent !important; border: 0 !important; } body.page-id-136 #wpforo #wpforo-wrap .wpf-breadcrumb a { color: var(--hub-muted) !important; } body.page-id-136 #wpforo #wpforo-wrap .wpf-breadcrumb a:hover, body.page-id-136 #wpforo #wpforo-wrap .wpf-breadcrumb a.active { color: var(--hub-forest) !important; } /* ========================================================= 10. CATEGORY / SECTION CONTAINERS ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-section { margin-top: 22px; background: var(--hub-white); border: 1px solid var(--hub-border); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7), 0 10px 26px rgba(15, 45, 41, 0.035); } body.page-id-136 #wpforo #wpforo-wrap .wpforo-section:first-of-type { margin-top: 22px; } /* ========================================================= 11. CATEGORY BAR ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-category { position: relative; min-height: 74px; display: flex; align-items: center; margin: 0 !important; padding: 0 28px !important; background: linear-gradient( 90deg, var(--hub-bone) 0%, var(--hub-bone-soft) 100% ) !important; border: 0 !important; border-bottom: 1px solid var(--hub-border) !important; border-left: 3px solid var(--hub-coral) !important; color: var(--hub-forest-deep) !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-category::after { content: ""; position: absolute; left: 28px; bottom: -1px; width: 46px; height: 1px; background: var(--hub-gold); } body.page-id-136 #wpforo #wpforo-wrap .wpforo-category .cat-name { color: var(--hub-forest-deep) !important; font-family: var(--hub-font-sans) !important; font-size: 0.79rem !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: 0.115em !important; text-transform: uppercase !important; } /* Category-level Add Topic does not belong in main navigation. */ body.page-id-136 #wpforo #wpforo-wrap.wpft-forum .wpforo-category .wpf-button, body.page-id-136 #wpforo #wpforo-wrap.wpft-forum .wpforo-category .wpf-new-button, body.page-id-136 #wpforo #wpforo-wrap.wpft-forum .wpforo-category .wpf-add-topic { display: none !important; } /* ========================================================= 12. STANDARD FORUM ROWS — EXTENDED LAYOUT ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpfl-1 .forum-wrap > .wpforo-forum { position: relative; display: grid !important; grid-template-columns: 48px minmax(0, 1fr) 38px; align-items: center; column-gap: 20px; min-height: 108px; padding: 20px 26px !important; background: var(--hub-white) !important; border: 0 !important; border-bottom: 1px solid var(--hub-border-light) !important; transition: background-color var(--hub-transition), transform var(--hub-transition); } body.page-id-136 #wpforo #wpforo-wrap .wpfl-1 .forum-wrap > .wpforo-forum:hover { background: var(--hub-paper-soft) !important; } /* ========================================================= 13. STANDARD FORUM ICONS REMOVE INLINE RAINBOW COLORS ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpfl-1 .wpforo-forum > .wpforo-forum-icon { width: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-1 .wpforo-forum > .wpforo-forum-icon > div { width: 42px !important; height: 42px !important; background: var(--hub-paper) !important; border: 1px solid var(--hub-gold) !important; border-radius: 50% !important; box-shadow: inset 0 0 0 4px rgba(197, 163, 93, 0.08); } body.page-id-136 #wpforo #wpforo-wrap .wpfl-1 .wpforo-forum > .wpforo-forum-icon i { color: var(--hub-forest) !important; font-size: 0.95rem !important; } /* Unread forums become coral, not arbitrary plugin colors. */ body.page-id-136 #wpforo #wpforo-wrap .wpfl-1 .wpf-unread-forum > .wpforo-forum > .wpforo-forum-icon > div { border-color: var(--hub-coral) !important; background: var(--hub-coral-soft) !important; box-shadow: inset 0 0 0 4px rgba(201, 111, 91, 0.05); } body.page-id-136 #wpforo #wpforo-wrap .wpfl-1 .wpf-unread-forum > .wpforo-forum > .wpforo-forum-icon i { color: var(--hub-coral) !important; } /* ========================================================= 14. STANDARD FORUM INFO ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-info { width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-forum-title { margin: 0 !important; padding: 0 !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-forum-title, body.page-id-136 #wpforo #wpforo-wrap .wpforo-forum-title a { color: var(--hub-forest-deep) !important; font-family: var(--hub-font-sans) !important; font-size: 1rem !important; font-weight: 800 !important; line-height: 1.24 !important; letter-spacing: -0.017em !important; text-decoration: none !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-forum-title a:hover { color: var(--hub-coral-hover) !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-forum-description { margin: 7px 0 0 !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-forum-description, body.page-id-136 #wpforo #wpforo-wrap .wpforo-forum-description p { color: var(--hub-ink-soft) !important; font-family: var(--hub-font-sans); font-size: 0.805rem !important; line-height: 1.52 !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-forum-description p { margin: 0 !important; } /* Inline topic/post count block generated by wpForo */ body.page-id-136 #wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-info > div[style*="font-size: 12px"] { margin-top: 8px !important; padding-top: 0 !important; color: var(--hub-muted) !important; font-size: 0.69rem !important; font-weight: 600 !important; letter-spacing: 0.015em; } /* ========================================================= 15. EXPAND / COLLAPSE TOGGLE ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-forum-topic-toggle { width: 36px; display: flex; align-items: center; justify-content: center; color: var(--hub-muted); } body.page-id-136 #wpforo #wpforo-wrap .wpforo-forum-topic-toggle i { font-size: 0.92rem !important; color: var(--hub-muted) !important; transition: color var(--hub-transition), transform var(--hub-transition); } body.page-id-136 #wpforo #wpforo-wrap .wpforo-forum-topic-toggle:hover i { color: var(--hub-coral) !important; } /* ========================================================= 16. RECENT TOPIC LIST ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap [class*="wpforo-last-topics-"] { background: var(--hub-paper-soft); } body.page-id-136 #wpforo #wpforo-wrap [class*="wpforo-last-topics-"] > div:first-child { display: none !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topics-list { padding: 0 !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topics-list ul { margin: 0 !important; padding: 0 !important; list-style: none; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topics-list li { display: grid !important; grid-template-columns: 38px minmax(0, 1fr) 34px 126px; align-items: center; column-gap: 14px; min-height: 62px; margin: 0 !important; padding: 10px 26px 10px 90px !important; background: var(--hub-paper-soft) !important; border: 0 !important; border-top: 1px solid var(--hub-border-light) !important; transition: background-color var(--hub-transition); } body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topics-list li:hover { background: var(--hub-bone-soft) !important; } /* ========================================================= 17. PIN / TOPIC ICON ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-icon { width: 38px !important; margin: 0 !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-icon > div { width: 34px !important; height: 34px !important; background: var(--hub-white) !important; border: 1px solid var(--hub-border) !important; border-radius: var(--hub-radius-sm) !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-icon i { color: var(--hub-coral) !important; font-size: 0.78rem !important; } /* ========================================================= 18. RECENT TOPIC TITLE ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-title { min-width: 0; color: var(--hub-forest); } body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-title a { display: block; min-width: 0; color: var(--hub-forest) !important; font-size: 0.77rem !important; font-weight: 700 !important; line-height: 1.35 !important; text-decoration: none !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-title a:hover { color: var(--hub-coral-hover) !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-title > div { margin-top: 2px; color: var(--hub-muted) !important; font-size: 0.67rem !important; } /* ========================================================= 19. RECENT TOPIC AVATAR / USER ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-avatar img { width: 30px !important; height: 30px !important; border: 1px solid var(--hub-border) !important; border-radius: 50%; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-user { min-width: 0; color: var(--hub-muted) !important; font-size: 0.66rem !important; line-height: 1.35 !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-user a { color: var(--hub-coral) !important; font-weight: 600 !important; text-decoration: none !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-date { color: var(--hub-muted) !important; } /* ========================================================= 20. START HERE — SIMPLIFIED FEATURED SECTION ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .forum-wrap > .wpforo-forum { display: grid !important; grid-template-columns: 48px minmax(0, 1fr) minmax(380px, 43%); align-items: center; column-gap: 20px; min-height: 120px; padding: 20px 26px !important; background: linear-gradient( 90deg, var(--hub-white) 0%, var(--hub-white) 65%, var(--hub-paper-soft) 100% ) !important; border: 0 !important; } /* ========================================================= 21. START HERE ICON ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-icon { width: 48px !important; display: flex !important; align-items: center; justify-content: center; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-icon > div { width: 42px !important; height: 42px !important; background: var(--hub-gold-soft) !important; border: 1px solid var(--hub-gold) !important; border-radius: 50% !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-icon i { color: var(--hub-forest) !important; } /* ========================================================= 22. START HERE DATA ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-data { width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpf-compact-view { display: grid !important; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 18px; width: 100% !important; } /* ========================================================= 23. START HERE TOPIC / POST COUNTS ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpf-compact-left { display: flex !important; flex-direction: column; gap: 3px; width: auto !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpf-compact-row { color: var(--hub-muted) !important; font-size: 0.69rem !important; font-weight: 600 !important; line-height: 1.4 !important; } /* ========================================================= 24. START HERE LATEST ACTIVITY CARD ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpf-compact-last-post { display: grid !important; grid-template-columns: 36px minmax(0, 1fr); align-items: center; gap: 12px; min-width: 0; padding: 11px 14px !important; background: var(--hub-white) !important; border: 1px solid var(--hub-border-light) !important; border-left: 2px solid var(--hub-coral) !important; border-radius: var(--hub-radius-sm) !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpf-cl-avatar { width: 36px !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpf-cl-avatar img { width: 34px !important; height: 34px !important; border: 1px solid var(--hub-border) !important; border-radius: 50% !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpf-cl-content { min-width: 0; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpf-cl-title { margin: 0 !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpf-cl-title a { display: block; min-width: 0; color: var(--hub-forest) !important; font-size: 0.74rem !important; font-weight: 700 !important; line-height: 1.35 !important; text-decoration: none !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpf-cl-author { margin: 3px 0 0 !important; color: var(--hub-muted) !important; font-size: 0.65rem !important; line-height: 1.3 !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpf-cl-author a { color: var(--hub-coral) !important; font-weight: 600 !important; } /* ========================================================= 25. REMOVE WPForo ORANGE / BLUE SYSTEM COLORS ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpfcl-5, body.page-id-136 #wpforo #wpforo-wrap .wpfcl-10, body.page-id-136 #wpforo #wpforo-wrap .fa-thumbtack, body.page-id-136 #wpforo #wpforo-wrap .fa-map-pin { color: var(--hub-coral) !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfbg-5, body.page-id-136 #wpforo #wpforo-wrap .wpfbg-10 { background-color: var(--hub-coral) !important; } /* ========================================================= 26. BUTTONS ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpf-button, body.page-id-136 #wpforo #wpforo-wrap a.wpf-button, body.page-id-136 #wpforo #wpforo-wrap button[type="submit"], body.page-id-136 #wpforo #wpforo-wrap input[type="submit"] { min-height: 44px; padding: 9px 17px !important; background: var(--hub-forest) !important; color: var(--hub-white) !important; border: 1px solid var(--hub-forest) !important; border-radius: var(--hub-radius-sm) !important; font-family: var(--hub-font-sans); font-size: 0.76rem !important; font-weight: 800 !important; box-shadow: none !important; transition: background-color var(--hub-transition), border-color var(--hub-transition), transform var(--hub-transition); } body.page-id-136 #wpforo #wpforo-wrap .wpf-button:hover, body.page-id-136 #wpforo #wpforo-wrap a.wpf-button:hover, body.page-id-136 #wpforo #wpforo-wrap button[type="submit"]:hover, body.page-id-136 #wpforo #wpforo-wrap input[type="submit"]:hover { background: var(--hub-forest-deep) !important; border-color: var(--hub-forest-deep) !important; } /* ========================================================= 27. FORMS ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap input[type="text"], body.page-id-136 #wpforo #wpforo-wrap input[type="email"], body.page-id-136 #wpforo #wpforo-wrap input[type="password"], body.page-id-136 #wpforo #wpforo-wrap input[type="search"], body.page-id-136 #wpforo #wpforo-wrap select, body.page-id-136 #wpforo #wpforo-wrap textarea { max-width: 100%; background: var(--hub-white) !important; color: var(--hub-ink) !important; border: 1px solid var(--hub-border) !important; border-radius: var(--hub-radius-sm) !important; font-family: var(--hub-font-sans); box-shadow: none !important; } body.page-id-136 #wpforo #wpforo-wrap input:focus, body.page-id-136 #wpforo #wpforo-wrap select:focus, body.page-id-136 #wpforo #wpforo-wrap textarea:focus { border-color: var(--hub-forest) !important; outline: 2px solid rgba(201, 111, 91, 0.45) !important; outline-offset: 1px !important; } /* ========================================================= 28. LOGIN / REGISTRATION ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-login-wrap, body.page-id-136 #wpforo #wpforo-wrap .wpforo-register-wrap { max-width: 760px; margin-inline: auto; } /* ========================================================= 29. TOPIC PAGE TITLE ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap #wpforo-title { margin-top: 28px !important; margin-bottom: 14px !important; padding: 0 2px 17px !important; color: var(--hub-ink) !important; border-bottom: 1px solid var(--hub-border) !important; font-family: var(--hub-font-display) !important; font-size: clamp(1.75rem, 2.4vw, 2.45rem) !important; font-weight: 500 !important; line-height: 1.12 !important; letter-spacing: -0.035em !important; } /* ========================================================= 30. TOPIC HEAD / META ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-topic-head, body.page-id-136 #wpforo #wpforo-wrap .wpforo-post-head { background: var(--hub-bone-soft) !important; border-top: 1px solid var(--hub-border) !important; border-bottom: 1px solid var(--hub-border) !important; box-shadow: none !important; } body.page-id-136 #wpforo #wpforo-wrap .wpf-topic-stat, body.page-id-136 #wpforo #wpforo-wrap .wpf-topic-stat * { color: var(--hub-muted) !important; } /* ========================================================= 31. SUBSCRIBE BUTTON ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpf-subscribe-forum, body.page-id-136 #wpforo #wpforo-wrap .wpf-subscribe-topic, body.page-id-136 #wpforo #wpforo-wrap .wpf-unsubscribe-topic { min-height: 38px; display: inline-flex !important; align-items: center !important; gap: 7px !important; margin: 0 0 16px !important; padding: 7px 13px !important; background: var(--hub-paper-soft) !important; border: 1px solid var(--hub-gold) !important; border-radius: var(--hub-radius-sm) !important; color: var(--hub-forest) !important; font-size: 0.73rem !important; font-weight: 800 !important; box-shadow: none !important; } body.page-id-136 #wpforo #wpforo-wrap .wpf-subscribe-forum:hover, body.page-id-136 #wpforo #wpforo-wrap .wpf-subscribe-topic:hover, body.page-id-136 #wpforo #wpforo-wrap .wpf-unsubscribe-topic:hover { background: var(--hub-forest) !important; border-color: var(--hub-forest) !important; color: var(--hub-white) !important; } /* ========================================================= 32. POST STRUCTURE ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpforo-post { display: flex !important; align-items: stretch !important; background: var(--hub-white) !important; border: 1px solid var(--hub-border) !important; box-shadow: 0 8px 24px rgba(15, 45, 41, 0.025); } /* ========================================================= 33. AUTHOR RAIL ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-left { width: var(--hub-author-width) !important; flex: 0 0 var(--hub-author-width) !important; float: none !important; padding: 25px 18px !important; background: linear-gradient( 180deg, var(--hub-bone-soft), var(--hub-paper-soft) ) !important; border-right: 1px solid var(--hub-border) !important; overflow: hidden !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-left .avatar { width: 78px !important; height: 78px !important; max-width: 78px !important; max-height: 78px !important; background: var(--hub-paper) !important; border: 1px solid var(--hub-gold) !important; box-shadow: 0 0 0 4px rgba(197, 163, 93, 0.07); } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-left .author-name, body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-left .author-name a { color: var(--hub-forest-deep) !important; font-size: 0.8rem !important; font-weight: 800 !important; line-height: 1.35 !important; overflow-wrap: anywhere !important; } body.page-id-136 #wpforo #wpforo-wrap .wpf-author-nicename { color: var(--hub-muted) !important; font-size: 0.67rem !important; } body.page-id-136 #wpforo #wpforo-wrap .author-rating-full { display: none !important; } /* ========================================================= 34. POST RIGHT COLUMN ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-right { min-width: 0 !important; flex: 1 1 auto !important; float: none !important; margin-left: 0 !important; background: var(--hub-white) !important; } /* ========================================================= 35. POST CONTENT TYPOGRAPHY ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpforo-post-content { width: 100%; max-width: 900px !important; padding: 32px 38px !important; color: var(--hub-ink-soft) !important; font-family: var(--hub-font-sans); } body.page-id-136 #wpforo #wpforo-wrap .wpforo-post-content p, body.page-id-136 #wpforo #wpforo-wrap .wpforo-post-content li { font-size: 0.97rem !important; line-height: 1.72 !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-post-content p { margin-top: 0 !important; margin-bottom: 16px !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-post-content strong { color: var(--hub-ink) !important; font-weight: 800 !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-post-content a { color: var(--hub-forest) !important; text-decoration-thickness: 1px !important; text-underline-offset: 3px !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-post-content a:hover { color: var(--hub-coral-hover) !important; } /* ========================================================= 36. QUOTES / CODE ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap blockquote { margin: 22px 0 !important; padding: 16px 18px !important; background: var(--hub-bone-soft) !important; border: 0 !important; border-left: 3px solid var(--hub-gold) !important; color: var(--hub-ink-soft) !important; } /* ========================================================= 37. POST FOOTER ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-post-footer { background: var(--hub-paper-soft) !important; border-top: 1px solid var(--hub-border-light) !important; color: var(--hub-muted) !important; } /* ========================================================= 38. REPLY COMPOSER ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpf-reply-form-title { display: none !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-reply-form h3 { color: var(--hub-ink) !important; font-family: var(--hub-font-display) !important; font-size: clamp(1.55rem, 2vw, 2rem) !important; font-weight: 500 !important; letter-spacing: -0.03em !important; } body.page-id-136 #wpforo #wpforo-wrap .wpf-post-create { padding: 22px !important; background: var(--hub-bone-soft) !important; border: 1px solid var(--hub-border) !important; box-shadow: 0 7px 20px rgba(15, 45, 41, 0.025); } body.page-id-136 #wpforo #wpforo-wrap .wpf-post-create textarea { min-height: 150px !important; background: var(--hub-white) !important; } /* ========================================================= 39. TINYMCE TOOLBAR ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .mce-toolbar-grp, body.page-id-136 #wpforo #wpforo-wrap .mce-toolbar, body.page-id-136 #wpforo #wpforo-wrap .wp-editor-container { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; } /* ========================================================= 40. FORUM JUMP / UTILITIES ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpf-forum-jump { background: var(--hub-bone-soft) !important; border-top: 1px solid var(--hub-border) !important; color: var(--hub-muted) !important; } /* ========================================================= 41. REMOVE LOW-VALUE PUBLIC-FORUM UI ========================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpf-sbtn, body.page-id-136 #wpforo #wpforo-wrap #wpforo-stat-header, body.page-id-136 #wpforo #wpforo-wrap #wpforo-stat-body, body.page-id-136 #wpforo #wpforo-wrap #wpforo-poweredby { display: none !important; } /* ========================================================= 42. TABLET / LAPTOP — 1024 ========================================================= */ @media (max-width: 1024px) { body.page-id-136 { --hub-shell-width: calc(100vw - 48px); --hub-author-width: 168px; } body.page-id-136 .wp-block-post-title { font-size: clamp(2.75rem, 5.7vw, 3.65rem) !important; } body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu #wpf-menu li > a { padding-inline: 17px !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topics-list li { padding-left: 72px !important; grid-template-columns: 36px minmax(0, 1fr) 32px 112px; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .forum-wrap > .wpforo-forum { grid-template-columns: 46px minmax(0, 1fr) minmax(340px, 43%); } } /* ========================================================= 43. TABLET — 820 ========================================================= */ @media (max-width: 820px) { body.page-id-136 { --hub-shell-width: calc(100vw - 36px); --hub-author-width: 154px; } body.page-id-136 .wp-block-post-title { font-size: clamp(2.45rem, 7vw, 3.25rem) !important; } body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu { overflow-x: auto; overflow-y: hidden; scrollbar-width: none; } body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu::-webkit-scrollbar { display: none; } body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu #wpf-menu { min-width: max-content; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-1 .forum-wrap > .wpforo-forum { padding-inline: 20px !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topics-list li { padding-inline: 20px !important; grid-template-columns: 34px minmax(0, 1fr) 30px 98px; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .forum-wrap > .wpforo-forum { grid-template-columns: 44px minmax(0, 1fr) minmax(290px, 42%); } } /* ========================================================= 44. PORTRAIT TABLET / MOBILE — 768 ========================================================= */ @media (max-width: 768px) { body.page-id-136 { --hub-shell-width: calc(100vw - 28px); } body.page-id-136 main { padding-top: 0 !important; } body.page-id-136 .wp-block-post-title { margin-bottom: 20px !important; padding-bottom: 16px !important; font-size: clamp(2.2rem, 8vw, 2.85rem) !important; line-height: 1 !important; } body.page-id-136 #wpforo { margin-bottom: 54px !important; } /* Mobile forum nav */ body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu { min-height: 52px; } body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu .wpf-left { display: flex !important; align-items: center; } body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu .wpf-res-menu { width: 52px; height: 52px; display: flex !important; align-items: center; justify-content: center; color: var(--hub-white) !important; } /* Category card spacing */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-section { margin-top: 16px; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-category { min-height: 62px; padding-inline: 18px !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-category::after { left: 18px; } /* Standard forum cards */ body.page-id-136 #wpforo #wpforo-wrap .wpfl-1 .forum-wrap > .wpforo-forum { grid-template-columns: minmax(0, 1fr) 34px; min-height: 0; padding: 18px 44px 17px 18px !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-1 .wpforo-forum > .wpforo-forum-icon { display: none !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-forum-topic-toggle { position: absolute; top: 18px; right: 13px; } /* Topic preview */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topics-list li { min-height: 58px; grid-template-columns: 32px minmax(0, 1fr); gap: 11px; padding: 10px 18px !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-avatar, body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-user { display: none !important; } /* Posts */ body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpforo-post { display: block !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-left { width: 100% !important; flex: none !important; padding: 15px 17px !important; border-right: 0 !important; border-bottom: 1px solid var(--hub-border) !important; overflow: visible !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-left .avatar { width: 58px !important; height: 58px !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-right { width: 100% !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpforo-post-content { max-width: none !important; padding: 23px 20px !important; } } /* ========================================================= 45. MOBILE — 430 ========================================================= */ @media (max-width: 430px) { body.page-id-136 { --hub-shell-width: calc(100vw - 22px); } body.page-id-136 .wp-block-post-title { margin-bottom: 16px !important; font-size: 2.12rem !important; letter-spacing: -0.043em !important; } body.page-id-136 .wp-block-post-title::after { width: 105px; } body.page-id-136 #wpforo #wpforo-wrap { font-size: 12.5px; } /* ------------------------------------------------------- CATEGORY BARS ------------------------------------------------------- */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-category { min-height: 60px; padding: 0 16px !important; border-left-width: 2px !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-category::after { left: 16px; width: 34px; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-category .cat-name { font-size: 0.7rem !important; letter-spacing: 0.095em !important; } /* ------------------------------------------------------- STANDARD FORUM ROW ------------------------------------------------------- */ body.page-id-136 #wpforo #wpforo-wrap .wpfl-1 .forum-wrap > .wpforo-forum { display: block !important; padding: 18px 42px 17px 15px !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-forum-title, body.page-id-136 #wpforo #wpforo-wrap .wpforo-forum-title a { font-size: 0.94rem !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-forum-description, body.page-id-136 #wpforo #wpforo-wrap .wpforo-forum-description p { display: -webkit-box !important; overflow: hidden !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; font-size: 0.755rem !important; line-height: 1.48 !important; } /* ------------------------------------------------------- TOPIC PREVIEW ROW ------------------------------------------------------- */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topics-list li { grid-template-columns: 30px minmax(0, 1fr); min-height: 56px; padding: 9px 15px !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-icon { width: 30px !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-icon > div { width: 29px !important; height: 29px !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-title a { font-size: 0.74rem !important; } /* ======================================================= START HERE — EXACT wpForo 3.1.5 MOBILE LAYOUT ======================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .forum-wrap > .wpforo-forum { display: block !important; min-height: 0; padding: 18px 15px !important; background: var(--hub-white) !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-icon { display: none !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-info { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } /* Start Here metadata */ body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-data { width: 100% !important; max-width: none !important; margin: 14px 0 0 !important; padding: 12px 0 0 !important; border-top: 1px solid var(--hub-border-light) !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpf-compact-view { display: block !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpf-compact-left { display: flex !important; flex-direction: row; gap: 7px; margin-bottom: 10px !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpf-compact-row { padding: 4px 8px; background: var(--hub-bone-soft); border: 1px solid var(--hub-border-light); border-radius: 999px; color: var(--hub-muted) !important; font-size: 0.64rem !important; } /* Latest activity mobile card */ body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpf-compact-last-post { position: relative; grid-template-columns: 32px minmax(0, 1fr); gap: 9px; padding: 25px 10px 10px !important; background: var(--hub-paper-soft) !important; border: 1px solid var(--hub-border-light) !important; border-left: 2px solid var(--hub-coral) !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpf-compact-last-post::before { content: "LATEST ACTIVITY"; position: absolute; top: 8px; left: 10px; color: var(--hub-muted); font-size: 0.57rem; font-weight: 800; letter-spacing: 0.09em; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpf-cl-avatar { width: 32px !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpf-cl-avatar img { width: 31px !important; height: 31px !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpf-cl-title a { font-size: 0.72rem !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpf-cl-author { font-size: 0.62rem !important; } /* ------------------------------------------------------- TOPIC PAGE ------------------------------------------------------- */ body.page-id-136 #wpforo #wpforo-wrap #wpforo-title { margin-top: 18px !important; font-size: 1.42rem !important; line-height: 1.2 !important; } body.page-id-136 #wpforo #wpforo-wrap .wpf-subscribe-forum, body.page-id-136 #wpforo #wpforo-wrap .wpf-subscribe-topic, body.page-id-136 #wpforo #wpforo-wrap .wpf-unsubscribe-topic { width: 100%; justify-content: center; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-left { padding: 13px 14px !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-left .avatar { width: 50px !important; height: 50px !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpforo-post-content { padding: 20px 15px !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-post-content p, body.page-id-136 #wpforo #wpforo-wrap .wpforo-post-content li { font-size: 0.93rem !important; line-height: 1.65 !important; } body.page-id-136 #wpforo #wpforo-wrap .wpf-post-create { padding: 13px !important; } body.page-id-136 #wpforo #wpforo-wrap .wpf-forum-jump select { width: 100%; } } /* ========================================================= 46. MOBILE — 390 ========================================================= */ @media (max-width: 390px) { body.page-id-136 { --hub-shell-width: calc(100vw - 20px); } body.page-id-136 .wp-block-post-title { font-size: 2.02rem !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-category { padding-inline: 14px !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-category::after { left: 14px; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-1 .forum-wrap > .wpforo-forum { padding-left: 14px !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-forum-title, body.page-id-136 #wpforo #wpforo-wrap .wpforo-forum-title a { font-size: 0.91rem !important; } } /* ========================================================= 47. SMALL MOBILE — 375 ========================================================= */ @media (max-width: 375px) { body.page-id-136 { --hub-shell-width: calc(100vw - 18px); } body.page-id-136 .wp-block-post-title { font-size: 1.94rem !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-category .cat-name { font-size: 0.67rem !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-forum-description, body.page-id-136 #wpforo #wpforo-wrap .wpforo-forum-description p { font-size: 0.72rem !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpforo-post-content { padding: 18px 13px !important; } } /* ========================================================= 48. REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { body.page-id-136 #wpforo *, body.page-id-136 #wpforo *::before, body.page-id-136 #wpforo *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; } } /* ========================================================= HCL 63 TEAM HUB — DESKTOP RECENT TOPIC ROW FIX Exact wpForo live DOM structure ========================================================= */ @media (min-width: 769px) { /* ------------------------------------------------------- REMOVE THE EMPTY FIRST GRID CHILD wpForo outputs this inside every recent-topic row. ------------------------------------------------------- */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topics-list li > .wpforo-forum-icon { display: none !important; } /* ------------------------------------------------------- RECENT TOPIC ROW Correct 4-column hierarchy: pin | topic | avatar | author/time ------------------------------------------------------- */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topics-list li { display: grid !important; grid-template-columns: 38px minmax(0, 1fr) 32px 124px !important; align-items: center !important; column-gap: 14px !important; min-height: 58px !important; height: auto !important; margin: 0 !important; padding: 9px 26px 9px 88px !important; background: var(--hub-paper-soft) !important; border: 0 !important; border-top: 1px solid var(--hub-border-light) !important; } /* ------------------------------------------------------- TOPIC ICON / PIN ------------------------------------------------------- */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-icon { grid-column: 1 !important; width: 38px !important; margin: 0 !important; padding: 0 !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-icon > div { width: 34px !important; height: 34px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: var(--hub-white) !important; border: 1px solid var(--hub-border) !important; border-radius: var(--hub-radius-sm) !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-icon i { color: var(--hub-coral) !important; font-size: 0.76rem !important; } /* ------------------------------------------------------- TOPIC TITLE ------------------------------------------------------- */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-title { grid-column: 2 !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-title a { display: block !important; min-width: 0 !important; color: var(--hub-forest) !important; font-size: 0.77rem !important; font-weight: 700 !important; line-height: 1.34 !important; text-decoration: none !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-title > div { margin-top: 2px !important; color: var(--hub-muted) !important; font-size: 0.66rem !important; line-height: 1.2 !important; } /* ------------------------------------------------------- AVATAR ------------------------------------------------------- */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-avatar { grid-column: 3 !important; width: 32px !important; margin: 0 !important; padding: 0 !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-avatar img { display: block !important; width: 30px !important; height: 30px !important; border: 1px solid var(--hub-border) !important; border-radius: 50% !important; } /* ------------------------------------------------------- AUTHOR + TIME ------------------------------------------------------- */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-user { grid-column: 4 !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; color: var(--hub-muted) !important; font-size: 0.65rem !important; line-height: 1.35 !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-user a { display: block !important; color: var(--hub-coral) !important; font-weight: 600 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-date { display: block !important; margin-top: 1px !important; color: var(--hub-muted) !important; } /* ------------------------------------------------------- MULTI-TOPIC FORUMS Keep Resources & Scripts dense and readable. ------------------------------------------------------- */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topics-list li + li { border-top: 1px solid rgba(17, 19, 16, 0.055) !important; } /* ------------------------------------------------------- REMOVE THE INLINE DASHED SEPARATOR ABOVE TOPIC LIST We already have a cleaner editorial border. ------------------------------------------------------- */ body.page-id-136 #wpforo #wpforo-wrap [class*="wpforo-last-topics-"] > div:first-child { display: none !important; } } /* ========================================================= TOP NAV SEARCH CLEANUP ========================================================= */ @media (min-width: 769px) { body.page-id-136 #wpforo #wpforo-wrap .wpf-bar-right.wpf-search { min-width: 112px !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 4px !important; padding-right: 12px !important; } body.page-id-136 #wpforo #wpforo-wrap .wpf-search-form { position: relative !important; width: 42px !important; height: 42px !important; overflow: hidden !important; border-radius: var(--hub-radius-sm) !important; background: rgba(255,255,255,0.055) !important; transition: width var(--hub-transition), background-color var(--hub-transition); } body.page-id-136 #wpforo #wpforo-wrap .wpf-search-form:hover, body.page-id-136 #wpforo #wpforo-wrap .wpf-search-form:focus-within { width: 190px !important; background: rgba(255,255,255,0.09) !important; } body.page-id-136 #wpforo #wpforo-wrap .wpf-search-form form { position: relative !important; display: flex !important; align-items: center !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } body.page-id-136 #wpforo #wpforo-wrap .wpf-search-form i { position: absolute !important; left: 14px !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 2 !important; color: rgba(255,255,255,0.78) !important; pointer-events: none !important; } body.page-id-136 #wpforo #wpforo-wrap .wpf-search-field { width: 100% !important; height: 42px !important; margin: 0 !important; padding: 0 12px 0 39px !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; color: var(--hub-white) !important; opacity: 0 !important; box-shadow: none !important; transition: opacity var(--hub-transition); } body.page-id-136 #wpforo #wpforo-wrap .wpf-search-form:hover .wpf-search-field, body.page-id-136 #wpforo #wpforo-wrap .wpf-search-form:focus-within .wpf-search-field { opacity: 1 !important; } } /* ========================================================= HCL 63 TEAM HUB — FINAL DESKTOP CEILING PASS Purpose: Final visual polish without changing the successful structure/design direction already in place. ========================================================= */ @media (min-width: 769px) { /* ======================================================= 1. ROOT PAGE — TIGHTEN THE EMPTY BREADCRUMB STRIP Keep breadcrumbs useful on deeper pages, but reduce dead space on the Team Hub home. ======================================================= */ body.page-id-136 #wpforo #wpforo-wrap.wpft-forum .wpforo-subtop { min-height: 38px !important; height: 38px !important; background: var(--hub-paper-soft) !important; border-left: 1px solid var(--hub-border-light) !important; border-right: 1px solid var(--hub-border-light) !important; border-bottom: 1px solid var(--hub-border-light) !important; } body.page-id-136 #wpforo #wpforo-wrap.wpft-forum .wpf-breadcrumb { min-height: 37px !important; height: 37px !important; padding-top: 0 !important; padding-bottom: 0 !important; opacity: 0.78 !important; } /* ======================================================= 2. CATEGORY-TO-CATEGORY RHYTHM Compress the page slightly now that recent topics are working correctly. ======================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-section { margin-top: 16px !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-section:first-of-type { margin-top: 16px !important; } /* ======================================================= 3. CATEGORY BAR — SLIGHTLY MORE REFINED ======================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-category { min-height: 66px !important; padding-left: 26px !important; padding-right: 26px !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-category::after { left: 26px !important; width: 42px !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-category .cat-name { font-size: 0.755rem !important; letter-spacing: 0.11em !important; } /* ======================================================= 4. STANDARD FORUM ROWS — SLIGHTLY TIGHTER ======================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpfl-1 .forum-wrap > .wpforo-forum { min-height: 98px !important; padding-top: 17px !important; padding-bottom: 17px !important; } /* ======================================================= 5. FORUM ICONS — MORE PREMIUM / LESS BADGE-LIKE ======================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpfl-1 .wpforo-forum > .wpforo-forum-icon { width: 44px !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-1 .wpforo-forum > .wpforo-forum-icon > div { width: 36px !important; height: 36px !important; background: rgba(197, 163, 93, 0.07) !important; border: 1px solid rgba(197, 163, 93, 0.70) !important; box-shadow: inset 0 0 0 3px rgba(197, 163, 93, 0.035) !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-1 .wpforo-forum > .wpforo-forum-icon i { color: var(--hub-forest) !important; font-size: 0.82rem !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-1 .wpf-unread-forum > .wpforo-forum > .wpforo-forum-icon > div { background: rgba(201, 111, 91, 0.075) !important; border-color: rgba(201, 111, 91, 0.78) !important; } /* ======================================================= 6. FORUM TITLE / DESCRIPTION HIERARCHY ======================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-forum-title, body.page-id-136 #wpforo #wpforo-wrap .wpforo-forum-title a { font-size: 0.965rem !important; font-weight: 800 !important; letter-spacing: -0.018em !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-forum-description, body.page-id-136 #wpforo #wpforo-wrap .wpforo-forum-description p { margin-top: 6px !important; color: rgba(95, 98, 93, 0.94) !important; font-size: 0.785rem !important; line-height: 1.48 !important; } /* ======================================================= 7. TOPIC / POST COUNTS — NORMALIZE METADATA ======================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-info > div[style*="font-size: 12px"], body.page-id-136 #wpforo #wpforo-wrap .wpf-compact-row, body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-title > div, body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-user, body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-date { color: var(--hub-muted) !important; font-size: 0.645rem !important; font-weight: 600 !important; line-height: 1.3 !important; letter-spacing: 0.01em !important; } /* ======================================================= 8. RECENT TOPIC ROWS — FINAL POLISH ======================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topics-list li { min-height: 54px !important; padding-top: 8px !important; padding-bottom: 8px !important; background: rgba(250, 248, 242, 0.82) !important; transition: background-color 160ms ease, box-shadow 160ms ease !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topics-list li:hover { background: var(--hub-bone-soft) !important; box-shadow: inset 3px 0 0 rgba(201, 111, 91, 0.48) !important; } /* Topic pin */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-icon > div { width: 30px !important; height: 30px !important; border-color: rgba(17, 19, 16, 0.11) !important; background: rgba(255, 255, 255, 0.82) !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-icon i { color: var(--hub-coral) !important; font-size: 0.7rem !important; } /* Topic title */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-title a { color: var(--hub-forest-deep) !important; font-size: 0.755rem !important; font-weight: 750 !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-title a:hover { color: var(--hub-coral-hover) !important; } /* Author avatar */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-avatar img { width: 27px !important; height: 27px !important; opacity: 0.88 !important; } /* Author / time */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-user { line-height: 1.28 !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-user a { color: var(--hub-coral-hover) !important; font-size: 0.64rem !important; font-weight: 700 !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-last-topic-date { margin-top: 2px !important; opacity: 0.86 !important; } /* ======================================================= 9. START HERE — FEATURED PRIORITY SECTION Strengthen hierarchy without making it loud. ======================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .forum-wrap > .wpforo-forum { min-height: 112px !important; background: linear-gradient( 90deg, #ffffff 0%, #ffffff 61%, rgba(247, 243, 234, 0.86) 100% ) !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-title, body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-title a { font-size: 1.02rem !important; } /* Featured latest activity card */ body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpf-compact-last-post { padding: 10px 13px !important; background: linear-gradient( 90deg, #ffffff, rgba(247, 243, 234, 0.62) ) !important; border: 1px solid rgba(17, 19, 16, 0.085) !important; border-left: 2px solid var(--hub-coral) !important; box-shadow: 0 4px 12px rgba(15, 45, 41, 0.025) !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpf-cl-title a { color: var(--hub-forest-deep) !important; font-size: 0.73rem !important; font-weight: 800 !important; } body.page-id-136 #wpforo #wpforo-wrap .wpfl-2 .wpf-cl-author { margin-top: 3px !important; font-size: 0.62rem !important; } /* ======================================================= 10. TOP NAV — FINAL MICRO POLISH ======================================================= */ body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu { box-shadow: 0 5px 16px rgba(15, 45, 41, 0.055) !important; } body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu #wpf-menu li > a { font-size: 0.745rem !important; letter-spacing: 0.025em !important; } /* ======================================================= 11. SUBTLE SECTION SHADOW / DEPTH ======================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-section { box-shadow: 0 1px 0 rgba(255,255,255,0.75), 0 8px 20px rgba(15,45,41,0.026) !important; } /* ======================================================= 12. CLEANER COLLAPSE ARROW ======================================================= */ body.page-id-136 #wpforo #wpforo-wrap .wpforo-forum-topic-toggle i { font-size: 0.82rem !important; opacity: 0.76 !important; } body.page-id-136 #wpforo #wpforo-wrap .wpforo-forum-topic-toggle:hover i { opacity: 1 !important; } } /* ========================================================= HCL 63 TEAM HUB — REGISTRATION PAGE wpForo registration route: /sign-up/ ========================================================= */ /* ========================================================= 1. REGISTRATION PAGE SHELL ========================================================= */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-main { padding-top: 0 !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-content { width: 100% !important; padding: 0 !important; background: transparent !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-profile-content, body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-profile-section, body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-profile-body { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 2. REGISTRATION PAGE TITLE ========================================================= */ body.page-id-136.wpft-register #wpforo #wpforo-wrap #wpforo-title { position: relative; margin: 30px 0 34px !important; padding: 0 0 18px !important; color: var(--hub-ink, #111310) !important; font-family: var(--hub-font-display, Georgia, "Times New Roman", serif) !important; font-size: clamp(2rem, 3vw, 3rem) !important; font-weight: 500 !important; line-height: 1.05 !important; letter-spacing: -0.04em !important; border: 0 !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap #wpforo-title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 112px; height: 2px; background: linear-gradient( 90deg, var(--hub-coral, #c96f5b) 0 46%, var(--hub-gold, #c5a35d) 46% 72%, rgba(23, 61, 56, 0.18) 72% 100% ); } /* ========================================================= 3. REGISTRATION CARD ========================================================= */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-wrap { position: relative; width: min(720px, calc(100% - 40px)) !important; max-width: 720px !important; margin: 0 auto 64px !important; padding: 0 !important; overflow: hidden; background: linear-gradient( 145deg, #ffffff 0%, var(--hub-paper-soft, #faf8f2) 100% ) !important; border: 1px solid var(--hub-border, rgba(17, 19, 16, 0.13)) !important; border-left: 3px solid var(--hub-coral, #c96f5b) !important; border-radius: var(--hub-radius-sm, 4px) !important; box-shadow: 0 16px 36px rgba(15, 45, 41, 0.055) !important; } /* ========================================================= 4. CARD CONTENT ========================================================= */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-content { padding: 42px 46px 40px !important; background: transparent !important; } /* ========================================================= 5. "JOIN US TODAY" HEADING ========================================================= */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-content > h3 { position: relative; margin: 0 0 34px !important; padding: 0 0 16px !important; color: var(--hub-forest-deep, #0f2d29) !important; font-family: var(--hub-font-display, Georgia, "Times New Roman", serif) !important; font-size: clamp(1.75rem, 2.5vw, 2.3rem) !important; font-weight: 500 !important; line-height: 1.1 !important; letter-spacing: -0.035em !important; text-align: left !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-content > h3::before { content: "CREATE YOUR TEAM HUB ACCOUNT"; display: block; margin-bottom: 10px; color: var(--hub-forest, #173d38); font-family: var(--hub-font-sans, Arial, Helvetica, sans-serif); font-size: 0.67rem; font-weight: 800; line-height: 1.2; letter-spacing: 0.12em; text-transform: uppercase; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-content > h3::after { content: ""; position: absolute; left: 0; bottom: 0; width: 42px; height: 1px; background: var(--hub-gold, #c5a35d); } /* ========================================================= 6. REMOVE STOCK TABLE LOOK ========================================================= */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-table, body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-table .wpf-tr, body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-table .wpf-td { width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; } /* ========================================================= 7. FIELD LAYOUT ========================================================= */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-table .row-0 > .wpf-td { display: grid !important; grid-template-columns: 1fr 1fr; gap: 18px !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-field { width: 100% !important; margin: 0 0 20px !important; padding: 0 !important; background: transparent !important; border: 0 !important; } /* ========================================================= 8. FIELD LABELS ========================================================= */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-label-wrap { margin-bottom: 8px !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-label { margin: 0 0 4px !important; color: var(--hub-forest-deep, #0f2d29) !important; font-size: 0.78rem !important; font-weight: 800 !important; line-height: 1.3 !important; letter-spacing: 0.01em !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-field-required-icon { color: var(--hub-coral, #c96f5b) !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-desc { color: var(--hub-muted, #86857e) !important; font-size: 0.67rem !important; line-height: 1.4 !important; } /* ========================================================= 9. INPUT WRAPPERS ========================================================= */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-field-wrap { position: relative; width: 100% !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-field-icon { position: absolute !important; left: 15px !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 2; color: var(--hub-muted, #86857e) !important; font-size: 0.78rem !important; pointer-events: none; } /* ========================================================= 10. INPUTS ========================================================= */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-wrap input[type="text"], body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-wrap input[type="email"] { width: 100% !important; min-height: 48px !important; margin: 0 !important; padding: 10px 14px 10px 40px !important; background: rgba(255, 255, 255, 0.94) !important; color: var(--hub-ink, #111310) !important; border: 1px solid rgba(17, 19, 16, 0.13) !important; border-radius: var(--hub-radius-sm, 4px) !important; font-family: var(--hub-font-sans, Arial, Helvetica, sans-serif) !important; font-size: 0.82rem !important; box-shadow: inset 0 1px 1px rgba(17, 19, 16, 0.015) !important; transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-wrap input[type="text"]:focus, body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-wrap input[type="email"]:focus { background: #ffffff !important; border-color: var(--hub-forest, #173d38) !important; outline: 0 !important; box-shadow: 0 0 0 3px rgba(201, 111, 91, 0.12) !important; } /* ========================================================= 11. RECAPTCHA AREA ========================================================= */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo_recaptcha_widget { display: flex; justify-content: center; width: 100%; margin: 8px 0 18px !important; padding: 20px 16px; background: rgba(238, 231, 220, 0.40); border: 1px solid var(--hub-border-light, rgba(17, 19, 16, 0.075)); border-radius: var(--hub-radius-sm, 4px); } /* ========================================================= 12. LEGAL CHECKBOX ========================================================= */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-legal-checkbox { display: flex !important; align-items: flex-start !important; gap: 10px !important; margin: 0 0 18px !important; padding: 13px 15px !important; background: rgba(247, 243, 234, 0.75); color: var(--hub-ink-soft, #5f625d) !important; border: 1px solid var(--hub-border-light, rgba(17, 19, 16, 0.075)); border-radius: var(--hub-radius-sm, 4px); font-size: 0.72rem !important; line-height: 1.45 !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-legal-checkbox input[type="checkbox"] { width: 17px !important; height: 17px !important; flex: 0 0 17px; margin: 1px 0 0 !important; accent-color: var(--hub-forest, #173d38); } /* ========================================================= 13. REGISTRATION INFO MESSAGE ========================================================= */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-reg-info { color: var(--hub-coral, #c96f5b) !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-reg-info + * { color: var(--hub-muted, #86857e); } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-table > .wpf-tr:nth-last-of-type(2) .wpf-td { margin-bottom: 22px !important; color: var(--hub-muted, #86857e) !important; font-size: 0.70rem !important; line-height: 1.45 !important; } /* ========================================================= 14. SUBMIT AREA ========================================================= */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-field-type-submit { position: relative; display: grid !important; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 14px; width: 100% !important; margin: 4px 0 0 !important; text-align: left !important; } /* ========================================================= 15. REGISTER BUTTON ========================================================= */ body.page-id-136.wpft-register #wpforo #wpforo-wrap input[name="wpfororeg"] { width: 100% !important; min-height: 48px !important; margin: 0 !important; padding: 11px 20px !important; background: var(--hub-forest, #173d38) !important; color: #ffffff !important; border: 1px solid var(--hub-forest, #173d38) !important; border-radius: var(--hub-radius-sm, 4px) !important; font-size: 0.78rem !important; font-weight: 800 !important; letter-spacing: 0.015em !important; cursor: pointer; box-shadow: 0 5px 14px rgba(15, 45, 41, 0.10) !important; transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap input[name="wpfororeg"]:hover { background: var(--hub-forest-deep, #0f2d29) !important; border-color: var(--hub-forest-deep, #0f2d29) !important; box-shadow: 0 7px 18px rgba(15, 45, 41, 0.13) !important; transform: translateY(-1px); } /* ========================================================= 16. LOGIN SECONDARY ACTION ========================================================= */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-field-login { position: static !important; width: auto !important; margin: 0 !important; padding: 0 !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-field-login a { min-height: 48px; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px; padding: 10px 18px !important; background: transparent !important; color: var(--hub-forest, #173d38) !important; border: 1px solid var(--hub-gold, #c5a35d) !important; border-radius: var(--hub-radius-sm, 4px) !important; font-size: 0.74rem !important; font-weight: 800 !important; text-decoration: none !important; white-space: nowrap; transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-field-login a:hover { background: rgba(197, 163, 93, 0.10) !important; color: var(--hub-forest-deep, #0f2d29) !important; } /* ========================================================= 17. REMOVE WPFORO'S EMPTY TRAILING SPACE DOM contains three empty paragraphs after the form. ========================================================= */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-profile-body > p:empty { display: none !important; } /* ========================================================= 18. TABLET — 820 ========================================================= */ @media (max-width: 820px) { body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-wrap { width: min(680px, calc(100% - 28px)) !important; margin-bottom: 52px !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-content { padding: 38px 34px 36px !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-table .row-0 > .wpf-td { gap: 14px !important; } } /* ========================================================= 19. MOBILE / SMALL TABLET — 600 ========================================================= */ @media (max-width: 600px) { body.page-id-136.wpft-register #wpforo #wpforo-wrap #wpforo-title { margin-top: 22px !important; margin-bottom: 24px !important; font-size: 2rem !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-wrap { width: calc(100% - 20px) !important; margin-bottom: 40px !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-content { padding: 30px 22px 28px !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-content > h3 { margin-bottom: 26px !important; font-size: 1.75rem !important; } /* Username and email become stacked */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-table .row-0 > .wpf-td { display: block !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-field { margin-bottom: 18px !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-wrap input[type="text"], body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-wrap input[type="email"] { min-height: 50px !important; } /* reCAPTCHA needs physical room */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo_recaptcha_widget { width: 100%; overflow-x: auto; justify-content: flex-start; padding: 16px 10px; } /* Stack CTA buttons */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-field-type-submit { grid-template-columns: 1fr !important; gap: 10px !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-field-login { width: 100% !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-field-login a { width: 100% !important; } } /* ========================================================= 20. SMALL MOBILE — 430 ========================================================= */ @media (max-width: 430px) { body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-wrap { width: calc(100% - 14px) !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-content { padding: 26px 17px 24px !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-content > h3::before { font-size: 0.61rem; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-content > h3 { font-size: 1.6rem !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-legal-checkbox { padding: 12px 12px !important; } } /* ========================================================= HCL 63 REGISTRATION — FINAL ALIGNMENT + COMPRESSION PATCH ========================================================= */ /* ========================================================= 1. CARD — REMOVE EXCESS BOTTOM SPACE ========================================================= */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-wrap { min-height: 0 !important; height: auto !important; margin-bottom: 46px !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-content { padding: 40px 46px 32px !important; min-height: 0 !important; height: auto !important; } /* ========================================================= 2. REMOVE WPFORO HEIGHT / FLOAT RESIDUE ========================================================= */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-table, body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-table .wpf-tr, body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-table .wpf-td { min-height: 0 !important; height: auto !important; float: none !important; } /* ========================================================= 3. USERNAME + EMAIL Force both fields onto the same visual baseline. ========================================================= */ @media (min-width: 601px) { body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-table .row-0 > .wpf-td { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 20px !important; align-items: end !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .row-0 .wpf-field { display: grid !important; grid-template-rows: auto 48px !important; align-content: end !important; margin-bottom: 20px !important; } /* Give both label areas the same reserved height */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .row-0 .wpf-label-wrap { min-height: 62px !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; margin-bottom: 8px !important; } /* Email has no description, so keep its label aligned to the same lower baseline as Username. */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-field-name-user_email .wpf-label-wrap { justify-content: flex-end !important; } } /* ========================================================= 4. USERNAME DESCRIPTION — CLEANER ========================================================= */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-field-name-user_login .wpf-desc { max-width: 210px !important; margin-top: 3px !important; font-size: 0.65rem !important; line-height: 1.32 !important; } /* ========================================================= 5. INPUTS — EXACT SAME HEIGHT ========================================================= */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-wrap input[type="text"], body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-wrap input[type="email"] { height: 48px !important; min-height: 48px !important; } /* ========================================================= 6. RECAPTCHA PANEL — LESS OVERSIZED ========================================================= */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo_recaptcha_widget { width: min(100%, 510px) !important; margin: 4px auto 14px !important; padding: 16px 18px !important; justify-content: center !important; } /* ========================================================= 7. CONSENT ROW — TIGHTER ========================================================= */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-legal-checkbox { margin: 0 0 12px !important; padding: 11px 13px !important; } /* ========================================================= 8. INFO MESSAGE Turn it into subtle supporting text instead of another row. ========================================================= */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo-register-table > .wpf-tr:nth-last-of-type(2) .wpf-td { display: flex !important; align-items: flex-start !important; gap: 7px !important; margin: 0 0 12px !important; padding: 0 !important; color: var(--hub-muted, #86857e) !important; font-size: 0.67rem !important; line-height: 1.4 !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-reg-info { flex: 0 0 auto; margin-top: 1px !important; color: var(--hub-coral, #c96f5b) !important; font-size: 0.78rem !important; } /* ========================================================= 9. CTA ROW — BETTER PROPORTION ========================================================= */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-field-type-submit { grid-template-columns: minmax(0, 1fr) 88px !important; gap: 12px !important; margin-top: 0 !important; } /* Register remains dominant */ body.page-id-136.wpft-register #wpforo #wpforo-wrap input[name="wpfororeg"] { min-height: 46px !important; } /* Login stays secondary */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-field-login a { width: 88px !important; min-height: 46px !important; padding: 9px 10px !important; } /* ========================================================= 10. REMOVE ANY REMAINING EMPTY SPACE AFTER FORM ========================================================= */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-profile-body > p:empty, body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-profile-body > p:has(> br:only-child) { display: none !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 11. MOBILE Keep stacked layout clean and undo desktop reserved height. ========================================================= */ @media (max-width: 600px) { body.page-id-136.wpft-register #wpforo #wpforo-wrap .row-0 .wpf-field { display: block !important; margin-bottom: 18px !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .row-0 .wpf-label-wrap { min-height: 0 !important; display: block !important; margin-bottom: 8px !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpforo_recaptcha_widget { width: 100% !important; margin-bottom: 12px !important; padding: 14px 10px !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-field-type-submit { grid-template-columns: 1fr !important; } body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-field-login a { width: 100% !important; } } /* ========================================================= USERNAME HELPER TEXT — WIDTH FIX ========================================================= */ body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-field-name-user_login .wpf-desc { max-width: none !important; width: 100% !important; margin-top: 4px !important; font-size: 0.66rem !important; line-height: 1.35 !important; white-space: normal !important; } /* Give the username label area enough width so the helper text reads naturally instead of stacking. */ @media (min-width: 601px) { body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-field-name-user_login .wpf-label-wrap { min-height: 52px !important; } } @media (min-width: 769px) { body.page-id-136.wpft-register #wpforo #wpforo-wrap .wpf-field-name-user_login .wpf-desc { white-space: nowrap !important; } } /* ========================================================= HCL 63 TEAM HUB — LOGIN PAGE Route: /sign-in/ ========================================================= */ /* ========================================================= 1. LOGIN PAGE SHELL ========================================================= */ body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpforo-main { padding-top: 0 !important; } body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpforo-content, body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpforo-profile-content, body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpf-profile-section, body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpf-profile-body { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= 2. PAGE TITLE ========================================================= */ body.page-id-136.wpft-login #wpforo #wpforo-wrap #wpforo-title { position: relative; margin: 30px 0 34px !important; padding: 0 0 18px !important; color: var(--hub-ink, #111310) !important; font-family: var(--hub-font-display, Georgia, "Times New Roman", serif) !important; font-size: clamp(2rem, 3vw, 3rem) !important; font-weight: 500 !important; line-height: 1.05 !important; letter-spacing: -0.04em !important; border: 0 !important; } body.page-id-136.wpft-login #wpforo #wpforo-wrap #wpforo-title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 112px; height: 2px; background: linear-gradient( 90deg, var(--hub-coral, #c96f5b) 0 46%, var(--hub-gold, #c5a35d) 46% 72%, rgba(23, 61, 56, 0.18) 72% 100% ); } /* ========================================================= 3. LOGIN CARD ========================================================= */ body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpforo-login-wrap { position: relative; width: min(560px, calc(100% - 40px)) !important; max-width: 560px !important; min-height: 0 !important; height: auto !important; margin: 0 auto 54px !important; padding: 0 !important; overflow: hidden; background: linear-gradient( 145deg, #ffffff 0%, var(--hub-paper-soft, #faf8f2) 100% ) !important; border: 1px solid var(--hub-border, rgba(17, 19, 16, 0.13)) !important; border-left: 3px solid var(--hub-coral, #c96f5b) !important; border-radius: var(--hub-radius-sm, 4px) !important; box-shadow: 0 16px 36px rgba(15, 45, 41, 0.055) !important; } /* ========================================================= 4. LOGIN CARD CONTENT ========================================================= */ body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpforo-login-content { padding: 40px 42px 36px !important; background: transparent !important; } /* ========================================================= 5. LOGIN HEADING ========================================================= */ body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpforo-login-content > h3 { position: relative; margin: 0 0 30px !important; padding: 0 0 16px !important; color: var(--hub-forest-deep, #0f2d29) !important; font-family: var(--hub-font-display, Georgia, "Times New Roman", serif) !important; font-size: clamp(1.75rem, 2.4vw, 2.2rem) !important; font-weight: 500 !important; line-height: 1.1 !important; letter-spacing: -0.035em !important; text-align: left !important; } body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpforo-login-content > h3::before { content: "MEMBER SIGN IN"; display: block; margin-bottom: 10px; color: var(--hub-forest, #173d38); font-family: var(--hub-font-sans, Arial, Helvetica, sans-serif); font-size: 0.67rem; font-weight: 800; line-height: 1.2; letter-spacing: 0.12em; text-transform: uppercase; } body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpforo-login-content > h3::after { content: ""; position: absolute; left: 0; bottom: 0; width: 42px; height: 1px; background: var(--hub-gold, #c5a35d); } /* ========================================================= 6. REMOVE STOCK TABLE STYLING ========================================================= */ body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpforo-login-table, body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpforo-login-table .wpf-tr, body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpforo-login-table .wpf-td { width: 100% !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; background: transparent !important; border: 0 !important; } /* ========================================================= 7. FIELDS ========================================================= */ body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpforo-login-table .wpf-field { width: 100% !important; margin: 0 0 14px !important; padding: 0 !important; background: transparent !important; border: 0 !important; } body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpforo-login-table .wpf-field-wrap { position: relative; width: 100% !important; } /* ========================================================= 8. FIELD ICONS ========================================================= */ body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpforo-login-table .wpf-field-icon { position: absolute !important; left: 15px !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 2; color: var(--hub-muted, #86857e) !important; font-size: 0.78rem !important; pointer-events: none; } /* ========================================================= 9. USERNAME + PASSWORD INPUTS ========================================================= */ body.page-id-136.wpft-login #wpforo #wpforo-wrap input.wpf-login-text { width: 100% !important; min-height: 50px !important; height: 50px !important; margin: 0 !important; padding: 10px 42px 10px 40px !important; background: rgba(255, 255, 255, 0.96) !important; color: var(--hub-ink, #111310) !important; border: 1px solid rgba(17, 19, 16, 0.13) !important; border-radius: var(--hub-radius-sm, 4px) !important; font-family: var(--hub-font-sans, Arial, Helvetica, sans-serif) !important; font-size: 0.84rem !important; box-shadow: inset 0 1px 1px rgba(17, 19, 16, 0.015) !important; transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease !important; } body.page-id-136.wpft-login #wpforo #wpforo-wrap input.wpf-login-text:focus { background: #ffffff !important; border-color: var(--hub-forest, #173d38) !important; outline: 0 !important; box-shadow: 0 0 0 3px rgba(201, 111, 91, 0.12) !important; } /* ========================================================= 10. SHOW PASSWORD ICON ========================================================= */ body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpf-show-password { position: absolute !important; right: 15px !important; top: 50% !important; transform: translateY(-50%) !important; color: var(--hub-muted, #86857e) !important; cursor: pointer; transition: color 160ms ease; } body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpf-show-password:hover { color: var(--hub-forest, #173d38) !important; } /* ========================================================= 11. RECAPTCHA ========================================================= */ body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpforo_recaptcha_widget { width: min(100%, 390px) !important; display: flex !important; justify-content: center !important; margin: 8px auto 18px !important; padding: 16px 18px !important; background: rgba(238, 231, 220, 0.40) !important; border: 1px solid var(--hub-border-light, rgba(17, 19, 16, 0.075)) !important; border-radius: var(--hub-radius-sm, 4px) !important; } /* ========================================================= 12. REMEMBER / LOST PASSWORD ROW ========================================================= */ body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpf-extra { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; width: 100% !important; margin: 0 0 16px !important; padding: 11px 13px !important; background: rgba(247, 243, 234, 0.74) !important; border: 1px solid var(--hub-border-light, rgba(17, 19, 16, 0.075)) !important; border-radius: var(--hub-radius-sm, 4px) !important; color: var(--hub-ink-soft, #5f625d) !important; font-size: 0.71rem !important; line-height: 1.35 !important; text-align: left !important; } body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpf-extra input[type="checkbox"] { width: 16px !important; height: 16px !important; margin: 0 6px 0 0 !important; vertical-align: middle; accent-color: var(--hub-forest, #173d38); } /* Remove the literal "|" separator visually */ body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpf-extra label { color: var(--hub-ink-soft, #5f625d) !important; font-size: 0 !important; } body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpf-extra label::after { content: "Remember me"; font-size: 0.71rem !important; } /* ========================================================= 13. LOST PASSWORD ========================================================= */ body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpf-forgot-pass { margin-left: auto !important; color: var(--hub-forest, #173d38) !important; font-size: 0.71rem !important; font-weight: 700 !important; text-decoration: none !important; white-space: nowrap; } body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpf-forgot-pass:hover { color: var(--hub-coral-hover, #ad5948) !important; } /* ========================================================= 14. SIGN IN BUTTON ========================================================= */ body.page-id-136.wpft-login #wpforo #wpforo-wrap input[name="wpforologin"] { width: 100% !important; min-height: 48px !important; margin: 0 0 12px !important; padding: 11px 20px !important; background: var(--hub-forest, #173d38) !important; color: #ffffff !important; border: 1px solid var(--hub-forest, #173d38) !important; border-radius: var(--hub-radius-sm, 4px) !important; font-size: 0.79rem !important; font-weight: 800 !important; letter-spacing: 0.015em !important; cursor: pointer; box-shadow: 0 5px 14px rgba(15, 45, 41, 0.10) !important; transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease !important; } body.page-id-136.wpft-login #wpforo #wpforo-wrap input[name="wpforologin"]:hover { background: var(--hub-forest-deep, #0f2d29) !important; border-color: var(--hub-forest-deep, #0f2d29) !important; transform: translateY(-1px); box-shadow: 0 7px 18px rgba(15, 45, 41, 0.13) !important; } /* ========================================================= 15. CREATE ACCOUNT ========================================================= */ body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpf-field-reg { width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpf-field-reg a { min-height: 44px; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px; padding: 9px 18px !important; background: transparent !important; color: var(--hub-forest, #173d38) !important; border: 1px solid var(--hub-gold, #c5a35d) !important; border-radius: var(--hub-radius-sm, 4px) !important; font-size: 0.73rem !important; font-weight: 800 !important; text-decoration: none !important; transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease !important; } body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpf-field-reg a:hover { background: rgba(197, 163, 93, 0.10) !important; color: var(--hub-forest-deep, #0f2d29) !important; } /* ========================================================= 16. REMOVE EMPTY TRAILING SPACE wpForo outputs blank paragraphs after the form. ========================================================= */ body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpf-profile-body > p:empty, body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpf-profile-body > p:has(> br:only-child) { display: none !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 17. TABLET ========================================================= */ @media (max-width: 820px) { body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpforo-login-wrap { width: min(540px, calc(100% - 28px)) !important; margin-bottom: 48px !important; } body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpforo-login-content { padding: 36px 34px 32px !important; } } /* ========================================================= 18. MOBILE ========================================================= */ @media (max-width: 600px) { body.page-id-136.wpft-login #wpforo #wpforo-wrap #wpforo-title { margin-top: 22px !important; margin-bottom: 24px !important; font-size: 2rem !important; } body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpforo-login-wrap { width: calc(100% - 20px) !important; margin-bottom: 40px !important; } body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpforo-login-content { padding: 30px 22px 26px !important; } body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpforo-login-content > h3 { margin-bottom: 25px !important; font-size: 1.75rem !important; } body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpforo_recaptcha_widget { width: 100% !important; overflow-x: auto !important; justify-content: flex-start !important; padding: 14px 10px !important; } body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpf-extra { align-items: flex-start !important; flex-wrap: wrap !important; gap: 8px 14px !important; } } /* ========================================================= 19. SMALL MOBILE ========================================================= */ @media (max-width: 430px) { body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpforo-login-wrap { width: calc(100% - 14px) !important; } body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpforo-login-content { padding: 26px 17px 24px !important; } body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpforo-login-content > h3::before { font-size: 0.61rem; } body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpforo-login-content > h3 { font-size: 1.6rem !important; } body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpf-extra { padding: 11px 12px !important; } body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpf-forgot-pass { width: 100%; margin-left: 22px !important; } body.page-id-136.wpft-login #wpforo #wpforo-wrap .wpf-field-reg a { width: 100% !important; } } /* ========================================================= HCL 63 TEAM HUB WPFORO MOBILE MENU — CLOSED/OPEN STATE FIX ========================================================= */ @media (max-width: 768px) { /* ------------------------------------------------------- TOOLBAR ------------------------------------------------------- */ body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu { position: relative !important; width: 100% !important; max-width: 100% !important; overflow: visible !important; box-sizing: border-box !important; z-index: 100 !important; } /* ------------------------------------------------------- LEFT TOOLBAR AREA Keep normal compact width while menu is closed. ------------------------------------------------------- */ body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu .wpf-left { position: relative !important; width: auto !important; min-width: 0 !important; float: left !important; display: table-cell !important; box-sizing: border-box !important; } /* ------------------------------------------------------- CLOSED MENU STATE Do not reserve width or height when hidden. ------------------------------------------------------- */ body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu #wpf-menu[style*="display: none"] { position: absolute !important; width: 0 !important; height: 0 !important; min-width: 0 !important; max-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; pointer-events: none !important; } /* ------------------------------------------------------- OPEN MENU STATE Only become a full-width dropdown when wpForo explicitly changes inline style to display:block. ------------------------------------------------------- */ body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu #wpf-menu[style*="display: block"] { position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important; width: 100% !important; height: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 7px 0 !important; float: none !important; transform: none !important; background: #173d38 !important; border: 0 !important; box-shadow: 0 12px 24px rgba(15, 45, 41, 0.18) !important; overflow: visible !important; pointer-events: auto !important; box-sizing: border-box !important; z-index: 9999 !important; } /* ------------------------------------------------------- MAIN MENU ITEMS ------------------------------------------------------- */ body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu #wpf-menu > li { position: relative !important; display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; float: none !important; border: 0 !important; box-sizing: border-box !important; } /* ------------------------------------------------------- MAIN MENU LINKS ------------------------------------------------------- */ body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu #wpf-menu > li > a { display: flex !important; align-items: center !important; width: 100% !important; min-height: 46px !important; margin: 0 !important; padding: 11px 18px !important; background: transparent !important; color: #ffffff !important; border: 0 !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.3 !important; text-decoration: none !important; box-sizing: border-box !important; } /* ------------------------------------------------------- ACTIVE ITEM ------------------------------------------------------- */ body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu #wpf-menu > li.wpforo-active > a, body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu #wpf-menu > li.current-menu-item > a { background: rgba(255, 255, 255, 0.08) !important; color: #ffffff !important; box-shadow: inset 3px 0 0 #c96f5b !important; } /* ------------------------------------------------------- HOVER / FOCUS ------------------------------------------------------- */ body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu #wpf-menu > li > a:hover, body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu #wpf-menu > li > a:focus-visible { background: rgba(255, 255, 255, 0.07) !important; color: #ffffff !important; outline: none !important; } /* ------------------------------------------------------- PROFILE SUBMENU ------------------------------------------------------- */ body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu #wpf-menu .sub-menu { position: static !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 2px 0 6px !important; background: rgba(15, 45, 41, 0.75) !important; border: 0 !important; box-shadow: none !important; transform: none !important; visibility: visible !important; opacity: 1 !important; box-sizing: border-box !important; } body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu #wpf-menu .sub-menu li { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; float: none !important; } body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu #wpf-menu .sub-menu a { display: block !important; width: 100% !important; padding: 9px 18px 9px 36px !important; background: transparent !important; color: rgba(255, 255, 255, 0.78) !important; border: 0 !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.35 !important; text-decoration: none !important; box-sizing: border-box !important; } /* ------------------------------------------------------- LOGOUT ------------------------------------------------------- */ body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu #wpf-menu > li.wpforo-logout { margin-top: 5px !important; padding-top: 5px !important; border-top: 1px solid rgba(255, 255, 255, 0.12) !important; } body.page-id-136 #wpforo #wpforo-wrap #wpforo-menu #wpf-menu > li.wpforo-logout > a { color: #f0d8d1 !important; } /* ------------------------------------------------------- KEEP FORUM CENTERED / NO SIDEWAYS SHIFT ------------------------------------------------------- */ body.page-id-136 #wpforo, body.page-id-136 #wpforo #wpforo-wrap { transform: none !important; margin-left: auto !important; margin-right: auto !important; max-width: 100% !important; } } /* ========================================================= HCL 63 TEAM HUB WORDPRESS MOBILE SITE NAV — BRANDED ========================================================= */ @media (max-width: 900px) { /* ------------------------------------------------------- MODAL CONTAINER ------------------------------------------------------- */ body.page-id-136 .wp-block-navigation__responsive-container { background: #f7f3ea !important; color: #173d38 !important; padding: 0 !important; box-sizing: border-box !important; } /* ------------------------------------------------------- INNER CLOSE WRAPPER ------------------------------------------------------- */ body.page-id-136 .wp-block-navigation__responsive-close { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } /* ------------------------------------------------------- DIALOG ------------------------------------------------------- */ body.page-id-136 .wp-block-navigation__responsive-dialog { position: relative !important; width: 100% !important; min-height: 100vh !important; padding: 78px 28px 42px !important; background: linear-gradient( 145deg, #f7f3ea 0%, #faf8f2 100% ) !important; box-sizing: border-box !important; } /* ------------------------------------------------------- CLOSE BUTTON ------------------------------------------------------- */ body.page-id-136 .wp-block-navigation__responsive-container-close { position: absolute !important; top: 24px !important; right: 24px !important; width: 42px !important; height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; background: transparent !important; color: #173d38 !important; border: 1px solid rgba(17, 19, 16, 0.12) !important; border-radius: 50% !important; box-shadow: none !important; } body.page-id-136 .wp-block-navigation__responsive-container-close svg { width: 19px !important; height: 19px !important; fill: currentColor !important; } body.page-id-136 .wp-block-navigation__responsive-container-close:hover, body.page-id-136 .wp-block-navigation__responsive-container-close:focus-visible { background: rgba(201, 111, 91, 0.08) !important; color: #ad5948 !important; border-color: rgba(201, 111, 91, 0.30) !important; outline: none !important; } /* ------------------------------------------------------- NAV CONTENT WRAPPER ------------------------------------------------------- */ body.page-id-136 .wp-block-navigation__responsive-container-content { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; align-items: stretch !important; } /* ------------------------------------------------------- NAV LIST ------------------------------------------------------- */ body.page-id-136 .wp-block-navigation__responsive-container-content .wp-block-navigation__container, body.page-id-136 .wp-block-navigation__responsive-container-content .wp-block-page-list { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } /* ------------------------------------------------------- EACH NAV ITEM ------------------------------------------------------- */ body.page-id-136 .wp-block-navigation__responsive-container-content .wp-block-navigation-item { width: 100% !important; margin: 0 !important; padding: 0 !important; border-bottom: 1px solid rgba(17, 19, 16, 0.085) !important; } /* ------------------------------------------------------- NAV LINKS ------------------------------------------------------- */ body.page-id-136 .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content { position: relative !important; display: flex !important; align-items: center !important; width: 100% !important; min-height: 58px !important; padding: 13px 34px 13px 4px !important; color: #173d38 !important; font-family: "Manrope", Arial, Helvetica, sans-serif !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: -0.01em !important; text-decoration: none !important; box-sizing: border-box !important; } /* ------------------------------------------------------- LINK ARROW ------------------------------------------------------- */ body.page-id-136 .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content::after { content: "→"; position: absolute !important; right: 4px !important; top: 50% !important; transform: translateY(-50%) !important; color: #c5a35d !important; font-size: 16px !important; font-weight: 700 !important; opacity: 0.9 !important; } /* ------------------------------------------------------- ACTIVE PAGE ------------------------------------------------------- */ body.page-id-136 .wp-block-navigation__responsive-container-content .current-menu-item > .wp-block-navigation-item__content { color: #0f2d29 !important; padding-left: 15px !important; } body.page-id-136 .wp-block-navigation__responsive-container-content .current-menu-item > .wp-block-navigation-item__content::before { content: ""; position: absolute !important; left: 0 !important; top: 16px !important; bottom: 16px !important; width: 3px !important; background: #c96f5b !important; border-radius: 999px !important; } /* ------------------------------------------------------- HOVER / FOCUS ------------------------------------------------------- */ body.page-id-136 .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content:hover, body.page-id-136 .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content:focus-visible { color: #ad5948 !important; background: rgba(238, 231, 220, 0.45) !important; outline: none !important; } /* ------------------------------------------------------- TOP BRAND-LIKE LABEL ------------------------------------------------------- */ body.page-id-136 .wp-block-navigation__responsive-container-content::before { content: "HCL 63 · LOVE IN ACTION"; display: block !important; margin: 0 0 24px !important; padding: 0 0 13px !important; color: #173d38 !important; border-bottom: 1px solid rgba(17, 19, 16, 0.10) !important; font-family: "Manrope", Arial, Helvetica, sans-serif !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; } /* ------------------------------------------------------- SMALL MOBILE ------------------------------------------------------- */ @media (max-width: 390px) { body.page-id-136 .wp-block-navigation__responsive-dialog { padding: 70px 22px 34px !important; } body.page-id-136 .wp-block-navigation__responsive-container-close { top: 20px !important; right: 20px !important; width: 38px !important; height: 38px !important; } body.page-id-136 .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content { min-height: 54px !important; font-size: 14px !important; } } } /* ========================================================= HCL 63 TEAM HUB WORDPRESS SITE HEADER / PRIMARY NAV ========================================================= */ /* ========================================================= HEADER SHELL ========================================================= */ body.page-id-136 header.wp-block-template-part { position: relative !important; width: 100% !important; background: rgba(247, 243, 234, 0.97) !important; border-bottom: 1px solid rgba(17, 19, 16, 0.10) !important; box-shadow: 0 4px 16px rgba(15, 45, 41, 0.025) !important; z-index: 200 !important; } /* Remove theme spacing noise */ body.page-id-136 header.wp-block-template-part > .wp-block-group { margin: 0 !important; padding: 0 !important; } /* ========================================================= HEADER INNER CONTAINER ========================================================= */ body.page-id-136 header.wp-block-template-part .wp-block-group.has-global-padding { width: 100% !important; max-width: none !important; margin: 0 !important; padding-left: 28px !important; padding-right: 28px !important; } body.page-id-136 header.wp-block-template-part .wp-block-group.alignwide { width: 100% !important; max-width: 1280px !important; min-height: 76px !important; margin: 0 auto !important; padding-top: 13px !important; padding-bottom: 13px !important; box-sizing: border-box !important; } /* ========================================================= SITE TITLE / BRAND ========================================================= */ body.page-id-136 header.wp-block-template-part .wp-block-site-title { margin: 0 !important; line-height: 1 !important; } body.page-id-136 header.wp-block-template-part .wp-block-site-title a { position: relative !important; display: inline-flex !important; align-items: baseline !important; gap: 8px !important; color: #173d38 !important; font-family: "Fraunces", Georgia, "Times New Roman", serif !important; font-size: 21px !important; font-weight: 600 !important; line-height: 1.1 !important; letter-spacing: -0.03em !important; text-decoration: none !important; } /* Small accent after brand */ body.page-id-136 header.wp-block-template-part .wp-block-site-title a::after { content: ""; display: inline-block !important; width: 28px !important; height: 2px !important; margin-left: 3px !important; background: linear-gradient( 90deg, #c96f5b 0 58%, #c5a35d 58% 100% ) !important; transform: translateY(-3px) !important; } /* ========================================================= DESKTOP NAV WRAPPER ========================================================= */ body.page-id-136 header.wp-block-template-part .wp-block-navigation { margin: 0 !important; font-family: "Manrope", Arial, Helvetica, sans-serif !important; } /* ========================================================= DESKTOP NAV LIST ========================================================= */ body.page-id-136 header.wp-block-template-part .wp-block-navigation__container, body.page-id-136 header.wp-block-template-part .wp-block-page-list { display: flex !important; align-items: center !important; gap: 30px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } /* ========================================================= DESKTOP NAV ITEMS ========================================================= */ body.page-id-136 header.wp-block-template-part .wp-block-navigation-item { position: relative !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= DESKTOP NAV LINKS ========================================================= */ body.page-id-136 header.wp-block-template-part .wp-block-navigation-item__content { position: relative !important; display: inline-flex !important; align-items: center !important; min-height: 40px !important; padding: 4px 0 !important; color: #3f4540 !important; font-family: "Manrope", Arial, Helvetica, sans-serif !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.01em !important; text-decoration: none !important; transition: color 160ms ease !important; } /* Nav underline */ body.page-id-136 header.wp-block-template-part .wp-block-navigation-item__content::after { content: ""; position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; height: 2px !important; background: #c96f5b !important; transform: scaleX(0) !important; transform-origin: left center !important; transition: transform 180ms ease !important; } /* Hover */ body.page-id-136 header.wp-block-template-part .wp-block-navigation-item__content:hover { color: #173d38 !important; } body.page-id-136 header.wp-block-template-part .wp-block-navigation-item__content:hover::after { transform: scaleX(1) !important; } /* ========================================================= ACTIVE PAGE ========================================================= */ body.page-id-136 header.wp-block-template-part .current-menu-item > .wp-block-navigation-item__content { color: #173d38 !important; font-weight: 800 !important; } body.page-id-136 header.wp-block-template-part .current-menu-item > .wp-block-navigation-item__content::after { transform: scaleX(1) !important; background: linear-gradient( 90deg, #c96f5b 0 70%, #c5a35d 70% 100% ) !important; } /* ========================================================= KEYBOARD FOCUS ========================================================= */ body.page-id-136 header.wp-block-template-part .wp-block-navigation-item__content:focus-visible, body.page-id-136 header.wp-block-template-part .wp-block-site-title a:focus-visible { outline: 2px solid #c5a35d !important; outline-offset: 4px !important; } /* ========================================================= MOBILE MENU BUTTON ========================================================= */ body.page-id-136 header.wp-block-template-part .wp-block-navigation__responsive-container-open { width: 42px !important; height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; background: transparent !important; color: #173d38 !important; border: 1px solid rgba(17, 19, 16, 0.10) !important; border-radius: 50% !important; box-shadow: none !important; } body.page-id-136 header.wp-block-template-part .wp-block-navigation__responsive-container-open svg { width: 20px !important; height: 20px !important; fill: currentColor !important; } body.page-id-136 header.wp-block-template-part .wp-block-navigation__responsive-container-open:hover, body.page-id-136 header.wp-block-template-part .wp-block-navigation__responsive-container-open:focus-visible { color: #ad5948 !important; background: rgba(201, 111, 91, 0.07) !important; border-color: rgba(201, 111, 91, 0.28) !important; outline: none !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { body.page-id-136 header.wp-block-template-part .wp-block-group.has-global-padding { padding-left: 18px !important; padding-right: 18px !important; } body.page-id-136 header.wp-block-template-part .wp-block-group.alignwide { min-height: 66px !important; padding-top: 10px !important; padding-bottom: 10px !important; } body.page-id-136 header.wp-block-template-part .wp-block-site-title a { font-size: 18px !important; } body.page-id-136 header.wp-block-template-part .wp-block-site-title a::after { width: 20px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 600px) { body.page-id-136 header.wp-block-template-part .wp-block-group.has-global-padding { padding-left: 14px !important; padding-right: 14px !important; } body.page-id-136 header.wp-block-template-part .wp-block-group.alignwide { min-height: 60px !important; padding-top: 8px !important; padding-bottom: 8px !important; } body.page-id-136 header.wp-block-template-part .wp-block-site-title a { gap: 5px !important; font-size: 16px !important; letter-spacing: -0.025em !important; } body.page-id-136 header.wp-block-template-part .wp-block-site-title a::after { display: none !important; } body.page-id-136 header.wp-block-template-part .wp-block-navigation__responsive-container-open { width: 38px !important; height: 38px !important; } } /* ========================================================= HCL 63 TEAM HUB HIDE MOBILE NAV TOGGLE ON DESKTOP ========================================================= */ @media (min-width: 901px) { body.page-id-136 header.wp-block-template-part .wp-block-navigation__responsive-container-open { display: none !important; } }