{"version":3,"file":"styles/frontend/el-widgets.css","mappings":"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","sources":["webpack:///./assets/frontend/scss/el-widgets/_variables.scss","webpack:///./assets/frontend/scss/el-widgets/_forumPosts.scss","webpack:///./assets/frontend/scss/el-widgets/_forum.scss","webpack:///./assets/frontend/scss/el-widgets/_forums.scss","webpack:///./assets/frontend/scss/el-widgets/_ajaxForum.scss","webpack:///./assets/frontend/scss/el-widgets/_search.scss","webpack:///./assets/frontend/scss/el-widgets/_single-forum.scss","webpack:///./assets/frontend/scss/el-widgets/_forumTab.scss","webpack:///./assets/frontend/scss/el-widgets/_docy-widgets.scss"],"sourcesContent":[":root {\n  --rob: \"Roboto\", sans-serif;\n  --great: \"Great Vibes\", cursive;\n  --bg_gradient: linear-gradient(45deg, #F5FDFF, #FEEFEC);\n  --bbpc_brand_color: var(--bbpc_brand_color_opt, #4c4cf1);\n  --h_title: #1d2746;\n  --p_color: #6b707f;\n  --bs-white: #fff;\n  --black_25: #f9f9f9;\n  --black_50: #f2f2f2;\n  --black_75: #eeeeee;\n  --black_90: #e0e6f0;\n  --black_100: #d6d9dc;\n  --black_150: #c8ccd0;\n  --black_200: #bbc0c4;\n  --black_300: #9fa6ad;\n  --black_350: #9199a1;\n  --black_400: #848d95;\n  --black_500: #6a737c;\n  --black_600: #535a60;\n  --black_700: #3c4146;\n  --black_750: #2f3337;\n  --black_800: #242729;\n  --black_900: #0c0d0e;\n  --bbpc_color: #078669;\n  --baseColor2: #4a6ee0;\n  --bs_white: #fff;\n}\n\n/*font Variables*/\n$rob: var(--rob);\n$great: var(--great);\n\n$h_title: var(--h_title);\n$p_color: var(--p_color);\n$black_100: var(--black_100);\n$black_150: var(--black_150);\n$black_200: var(--black_200);\n$black_300: var(--black_300);\n$black_350: var(--black_350);\n$black_400: var(--black_400);\n$black_500: var(--black_500);\n$black_600: var(--black_600);\n$black_700: var(--black_700);\n$black_750: var(--black_750);\n$black_800: var(--black_800);\n$black_900: var(--black_900);\n$brand_color: var(--bbpc_brand_color);\n$baseColor2: var(--baseColor2);\n\n// Mixins\n@mixin transition(\n  $property: all,\n  $duration: 300ms,\n  $animate: linear,\n  $delay: 0s\n) {\n  transition: $property $duration $animate $delay;\n}\n\n/**=== Functions ===**/\n@function brand_color_rgba($alpha) {\n  @return rgba(7, 134, 105, $alpha);\n}\n\n// Placeholder Mixins\n\n@mixin placeholder {\n  &.placeholder {\n    @content;\n  }\n  &:-moz-placeholder {\n    @content;\n  }\n  &::-moz-placeholder {\n    @content;\n  }\n  &::-webkit-input-placeholder {\n    @content;\n  }\n}\n\n.col-md-offset-right-1,\n.col-lg-offset-right-1 {\n  margin-right: 8.33333333%;\n}\n  ","@use \"variables\" as *;\n\n.community-post {\n  border-radius: 6px;\n  box-shadow: 0 2px 4px 0 rgb(2, 47, 57, 0.1);\n  padding: 23px 30px;\n  display: flex;\n  background: var(--bs-white);\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 10px;\n  transition: all 0.3s ease-in-out;\n  border: 1px solid var(--black_50);\n\n  &:hover {\n    box-shadow: 0 24px 40px 0 rgba(2, 47, 57, 0.12);\n    border-color: #eef3f6;\n    transform: translateX(10px);\n  }\n\n  .post-content {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n\n    .author-avatar {\n      // margin-right: 25px;\n      border-radius: 50%;\n      overflow: hidden;\n      margin-top: -2px;\n    }\n\n    .entry-content {\n      color: var(--black_600);\n      font-size: 16px;\n    }\n\n    img {\n      border-radius: 50%;\n    }\n  }\n}\n\n.community-post {\n  &.forum-item {\n    padding: 23px 15px;\n\n    .post-content {\n      p {\n        font-size: 14px;\n        line-height: 1.3;\n      }\n    }\n  }\n\n  @media(max-width: 667px) {\n    display: block;\n  }\n\n  @media(max-width: 420px) {\n    padding: 20px 15px;\n  }\n\n  .post-content {\n    .author-avatar {\n      &.forum-icon {\n        border-radius: 0;\n        margin-right: 0 !important;\n\n        img {\n          padding: 2px;\n        }\n      }\n\n      //img{\n      //  max-width: 44px;\n      //}\n      @media(max-width: 667px) {\n        margin-right: 20px;\n      }\n\n      @media(max-width: 420px) {\n        margin-right: 15px;\n      }\n    }\n\n\n    .entry-content {\n      flex: 2;\n\n      .post-title {\n        font-size: 18px;\n        font-weight: 500;\n        margin: auto;\n        margin-bottom: 0;\n        line-height: 1.7;\n\n        a {\n          text-decoration: none;\n\n          &:hover {\n            color: var(--bbpc_brand_color);\n          }\n        }\n      }\n\n      p {\n        margin: 0;\n      }\n    }\n  }\n\n  .post-meta-wrapper {\n\n    @media(max-width: 667px) {\n      margin-top: 15px;\n      margin-left: 70px;\n    }\n\n    .post-meta-info {\n      margin: 0;\n      padding: 0;\n      list-style: none;\n\n      li {\n        &:not(:last-child) {\n          @media(max-width: 991px) {\n            margin-right: 20px;\n          }\n        }\n      }\n    }\n  }\n\n  &.style-two {\n    margin-bottom: 0;\n    border-radius: 0;\n    box-shadow: none;\n    position: relative;\n\n    .entry-content {\n      .post-title {\n        font-size: 16px;\n      }\n    }\n\n    .post-meta-wrapper {\n      .post-meta-info {\n        li {\n\n          i {\n            transition: all 0.3s ease-in-out;\n          }\n\n          &:nth-child(2) {\n\n            &:hover {\n\n              a {\n                color: #b1b5c0;\n              }\n\n              i {\n                color: #f9ae44;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .com-featured {\n      position: absolute;\n      right: 0;\n      top: -2px;\n      height: 30px;\n      width: 30px;\n      z-index: 2;\n      text-align: center;\n      color: #fff;\n      padding: 0 15px;\n\n      i {\n        z-index: 22;\n        position: relative;\n        font-size: 14px;\n      }\n\n      &:after {\n        content: '';\n        top: 0;\n        position: absolute;\n        right: 0;\n        width: 0;\n        height: 0;\n        border-left: 30px solid transparent;\n        border-right: 0 solid transparent;\n        border-top: 30px solid #00ae69;\n        z-index: 1;\n      }\n    }\n\n    .cat-wrap {\n      display: inline-block;\n      vertical-align: 3px;\n    }\n  }\n\n  .meta {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    li {\n      img {\n        display: inline-block;\n        vertical-align: -2px;\n      }\n\n      i,\n      img {\n        margin-right: 10px;\n        font-size: 14px;\n      }\n\n      a {\n        font-size: 14px;\n        color: #838793;\n\n        &:hover {\n          color: var(--bbpc_brand_color);\n        }\n      }\n    }\n  }\n}\n\n.community-post .post-meta-wrapper .post-meta-info li:first-child {\n  margin-right: 40px;\n}\n\n.community-post .post-meta-wrapper .post-meta-info li {\n  display: inline-block;\n}\n\n.forum-post-content .forum-post-btm .taxonomy,\n.community-post.style-two .meta li {\n\n  i,\n  img {\n    margin-right: 5px;\n  }\n}\n\n.post-header .category-menu li {\n  i {\n    font-size: 14px;\n  }\n}","\n\n.forum-category-area {\n  .col-custom {\n    width: 20%;\n  }\n\n  .single-category-widget {\n    box-shadow: 0 1.6px 3.5px 0 #334d7226, 0 0.5px 1px 0 #334d721a;\n    background-color: var(--bs-white);\n    border-radius: 10px;\n    text-align: center;\n    padding: 25px;\n    transition: all 0.3s ease-out;\n\n    &:hover {\n      box-shadow: 0 20px 20px 0 #334d7217;\n\n      h5 {\n        color: var(--bbpc_brand_color) !important;\n      }\n    }\n\n    h5 {\n      font-size: 18px;\n      text-transform: capitalize;\n      font-weight: 500;\n      line-height: 1.3;\n      color: #171d24;\n      margin-bottom: 0;\n      margin-top: 23px;\n      transition: all 0.3s ease-out;\n    }\n  }\n}\n\n.forum-category-area {\n  .col-custom {\n    margin-bottom: 30px;\n    &.wow.fadeInUp {\n      padding: 0 12px;\n    }\n  }\n}","@use \"variables\" as *;\n\n.communities-boxes {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -30px;\n  gap: 30px;\n\n  @media (max-width: 1025px) {\n    margin: 0 -10px;\n  }\n\n  @media(max-width: 992px) {\n    flex-wrap: wrap;\n    justify-content: center;\n    width: calc(100% + 30px);\n  }\n\n  @media(max-width: 420px) {\n    width: calc(100% + 15px);\n\n  }\n\n  .com-box {\n    text-align: center;\n    margin-bottom: 57px;\n    width: 20%;\n    flex: 0 0 200px;\n\n    @media(max-width: 1200px) {\n      flex: 0 0 165px;\n    }\n\n    @media(max-width: 991px) {\n      flex: 0 0 180px;\n    }\n\n    @media(max-width: 768px) {\n      flex: 0 0 185px;\n    }\n\n    @media(max-width: 426px) {\n      flex: 0 0 170px;\n      margin-bottom: 30px;\n    }\n\n    .icon-container {\n      border-radius: 6px;\n      background: var(--bs-white);\n      box-shadow: 0 40px 70px 0 rgba(2, 47, 57, 0.1);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      height: 100px;\n      width: 100px;\n      margin: 0 auto 20px;\n    }\n\n    .icon-container img {\n      width: 40px;\n      height: 40px;\n      object-fit: cover;\n    }\n\n    .com-box-content {\n      .title {\n        font-size: 20px;\n        line-height: 26px;\n        font-weight: 500;\n        color: var(--black_800);\n        margin-bottom: 5px;\n        transition: all 0.3s ease-in-out;\n        letter-spacing: normal;\n        margin-top: 10px;\n\n        a {\n          color: var(--black_800);\n\n          &:hover {\n            color: $brand_color;\n            text-decoration: none;\n          }\n        }\n\n        &:hover {\n          color: $brand_color;\n        }\n      }\n\n      .total-post {\n        color: $p_color;\n        font-size: 14px;\n        margin-top: 0;\n      }\n    }\n\n\n  }\n}\n\n.more-communities {\n  padding: 22px 0;\n  border-top: 1px solid #e8ecee;\n  border-bottom: 1px solid #e8ecee;\n  margin-top: 40px;\n\n  .collapse-wrap,\n  .forumax-collapse-wrap {\n    margin-top: 80px;\n    display: none;\n  }\n\n  .collapse-btn-wrap,\n  .forumax-collapse-btn-wrap {\n    text-align: center;\n    display: table;\n    color: var(--black_600);\n    font-weight: 500;\n    margin: auto;\n\n    &:hover {\n      text-decoration: none;\n      color: var(--black_800);\n    }\n\n    svg {\n      position: relative;\n      vertical-align: middle;\n      display: inline;\n    }\n\n    .icon_plus,\n    .icon_minus {\n\n      path,\n      line {\n        stroke: var(--bbpc_brand_color);\n      }\n    }\n\n    .icon_minus {\n      display: none;\n    }\n\n    &.active {\n      .icon_plus {\n        display: none;\n      }\n\n      .icon_minus {\n        display: initial;\n      }\n    }\n  }\n}\n\nbody {\n  &.body_dark {\n    .communities-boxes {\n      .com-box {\n        .com-box-content {\n          .title {\n            a {\n              color: #fff;\n\n              &:hover {\n                color: var(--bbpc_brand_color);\n              }\n            }\n          }\n\n          .total-post {\n            color: #8b8b8b;\n          }\n        }\n      }\n    }\n\n    .more-communities {\n      border-color: #272727;\n    }\n\n    .single-forum-post-widget {\n      .post-info {\n        div {\n          color: #848d95;\n        }\n\n        .post-category {\n          a {\n            color: #848d95;\n\n            &:hover {\n              color: var(--bbpc_brand_color);\n            }\n          }\n        }\n      }\n    }\n\n    .community-area {\n      .nav-tabs {\n        .nav-item {\n          button {\n            &.active {\n              color: #fff;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n/** === Widgets === **/\n.widget_display_stats dl dt {\n  float: left;\n  clear: left;\n  margin: 0 0 10px;\n  font-weight: 500;\n}\n\n.widget_display_stats dl dd {\n  float: right;\n  margin: 0;\n}\n\n.widget_display_replies li:before {\n  font-family: eleganticons;\n  content: \"w\";\n  font-size: 15px !important;\n  margin: 0 12px 0 0 !important;\n  padding: 0px !important;\n  line-height: 23px;\n}\n\n\n.widget_display_topics li {\n  div {\n    color: var(--black_400);\n  }\n\n  &::before {\n    font-family: eleganticons;\n    content: \"b\";\n    margin: -3px 12px 0 0;\n    font-size: 15px;\n    color: var(--black_800);\n    position: absolute;\n    left: 0;\n    top: 0;\n  }\n}\n\n.widget_display_topics .bbp-forum-title,\n.widget_display_replies .bbp-forum-title {\n  display: inline-block;\n  line-height: 1.36;\n  color: var(--black_900);\n}\n\n.widget_display_topics li {\n  padding-left: 30px;\n}\n\n.widget_display_topics li,\n.widget_display_replies li {\n  position: relative;\n  margin-bottom: 10px;\n  padding-bottom: 10px;\n  border-bottom: 1px solid #e5e7e9;\n  font-size: 16px;\n\n  time {\n    color: var(--black_400);\n    display: block;\n    font-size: 14px;\n  }\n\n  div {\n    font-size: 14px;\n  }\n}\n\n.widget_display_topics li a,\n.widget_display_replies li a {\n  color: var(--black_800);\n\n  .bbp-author-avatar {\n    img {\n      border-radius: 50px !important;\n    }\n  }\n}\n\n.widget_display_replies li {\n  .bbp-author-avatar {\n    margin-right: 5px;\n  }\n}\n\n.widget_display_topics li a:hover,\n.widget_display_replies li a:hover {\n  color: var(--bbpc_brand_color);\n}\n\n.bbp-logged-in .avatar {\n  float: left;\n  margin: 0 15px 0 0;\n  border-radius: 99%;\n}\n\n.bbp-logged-in h4 {\n  font-weight: normal;\n  font-size: 18px;\n  clear: none;\n  margin: 0 0 5px;\n}\n\n.bbp-logged-in h4 a {\n  color: #333;\n  font-weight: 500;\n}\n\n.bbp-logged-in a.button.logout-link:hover,\n.bbp-logged-in h4 a:hover {\n  color: var(--bbpc_brand_color);\n}\n\n.bbp-logged-in a.button.logout-link:hover,\n.bbp-logged-in a.button.logout-link {\n  color: #666;\n}\n\n.forum-post-content .content img {\n  max-width: 100%;\n  height: auto;\n}\n\nul.bbp-topics-widget.newness img {\n  border-radius: 50%;\n  margin: 5px;\n}\n\n.bbp-submit-wrapper {\n  float: left;\n  margin-top: 0;\n}\n\n.forum-post-content .forum-post-btm .taxonomy.forum-post-cat {\n  display: flex;\n}\n\n.bbp-topic-reply-link {\n  padding: 6px 20px;\n  font-weight: 400;\n  border-radius: 2px;\n  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;\n  background: #fff;\n  border: 1px solid #d0d8dc;\n  color: var(--black_800);\n  height: 26px;\n  font-size: 12px;\n  line-height: 26px;\n}\n\n.comment-content .bbp-topic-reply-link:hover {\n  background: #fff;\n  border: 1px solid var(--black_800);\n  color: var(--black_800);\n}\n\n.page-numbers {\n  cursor: pointer !important;\n}\n\n.pagination-wrapper .page-numbers.next {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-bottom: 2px;\n}\n\n.post-header .support-total-info li a {\n  font-weight: 400;\n}\n\n.post-header .support-total-info li a {\n  color: #6b707f;\n}\n\n.post-header .support-total-info li a.open-data.loading {\n  color: var(--black_800);\n  font-weight: 500;\n}\n\n#tagList {\n  padding-left: 40px;\n}\n\n.userlist {\n  padding-left: 15px;\n}\n\n.post-header .category-menu .all-users a {\n  position: relative;\n}\n\n","@use \"variables\" as *;\n\n/*=========== Forum Post Widget css ==========*/\n\n.forum-post-widget {\n  .widget-header {\n    h2 {\n      font-size: 40px;\n      font-weight: 700;\n      line-height: 50px;\n      color: #000;\n    }\n\n    .action_btn {\n      padding-bottom: 8px;\n      padding-top: 8px;\n      box-shadow: none;\n\n      &:hover {\n        box-shadow: 0 20px 30px 0 rgba(17, 166, 131, 0.24);\n      }\n    }\n  }\n\n  .post-filter-widget {\n    box-shadow: 0 1.6px 3.5px 0 #334d7226, 0 0.5px 1px 0 #334d721a;\n    border-radius: 10px;\n    background-color: var(--bs-white);\n    padding: 16.5px 30px;\n    display: flex;\n    flex-wrap: wrap;\n    margin-bottom: 20px;\n\n    .single-filter-item {\n      margin-right: 30px;\n      display: flex;\n      align-items: center;\n      a {\n        &.data-active {\n          color: var(--bbpc_brand_color);\n        }\n      }\n      i {\n        margin-right: 5px;\n        font-size: 12px;\n      }\n\n      @media (max-width: 1200px) and (min-width: 992px) {\n        margin-right: 20px;\n      }\n\n      &:last-child {\n        margin-right: 0;\n      }\n\n      input[type=\"radio\"] {\n        display: none;\n\n        &:checked {\n          display: none;\n\n          ~ label {\n            .main-img {\n              display: none;\n            }\n\n            .hover-img {\n              display: block;\n            }\n\n            color: $brand_color;\n          }\n        }\n      }\n\n      label {\n        display: flex;\n        align-items: center;\n        cursor: pointer;\n\n        img {\n          margin-right: 8.5px;\n          margin-bottom: 1px;\n        }\n\n        .main-img {\n          display: block;\n        }\n\n        .hover-img {\n          display: none;\n        }\n\n        font-size: 14px;\n        font-weight: 400;\n        line-height: 16px;\n        color: #6a737c;\n      }\n    }\n  }\n}\n\n.single-forum-post-widget {\n  box-shadow: 0 1.6px 3.5px 0 #334d7226, 0 0.5px 1px 0 #334d721a;\n  border-radius: 10px;\n  background-color: var(--bs-white);\n  transition: all 0.3s ease-out;\n  padding: 22px 35px 18px 30px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 10px;\n\n  &:first-child {\n    margin-top: 0;\n  }\n\n  &:hover {\n    box-shadow: 0 20px 45px 0 #334d7226;\n    transform: translateX(2px);\n\n    .post-title {\n      h6 {\n        a {\n          color: $brand_color;\n        }\n      }\n    }\n  }\n\n  .post-title {\n    margin-bottom: 10px;\n\n    h6 {\n      margin-top: 0;\n      margin-bottom: 0;\n      line-height: 22px;\n      font-size: 16px;\n      font-weight: 500;\n\n      a {\n        color: var(--black_800);\n        font-size:18px;\n      }\n    }\n\n    i {\n      font-size: 15px;\n      color: #2ed83f;\n      vertical-align: middle;\n      margin-left: 6px;\n    }\n  }\n\n  .post-info {\n    display: flex;\n    flex-wrap: wrap;\n\n    > div {\n      margin-right: 15px;\n\n      img {\n        margin-right: 5px;\n        height: 15px;\n        width: 15px;\n        margin-top: 0px;\n      }\n\n      color: var(--black_600);\n      font-size: 14px;\n      font-weight: 400;\n      line-height: 16px;\n    }\n\n    .post-category {\n      a {\n        color: #4a6ee0;\n      }\n    }\n  }\n\n  .post-tags {\n    display: flex;\n\n    .single-tag {\n      padding: 3px 9.5px;\n      border-radius: 3px;\n      font-size: 12px;\n      font-weight: 400;\n      line-height: 14px;\n      color: #fff;\n      margin: 12px 10px 0 0;\n\n      &:last-child {\n        margin-right: 0;\n      }\n\n      &.tag-jq {\n        background-color: #f7ab40;\n      }\n\n      &.tag-php {\n        background-color: #7543e0;\n      }\n\n      &.tag-wp {\n        background-color: #6078ce;\n      }\n\n      &.tag-js {\n        background-color: #ff7245;\n      }\n\n      &.tag-dvlp {\n        background-color: #48a6ea;\n      }\n\n      &.tag-ecmrc {\n        background-color: #333333;\n      }\n\n      &.tag-foram {\n        background-color: $brand_color;\n      }\n\n      &.tag-hlp {\n        background-color: #2c53df;\n      }\n\n      &.tag-sprt {\n        background-color: #0cc72a;\n      }\n    }\n  }\n\n  .post-reach {\n    border-left: 1px solid var(--black_50);\n    padding-left: 10px;\n\n    > div {\n      font-size: 12px;\n      font-weight: 400;\n      line-height: 14px;\n      color: #848d95;\n      margin-top: 10px;\n      display: flex;\n      align-items: center;\n\n      &:first-child {\n        margin-top: 0;\n      }\n\n      img {\n        margin-right: 5px;\n      }\n    }\n  }\n}\n\n.single-forum-post-widget {\n  .post-category {\n    img {\n      width: 20px;\n      height: auto;\n      border-radius: 50%;\n    }\n  }\n}\n\n.single-filter-item {\n  a {\n    color: var(--black_600);\n    &:hover {\n      text-decoration: none !important;\n    }\n  }\n}\n\n.single-forum-post-widget {\n  .post-content {\n    .post-category {\n      a {\n        font-size: 14px;\n        color: var(--black_600);\n        gap: 5px;\n        &:hover {\n          color: var(--bbpc_brand_color);\n          text-decoration: none;\n        }\n      }\n    }\n  }\n}\n\nbody{\n  &.body_dark {\n    .forum-post-widget{\n      .post-filter-widget{\n        .single-filter-item{\n          svg, path {\n            fill: darkgrey;\n          }\n        } \n      } \n    }\n  } \n}\n\n#aj-post-filter-widget{\n  svg {\n    circle.bbpc-preloader{\n        stroke: var(--bbpc_brand_color) !important;\n    }\n  }\n}",".ama-search-widget {\n  position: relative;\n  margin-left: auto;\n  margin-right: auto;\n\n  .header_search_keyword {\n    text-align: left;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    font-weight: 500;\n    justify-content: center;\n    margin-top: 10px;\n\n    span {\n      font-size: 14px;\n      margin-right: 10px;\n    }\n\n    ul {\n      margin: 0;\n\n      li {\n        display: inline-block;\n        margin: 0 3px 0;\n\n        a {\n          display: block;\n          font-size: 13px;\n          padding: 0 19px;\n          border-radius: 45px;\n          background: var(--bbpc_color);\n          color: #fff;\n          font-weight: normal;\n\n          &.header-search-form__keywords-label {\n            color: var(--black_800);\n          }\n        }\n      }\n    }\n  }\n\n  .search-box {\n    z-index: 99;\n    position: relative;\n\n    svg {\n      position: absolute;\n      right: 8px;\n      top: 49.59999%;\n      transform: translateY(-50%);\n      line-height: 22px;\n      padding: 10px;\n      border-radius: 4px;\n      border-left-color: transparent;\n      box-sizing: border-box;\n      color: var(--bbpc_brand_color);\n    }\n\n    input.frmx-search-input {\n      border: 0 solid transparent;\n      box-shadow: none;\n    }\n\n    input {\n      width: 100%;\n      border-radius: 4px;\n      line-height: 35px;\n      text-indent: 15px;\n      padding-right: 43px;\n    }\n\n    .frmx-search-input + .spinner {\n      position: absolute;\n      right: 45px;\n      top: 50% !important;\n      transform: translateY(-50%);\n      display: none;\n      z-index: 999;\n      color: var(--bbpc_brand_color);\n      line-height: 0;\n\n      .frmx-spinner-icon {\n        animation: frmx-search-spin 0.75s linear infinite;\n      }\n    }\n  }\n\n  .elementor {\n    img {\n      height: auto;\n      max-width: 100%;\n      border: none;\n      border-radius: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n  }\n}\n\nul.list-unstyled {\n  padding-left: 0;\n}\n\n.ama-search-keyword-wrapper .header_search_keyword ul li a {\n  color: var(--black_600);\n  background: var(--black_50);\n  font-weight: normal;\n}\n\n/* ------- Forum & Search -------- */\n.single-forum-post-widget{\n  .post-category{\n    img {\n      width: 15px;\n      height: auto;\n    }\n  }\n}\n\n.single-filter-item {\n  a {\n    color: var(--black_600);\n  }\n}\n\n/** === Doc search form result === **/\n.bbpc-search-result-container {\n  position: absolute;\n  width: 100%;\n  background: var(--bs-white);\n  font-size: 14px;\n  font-weight: 400;\n  display: none;\n  transition: all 0.4s;\n  margin-top: 2px;\n  border: 1px solid var(--black_50);\n  border-radius: 4px;\n  box-shadow: 0 3px 4px 0 rgb(4 73 89 / 6%);\n  padding: 20px 25px;\n  top: 45px;\n  overflow-y: auto;\n  max-height: 90vh;\n  &::before{\n    content: \"\";\n    width: 12px;\n    height: 12px;\n    background: var(--bs-white);\n    position: absolute;\n    top: -6px;\n    transform: rotate(45deg);\n    left: 40px;\n    border-left: 1px solid var(--black_50);\n    border-top: 1px solid var(--black_50);\n  }\n  .searchbar-tabs {\n    padding: 0 10px 15px 0;\n  }\n  a {\n    text-decoration: none;\n  }\n  &.ajax-search {\n    display: block;\n  }\n  .not-found-text,\n  .bbpc-not-found-text {\n    display: none;\n    font-weight: 700;\n    font-size: 20px;\n    margin: 12px 0 5px;\n    letter-spacing: 0.1px;\n  }\n}\n\n.search-results-tab {\n  .bbpc-search-title {\n    font-size: 16px;\n    color: var(--black_600);\n    display: block;\n    border-bottom: 1px solid var(--black_50);\n    font-weight: 500;\n    text-align: left;\n    padding-left: 8px;\n    margin: 12px 0 0;\n    padding-bottom: 8px;\n    text-transform: capitalize;\n  }\n}\n\n/*\n keywords\n */\n.bbpc-search-keyword {\n  display: block;\n  text-align: center;\n  margin: 15px 0 5px;\n  &.left {\n    text-align: left;\n  }\n  &.right {\n    text-align: right;\n  }\n  ul {\n    list-style: none;\n    margin: 0 2px;\n    padding: 0;\n    display: inline-block;\n    li {\n      list-style: none;\n      margin: 0 2px;\n      padding: 0;\n      display: inline-block;\n      a {\n        color: #fff;\n        background: #02010136;\n        font-size: 14px;\n        text-transform: capitalize;\n        padding: 4px 12px;\n        border-radius: 15px;\n        font-weight: 400;\n        text-decoration: none !important;\n      }\n    }\n  }\n}\n\n.bbpc_search_form_wrapper {\n  position: relative;\n\n  .input-wrapper {\n    position: relative;\n\n    /* Pill-shaped wrapper — mirrors the second reference design. */\n    input[type=\"search\"],\n    input.frmx-search-input {\n      width: 100%;\n      height: 48px;\n      padding: 0 44px 0 48px; /* left space for icon, right space for clear btn */\n      border-radius: 50px;\n      border: 1.5px solid var(--black_50);\n      background: var(--bs-white);\n      font-size: 15px;\n      color: #444;\n      outline: none;\n      transition: border-color 0.2s, box-shadow 0.2s;\n      box-shadow: none;\n      -webkit-appearance: none;\n\n      &::placeholder {\n        color: #aaa;\n      }\n\n      &:focus {\n        border-color: var(--bbpc_brand_color, #1a73e8);\n        box-shadow: 0 0 0 3px rgb(26 115 232 / 10%);\n      }\n\n      /* Native clear (×) button — keep it inside the pill. */\n      &::-webkit-search-cancel-button {\n        -webkit-appearance: auto;\n        margin-right: 10px;\n        cursor: pointer;\n        opacity: 0.5;\n        &:hover { opacity: 1; }\n      }\n    }\n\n    /* Spinner sits just before the clear button. */\n    .spinner {\n      position: absolute;\n      right: 40px;\n      top: 50%;\n      transform: translateY(-50%);\n      display: none;\n      z-index: 999;\n      align-items: center;\n      justify-content: center;\n      color: var(--bbpc_brand_color, #1a73e8);\n      line-height: 0;\n\n      &.show {\n        display: inline-flex;\n      }\n\n      .frmx-spinner-icon {\n        animation: frmx-search-spin 0.75s linear infinite;\n      }\n    }\n\n    /* Submit button — always positioned absolute inside the pill. */\n    .submit-btn-left,\n    .submit-btn-right {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      display: flex;\n      align-items: center;\n      margin: auto;\n      z-index: 2;\n    }\n\n    /* Icon on the LEFT side (default / submit_btn_align = right → button on left). */\n    .submit-btn-left {\n      left: 24px;\n    }\n\n    /* Icon on the RIGHT side. */\n    .submit-btn-right {\n      right: 14px;\n    }\n\n    /* When icon is on the RIGHT — flip padding so text has left space instead. */\n    &.right input[type=\"search\"],\n    &.right input.frmx-search-input {\n      padding-left: 18px;\n      padding-right: 52px;\n    }\n\n    button {\n      background: transparent;\n      border: none;\n      outline: none;\n      cursor: pointer;\n      padding: 0;\n      margin: 0;\n      color: var(--bbpc_brand_color, #1a73e8); /* blue icon — matches design */\n      line-height: 0;\n\n      i, svg {\n        font-size: 18px;\n        width: 1em;\n        height: 1em;\n        fill: currentColor;\n        display: block;\n      }\n    }\n  }\n\n  .search-result-item {\n    padding: 10px 15px;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    flex: 100%;\n    transition: all 0.3s;\n    a {\n      color: var(--p_color);\n    }\n    &:hover {\n      background: rgb(143 187 237 / 10%);\n    }\n  }\n\n  /* Search keyword highlight styling. */\n  .frmx-search-highlight {\n    background-color: #fff3cd;\n    color: inherit;\n    padding: 1px 3px;\n    border-radius: 3px;\n    font-weight: 600;\n  }\n}\n\n.searchbar-tabs {\n  .tab-item {\n    font-size: 14px;\n    font-weight: 500;\n    padding: 11px 8px;\n    margin-right: 20px;\n    border: none;\n    background: 0 0;\n    color: var(--black_400);\n    text-transform: capitalize;\n    cursor: pointer;\n    &.active {\n      color: var(--bbpc_brand_color);\n      border-bottom: 3px solid var(--bbpc_brand_color);\n    }\n    &:hover{\n      text-decoration: none;\n      outline: none;\n    }\n    &:focus{\n      text-decoration: none;\n      outline: none;\n    }\n  }\n}\n\n.forum-card {\n  .forum-card-thumbnail-area {\n    padding: 0 !important;\n  }\n}\n\nbody {\n  &.body_dark {\n    input.frmx-search-input.input_focused {\n      background: #fff;\n    }\n    .not-found-text, .bbpc-not-found-text {\n      color: black;\n    }\n  }\n}\n\n/** === Focus Search Form === **/\nbody.bbpc-search-open {\n  opacity: 1;\n  visibility: visible;\n}\n\nbody:not(.bbpc-search-open) .bbpc-search-result-container.ajax-search {\n  display: none;\n}\n\n.bbpc-search-overlay{\n  &.active {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgb(0 0 0 / 40%); /* Semi-transparent black overlay */\n    justify-content: center;\n    align-items: center;\n    z-index: 99;\n    transition: 0.3s all;\n  }\n}\n\n/* Spin animation for search spinner. */\n@keyframes frmx-search-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.elementor-widget-container{\n\t.more-communities{\n\t\tmargin-top:0px !important;\n\t}\n\t.community-topic-widget-box{\n\t\timg{\n\t\t\theight:48px!important;\n\t\t}\n\t}\n}","//Forum Widget\n.forum-with-topics {\n  border-radius: 30px;\n\n  .thumb-area {\n    .forum-thumbnail {\n      border-radius: 8px 8px 0 0;\n      width: 100%;\n\n      img {\n        width: 100%;\n        z-index: -1;\n      }\n    }\n  }\n\n  .topic-table {\n    .topic-heading {\n      display: flex;\n      flex-wrap: wrap;\n      background: var(--bs-white);\n      box-shadow: 0 20px 60px -5px rgba(51, 77, 114, 0.12);\n      padding: 16px 30px;\n      border-radius: 0 0 8px 8px;\n      border: 1px solid var(--black_50);\n\n      .icon-text {\n        color: var(--black_600);\n        font-size: 14px;\n        font-weight: 400;\n        display: flex;\n        align-items: center;\n\n        svg {\n          margin-right: 5px;\n        }\n      }\n\n      .topic {\n        width: 54%;\n      }\n\n      .voice {\n        width: 13%;\n      }\n\n      .replies {\n        width: 8%;\n      }\n\n      .freshness {\n        width: 20%;\n      }\n\n    }\n\n    .topic-contents {\n      display: flex;\n      background: var(--bs-white);\n      box-shadow: 0 1.6px 3.5px 0 #334d7226, 0 0.5px 1px 0 #334d721a;\n      margin: 10px 0;\n      border-radius: 8px;\n      padding: 16px 30px;\n      border: 1px solid var(--black_50);\n      align-items: center;\n\n      .title {\n        width: 50%;\n\n        &:hover {\n          a {\n            text-decoration: none;\n          }\n        }\n\n        p {\n          margin-top: 0;\n          margin-bottom: 0;\n          font-size: 15px;\n        }\n\n        h3 {\n          font-size: 16px;\n          margin-bottom: 5px;\n          margin-top: 0;\n          line-height: 20px;\n\n          &:hover {\n            color: var(--bbpc_brand_color);\n          }\n        }\n      }\n\n      .voice {\n        width: 12%;\n      }\n\n      .topics {\n        width: 14%;\n      }\n\n      .voice,\n      .topics {\n        text-align: center;\n      }\n\n      .user {\n        width: 25%;\n        margin-top: 2px;\n\n        .user-data {\n          display: flex;\n        }\n\n        .user-img {\n          margin-right: 10px;\n\n          img {\n            border-radius: 50%;\n          }\n        }\n\n        .user-info {\n          span.bbp-author-name {\n            font-size: 14px;\n            font-weight: 400;\n            color: var(--black_800);\n            letter-spacing: normal;\n            margin-bottom: 8px;\n            display: inline-block;\n          }\n\n          .date {\n            font-size: 13px;\n            margin: 0;\n            line-height: 1.5;\n\n            a {\n              color: var(--black_400);\n\n              &:hover {\n                color: var(--bbpc_brand_color);\n                text-decoration: none;\n              }\n            }\n          }\n\n          h3 {\n            line-height: 0.5;\n            margin: 0;\n          }\n        }\n      }\n\n      h3 a {\n        color: #171D24 !important;\n        font-size: 16px;\n\n        &:hover {\n          text-decoration: none;\n          color: var(--bbpc_brand_color) !important;\n\n          span {\n            color: var(--bbpc_brand_color) !important;\n          }\n        }\n      }\n    }\n  }\n}\n\n.forum-info {\n  padding: 50px 30px;\n\n  .title-area {\n    align-items: center;\n\n    @media all and (max-width: 560px) {\n      margin-top: 10px;\n    }\n\n    .title,\n    .subtitle {\n      color: #fff;\n    }\n\n    .title {\n      font-size: 28px;\n      text-transform: capitalize;\n      margin: 0;\n      letter-spacing: normal;\n\n      @media all and (max-width: 560px) {\n        margin-bottom: 4px;\n      }\n    }\n\n    .subtitle {\n      font-style: italic;\n    }\n  }\n}\n\n.forum-meta {\n  display: flex;\n  position: absolute;\n  list-style-type: none;\n  top: 20px;\n  right: 20px;\n  margin: 0;\n\n  li {\n    display: flex;\n    margin-right: 10px;\n    line-height: 1 !important;\n    border-radius: 3px;\n    margin-left: 0;\n\n    &.button {\n      padding: 0;\n\n      &:hover {\n        text-decoration: none;\n      }\n    }\n\n    &:hover {\n      a {\n        text-decoration: none;\n      }\n    }\n  }\n\n  li:last-child {\n    margin-right: 0;\n  }\n\n  .topics,\n  .replies {\n    color: #fff;\n    display: inline-flex;\n    align-items: center;\n    background: rgba(255, 255, 255, 0.15);\n    padding: 8px;\n    font-size: 14px !important;\n    margin-top: 0;\n\n    &:hover {\n      background: rgba(255, 255, 255, 0.3);\n    }\n\n    svg {\n      margin-right: 5px;\n    }\n  }\n\n  .button a {\n    color: #ffffff;\n    background: var(--bbpc_brand_color);\n    padding: 8px 14px;\n    font-size: 14px;\n    border-radius: 3px;\n    text-decoration: none;\n\n    &:hover {\n      background: #9ea2a9;\n    }\n  }\n}\n\n.forum-card {\n  background: var(--bs-white);\n  border-radius: 8px 8px 8px 8px;\n  border: 1px solid var(--black_50);\n  overflow: hidden;\n\n  .card-body {\n    padding: 25px;\n\n    p {\n      margin-bottom: 0;\n    }\n  }\n\n  .card-title {\n    h3 {\n      font-size: 18px;\n      margin-bottom: 5px;\n      margin-top: unset;\n\n      &:hover {\n        a {\n          color: #0b589d;\n        }\n      }\n    }\n\n    a {\n      text-decoration: none;\n    }\n  }\n\n  .forum-card-thumbnail-area {\n    position: relative;\n    border-radius: 30px 30px 0 0;\n    padding: 10px 25px;\n\n    img {\n      width: auto;\n    }\n  }\n\n  .forum-meta {\n    display: flex;\n    position: absolute;\n    bottom: 0;\n    right: 20px;\n    top: auto;\n    margin-bottom: 20px;\n\n    .topics,\n    .replies {\n      background: rgba(23, 29, 36, 0.7);\n\n      &:hover {\n        background: rgba(23, 29, 36, 0.8);\n      }\n    }\n  }\n}\n\n@media all and (max-width: 560px) {\n  .topic-contents {\n\n    .voice,\n    .topics,\n    .user {\n      display: none;\n    }\n  }\n\n  .topic-table {\n    .topic-heading {\n\n      .voice,\n      .replies,\n      .freshness {\n        display: none !important;\n      }\n    }\n\n\n    .topic-heading .topic,\n    .topic-contents .title {\n      width: 100% !important;\n    }\n  }\n}\n\n.home-forum-counter {\n  .elementor-element-populated {\n    background-color: var(--bs-white);\n\n    .elementor-counter-number {\n      color: var(--black_900);\n    }\n  }\n}\n\n.home-forum-posts {\n  .elementor-post__card {\n    background-color: var(--bs-white) !important;\n\n    .elementor-post__title a {\n      color: var(--black_900);\n    }\n  }\n}\n\n.card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n\nbody.body_dark {\n  .forum-with-topics {\n    .topic-table {\n      .topic-contents {\n        h3 {\n          a {\n            color: #fff !important;\n\n            &:hover {\n              color: var(--bbpc_brand_color) !important;\n            }\n          }\n        }\n\n        .title {\n          p {\n            color: var(--black_400);\n          }\n        }\n      }\n    }\n  }\n\n  .forum-with-topics {\n    .forum-card {\n      .card-body {\n        .card-title {\n          h3 {\n            a {\n              color: #fff !important;\n\n              &:hover {\n                color: var(--bbpc_brand_color) !important;\n              }\n            }\n          }\n        }\n\n        &:not(.card-title) {\n          color: var(--black_400);\n        }\n      }\n    }\n  }\n\n  // Style 3 dark mode\n  .bbpc-sf-list {\n    .bbpc-sf-list-forum-title a {\n      color: #fff;\n    }\n\n    .bbpc-sf-list-forum-desc {\n      color: var(--black_400);\n    }\n\n    .bbpc-sf-list-item {\n      background: var(--black_50);\n\n      .bbpc-sf-list-title a {\n        color: #fff;\n\n        &:hover {\n          color: var(--bbpc_brand_color);\n        }\n      }\n\n      .bbpc-sf-list-excerpt {\n        color: var(--black_400);\n      }\n    }\n  }\n\n  // Style 4 dark mode\n  .bbpc-sf-grid {\n    .bbpc-sf-grid-topics {\n      .bbpc-sf-grid-topic {\n        background: var(--black_50);\n\n        h3 a {\n          color: #fff;\n\n          &:hover {\n            color: var(--bbpc_brand_color);\n          }\n        }\n\n        p {\n          color: var(--black_400);\n        }\n      }\n    }\n  }\n}\n\n// ─── Style 3: Compact List (No Thumbnail) ────────────────────────\n.bbpc-sf-list {\n  .bbpc-sf-list-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-wrap: wrap;\n    margin-bottom: 12px;\n    gap: 10px;\n  }\n\n  .bbpc-sf-list-forum-title {\n    font-size: 20px;\n    font-weight: 600;\n    margin: 0;\n    color: var(--black_900);\n\n    a {\n      color: inherit;\n      text-decoration: none;\n\n      &:hover {\n        color: var(--bbpc_brand_color);\n      }\n    }\n  }\n\n  .bbpc-sf-list-counts {\n    display: flex;\n    gap: 10px;\n  }\n\n  .bbpc-sf-list-badge {\n    font-size: 13px;\n    color: var(--black_500);\n    background: var(--black_50);\n    padding: 4px 10px;\n    border-radius: 20px;\n  }\n\n  .bbpc-sf-list-forum-desc {\n    font-size: 14px;\n    color: var(--black_600);\n    margin: 0 0 16px;\n    line-height: 1.6;\n  }\n\n  .bbpc-sf-list-item {\n    background: var(--bs-white);\n    border: 1px solid var(--black_50);\n    padding: 16px 20px;\n    margin-bottom: 10px;\n    border-radius: 8px;\n    transition: box-shadow 0.2s ease;\n\n    &:hover {\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n    }\n\n    &:last-of-type {\n      margin-bottom: 0;\n    }\n  }\n\n  .bbpc-sf-list-title {\n    font-size: 15px;\n    font-weight: 500;\n    margin: 0 0 4px;\n    line-height: 1.4;\n\n    a {\n      color: var(--black_900);\n      text-decoration: none;\n\n      &:hover {\n        color: var(--bbpc_brand_color);\n      }\n    }\n  }\n\n  .bbpc-sf-list-excerpt {\n    font-size: 13px;\n    color: var(--black_500);\n    margin: 0 0 8px;\n    line-height: 1.5;\n  }\n\n  .bbpc-sf-list-meta {\n    display: flex;\n    gap: 16px;\n    flex-wrap: wrap;\n\n    span {\n      font-size: 12px;\n      color: var(--black_400);\n    }\n  }\n\n  .bbpc-sf-list-footer {\n    margin-top: 16px;\n    text-align: right;\n  }\n\n  .bbpc-sf-list-view-all {\n    display: inline-block;\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--bbpc_brand_color);\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n// ─── Style 4: Grid (Forum Info + Topics Side-by-Side) ────────────\n.bbpc-sf-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0;\n  border-radius: 8px;\n  overflow: hidden;\n  border: 1px solid var(--black_50);\n\n  @media all and (max-width: 768px) {\n    grid-template-columns: 1fr;\n  }\n\n  .bbpc-sf-grid-info {\n    display: flex;\n    align-items: flex-end;\n    padding: 30px;\n    min-height: 250px;\n    color: #fff;\n  }\n\n  .bbpc-sf-grid-info-inner {\n    width: 100%;\n  }\n\n  .bbpc-sf-grid-title {\n    font-size: 22px;\n    font-weight: 600;\n    margin: 0 0 8px;\n\n    a {\n      color: #fff;\n      text-decoration: none;\n\n      &:hover {\n        opacity: 0.85;\n      }\n    }\n  }\n\n  .bbpc-sf-grid-desc {\n    font-size: 14px;\n    line-height: 1.6;\n    margin: 0 0 16px;\n    opacity: 0.85;\n    color: #fff;\n  }\n\n  .bbpc-sf-grid-badges {\n    display: flex;\n    gap: 10px;\n    margin-bottom: 16px;\n  }\n\n  .bbpc-sf-grid-badge {\n    font-size: 13px;\n    color: #fff;\n    background: rgba(255, 255, 255, 0.2);\n    padding: 5px 12px;\n    border-radius: 20px;\n  }\n\n  .bbpc-sf-grid-view-all {\n    display: inline-block;\n    font-size: 14px;\n    font-weight: 500;\n    color: #fff;\n    text-decoration: none;\n    background: var(--bbpc_brand_color);\n    padding: 8px 18px;\n    border-radius: 6px;\n    transition: opacity 0.2s ease;\n\n    &:hover {\n      opacity: 0.9;\n      color: #fff;\n      text-decoration: none;\n    }\n  }\n\n  .bbpc-sf-grid-topics {\n    background: var(--bs-white);\n  }\n\n  .bbpc-sf-grid-topic {\n    padding: 18px 24px;\n    border-bottom: 1px solid var(--black_50);\n    transition: background 0.2s ease;\n\n    &:last-child {\n      border-bottom: none;\n    }\n\n    &:hover {\n      background: var(--black_50);\n    }\n\n    h3 {\n      font-size: 15px;\n      font-weight: 500;\n      margin: 0 0 4px;\n      line-height: 1.4;\n\n      a {\n        color: var(--black_900);\n        text-decoration: none;\n\n        &:hover {\n          color: var(--bbpc_brand_color);\n        }\n      }\n    }\n\n    p {\n      font-size: 13px;\n      color: var(--black_500);\n      margin: 0 0 8px;\n      line-height: 1.5;\n    }\n  }\n\n  .bbpc-sf-grid-meta {\n    display: flex;\n    gap: 16px;\n    flex-wrap: wrap;\n\n    span {\n      font-size: 12px;\n      color: var(--black_400);\n    }\n  }\n}","@use \"variables\" as *;\n\n.single-forum-post-widget {\n  box-shadow: 0 1.6px 3.5px 0 #334d7226, 0 0.5px 1px 0 #334d721a;\n  border-radius: 10px;\n  background-color: var(--bs-white);\n  transition: all 0.3s ease-out;\n  padding: 22px 35px 18px 30px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 10px;\n\n  &:first-child {\n    margin-top: 0;\n  }\n\n  &:hover {\n    box-shadow: 0 20px 45px 0 #334d7226;\n    transform: translateX(2px);\n\n    .post-title {\n      h6 {\n        a {\n          color: var(--bbpc_brand_color);\n        }\n      }\n    }\n  }\n\n  .post-title {\n    margin-bottom: 15px;\n\n    h6 {\n      margin-bottom: 0;\n      line-height: 22px;\n      font-size: 16px;\n      font-weight: 500;\n      text-transform: capitalize;\n\n      a {\n        color: var(--black_800);\n        font-size: 18px;\n\n        &:hover {\n          text-decoration: none;\n        }\n      }\n    }\n\n    i {\n      font-size: 15px;\n      color: #2ed83f;\n      vertical-align: middle;\n      margin-left: 6px;\n    }\n  }\n\n  .post-info {\n    display: flex;\n    flex-wrap: wrap;\n    margin-bottom: 5px;\n\n    >div {\n      margin-right: 15px;\n      display: flex;\n\n      img {\n        margin-right: 5px;\n        height: 15px;\n        width: 15px;\n      }\n\n      color: var(--black_600);\n      font-size: 14px;\n      font-weight: 400;\n      line-height: 16px;\n\n      a {\n        color: var(--black_600);\n      }\n    }\n  }\n\n  .post-tags {\n    display: flex;\n\n    .single-tag {\n      padding: 3px 9.5px;\n      border-radius: 3px;\n      font-size: 12px;\n      font-weight: 400;\n      line-height: 14px;\n      color: #fff;\n      margin: 12px 10px 0 0;\n\n      &:last-child {\n        margin-right: 0;\n      }\n\n      &.tag-jq {\n        background-color: #f7ab40;\n      }\n\n      &.tag-php {\n        background-color: #7543e0;\n      }\n\n      &.tag-wp {\n        background-color: #6078ce;\n      }\n\n      &.tag-js {\n        background-color: #ff7245;\n      }\n\n      &.tag-dvlp {\n        background-color: #48a6ea;\n      }\n\n      &.tag-ecmrc {\n        background-color: #333333;\n      }\n\n      &.tag-foram {\n        background-color: $brand_color;\n      }\n\n      &.tag-hlp {\n        background-color: #2c53df;\n      }\n\n      &.tag-sprt {\n        background-color: #0cc72a;\n      }\n    }\n  }\n\n  .post-reach {\n    border-left: 1px solid var(--black_50);\n    padding-left: 15px;\n\n    >div {\n      font-size: 12px;\n      font-weight: 400;\n      line-height: 14px;\n      color: #848d95;\n      margin-top: 10px;\n      display: flex;\n      align-items: center;\n\n      &:first-child {\n        margin-top: 0;\n      }\n\n      img {\n        margin-right: 5px;\n      }\n    }\n  }\n}\n\n.community-area {\n  .nav-tabs {\n    border-bottom: 1px solid var(--black_50);\n\n    .nav-item {\n      &:hover button {\n        color: var(--bbpc_brand_color);\n      }\n\n      button {\n        background-color: transparent;\n        font-size: 16px;\n        font-weight: 400;\n        line-height: 26px;\n        color: #535a60;\n        padding: 10px 0;\n        margin-right: 30px;\n        border: none;\n        border-bottom: 2px solid transparent;\n        cursor: pointer;\n\n        &.active {\n          border-bottom-color: var(--bbpc_brand_color);\n          color: #171d24;\n          font-weight: 500;\n        }\n      }\n    }\n  }\n\n  .sec-btn-blue {\n    border-radius: 26px;\n    border: 1px solid rgba(#4a6ee0, 40%);\n    color: #4a6ee0;\n    background-color: transparent;\n    font-weight: 700;\n    font-size: 16px;\n    padding: 10px 37px;\n\n    &:hover {\n      background-color: #4a6ee0;\n      color: #fff;\n      box-shadow: none;\n    }\n  }\n}\n\n.community-topic-widget-box {\n  box-shadow: 0 1.6px 3.5px 0 #334d7226, 0 0.5px 1px 0 #334d721a;\n  border-radius: 10px;\n  display: flex;\n  padding: 40px;\n  transition: all 0.3s ease-out;\n  background-color: var(--bs-white);\n\n  &:hover {\n    box-shadow: 0 20px 45px 0 #334d7226;\n  }\n\n  img {\n    margin-right: 24px;\n    width:auto;\n    // max-width: 48px !important;\n    height: 48px;\n  }\n  .box-content{\n    h5{\n      margin-top:0px;\n      padding-top: 0px;\n    }\n  }\n\n  h5 {\n    font-size: 18px;\n    font-weight: 500;\n    line-height: 21px;\n    color: #171d24;\n    margin-bottom: 5px;\n    margin-top: 0;\n    text-transform: capitalize;\n    \n\n    &:hover {\n      a {\n        color: var(--bbpc_brand_color);\n        text-decoration: none;\n      }\n    }\n  }\n\n  span {\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 22px;\n    color: #6a737c;\n    display: inline-block;\n\n    &:nth-child(2) {\n      padding-right: 8px;\n    }\n\n    &:nth-child(4) {\n      padding-left: 8px;\n    }\n\n    &.vr-line {\n      color: var(--black_75);\n    }\n  }\n}\n\n.nav {\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n  margin-left: 0;\n}\n\n.bbpc-community-topic-widget-main-wrapper {\n  --bs-gutter-x: 1.5rem;\n  --bs-gutter-y: 0;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-gap: 20px;\n  //margin-top: 40px;\n\n  .bbpc-community-topic-widget-wrapper {\n    display: contents;\n  }\n\n  @media (max-width: 1024px) {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  @media (max-width: 768px) {\n    grid-template-columns: repeat(1, 1fr);\n  }\n}\n\n.bbpc-show-more-btn-wrapper {\n  width: 100%;\n  text-align: center;\n\n  .show-more-btn {\n    display: inline-block;\n    box-shadow: 0 1.6px 3.5px 0 #334d7226, 0 0.5px 1px 0 #334d721a;\n    transition: all 0.3s ease-out;\n    font-size: 18px;\n    font-weight: 400;\n    color: #4a6ee0;\n    height: 50px;\n    border-radius: 5px;\n    line-height: 48px;\n    padding: 0 40px;\n    text-align: center;\n    background-color: var(--bs-white);\n    margin-top: 50px;\n\n    &:hover {\n      box-shadow: 0 10px 30px 0 #334d721f;\n      color: #4a6ee0;\n    }\n\n    i {\n      color: #4a6ee0;\n      vertical-align: middle;\n    }\n\n    &.show-more-round {\n      height: 48px;\n      border-radius: 24px;\n      line-height: 47px;\n    }\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n}\n\n/*------- Forum Tab widget tags --------*/\n.single-forum-post-widget {\n  .post-tags {\n\n    a {\n      font-weight: 400;\n      line-height: 14px;\n      font-size: 12px;\n      padding: 3px 10px;\n      background: #6078ce;\n      margin: 12px 10px 0 0;\n      border-radius: 3px;\n      color: #fff;\n      text-decoration: none;\n\n      &:hover {\n        background: #4766d5;\n      }\n    }\n  }\n}\n\n.tab-content {\n  padding-top: 40px;\n\n  .tab {\n    display: none;\n  }\n\n  &.active {\n    display: block;\n  }\n}\n\n.community-area {\n  .tab-content {\n    &:not(.active) {\n      display: none;\n    }\n  }\n}\n\n.alert-warning {\n  color: #664d03;\n  background-color: #fff3cd;\n  border-color: #ffecb5;\n}\n\n.alert {\n  position: relative;\n  padding: 1rem 1rem;\n  margin-bottom: 1rem;\n  border: 1px solid transparent;\n  border-radius: 0.25rem;\n}\n\n// show more button icon style\n.dbl-arrow-upper {\n  display: inline-block;\n\n  .arrow-cont {\n    cursor: pointer;\n    position: relative;\n    display: inline-block;\n    height: 24px;\n    width: 20px;\n    margin-right: 3px;\n\n    svg {\n      position: absolute;\n      bottom: 0;\n      margin-left: 0;\n      background-size: contain;\n      top: 8px;\n      left: 0;\n    }\n\n    .second {\n      margin-top: 5px;\n    }\n  }\n\n  &:hover {\n    svg {\n      animation-name: bounceAlphaUp;\n      animation-duration: 1.4s;\n      animation-iteration-count: infinite;\n      animation-timing-function: linear;\n\n      &.first {\n        animation-name: bounceAlphaUp;\n        animation-duration: 1.4s;\n        animation-delay: 0.2s;\n        animation-iteration-count: infinite;\n        animation-timing-function: linear;\n      }\n    }\n  }\n}\n\n\n@keyframes bounceAlphaUp {\n  0% {\n    opacity: 1;\n    transform: translateY(0) scale(1)\n  }\n\n  25% {\n    opacity: 0;\n    transform: translateY(10px) scale(.9)\n  }\n\n  26% {\n    opacity: 0;\n    transform: translateY(-10px) scale(.9)\n  }\n\n  55% {\n    opacity: 1;\n    transform: translateY(0) scale(1)\n  }\n}","@use \"variables\" as *;\n\n// Styles for Docy Elementor Widgets\n// Transferred from docy-core/docly theme\n\n/*============== doc_features_area css  ===========*/\n.doc_features_area {\n    padding-bottom: 40px;\n    position: relative;\n    z-index: 1;\n    background: #fbfbfc;\n\n    .doc_features_shap {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        z-index: -1;\n        background-size: cover;\n    }\n}\n\n.doc_features_inner {\n    overflow: hidden;\n    box-shadow: 0 30px 60px 0 rgba(2, 2, 48, 0.08);\n    border-radius: 10px;\n    background: #fff;\n    top: -60px;\n    position: relative;\n\n    .see_more_item,\n    .forumax-collapse-wrap {\n        display: none;\n        flex-wrap: wrap;\n        width: 100%;\n    }\n\n\n    .media-body {\n        a {\n            text-decoration: none;\n\n            &:hover {\n                text-decoration: underline;\n            }\n        }\n    }\n\n    a.see_btn {\n        text-decoration: none;\n\n        &:hover {\n            text-decoration: underline;\n            color: $brand_color;\n        }\n\n        &:focus {\n            outline: none;\n        }\n    }\n}\n\n.see_btn {\n    font-size: 14px;\n    line-height: 20px;\n    color: $brand_color;\n    display: inline-block;\n    margin: 16px 50px 12px;\n    width: 100%;\n\n    &:hover {\n        i {\n            background-color: $brand_color;\n            color: #fff;\n        }\n    }\n\n    i {\n        font-size: 20px;\n        vertical-align: middle;\n        margin-right: 5px;\n        margin-top: -5px;\n        display: inline-block;\n        border-radius: 50%;\n        border: 1px solid $brand_color;\n        transition: background-color .3s;\n    }\n\n    .less {\n        display: none;\n    }\n\n    &.active {\n        .less {\n            display: inline;\n        }\n\n        .more {\n            display: none;\n        }\n\n        i {\n            transform: rotate(180deg);\n        }\n    }\n}\n\n.doc_features_item {\n    width: calc(100% / 3);\n    float: left;\n    padding: 35px 30px;\n    border-bottom: 1px solid $black_100;\n    border-left: 1px solid $black_100;\n\n    img {\n        margin-right: 15px;\n    }\n\n    h4 {\n        font-size: 16px;\n        line-height: 26px;\n        font-weight: 700;\n        margin-bottom: 2px;\n\n        &:hover {\n            color: $brand_color;\n        }\n    }\n\n    p {\n        margin-bottom: 0;\n        font-size: 14px;\n    }\n\n    &:nth-child(1),\n    &:nth-child(4),\n    &:nth-child(7),\n    &:nth-child(10) {\n        border-left: 0;\n    }\n}\n\n.doc_features_item img {\n    max-width: 50px !important;\n    max-height: 50px !important;\n}\n\n/*============== doc_features_area css  ===========*/\n\n/*============= doc_community_area css  ================*/\n.doc_community_area {\n    padding: 200px 0 75px;\n    position: relative;\n\n    .shap_one,\n    .shap_two {\n        position: absolute;\n        z-index: -1;\n    }\n\n    .shap_one {\n        width: 1300px;\n        right: 0;\n        top: 100px;\n    }\n\n    .shap_two {\n        top: 0;\n    }\n\n    .doc_title {\n        margin-bottom: 64px;\n    }\n}\n\n.doc_community_info {\n    .question_text {\n        color: #a7acb7;\n        font-size: 14px;\n        font-weight: 400;\n        line-height: 22px;\n        margin-top: 40px;\n\n        &:hover {\n            color: var(--bbpc_brand_color);\n        }\n    }\n\n    .doc_entry_content {\n        a {\n            text-decoration: none;\n\n            &:hover {\n                text-decoration: underline;\n            }\n        }\n    }\n}\n\n.doc_community_item {\n    display: flex;\n    align-items: center;\n    border-radius: 10px;\n    background: #fff;\n    box-shadow: 0 20px 30px 0 rgba(2, 2, 48, 0.06);\n    margin-bottom: 20px;\n    padding: 38px 70px;\n    transition: all 0.2s linear;\n    cursor: pointer;\n\n    .doc_community_icon {\n        width: 100px;\n        height: 100px;\n        line-height: 100px;\n        border-radius: 50%;\n        text-align: center;\n        font-size: 36px;\n        background: rgba(76, 76, 241, 0.06);\n        color: var(--bbpc_brand_color);\n        margin-right: 50px;\n    }\n\n    h4 {\n        font-size: 20px;\n        margin-bottom: 5px;\n        transition: color 0.2s linear;\n\n        &:hover {\n            color: var(--bbpc_brand_color);\n        }\n    }\n\n    p {\n        font-size: 14px;\n        color: #6b707f;\n    }\n\n    .doc_entry_info {\n        display: flex;\n        flex-wrap: wrap;\n        padding-top: 5px;\n\n        .author_avatar {\n            display: flex;\n            margin-bottom: 0;\n            margin-right: 15px;\n\n            li {\n                line-height: 34px;\n                border-radius: 50%;\n                font-size: 14px;\n                font-weight: 500;\n                color: var(--black_800);\n                text-align: center;\n                z-index: 2;\n                position: relative;\n                border: 2px solid var(--bs-white);\n                list-style: none !important;\n\n                img {\n                    max-width: 30px;\n                    border-radius: 50%;\n                }\n\n                &+li {\n                    margin-left: -10px;\n                }\n\n                &.avatar_plus {\n                    border-color: #d7d8db;\n                    width: 32px;\n                    height: 32px;\n                    align-self: end;\n                    line-height: 28px;\n                    font-size: 12px;\n                    padding-left: 2px;\n                    z-index: 0;\n                    margin-left: -8px;\n                }\n            }\n        }\n\n        .text {\n            font-size: 14px;\n            line-height: 1.3;\n            color: #90939b;\n        }\n    }\n\n    &:hover {\n        box-shadow: 0 10px 30px 0 rgba(2, 2, 48, 0.02);\n    }\n\n    &:nth-child(2) {\n        .doc_community_icon {\n            background: #fef9ee;\n            color: #f7b126;\n        }\n    }\n\n    &:nth-child(3) {\n        .doc_community_icon {\n            background: #f1fbf8;\n            color: #0fbc8b;\n        }\n    }\n}\n\n/*============= doc_community_area css  ================*/"],"names":[],"ignoreList":[],"sourceRoot":""}