/home/smartbloks/public_html/help.smartbloks.ai/wp-content/themes/docly/assets/css/bbp-forum.css
/*==============action_area_three css ================*/
.action_area_three {
padding: 110px 0;
background-attachment: fixed;
}
.action_content_three {
max-width: 520px;
margin: 0 auto;
}
.action_content_three h2 {
font-size: 40px;
line-height: 50px;
font-weight: 700;
color: #fff;
margin-bottom: 30px;
}
.action_content_three .doc_border_btn {
background: transparent;
color: #fff;
border-color: #b4b6da;
padding: 13px 34px;
}
.action_content_three .doc_border_btn:hover {
background: #ffffff;
color: var(--brand_color);
border-color: #fff;
}
/*----------------------------------------------------*/
/** === Forum heading bar === **/
.post-header {
display: flex;
justify-content: space-between;
background: #f7f8f9;
padding: 17px 30px;
border: 1px solid #eaeeef;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.post-header.forums-header {
padding: 17px 15px;
display: flex;
text-align: left;
}
@media (max-width: 768px) {
.post-header {
display: block;
text-align: center;
}
}
@media (max-width: 576px) {
.post-header {
padding: 15px;
}
}
.post-header .support-total-info {
margin: 0;
padding: 0;
list-style: none;
}
@media (max-width: 768px) {
.post-header .support-total-info {
margin-bottom: 20px;
}
}
.post-header .support-total-info li {
display: inline-block;
font-size: 14px;
}
.post-header .support-total-info li.open-ticket {
color: var(--secondary_color);
font-weight: 500;
}
.post-header .support-total-info li.close-ticket a {
color: var(--p_color);
}
.post-header .support-total-info li a {
font-size: 14px;
font-weight: 500;
}
.post-header .support-total-info li a:hover {
color: var(--brand_color);
}
.post-header .support-total-info li:not(:last-child) {
margin-right: 20px !important;
}
.post-header .support-total-info li i {
color: #00ae69;
margin-right: 8px;
vertical-align: -2px;
}
.post-header .support-total-info li:nth-child(1) i {
color: #f06292;
}
.post-header .category-menu {
margin: 0;
padding: 0;
list-style: none;
}
.post-header .category-menu li {
display: inline-block;
}
.post-header .category-menu li .dropdown-menu {
top: 12px !important;
transform: translate3d(0, 23px, 0) !important;
}
.post-header .category-menu li:not(:last-child) {
margin-right: 10px;
}
@media (max-width: 546px) {
.post-header .category-menu li:not(:last-child) {
margin-right: 0;
}
}
.post-header .category-menu li:nth-child(4) .dropdown-menu, .post-header .category-menu li:nth-child(3) .dropdown-menu {
right: -11px;
left: auto !important;
}
@media (max-width: 380px) {
.post-header .category-menu li:nth-child(4) .dropdown-menu {
width: 190px;
}
}
.post-header .category-menu li:nth-child(3) .title:before, .post-header .category-menu li:nth-child(3) .title:after {
right: 40px;
}
.post-header .category-menu li:nth-child(1) .title:before, .post-header .category-menu li:nth-child(1) .title:after {
right: auto;
left: 30px;
}
.post-header .category-menu li:nth-child(2) .title:before, .post-header .category-menu li:nth-child(2) .title:after {
right: auto;
left: 25px;
}
.post-header .category-menu .dropdown-toggle {
position: relative;
background: transparent;
box-shadow: none;
border: 0;
color: var(--p_color);
padding: 0 15px;
font-size: 14px;
}
.post-header .category-menu .dropdown-toggle:after {
content: "3";
font-family: eleganticons;
border: 0;
position: absolute;
top: 50%;
right: -5px;
transform: translateY(-58%);
}
.post-header .category-menu .btn-secondary:not(:disabled):not(.disabled).active,
.post-header .category-menu .btn-secondary:not(:disabled):not(.disabled):active,
.post-header .category-menu .show > .btn-secondary.dropdown-toggle {
background-color: transparent;
border: none;
color: var(--p_color);
box-shadow: none;
}
.post-header .category-menu .dropdown-menu {
border: 1px solid #e6eeef;
background: #fff;
box-shadow: 0 30px 40px 0 rgba(4, 73, 89, 0.1);
padding: 0;
width: 260px;
animation: slideDown 0.12s cubic-bezier(0, 0.1, 0.1, 1) backwards;
}
@media (max-width: 576px) {
.post-header .category-menu .dropdown-menu {
width: 210px;
}
}
.post-header .category-menu .title {
font-size: 14px;
font-weight: 500;
margin: 0;
background: #f7f8f9;
border-bottom: 1px solid #e6eeef;
padding: 14px 20px 11px;
line-height: 1;
color: var(--p_color);
position: relative;
}
.post-header .category-menu .title:before {
content: "";
height: 16px;
width: 16px;
background: #e6eeef;
position: absolute;
right: 30px;
transform: rotate(45deg);
top: -8px;
}
.post-header .category-menu .title:after {
content: "";
height: 16px;
width: 16px;
background: #f7f8f9;
position: absolute;
right: 30px;
transform: rotate(45deg);
top: -6px;
}
.post-header .category-menu .cate-search-form {
padding: 0 20px;
margin-top: 10px;
}
.post-header .category-menu .cate-search-form input {
width: 100%;
background: #fbfcfc;
border: 2px solid #e2e7e8;
border-radius: 4px;
padding: 6px 20px;
font-size: 14px;
box-shadow: none;
}
.post-header .category-menu .cate-search-form input::placeholder {
color: #a8acb6;
}
.post-header .category-menu .cate-search-form input:focus {
background: #fff;
}
.post-header .category-menu .all-users {
font-size: 14px;
padding: 12px 22px;
border-bottom: 1px solid #e6eeef;
font-weight: 500;
color: var(--p_color);
}
.post-header .category-menu .all-users a {
padding: 7px 0;
color: #838793;
}
.post-header .category-menu .all-users a span {
border-radius: 4px;
width: 16px;
height: 16px;
background: #27b2da;
display: inline-block;
margin-right: 10px;
vertical-align: -3px;
}
.post-header .category-menu .all-users a span.color-pupple {
background: #8152e0;
}
.post-header .category-menu .all-users a span.color-yellow {
background: #fad05a;
}
.post-header .category-menu .all-users a span.color-ass {
background: #dfdfdf;
}
.post-header .category-menu .all-users a span.color-green {
background: #22936d;
}
.post-header .category-menu .all-users a span.color-orange {
background: #f88546;
}
.post-header .category-menu .all-users a span.color-light-green {
background: #1eba17;
}
.post-header .category-menu .all-users a:not(:last-child) {
border-bottom: 1px solid #e6eeef;
}
.post-header .category-menu .all-users a img {
width: 20px;
margin-right: 10px;
display: inline-block;
}
.post-header .category-menu .all-users a:hover, .post-header .category-menu .all-users a:focus {
background: transparent;
color: var(--secondary_color);
}
.post-header .category-menu .short-by {
padding: 10px 20px;
}
.post-header .category-menu .short-by a {
padding: 7px 0 7px 20px;
position: relative;
color: #838793;
font-size: 14px;
}
.post-header .category-menu .short-by a.active-short {
color: var(--secondary_color);
}
.post-header .category-menu .short-by a.active-short:before {
content: "N";
position: absolute;
font-family: eleganticons;
left: 0;
top: 7px;
color: #0abe76;
font-size: 14px;
}
.post-header .category-menu .short-by a:hover {
background: transparent;
color: var(--secondary_color);
}
ul.forum-titles {
list-style: none;
display: flex;
padding: 0;
margin: 0;
justify-content: flex-end;
}
ul.forum-titles li {
text-align: right;
font-size: 14px;
}
ul.forum-titles .forum-topic-count, ul.forum-titles .forum-reply-count {
flex-basis: 25%;
}
ul.forum-titles .forum-freshness {
flex-basis: 50%;
}
ul.forum-titles .forum-freshness .freshness-box {
display: flex;
font-size: 14px;
line-height: 1.3;
flex-direction: column;
}
ul.forum-titles .forum-freshness .freshness-box a {
color: var(--p_color);
}
ul.forum-titles .forum-freshness .freshness-box a:hover {
color: var(--brand_color);
}
ul.forum-titles .forum-freshness .freshness-box .freshness-btm {
display: flex;
justify-content: flex-end;
padding-top: 5px;
align-items: center;
gap: 10px;
}
ul.forum-titles .forum-freshness .freshness-box .freshness-btm .bbp-author-avatar img {
max-width: 30px;
border-radius: 50%;
}
.forum-page-content {
background: #f9fafb;
}
.forum-page-content .communities-boxes {
margin: 0 -30px;
}
.answer-action {
border-radius: 6px;
background: #fff;
box-shadow: 0px 3px 6px 0px rgba(4, 73, 89, 0.06);
padding: 20px 25px;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 70px;
}
@media (max-width: 768px) {
.answer-action {
display: block;
}
}
.answer-action .action-content {
display: flex;
align-items: center;
}
.answer-action .action-content .image-wrap {
margin-right: 30px;
}
.answer-action .action-content .ans-title {
font-size: 20px;
color: var(--secondary_color);
font-weight: 500;
margin-bottom: 0;
}
.answer-action .action-content p {
margin: 0;
}
.answer-action .btn-ans {
font-size: 16px;
font-weight: 500;
padding: 10px 25px;
box-shadow: none;
border: 1px solid var(--brand_color);
transition: all 0.3s ease-in-out;
}
.answer-action .btn-ans:hover {
background: transparent;
color: var(--brand_color);
}
@media (max-width: 768px) {
.answer-action .btn-ans {
margin-left: 130px;
margin-top: 5px;
}
}
.call-to-action {
padding: 55px 0;
background: var(--secondary_color);
position: relative;
}
.call-to-action .container {
position: relative;
}
.call-to-action .overlay-bg {
position: absolute;
background-image: url(../img/home_support/overlay_bg.png);
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
top: 0;
left: 0;
background-repeat: no-repeat;
opacity: 0.5;
}
.call-to-action .action-content-wrapper {
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 576px) {
.call-to-action .action-content-wrapper {
display: block;
text-align: center;
}
}
.call-to-action .action-content-wrapper .action-title-wrap {
display: flex;
align-items: center;
}
.call-to-action .action-content-wrapper .action-title-wrap img {
padding-right: 45px;
}
.call-to-action .action-content-wrapper .action-title-wrap .action-title {
color: #fff;
font-size: 44px;
line-height: 1.2;
font-weight: 500;
}
@media (max-width: 991px) {
.call-to-action .action-content-wrapper .action-title-wrap .action-title {
font-size: 34px;
}
}
.call-to-action .action-content-wrapper .action_btn {
border: 1px solid var(--brand_color);
font-size: 16px;
padding: 9px 25px;
font-weight: 500;
}
.call-to-action .action-content-wrapper .action_btn:hover {
background: transparent;
border-color: #fff;
color: #fff;
}
.status_widget .status {
margin-bottom: 25px;
}
.status_widget .offline {
color: #f4b130;
border: 2px solid #f5d597;
padding: 0px 13px;
display: inline-block;
border-radius: 4px;
margin-left: 5px;
}
.status_widget .title-sm {
font-size: 16px;
color: var(--secondary_color);
font-weight: 500;
margin-bottom: 10px;
}
.status_widget .open-hours {
margin-bottom: 30px;
}
.status_widget .open-hours p {
margin-bottom: 0;
}
@media (min-width: 991px) {
.status_widget .open-hours p {
max-width: 240px;
}
}
.status_widget .current-time {
margin-top: 28px;
}
.status_widget .current-time:after {
content: "";
display: block;
clear: both;
}
.status_widget .current-time li {
float: left;
width: 50%;
}
.w_tag_list.style-light li a {
background: #f0f2f5;
}
.w_tag_list.style-light li a:hover {
background: #e1f3f7;
color: var(--brand_color);
box-shadow: none;
}
.usefull-links {
margin: 0;
padding: 0;
list-style: none;
}
.usefull-links li {
padding: 7px 0;
}
.usefull-links li i {
margin-right: 10px;
}
.usefull-links li a {
color: var(--p_color);
font-size: 16px;
font-weight: 400;
display: inline-block;
}
.usefull-links li a:hover {
color: var(--brand_color);
}
.ticket_categories li {
padding: 12px 0 10px;
position: relative;
}
.ticket_categories li:not(:last-child) {
border-bottom: 1px solid #e4e7e9;
}
.ticket_categories li img {
margin-right: 10px;
margin-bottom: 5px;
max-width: 25px;
}
.ticket_categories li a {
font-size: 16px;
color: var(--secondary_color);
}
.ticket_categories li a:hover {
color: var(--brand_color);
}
.ticket_categories li .count {
position: absolute;
right: 0;
background: #ebedf0;
padding: 4px 7px 2px;
border-radius: 10px;
color: #838793;
font-size: 14px;
display: inline-block;
line-height: 1;
}
.ticket_categories li .count.count-fill {
right: 35px;
background: #0abe76;
color: #fff;
}
/*---------------------------------------------------- */
/*----------------------------------------------------*/
.forum-post-top {
display: flex;
}
.forum-post-top .bbp-author-avatar img {
border-radius: 50%;
margin-right: 15px !important;
max-width: 40px;
height: auto;
}
.forum-post-top .bbp-author-link.post-author img {
max-width: 50px;
}
.forum-post-top .forum-post-author .author-name {
font-size: 16px;
font-weight: 500;
color: var(--secondary_color);
}
.forum-post-top .forum-post-author .author-name:hover {
color: var(--brand_color);
}
.forum-post-top .forum-post-author .forum-author-meta {
display: flex;
}
.forum-post-top .forum-post-author .forum-author-meta span, .forum-post-top .forum-post-author .forum-author-meta a {
color: #838793;
font-size: 14px;
}
.forum-post-top .forum-post-author .forum-author-meta a:hover {
color: var(--brand_color);
}
.forum-post-top .forum-post-author .forum-author-meta .author-badge svg {
margin-top: -5px;
margin-right: 5px;
}
.forum-post-top .forum-post-author .forum-author-meta .author-badge i {
margin-right: 5px;
color: #838793;
}
.forum-post-top .forum-post-author .forum-author-meta .author-badge:first-child {
margin-right: 20px;
}
.action-button-container {
display: flex;
justify-content: flex-end;
}
.action-button-container.action-btns {
justify-content: flex-start;
margin-top: 30px;
}
.action-button-container.action-btns .action_btn {
height: 30px;
font-size: 14px;
line-height: 30px;
padding: 0 15px;
font-weight: 400;
}
.action-button-container .ask-btn {
box-shadow: none;
font-size: 16px;
font-weight: 500;
padding: 8px 28px;
margin-top: 2px;
}
.action-button-container .ask-btn:hover {
background: #16c9f0;
}
.action-button-container .reply-btn {
margin-right: 10px;
}
.action-button-container .too-btn {
background: #fff;
border: 1px solid #d0d8dc;
color: var(--secondary_color);
}
.action-button-container .too-btn:hover {
background: #fff;
border: 1px solid var(--secondary_color);
color: var(--secondary_color);
}
.q-title {
display: flex;
padding: 40px 15px 5px 0;
font-weight: 600;
}
.q-title h1 {
font-size: 30px;
color: var(--secondary_color);
line-height: 1.4;
font-weight: 600;
}
.q-title .badge {
margin-left: 10px;
line-height: 1.4;
margin-top: 2px;
}
.forum-post-content {
padding-left: 62px;
position: relative;
}
.forum-post-content .content {
line-height: 26px;
}
.forum-post-content .forum-post-btm {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #e8ecee;
padding-bottom: 30px;
padding-top: 25px;
}
.forum-post-content .forum-post-btm .taxonomy {
font-size: 14px;
}
.forum-post-content .forum-post-btm .taxonomy i, .forum-post-content .forum-post-btm .taxonomy img {
margin-right: 10px;
}
.forum-post-content .forum-post-btm .taxonomy a {
color: #838793;
}
.forum-post-content .forum-post-btm .taxonomy a:hover {
color: var(--brand_color);
}
.forum-post-content .forum-post-btm .taxonomy a + a {
padding-right: 2px;
}
.question-icon {
color: var(--secondary_color);
margin-right: 15px;
font-size: 46px;
margin-top: -15px;
}
/** === Best Answer === **/
.best-answer {
background: #f9f9f9;
padding: 30px 40px 30px 30px;
margin-top: 60px;
border-radius: 6px;
}
.accepted-ans-mark {
color: #0abe76;
font-size: 14px;
text-align: right;
}
.accepted-ans-mark i {
padding-right: 2px;
}
.best-answer .best-ans-content {
margin-top: 30px;
}
.best-answer .best-ans-content .question-icon {
margin-top: 10px;
margin-right: 20px;
}
.best-answer .best-ans-content p {
font-size: 15px;
line-height: 1.5;
}
.best-answer .best-ans-content p:last-child {
margin-bottom: 0;
}
/** === All answer === **/
.all-answers {
margin-top: 60px;
}
.all-answers ul {
list-style: none;
padding-left: 0;
}
.all-answers .title {
font-size: 20px;
font-weight: 500;
margin-bottom: 20px;
}
.all-answers .filter-bar {
background: #f7f8f9;
border: 1px solid #eaeeef;
padding: 10px 30px;
justify-content: space-between;
border-radius: 4px;
}
.all-answers .filter-bar .custom-select {
box-shadow: none;
}
.all-answers .filter-bar .custom-select:focus {
outline: none;
box-shadow: 0 0 0 0.2rem transparent;
border: none;
}
.all-answers .filter-bar .custom-select::after {
border-bottom: 1px solid var(--p_color);
border-right: 1px solid var(--p_color);
height: 6px;
width: 6px;
right: 5px;
}
.all-answers .filter-bar p {
margin-top: 8px;
margin-bottom: 0;
font-size: 14px;
color: var(--p_color);
}
.all-answers .filter-bar .nice-select {
background: #f7f8f9;
height: 100%;
border: 0;
padding: 0 25px 0 0;
}
.all-answers .filter-bar .nice-select .list {
width: 100px;
}
.all-answers .filter-bar .nice-select::-ms-expand {
display: none;
}
.all-answers .forum-comment {
margin-top: 30px;
position: relative;
}
.all-answers .forum-comment .comment-content {
margin-left: 56px;
margin-top: 10px;
border-bottom: 1px solid #e8ecee;
padding-bottom: 30px;
}
.all-answers .forum-comment .comment-content p {
line-height: 26px;
font-size: 16px;
margin-top: 10px;
}
.all-answers .forum-comment .comment-content p:last-child {
margin-bottom: 0;
}
.all-answers .forum-comment .comment-content .action-btns {
margin-top: 20px;
}
.all-answers .pagination-wrapper {
background: transparent;
box-shadow: none;
margin-top: 15px;
}
/** === Forum Sidebar === **/
.forum_sidebar {
padding-left: 28px;
font-size: 14px;
padding-right: 5px;
}
.bbp-template-notice {
margin-bottom: 30px;
}
.bbp-template-notice ul {
list-style: none;
margin: 0;
padding: 0;
}
.bbp-forum-description span.bbp-author-avatar {
display: none;
}
.communities-boxes .docly-com-box .icon-container{
margin-bottom: 25px;
}
.communities-boxes .docly-com-box .icon-container img {
max-width: 50px;
border-radius: 5px;
}
.community-post.style-two .meta li img {
max-width: 16px;
}
/** === Topic Form === **/
.bbp-topic-form {
margin-top: 80px;
}
.bbp-no-topic,
.bbp-reply-form {
margin-top: 40px;
}
.bbp-login-form legend,
#new-post legend {
font-family: "Roboto", sans-serif;
color: var(--secondary_color);
font-size: 20px;
font-weight: 500;
}
#bbpress-forums fieldset.bbp-form input[type=text],
.bbp-login-form input[type='text'],
.bbp-login-form input[type='password'],
#new-post .bbp-the-content-wrapper textarea,
#new-post input[type='text'] {
height: 50px;
line-height: 50px;
background: #fff;
box-shadow: none;
border: 1px solid #d9e1e3;
padding-left: 20px;
font-weight: 400;
transition: all 0.2s linear;
border-radius: 4px;
color: #878b99;
width: 100%;
}
#bbpress-forums fieldset.bbp-form input, #bbpress-forums fieldset.bbp-form p, #bbpress-forums fieldset.bbp-form select, #bbpress-forums fieldset.bbp-form textarea {
margin: 8px 0 8px !important;
}
#bbpress-forums fieldset select#bbp_forum_id {
max-width: 100%;
}
.bbp-login-form .bbp-submit-wrapper {
margin-top: -30px;
}
.aq-form-wrapper .form-item {
margin-top: 30px;
}
.aq-notify-check {
margin-bottom: 10px;
}
#new-post .bbp-the-content-wrapper {
margin-top: 30px;
padding-left: 15px;
width: 100%;
padding-right: 15px;
}
.bbp-reply-form #new-post .bbp-the-content-wrapper {
padding: 0;
margin-bottom: 25px;
}
div.bbp-submit-wrapper {
float: none;
}
#bbpress-forums fieldset.bbp-form {
padding-bottom: 30px !important;
}
#new-post .bbp-the-content-wrapper textarea {
height: 300px;
border: none;
line-height: 1.5;
padding: 20px;
}
#new-post .bbp-the-content-wrapper textarea:focus,
#new-post input[type='text']:focus,
.bbp-login-form input[type='text']:focus {
background: #fbfcfd;
box-shadow: 0 20px 30px 0 rgba(4, 73, 89, 0.1);
}
form.bbp-login-form {
position: relative;
}
.bbp-login-form .bbp-form .bbp-remember-me {
margin-bottom: 5px;
margin-top: 20px;
}
.bbp_widget_login .bbp-login-links {
float: right;
}
.bbp-login-form label,
#new-post label {
font-weight: 500;
font-family: "Roboto", sans-serif;
color: var(--secondary_color);
font-size: 16px;
}
.bbp_widget_login .bbp-login-links a.bbp-lostpass-link {
padding-top: 5px;
}
input.checkbox-tik {
color: var(--p_color);
position: relative;
width: 12px;
outline: none;
height: 12px;
top: 1px;
left: 0;
margin: 0;
}
.checkbox-tik + label {
padding-left: 5px;
font-size: 15px;
}
input.checkbox-tik:checked:before {
border-color: var(--brand_color);
}
input.checkbox-tik:before {
content: "";
display: block;
position: absolute;
width: 12px;
height: 12px;
border: 1px solid var(--p_color);
top: 0;
left: 0;
border-radius: 2px;
background-color: #fff;
}
input.checkbox-tik:after {
content: "";
display: block;
width: 5px;
height: 11px;
border: solid var(--brand_color);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
position: absolute;
top: -2px;
left: 5px;
opacity: 0;
transition: all 0.2s linear;
}
input.checkbox-tik:checked:after {
opacity: 1;
}
.bbp-remember-me label,
#new-post #bbp_topic_subscription+label {
font-weight: 400;
margin-bottom: 0;
}
.bbp-submit-wrapper #user-submit,
#new-post #bbp_reply_submit,
#new-post #bbp_topic_submit {
font-size: 14px;
font-weight: 400;
color: #fff;
border-radius: 4px;
background: var(--brand_color);
display: inline-block;
padding: 12px 35px;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.18s ease-in-out;
border: none;
}
.bbp-submit-wrapper {
margin-bottom: 0;
}
.bbp-submit-wrapper #user-submit:hover,
#new-post #bbp_reply_submit:hover,
#new-post button#bbp_topic_submit:hover {
box-shadow: 0 20px 30px 0 rgba(12, 118, 142, 0.24);
}
input#bbp_topic_subscription+label{
color: var(--p_color);
}
.forum-post-top .forum-post-author .forum-author-meta {
color: #838793;
font-size: 14px;
margin-top: 5px;
}
.forum-post-author {
margin-top: -2px;
}
.forum-post-author .bbp-author-name,
.forum-post-author .bbp-author-link{
color: #636363;
}
.topic_comments {
display: flex;
flex-direction: column;
}
span#subscription-toggle a {
font-size: 16px;
font-weight: 500;
padding: 10px 28px;
margin-top: 2px;
color: #fff;
border-radius: 4px;
background: var(--brand_color);
display: inline-block;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.18s ease-in-out;
}
span#subscription-toggle .is-subscribed a {
font-size: 16px;
font-weight: 500;
padding: 10px 28px;
margin-top: 2px;
color: #606060;
border-radius: 4px;
background: #e0e0e0;
display: inline-block;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.18s ease-in-out;
}
.post-header .category-menu li,
.community-post .post-meta-wrapper .post-meta-info li a i{
font-size: 14px;
}
.post-header .category-menu li:not(:last-child) {
margin-right: 40px !important;
}
.community-post.style-two .post-meta-wrapper .post-meta-info li:not(:last-child) {
margin-right: 60px !important;
}
.forum-post-content .forum-post-btm .taxonomy i, .forum-post-content .forum-post-btm .taxonomy img,
.community-post .post-meta-wrapper .post-meta-info li a i,
.community-post.style-two .meta li i, .community-post.style-two .meta li img {
margin-right: 5px;
}
ul.forum-titles .forum-freshness .freshness-box a{
font-size: 12px;
}
ul.forum-titles .forum-freshness .freshness-box a span{
font-size: 14px;
}
ul.forum-titles .forum-freshness .freshness-box .freshness-btm .bbp-author-avatar img {
height: auto;
}
#favorite-toggle .favorite-toggle {
height: 30px;
font-size: 14px;
line-height: 30px;
padding: 6px 20px;
font-weight: 400;
border-radius: 2px;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.18s ease-in-out;
background: #fff;
border: 1px solid #d0d8dc;
color: var(--secondary_color);
}
span#favorite-toggle {
margin-top: 2px;
}
#favorite-toggle .favorite-toggle:hover {
background: #fff;
border: 1px solid var(--secondary_color);
color: var(--secondary_color);
}
.bbp-pagination {
display: flex;
justify-content: flex-end;
width: unset;
}
.pagination-wrapper .page-numbers{
display: block;
color: var(--p_color);
height: 35px;
width: 35px;
text-align: center;
line-height: 35px;
background: #f2f5f6;
border-radius: 3px;
margin-right: 8px;
}
.pagination-wrapper .view-post-of {
flex: 1;
padding-left: 25px;
margin-bottom: 10px;
}
.pagination-wrapper .page-numbers:last-child {
margin-right: 0;
}
.pagination-wrapper .page-numbers:hover,
.pagination-wrapper .page-numbers.current {
background: var(--brand_color);
color: #fff;
}
.bbp-no-reply, .bbp-forum-closed {
margin-top: 50px;
}
.action-button-container.action-btns .bbp-topic-reply-link {
height: 30px;
font-size: 14px;
line-height: 30px;
padding: 0 20px;
font-weight: 400;
border-radius: 3px;
margin-top: 2px;
background: var(--brand_color);
display: inline-block;
color: #fff;
margin-right: 10px;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.18s ease-in-out;
border-color: var(--brand_color);
}
.forum-comment .action-button-container.action-btns .bbp-topic-reply-link {
height: 26px;
font-size: 12px;
line-height: 26px;
}
.action-button-container.action-btns .bbp-topic-reply-link:hover {
background: #16c9f0;
}
.answer-action .action-content .ans-title {
margin-bottom: 5px;
}
.forum-post-content .forum-post-btm {
padding-bottom: 20px;
}
.action-button-container.action-btns {
margin-top: 20px;
}
/** === Widgets === **/
.widget_display_stats dl dt {
float: left;
clear: left;
margin: 0 0 10px;
}
.widget_display_stats dl dd {
float: right;
margin: 0;
}
.widget_display_replies li:before {
font-family: 'Font Awesome 5 Free';
content: "\f075";
margin: 0 12px 0 0;
font-size: 15px;
color: #6d6d6d;
position: absolute;
left: 0;
top: 2px;
}
.widget_display_topics li:before{
font-family: 'Font Awesome 5 Free';
content: "\f4ad";
margin: 0 12px 0 0;
font-size: 15px;
color: #6d6d6d;
position: absolute;
left: 0;
top: 2px;
}
.widget_display_topics .bbp-forum-title,
.widget_display_replies .bbp-forum-title {
display: inline-block;
font-size: 14px;
line-height: 1.36;
color: #333;
}
.widget_display_topics li,
.widget_display_replies li {
padding-left: 30px;
position: relative;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #e5e7e9;
}
.widget_display_topics li a,
.widget_display_replies li a {
color: var(--secondary_color);
}
.widget_display_topics li a:hover,
.widget_display_replies li a:hover {
color: var(--brand_color);
}
.bbp-logged-in .avatar {
float: left;
margin: 0 15px 0 0;
-webkit-border-radius: 99%;
-moz-border-radius: 99%;
-ms-border-radius: 99%;
border-radius: 99%;
}
.bbp-logged-in h4 {
font-weight: normal;
font-size: 18px;
clear: none;
margin: 0 0 5px;
}
.bbp-logged-in h4 a {
color: #333;
font-weight: 500;
}
.bbp-logged-in a.button.logout-link:hover,
.bbp-logged-in h4 a:hover {
color: var(--brand_color);
}
.bbp-logged-in a.button.logout-link:hover,
.bbp-logged-in a.button.logout-link {
color: #666;
}
.forum-post-content .content img {
max-width: 100%;
height: auto;
}
ul.bbp-topics-widget.newness img {
border-radius: 50%;
margin: 5px;
}
.bbp-submit-wrapper {
float: left;
margin-top: 0;
}
.forum-post-content .forum-post-btm .taxonomy.forum-post-cat {
display: flex;
}
.bbp-topic-reply-link {
padding: 6px 20px;
font-weight: 400;
border-radius: 2px;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.18s ease-in-out;
background: #fff;
border: 1px solid #d0d8dc;
color: var(--secondary_color);
height: 26px;
font-size: 12px;
line-height: 26px;
}
.comment-content .bbp-topic-reply-link:hover {
background: #fff;
border: 1px solid var(--secondary_color);
color: var(--secondary_color);
}
.page-numbers {
cursor: pointer !important;
}
.pagination-wrapper .page-numbers.next {
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 2px;
}
.post-header .support-total-info li a {
font-weight: 400;
}
.post-header .support-total-info li a {
color: var(--p_color);
}
.post-header .support-total-info li a.open-data.loading {
color: #24292e;
font-weight: 500;
}
#tagList {
padding-left: 40px;
}
.userlist {
padding-left: 20px;
}
.post-header .category-menu .all-users a {
position: relative;
}
.post-header .category-menu .all-users a .count {
background: #ebedf0;
border-radius: 10px;
color: #838793;
font-size: 12px;
position: absolute;
margin-left: 5px;
padding: 1px 5px 0;
top: 8px;
width: auto;
height: auto;
}
/* Error */
.community-post-error{
padding: 80px 40px;
border-style: solid;
border-color: #e1e4e8;
border-right-width: 1px;
border-bottom-width: 1px;
border-top-width: 0px;
border-left-width: 1px;
}
.community-post-error .error-content {
text-align: center;
}
.community-post-error .error-content h3{
margin: 16px 0;
font-size: 24px;
font-weight: 400;
}
.community-post-error .error-content p{
font-size: 16px;
margin-top: 0;
margin-bottom: 10px;
}
.community-post-error .error-content .error-icon {
margin-right: 4px;
margin-bottom: 8px;
margin-left: 4px;
color: #a3aab1;
}
.community-post-error .error-content .docly-error {
display: inline-block;
vertical-align: text-top;
fill: currentColor;
}
/* Loading */
.forum-loading {
display: flex;
justify-content: center;
align-items: center;
background-color: transparent;
padding: 50px;
text-align: center;
}
.forum-loading .configure-border-1 {
width: 50px;
height: 50px;
padding: 3px;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
background: #fb5b53;
animation: configure-clockwise 3s ease-in-out 0s infinite alternate;
}
.forum-loading .configure-border-2 {
width: 50px;
height: 50px;
padding: 3px;
left: -115px;
display: flex;
justify-content: center;
align-items: center;
background: rgb(63,249,220);
transform: rotate(45deg);
animation: configure-xclockwise 3s ease-in-out 0s infinite alternate;
}
.forum-loading .configure-core {
width: 100%;
height: 100%;
background-color: #1d2630;
}
@keyframes configure-clockwise {
0% {
transform: rotate(0);
}
25% {
transform: rotate(90deg);
}
50% {
transform: rotate(180deg);
}
75% {
transform: rotate(270deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes configure-xclockwise {
0% {
transform: rotate(45deg);
}
25% {
transform: rotate(-45deg);
}
50% {
transform: rotate(-135deg);
}
75% {
transform: rotate(-225deg);
}
100% {
transform: rotate(-315deg);
}
}
.community-post.style-two .post-content .entry-content .post-title {
margin-bottom: 5px;
}
/** Forum User Profile **/
@media (min-width: 1300px) {
.bbp-user-page .page_wrapper .container {
max-width: 1280px;
}
}
.bbp-user-page .breadcrumb_area_three {
padding: 200px 0 170px;
}
.bbp-user-page .page_wrapper {
padding-bottom: 70px;
padding-top: 0;
margin-top: -120px;
z-index: 2;
position: relative;
}
#bbpress-forums {
font-size: 14px;
}
.bbp-user-page .load-forum {
border: 1px solid #f2f3f4;
}
#bbpress-forums #bbp-single-user-details {
width: 220px;
background: #fff;
}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation li {
margin-top: 8px;
}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation a {
padding: 12px;
border: none;
font-size: 14px;
font-weight: 500;
color: #232361;
background: #f5f5f9;
border-radius: 5px;
}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a {
color: #fff;
background-color: var(--brand_color);
}
#bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar {
border-radius: 5px;
width: 173px;
height: auto;
}
#bbpress-forums #bbp-user-body {
margin: 20px 45px 50px 300px;
background: #fff;
}
.bbp-user-section .pagination-wrapper {
padding: 0;
margin-top: 25px;
}
#bbpress-forums #bbp-user-wrapper h2.entry-title {
padding-top: 5px;
}
.subscribed-topics {
margin-top: 50px;
}
.bbp-admin-links {
margin-bottom: 0;
flex-wrap: wrap;
}
.bbp-admin-links li {
padding-right: 10px;
}
.bbp-admin-links li:nth-last-child(2) {
order: 99;
padding-right: 10px;
}
.bbp-admin-links li a {
color: var(--brand_color);
font-size: 14px;
}
/** === Solved Topic / Best Answer === **/
.topic_comments .best-answer {
order: -1;
}
.all-answers .forum-comment.best-answer .comment-content {
border: none;
padding-bottom: 0;
}
.solved-topic-bar {
display: inline;
top: 0;
right: 0;
}
.best-answer .solved-topic-bar {
top: 30px;
right: 20px;
}
.forum-post-content .solved-topic-bar {
top: -60px;
}
.badge {
font-weight: 500;
}
.solved-topic-bar .badge {
padding: 8px 15px;
font-size: 80%;
vertical-align: middle;
color: #fff;
margin-left: 0.5rem;
line-height: 1;
height: 29px;
}
.solved-topic-bar .badge a {
color: #fff;
}
.solved-topic-bar .badge i {
padding-right: 2px;
}
#best-answer .badge {
background: #0abe76;
border-bottom-color: #06794b;
}
.bbp-topic-revision-log,
.bbp-reply-revision-log {
list-style: none;
padding: 0;
font-size: 14px;
color: var(--black_300);
}
.bbp-topic-revision-log span.bbp-author-avatar img,
.bbp-reply-revision-log span.bbp-author-avatar img {
margin-right: 2px;
border-radius: 50%;
}
.bbp-user-page .support-info {
display: flex;
justify-content: space-between;
width: 100%;
}
.forum-post-author + .bbp-voting {
left: -17px;
padding-right: unset;
}
.best-answer .forum-post-author + .bbp-voting {
left: 16px;
padding-right: unset;
}