/*--- Unit Meta ---*/
.bx-base-groups-unit-with-cover .bx-base-pofile-unit-info .bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-custom-hor {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.bx-mod-group-profile-title {
    color: var(--Color-text-color-primary, #7728DD);
    font-family: "BrandonGrotesque";
    font-size: 20px;
    font-style: normal;
    font-weight: 450;
    line-height: 28px; /* 140% */
}
.bx-group-profile-header .bx-base-pofile-cover-image-wrp {
    height: 200px;
    padding: 0;
  }
.bx-group-profile-header .bx-base-pofile-cover-image {
    height: 200px;
    border: none;
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: center;
  }
#bx-groups-view-meta li.bx-menu-item-members {
    color: var(--Color-text-primary, #262626);
    /* H6 */
    font-family: "BrandonGrotesque";
    font-size: 14px;
    font-style: normal;
    font-weight: 390;
    line-height: 14px; /* 116.667% */
}

#bx-groups-view-actions-all {
    border:none;
    .bx-menu-item {
        border-radius: 20px !important;
        border: 0.559px solid var(--Tags-module-stroke, #363636);
        background: var(--Color-surface-primary, #fafafa);
        color: var(--Color-text-primary, #262626);
        font-family: "BrandonGrotesque";
        font-size: 12px;
        font-style: normal;
        font-weight: 420;
        line-height: normal;
      }
      .bx-menu-item a .w-5{
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .sys-icon {
        color: var(--Color-text-primary, #262626);
        font-size: 0.875rem;
      }
      .bx-menu-item-profile-subscribe-remove,
      .bx-menu-item-profile-fan-remove {
        border-radius: 10px;
        border: 0.559px solid var(--Color-text-color-primary, #7728dd);
        background: var(--Tags-tag-background-accent, #f9f4ff);
        span {
          color: var(--Color-text-color-primary, #7728dd);
          font-family: "BrandonGrotesque";
          font-size: 12px;
          font-style: normal;
          font-weight: 420;
          line-height: normal;
        }
        .sys-icon {
          color: var(--Color-text-color-primary, #7728dd);
        }
      }
      .bx-menu-item {
        .bx-mi-text,.sys-action-do-text {
            margin-left: 0;
        }
      }

      .bx-stl-mil-sm .sys-action-do-icon>*,.bx-stl-mil-wo-gaps-sm .sys-action-do-icon>* {
        margin-right: 0.2rem;
        height: 1.25rem;
        width: auto;
    }

      .pencil-alt {
        font-size: 0.8rem;
      }
      .icon-Add {
        font-size: .8rem;
      }
      .icon-Correct,
      .icon-Share2 {
        font-size: 1.25rem;
      }
      .icon-Profile-Invite {
        font-size: 1.15rem;
      }
      .icon-Profile-Report {
        margin-right: 0;
      }
      .bx-menu-item:hover {
        .sys-icon:first-of-type,
        .bx-mi-text:first-of-type,
        .sys-action-do-text:first-of-type, .sys-action-counter-holder:first-of-type a {
          color: #ff6600;
        }
      }
      .bx-menu-item-profile-subscribe-remove:hover,
      .bx-menu-item-profile-fan-remove:hover {
        .sys-icon {
          color: var(--Color-text-color-primary, #7728dd);
        }
      }
      .sys-action-counter-holder{
        margin-left: 0;
        margin-right: 0.35rem;
      }
      .bx-menu-item-more-auto:hover .bx-menu-item-more-popup .bx-menu-item{
        color: var(--Color-text-primary, #262626) !important;
        .sys-icon {
          color: var(--Color-text-color-primary, #262626);
        }
      }
      .bx-menu-item-more-auto a{
        color: var(--Color-text-color-primary, #262626);
        border: none !important;
        .w-5 {
            text-align: center;
        }
      }

      #bx-groups-view-actions-all-ma-popup {
        li {
            border:none;
        }
        .bx-menu-item:hover {
            a span {
                color: #ff6600;
            }
            .sys-icon:first-of-type,
            .bx-mi-text:first-of-type,
            .sys-action-do-text:first-of-type, .sys-action-counter-holder:first-of-type a {
              color: #ff6600;
            }
          }
        .bx-popup-content{
            width: 155px;
            .bx-menu-item{
              width: 150px;
             
            }
          }
      }
}

#bx-popup-ajax-wrapper-bx-conn-by-popup-bx_groups_fans{
    margin-right: 2rem;
    .bx-conn-by-items {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .bx_single_item {
        width: 100%;
    }
    
    .bx_multi_item {
        min-width: 400px;
        max-width: 450px;
    }
    
    .bx_multi_item .bx-conn-by-item{
        width: 50%;
    }
}

.bx-menu-object-bx_groups_view_submenu a {
    color: #262626 !important;
    font-family: "BrandonGrotesque",sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 390 !important;
    line-height: normal !important;
  }
  .bx-menu-object-bx_groups_view_submenu a:hover {
    background: none !important;
    color: #7728dd !important;
  }
  .bx-menu-object-bx_groups_view_submenu .bx-menu-item a {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 15px;
    margin-right: 15px;
  }
  .bx-menu-object-bx_groups_view_submenu .bx-menu-tab-active a {
    color: #7728dd !important;
  }
  
  .bx-menu-object-bx_groups_view_submenu a:hover .bx-mi-underline {
    background-color: #7728dd !important;
  }
  .bx-menu-object-bx_groups_view_submenu
    .bx-menu-item.bx-menu-tab-active
    .bx-mi-underline {
    background-color: #7728dd !important;
    height: 4px;
  }

  .members-text {
    color: var(--Color-text-primary, #262626);
    text-align: right;
    font-family: "BrandonGrotesque";
    font-size: 12px;
    font-style: normal;
    font-weight: 450;
    line-height: normal;
    cursor: pointer;
    padding-left: 4px;
  }

  .bx-group-border {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .bx-group-profile-header {
    background-color: white;
    .bx-group-menu-item{
        min-width:800px;
    }

  }
  .bx-page-view-group-profile , 
  .bx-page-group-fans,
  .bx-page-discussions-context,
  .bx-page-polls-context,
  .bx-page-posts-context,
  .bx-page-events-context,
  .bx-page-albums-context,
  .bx-page-channels-context {
    #bx-menu-main-bar-wrapper {
      background-color: white;
      margin-bottom: 15px;
    }
  }

  .bx-media-phone {
    .bx-group-profile-header .bx-base-pofile-cover-image-wrp {
      height: 100px;
    }

    .bx-group-profile-header .bx-base-pofile-cover-image {
      height: 100px;
    }

    .bx-def-ava-big-size-group.bx-base-pofile-cover-thumb {
      top:20px;
    }
    .bx-def-ava-big-size-group .bx-def-ava-big-size {
      height: 6rem;
      width: 6rem;
    }
    .bx-group-profile-header {
      background-color: white;
      .bx-group-menu-item{
          min-width:0 !important;
      }
  
    }
    .bx-base-pofile-cover-actions div.bx-base-general-entity-actions .bx-menu-custom-hor > li:not(.bx-menu-item-more-auto) a,
    .bx-base-pofile-cover-actions div.bx-base-general-entity-actions .bx-menu-custom-hor > li:not(.bx-menu-item-more-auto) .sys-action-do,
    .bx-base-pofile-cover-actions div.bx-base-general-entity-actions .bx-menu-custom-hor > li.bx-menu-item-more-auto > span > a {
        -webkit-flex-direction: row !important; 
        flex-direction: row !important; 
    }
    .bx-base-pofile-cover-actions.h-14 {
      height: 1.5rem ;
    }

    .members-text {
      text-align: left;
    }

    #bx-popup-ajax-wrapper-bx-conn-by-popup-bx_groups_fans{
      .bx_multi_item .bx-conn-by-item{
          width: 100%;
      }
      .bx-conn-user-info {
        margin-right: 80px;
      }

    }
  }

#designbox-add-new .bx-menu-tab-active, #designbox-add-new .bx-menu-tab-active:hover{
  background: none !important;
}
#designbox-add-new .bx-menu-tab-active .items-center, #designbox-add-new .bx-menu-tab-active:hover .items-center, #designbox-add-new .bx-menu-tab-active:hover .items-center a{
  background-color: #ff6600 !important;
  border-radius: .375rem;
}