html {
   margin: 0 !important;
}
a:focus{
   box-shadow: none !important; 
}
button:focus, button:focus-visible {
   outline: none !important;
   border: 0 !important;
}
body .bb-rl-header, body header.bb-rl-login-header, body.registration header.bb-rl-login-header, body.error404 header.site-header {
   background-color: transparent;
   border-bottom: 1px solid rgba(0,46,81,0.5);
   padding: 7px 16px 8px 24px;
}
header.bb-rl-header.sticky-header {
   /*padding: 15px 24px;*/
   background-image: url(https://www.haven-0.com/wp-content/uploads/2025/08/Home-1.png);
   background-size: inherit;
   background-repeat: repeat;
}
/* header.bb-rl-header.sticky-header #site-logo img {
     max-width: 120px;
}*/
header.bb-rl-header {
   transition: 0.6s all ease;
}
/* body.bb-readylaunch-template.admin-bar.wpb-header .bb-rl-left-panel {
     top: 107px;
}*/
/* header.bb-rl-header .bb-rl-site-branding img {
     transition: 0.6s all ease;
}*/
body.bb-readylaunch-template.admin-bar .bb-rl-left-panel::-webkit-scrollbar {
   width: 0px !important;
   background: transparent !important;
}
body.bb-readylaunch-template.admin-bar .bb-rl-left-panel::-webkit-scrollbar-track {
   display: none !important;
}
body.bb-readylaunch-template.admin-bar .bb-rl-left-panel::-webkit-scrollbar-thumb {
   display: none !important;
}
/* Show scrollbar ONLY on hover for admin bar - Firefox */
body.bb-readylaunch-template.admin-bar .bb-rl-left-panel:hover {
   scrollbar-width: thin !important;
   scrollbar-color: #9EF66A #002e512e !important;
}
body.bb-readylaunch-template.admin-bar .bb-rl-left-panel:hover::-webkit-scrollbar {
   width: 10px !important;
   background: transparent !important;
}
body.bb-readylaunch-template.admin-bar .bb-rl-left-panel:hover::-webkit-scrollbar-track {
   display: block !important;
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
   background-color: #002e512e !important;
   border-radius: 5px !important;
}
body.bb-readylaunch-template.admin-bar .bb-rl-left-panel:hover::-webkit-scrollbar-thumb {
   display: block !important;
   background-color: #9EF66A !important;
   border-radius: 5px !important;
}
body.bb-readylaunch-template.admin-bar .bb-rl-left-panel:hover::-webkit-scrollbar-thumb:hover {
   background-color: #7dd44a !important;
}
body.bb-readylaunch-template .bb-rl-left-panel~.site.bb-readylaunch {
   margin-left: 290px;
   background-color: transparent;
   margin-top: 57px;

}
body.bb-readylaunch-template.admin-bar .bb-rl-left-panel~.site.bb-readylaunch {
   margin-top: 90px;
}
body.bb-readylaunch-template .bb-rl-left-panel {
   top: 57px;
}
body.bb-readylaunch-template.admin-bar .bb-rl-left-panel {
   top: 90px;
}
body.bb-readylaunch-template.admin-bar .bb-rl-left-panel {
   top: 88px;
}
body .bb-rl-header #site-logo img {
   padding: 0;
   width: 100%;
   max-width: 98px;
   min-height: auto;
   max-height: none !important;
}
body .bb-rl-header .header-aside .header-aside-inner {
   gap: 4px;
}
body .bb-rl-header .header-aside .header-aside-inner button.bb-rl-button {
    margin: 0;
    border: 0;
    color: #959595;
    font-family: 'IBM Plex Sans';
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    text-align: center;
    padding: 10px 17px 10px 8px;
    border-radius: 4px;
    height: 40px;
    background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/onborading.png);
    background-repeat: repeat;
    background-size: inherit;
    background-position: center;
    max-width: 178px;
    box-sizing: border-box;
    position: relative;
    justify-content: flex-start;
}
body .bb-rl-header .header-aside .header-aside-inner button.bb-rl-button.bb-rl-header-search{
     min-width: 178px;
}
body .bb-rl-header .header-aside .header-aside-inner button.bb-rl-button.bb-rl-header-search span.bb-rl-header-search__label {
    color: #959595A6;
}
body .bb-rl-header .header-aside .header-aside-inner button.bb-rl-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #002E51;
  pointer-events: none;
  box-sizing: border-box;
  border-radius: 4px;
}
body .bb-rl-header .header-aside .header-aside-inner button.bb-rl-button:focus {
   outline: none;
}
.bb-rl-activity-update-form.modal-popup #bb-rl-whats-new-form .bb-rl-whats-new-form-footer #bb-poll-form,
.bb-rl-activity-update-form.modal-popup #bb-rl-whats-new-form .bb-rl-whats-new-form-footer #bb-rl-discard-draft-activity {
    display: none;
}
.registration .field_roles-archetypes-survivalistes {
   display: none;
}
.header-aside .header-aside-inner button.bb-rl-button i {
   font-size: 16px;
   color: #9EF66A;
}
.header-aside .header-aside-inner button.bb-rl-button .bb-icons-rl-magnifying-glass:before{
  content: "";
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Search.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  font-size: 0;
  display: block;
}
.header-aside .header-aside-inner #header-messages-dropdown-elem>a, .header-aside .header-aside-inner #header-notifications-dropdown-elem>a, .header-aside .header-aside-inner .user-wrap {
   width: 40px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 8px;
   border-radius: 4px;
   background-color: transparent;
   border: 1px solid transparent;
}
.header-aside .header-aside-inner .user-wrap img {
 max-width: 24px;
 border-radius: 4px;
}
.header-aside .header-aside-inner #header-messages-dropdown-elem i, .header-aside .header-aside-inner #header-notifications-dropdown-elem i {
   color: #9EF66A;
   font-size: 22px;
}
.header-aside .header-aside-inner #header-messages-dropdown-elem>a i.bb-icons-rl-chat-teardrop-text::before,
.header-aside .header-aside-inner #header-notifications-dropdown-elem>a i.bb-icons-rl-bell-simple::before {
  content: '';
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Messenger.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
  background-size: 22px;
  display: block;
  color: #7ff94f;
  font-size: 24px;
}
.header-aside .header-aside-inner #header-notifications-dropdown-elem>a i.bb-icons-rl-bell-simple::before {
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/notifications.svg);
}
.header-aside .header-aside-inner .user-wrap {
 margin: 0 !important;
 padding: 0;
 border: 0;
}
.header-aside .header-aside-inner .user-wrap a.user-link {
 border: 1px solid transparent;
 padding: 8px;
 border-radius: 4px;
/*  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/onborading.png);
  background-repeat: repeat;
  background-size: inherit;
  background-position: center;*/
  box-sizing: border-box;
  width: 40px;
  height: 40px;
}
.header-aside .header-aside-inner .menu-item-has-children.selected>a,
.header-aside .header-aside-inner .user-wrap.active a.user-link,
.header-aside .header-aside-inner .menu-item-has-children>a:hover,
.header-aside .header-aside-inner .user-wrap a.user-link:hover {
border: 1px solid #002E51 !important;
    background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/line-light.svg);
    background-repeat: repeat;
    background-size: auto;
    background-position: bottom;
}
body .header-aside .notification-wrap .notification-dropdown {
  border: 1px solid #002E51;
  background-color: transparent;
  border-radius: 4px;
    background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/line-light.svg);
    background-repeat: repeat;
    background-size: auto;
    background-position: bottom;
  right: 0;
  top: calc(100% + 4px);
  box-shadow: 0px 4px 4px 0px #00000040;
}
body.login a.bb-rl-logo-wrap img {
    padding: 0;
    width: 100%;
    max-width: 98px;
    min-height: auto;
    max-height: none !important;
    height: 40px;
}
@media screen and (min-width:420px){
   body .header-aside .notification-wrap .notification-dropdown{
      min-width: 358px;
   }
}
body .header-aside .notification-wrap .notification-dropdown .notification-header {
   padding: 16px;
   margin: 0;
   border-bottom: 1px solid #002E51;
   gap: 10px;
}
body .header-aside .notification-wrap .notification-dropdown .notification-header h2.title {
   color: #F8F8FF;
   font-family: IBM Plex Mono;
   font-weight: 600;
   font-size: 15px;
   line-height: 140%;
       text-transform: uppercase;
       flex: 1;
}
body .header-aside .notification-wrap .notification-dropdown .notification-header a {
   color: #9EF66A;
   padding: 0;
   margin: 0;
   background-color: transparent;
    font-family: 'IBM Plex Sans';
   font-weight: 500;
   font-size: 15px;
   line-height: 140%;
   text-align: right;
}

body .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-closed-comments-notice {
    margin: 0;
    border: 0;
    background-color: #002e5175;
    border-radius: 0;
    font-family: 'IBM Plex Sans';
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    color: #F8F8FF;
}

body .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-closed-comments-notice::before {
    font-size: 16px;
}
/*.header-aside .header-aside-inner .user-wrap .bb-rl-profile-dropdown {
    min-width: 396px;
}*/
.header-aside .header-aside-inner .bb-rl-profile-dropdown {
   top: calc(100% + 4px);
   border: 1px solid #002E51;
   background-color: transparent;
   border-radius: 4px;
    background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/line-light.svg);
   background-repeat: no-repeat;
   background-size: auto;
   min-width: 257px;
   box-shadow: none;
}
.header-aside .bb-rl-profile-dropdown ul.bb-profile-submenu-lists {
  border: 1px solid #002E51;
  background-color: transparent;
  border-radius: 4px;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/membres-bg.png);
  background-repeat: repeat;
  background-position: top;
  background-size: inherit;
  min-width: 200px;
    padding: 8px 0;
}
.header-aside .bb-rl-profile-dropdown .bb-rl-profile-lists {
   background-color: transparent;
   border: 0;
    padding: 0 0 8px;
}
@media (min-width: 768px) {
.header-aside .bb-rl-profile-dropdown .bb-rl-profile-lists {
        min-width: 396px;
}
}
.header-aside .bb-rl-profile-dropdown .bb-rl-profile-lists li {
   margin-bottom: 8px;
}
.header-aside .header-aside-inner .user-wrap .bb-rl-profile-dropdown li {
    margin-bottom: 4px;
}
.header-aside .bb-rl-profile-dropdown .bb-rl-profile-lists li a {
    border: 0;
    gap: 10px;
    padding: 12px 16px;
    border-radius: 0;
    font-family: IBM Plex Sans;
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
        color: #F8F8FF;
}
.header-aside .bb-rl-profile-dropdown .bb-rl-profile-lists li a:hover {
  background-color: #00599533;
}
.header-aside .bb-rl-profile-dropdown .bb-rl-profile-lists li a i {
   color: #9EF66A;
}
.header-aside .bb-rl-profile-dropdown .bb-rl-profile-lists li:last-child {
   margin: 0;
   padding-top: 0;
   border-top: 0;
}
.header-aside .bb-rl-profile-dropdown .bb-rl-profile-lists li a i::before {
  content: '';
  background-repeat: no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
  font-size: 0;
  background-position: center;
  display: block;
}
.header-aside .bb-rl-profile-dropdown .bb-rl-profile-lists li a i.bb-icons-rl-user::before {
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/edite-User.svg);
}
.header-aside .bb-rl-profile-dropdown .bb-rl-profile-lists li a i.bb-icons-rl-pencil-simple::before {
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/user-edite.svg);
}
.header-aside .bb-rl-profile-dropdown .bb-rl-profile-lists li a i.bb-icons-rl-user-gear::before {
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Settings.svg);
}
.header-aside .bb-rl-profile-dropdown .bb-rl-profile-lists li a i.bb-icons-rl-sign-out::before {
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/sign-out.svg);
}
.header-aside .bb-rl-profile-dropdown .bb-rl-profile-lists li a.bb-rl-profile-list-link::after{
  content: '' !important;
  font-size: 0 !important;
  width: 10px;
  height: 10px;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/right-arrow-r.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
  display: block;
}
body .header-aside .notification-wrap .notification-dropdown ul.notification-list {
   padding: 0;
}
body .header-aside .notification-wrap .notification-dropdown ul.notification-list li {
   padding: 16px;
       border-radius: 0;
}
body .header-aside .notification-wrap .notification-dropdown ul.notification-list li:hover,
body .header-aside .notification-wrap .notification-dropdown ul.notification-list li:has(.bb-rl-option-wrap.active){
   background-color: #00599533;
}
body .header-aside .notification-wrap .notification-dropdown ul.notification-list li .notification-content {
    color: #F8F8FF;
    font-family: IBM Plex Sans;
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
}
body .header-aside .notification-wrap .notification-dropdown ul.notification-list li .notification-content a {
    font-family: IBM Plex Sans;
    font-weight: 600;
    font-size: 15px;
    line-height: 140%;
    color: #F8F8FF;
    display: block;
}
body .header-aside .notification-wrap .notification-dropdown ul.notification-list li .notification-content span.posted {
    font-family: IBM Plex Sans;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    color: #959595;
    text-transform: capitalize;
        margin-top: 0;
}
body .header-aside .notification-wrap .notification-dropdown ul.notification-list li .bb-rl-option-wrap button.bb-rl-option-wrap__action {
    padding: 0 !important;
    background-color: transparent !important;
    background-image: none;
}

body .header-aside .notification-wrap .notification-dropdown ul.notification-list li .bb-rl-option-wrap.active button.bb-rl-option-wrap__action {
    background-color: #002e51 !important;
    height: 22px;
}

body .header-aside .notification-wrap .notification-dropdown ul.notification-list li .bb-rl-option-wrap.active ul.bb-rl-option-dropdown {
    padding: 8px 0;
    background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/line-light.svg);
    background-repeat: repeat;
    background-size: auto;
    border: 1px solid #002e51;
}

body .header-aside .notification-wrap .notification-dropdown ul.notification-list li .bb-rl-option-wrap.active ul.bb-rl-option-dropdown li {
    padding: 0;
    margin-bottom: 8px;
}

body .header-aside .notification-wrap .notification-dropdown ul.notification-list li .bb-rl-option-wrap.active ul.bb-rl-option-dropdown i {
    font-size: 17px !important;
}

body .header-aside .notification-wrap .notification-dropdown ul.notification-list li .bb-rl-option-wrap.active ul.bb-rl-option-dropdown li .bb-rl-option-dropdown__button:hover {
    background-color: #00599533;
}

body .header-aside .notification-wrap .notification-dropdown ul.notification-list li .bb-rl-option-wrap.active ul.bb-rl-option-dropdown li button.bb-rl-option-dropdown__button {
    border-radius: 0;
    color: #fff;
    font-family: IBM Plex Sans;
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
}

body .header-aside .notification-wrap .notification-dropdown ul.notification-list li .bb-rl-option-wrap.active ul.bb-rl-option-dropdown li button.bb-rl-option-dropdown__button .bb-rl-option-dropdown__label {
    font-family: IBM Plex Sans;
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    color: #F8F8FF;
}
body .header-aside .notification-wrap .notification-dropdown ul.notification-list li .notification-avatar img {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    max-width: 40px;
    max-height: 40px;
    border: 1px solid #FFFFFF1A;
}
body .header-aside .notification-wrap .notification-dropdown ul.notification-list li .notification-avatar i {
    border-radius: 4px;
    width: 25px;
    height: 25px;
    border: 1px solid #002E51 !important;
    background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/line-light.svg);
    background-repeat: repeat;
    background-size: auto;
}
body .header-aside .notification-wrap .notification-dropdown ul.notification-list li .notification-avatar {
    margin-right: 16px;
}
.header-aside .bb-rl-profile-dropdown .bb-rl-profile-lists li.profile-dropdown-heading {
    padding: 16px;
    margin: 0;
    border-bottom: 1px solid #002E51;
    font-family: IBM Plex Mono;
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    text-transform: uppercase;
}
body .header-aside .notification-wrap .notification-dropdown .bb-rl-no-messages {
   align-items: flex-start;
}
body .notification-wrap .notification-dropdown .bb-rl-no-messages h3 {
   font-family: IBM Plex Mono;
   font-weight: 600;
   font-size: 15px;
   line-height: 140%;
   color: #F8F8FF;
   margin: 0 0 4px;
}
body .header-aside .notification-wrap .notification-dropdown .bb-rl-no-messages i {
   display: none;
}
body .notification-wrap .notification-dropdown .bb-rl-no-messages .bb-rl-no-messages-description {
   max-width: 100%;
   text-align: left;
   margin: 0 0 16px;
   font-family: IBM Plex Mono;
   font-weight: 400;
   font-size: 13px;
   line-height: 140%;
   color: #959595;
}
body .header-aside .notification-wrap .notification-dropdown .bb-rl-no-messages .bb-rl-no-messages-button {
   margin: 0;
}
body .header-aside .notification-wrap .notification-dropdown .bb-rl-no-messages .bb-rl-no-messages-button a {
   border: 1px solid #296410;
   border-radius: 4px;
   background-color: #29641033;
   color: #9EF66A;
   font-family: IBM Plex Mono;
   font-weight: 600;
   font-size: 15px;
   line-height: 140%;
   text-align: center;
   padding: 8px;
}
/*================= Start error css =================*/
body.error404 header.site-header.has-scrolled {
  padding: 15px 24px;
}
body.error404 header.site-header.has-scrolled .site-title img.bb-logo{
  max-width: 120px;
}
body.error404 header.site-header {
  background-image: url(https://www.haven-0.com/wp-content/uploads/2025/08/Home-1.png);
  background-size: cover;
}
body.error404{
   background-color: #000 !important;
   background-image: url(https://www.haven-0.com/wp-content/uploads/2025/08/Home-1.png);
   background-size: cover;
}
body.error404 #primary {
  padding: 0;
}

body.error404.sticky-header .site-content{
   padding-top: 90px;
   min-height: 100vh;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}
body.error404 .sticky-header .site-content{
   padding-top: 90px;
}
body.error404 header.site-header #site-logo {
   height: auto;
   padding: 0;
}
body.error404 header.site-header .site-title img.bb-logo {
   padding: 0;
   width: 100%;
   max-width: 142px;
   min-height: auto;
   max-height: none !important;
}
body.error404 header.site-header .container{
   max-width: 1920px;
   padding: 0;
   height: auto;
   gap: 10px;
}
body.error404 .bb-img-404--theme-2-0 svg>path{
   fill: transparent;
   stroke: #7ff94f;
}
body.error404 .bb-img-404--theme-2-0 svg circle{
   stroke: #7ff94f;
}
body.error404 .bb-img-404--theme-2-0 svg g path{
   fill: #7ff94f;
}
body.error404 .site-header .header-search-primary {
   background-color: transparent;
   width: unset;
   height: auto !important;
   margin-top: 0;
}
body.error404 .site-header .header-search-primary input.search-field-top {
   border: 1px solid #002E51;
   border-radius: 4px;
   background-color: #002e5136;
   padding: 13px 16px 13px 40px;
   font-family: IBM Plex Sans;
   font-weight: 400;
   font-size: 15px;
   line-height: 140%;
   color: #F8F8FF;
}
body.error404 .header-search-wrap .search-form{
   height: auto;
   max-width: 700px;
}
body.error404 header.site-header #header-aside .header-aside-inner {
   height: auto;
}
body.error404 .page-header h1.page-title {
   font-family: PP Right Grotesk;
   font-weight: 700;
   font-size: 44px;
   line-height: 100%;
   text-align: center;
   text-transform: uppercase;
   color: #7ff94f;
}
body.error404 .page-header p.desc {
   font-family: IBM Plex Mono;
   font-weight: 500;
   font-size: 15px;
   line-height: 140%;
   text-align: center;
   color: #F8F8FF;
   margin-top: 24px;
}
body.error404 .page-content a.button {
   color: #F8F8FF;
   padding: 12px 30px;
   border-radius: 4px;
   border: 1px solid #002E51;
   background-color: #002e516e;
   font-family: IBM Plex Mono;
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
}
body.error404 .site-header .menu-item-has-children>a {
   position: relative;
   height: auto;
   color: #F8F8FF;
   font-family: 'IBM Plex Mono';
}
body.error404 header.site-header .user-wrap .sub-menu {
   padding: 0;
   border: 1px solid #002E51;
   background-color: transparent;
   background-size: cover;
   border-radius: 4px;
   background-image: url(https://www.haven-0.com/wp-content/uploads/2025/08/Frame-588.png);
   background-repeat: no-repeat;
   top: calc(100% - -9px);
   right: -30px;
}
body.error404 header.site-header .user-wrap .sub-menu a.user-link {
   border-bottom: 1px solid #002E51;
}
body.error404 header.site-header .user-wrap .sub-menu a.user-link span.user-name {
   color: #F8F8FF;
   font-family: IBM Plex Mono;
   font-weight: 600;
   font-size: 15px;
   line-height: 140%;
}
body.error404 header.site-header .user-wrap .sub-menu a.user-link .user-mention {
   font-family: 'IBM Plex Sans';
   color: #7ff94f;
}
body.error404 .header-aside .wrapper .sub-menu-inner {
   width: 200px;
   max-height: 80vh;
}
body.error404 header.site-header .user-wrap .sub-menu li:hover a.user-link {
   background-color: transparent;
}
body.error404 header.site-header .user-wrap .sub-menu li a{
   display: block;
   position: relative;
   border: 1px solid transparent;
   padding: 8px;
   font-family: IBM Plex Mono;
   font-weight: 600;
   font-size: 15px;
   line-height: 140%;
   border-radius: 4px;
   color: #F8F8FF;
   border-radius: 0;
}
body.error404 header.site-header .user-wrap .sub-menu li:hover a{
   background: #002e513b;
   color: #fff;
}
body.error404 .user-wrap-container .sub-menu .ab-sub-wrapper .ab-submenu {
   box-shadow: none;
   list-style: none;
   padding: 5px 0;
   border: 1px solid #002E51;
   background-color: transparent;
   background-size: cover;
   border-radius: 4px;
   background-image: url(https://www.haven-0.com/wp-content/uploads/2025/08/Frame-588.png);
   background-repeat: no-repeat;
}
body.error404 header.site-header .user-wrap .sub-menu::before, body.error404 .header-aside .wrapper li .wrapper:before {
   display: none;
}
body.error404 header.site-header .user-wrap .sub-menu li:hover a.user-link {
   background-color: transparent;
}
/*================= End error css =================*/
/*================= Start login & sidebar =================*/
body.login, body.registration {
   background-color: #000 !important;
   background-image: url(https://www.haven-0.com/wp-content/uploads/2025/08/Onboarding-1-1-1.png);
   background-size: cover;
}
body header.bb-rl-login-header .bb-rl-login-header-actions {
   gap: 8px;
}
body header.bb-rl-login-header .bb-rl-login-header-actions .bb-rl-login-header-actions-text {
   color: #F8F8FF;
   font-family: IBM Plex Mono;
   font-weight: 600;
   font-size: 15px;
   line-height: 140%;
}
body header.bb-rl-login-header .bb-rl-login-header-actions a {
   border: 1px solid #296410;
   border-radius: 4px;
   background-color: #29641033;
   color: #9EF66A;
   font-family: IBM Plex Mono;
   font-weight: 600;
   font-size: 14px;
   line-height: 140%;
   text-align: center;
   padding: 8px;
}
body header.bb-rl-login-header .bb-rl-login-header-actions a:hover {
   border: 1px solid #9EF66A;
   background-color: #9EF66A;
   color: #002E51;
}
/*----------- login & register page CSS ----------*/
#login, 
.register-page-main {
   background: rgb(11 30 47 / 40%);
   border-radius: 4px;
   border: 1px solid #002E51;
   padding: 20px;
}
#login h1.wp-login-logo a, 
.register-page-main a.register-page-logo {
   background-position: center;
   width: 100%;
}
.register-page-main h1 {
   color: #9EF66A;
   margin-bottom: 20px;
   letter-spacing: 2px;
   font-family: PP Right Grotesk;
   font-weight: 700;
   font-size: 26px;
   line-height: 100%;
   text-align: center;
   text-transform: uppercase;
}
.register-page-main a.register-page-logo img {
   width: 100%;
}
#login form label, .register-page-main form#signup-form label, .register-page-main form#signup-form fieldset legend {
  font-family: IBM Plex Mono;
  font-weight: 400;
  font-size: 13px;
  line-height: 140%;
  text-transform: uppercase;
  color: #959595;
}
#login form input, .register-page-main form#signup-form input {
  border-radius: 4px;
  border: 1px solid #002E51;
  color: #F8F8FF;
  min-height: 53px;
    font-family: 'IBM Plex Sans' !important;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/membres-bg.png);
  background-repeat: repeat;
  background-position: center;
  background-size: inherit;
  padding: 8px 16px;
  margin: 0 0 16px 0;
}
#login form input:focus, .register-page-main form#signup-form input:focus {
   border: 1px solid #002E51;
   outline: none;
}
#login form input#wp-submit, .register-page-main form#signup-form input#signup_submit {
   width: 100%;
   font-family: var(--font-primary);
   font-weight: 600;
   font-size: 15px;
   line-height: 21px;
   background-color: #9ef66a0f;
   border: 1px solid #296410;
   border-radius: 4px;
   padding: 12px;
   color: #9EF66A;
}
#login form input#wp-submit:hover, .register-page-main form#signup-form input#signup_submit:hover {
   background-color: #9EF66A;
   color: #002e51;
}
#login form p.submit input#wp-submit:hover{
background-image: none !important;
}
#login form p.lostmenot a {
  color: #9EF66A;
  font-family: IBM Plex Mono;
  font-weight: 500;
  font-size: 11px;
  line-height: 140%;
  text-align: right;
  text-transform: uppercase;
}
#login form input:focus,
#login form input:focus-visibel,
#login form input:not(:placeholder-shown),
#login form input:not(:placeholder){
   background: transparent !important;
   background-color: transparent !important;
   outline: none;
}
input:-webkit-autofill {
 -webkit-text-fill-color: #fff !important;
 color:red !important;
 -webkit-box-shadow: inset 0px 0px 0px 500px #05111a !important;
 -webkit-text-fill-color: #fff !important;
 box-shadow: inset 0px 0px 0px 500px #05111a !important;
}
#login form .user-pass-wrap .wp-pwd button .dashicons::before {
   color: #959595;
   font-size: 15px;
}
#login form .user-pass-wrap .wp-pwd button .dashicons::before {
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Eye.svg);
  background-size: 17px;
  width: 20px;
  height: 20px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  content: '';
}
#login form .user-pass-wrap .wp-pwd button .dashicons-hidden::before {
 background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Eye-Off.svg);
}
#login form .user-pass-wrap .wp-pwd button {
   width: 50px;
   height: 53px;
   min-width: 50px;
   min-height: 53px;
}
#login form .user-pass-wrap .wp-pwd button:focus{
   box-shadow: none;
}
#login form p.forgetmenot input[type="checkbox"] {
  min-height: auto;
  margin: 0 !important;
  appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid #002E51;
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
  transition: all 0.3s ease !important;
}
#login form p.forgetmenot input[type="checkbox"]:checked {
   background: #001729;
}
#login form p.forgetmenot input[type="checkbox"]:checked::after {
   content: '\f00c' !important;
   font-family: 'FontAwesome';
   position: absolute;
   top: 50% !important;
   left: 50%;
   transform: translate(-50%, -50%);
   color: #9EF66A;
   font-size: 9px;
   font-weight: 400;
}
#login form p.forgetmenot input[type=checkbox]:checked::before {
   display: none;
}
#login .privacy-policy-page-link, #login .privacy-policy-page-link a {
  font-family: 'IBM Plex Sans';
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  color: #F8F8FF;
}
body.login .mfp-container .mfp-content .login-popup {
   background: rgb(11 30 47);
   border-radius: 4px !important;
   border: 1px solid #002E51 !important;
   padding: 20px !important;
}
body.login .mfp-container .mfp-content .login-popup h1 {
   color: #fff !important;
   font-family: 'IBM Plex Mono';
   font-weight: 400 !important;
   font-size: 20px !important;
}
.register-page-main form#signup-form p.register-privacy-info {
   font-family: var(--font-primary);
   font-weight: 500;
   font-size: 13px;
   line-height: 18px;
   color: #F8F8FF;
   margin-bottom: 14px;
}
.register-page-main form#signup-form p.register-privacy-info a {
   color: #9ef66a;
}
.register-page-main form#signup-form a.bb-toggle-password {
   width: 50px;
   height: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   bottom: 0;
   right: 0;
}
.register-page-main form#signup-form a.bb-toggle-password i:before {
   color: #F8F8FF;
   font-size: 18px;
}
.register-page-main form#signup-form p.register-privacy-info a:hover {
   text-decoration: underline;
}
form#signup-form .layout-wrap .bp-messages.bp-feedback.error, 
#login #login_error,
.bb-rl-members .bp-messages.info {
   background: linear-gradient(135deg, rgba(245, 101, 101, 0.1) 0%, rgba(229, 62, 62, 0.1) 100%);
   border: 2px solid rgba(245, 101, 101, 0.3);
   border-radius: 4px;
   padding: 7px 12px;
   position: relative;
   animation: havenFadeInUp 0.5s ease-out;
   backdrop-filter: blur(10px);
   color: #f56565;
   font-weight: 500;
   font-size: 12px;
}
form#signup-form .layout-wrap .bp-messages.bp-feedback.error .bp-icon:before,
.bb-rl-members .bp-messages.info .bp-icon:before{
   color: red;
   font-size: 12px;
}
#login #login_error p {
   color: #f56565;
}
.register-page-main #register-page .bp-messages.info,
.screen-content.bb-rl-groups .bp-messages.info {
   border-radius: 4px;
   border: 1px solid #00DFEF;
   background-color: #00dfef17;
   color: #00DFEF;
   padding: 10px 10px;
   font-size: 14px;
   line-height: 18px;
   font-family: 'IBM Plex Mono';
   align-items: flex-start;
}
.register-page-main #register-page .bp-messages.info p,
.screen-content.bb-rl-groups .bp-messages.info p {
   font-family: 'IBM Plex Mono';
}
.register-page-main #register-page .bp-messages.info .bp-icon:before,
.screen-content.bb-rl-groups .bp-messages.info .bp-icon:before{
   color: #00dfef;
   font-size: 13px;
   top: 3px;
   position: relative;
}
body.activation #activate-page {
   background: rgb(11 30 47 / 40%);
   border-radius: 4px;
   border: 1px solid #002E51;
   padding: 0;
   text-align: center;
}
body.activation #activate-page>p {
   color: #F8F8FF;
   font-family: IBM Plex Mono;
   font-size: 14px;
   font-weight: 500;
   border-bottom: 1px solid #002E51;
   margin: 0;
   padding: 16px;
}
body.activation #activate-page form#activation-form {
   padding: 12px;
}
body.activation #activate-page form#activation-form p.submit {
   padding: 15px 0 0;
   margin: 0;
}
body.activation #activate-page form#activation-form p.submit input[type="submit"], body.activation #activate-page a.button-primary {
   border: 1px solid #296410;
   border-radius: 4px;
   background-color: #29641033;
   color: #9EF66A;
   font-family: IBM Plex Mono;
   font-weight: 600;
   font-size: 15px;
   line-height: 140%;
   text-align: center;
   padding: 8px 14px;
   height: auto;
}
body.activation #activate-page form#activation-form p.submit input[type="submit"]:hover, body.activation #activate-page a.button-primary:hover {
   background-color: #9EF66A;
   color: #002e51;
}
body.activation #activate-page form#activation-form label {
   color: #959595;
   font-family: 'IBM Plex Mono';
}
body.activation #activate-page form#activation-form input {
   border: 1px solid #002E51;
   background-color: transparent;
   font-family: IBM Plex Mono;
   font-weight: 600;
   font-size: 13px;
   line-height: 140%;
   color: #F8F8FF;
}
.language-switcher form#language-switcher label[for="language-switcher-locales"] {
   color: #9ef66a;
   margin: 0;
   display: inline-flex;
   align-items: center;
   justify-content: center;
}
.custom-login-wrapper .language-switcher #language-switcher .dashicons-translation:before {
  content: '';
  width: 18px;
  height: 18px;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Globe.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px;
  display: block;
  filter: brightness(0) saturate(100%) invert(83%) sepia(37%) saturate(537%) hue-rotate(55deg) brightness(95%) contrast(141%);
}
.language-switcher form#language-switcher input.button {
border: 1px solid #002E51;
    color: #F8F8FF;
    font-family: 'IBM Plex Sans';
    line-height: 18px;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/membres-bg.png);
    background-repeat: repeat;
    background-position: center;
    background-size: inherit;
    padding: 0px 8px;
}
.language-switcher form#language-switcher input.button:hover {
  background-color: #9ef668;
  color: #061623d1;
}
.language-switcher form#language-switcher select {
  background-color: #061623;
  border: 1px solid #002e51;
  color: #F8F8FF;
  font-family: 'IBM Plex Sans';
  font-weight: 500;
  font-size: 15px;
  line-height: 140%;
  max-width: max-content;
  min-height: auto;
  border-radius: 4px;
  padding: 3px 26px 3px 8px;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/membres-bg.png);
  background-repeat: repeat;
  background-position: center;
  background-size: inherit;
}
#login{
  background-color: transparent;
  border: 0;
  padding: 0;
  max-width: 680px;
  margin-bottom: 0 !important;
}
#login form{
  margin: 32px 0 !important;
}
#login .haven-svg-banner {
  margin: 0 0 32px 0 !important;
}
#login .login-heading h2 {
  font-family: PP Right Grotesk;
  font-weight: 700;
  font-size: 44px;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
  color: #F8F8FF;
  margin-bottom: 8px;
}
#login form p.submit input#wp-submit {
  margin: 32px 0 0;
        text-transform: uppercase;
        padding: 16px;
        background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/login-submit.svg) !important;
            font-family: 'IBM Plex Mono' !important;
}
#login form p.forgetmenot {
  gap: 8px;
}  
#login form p label[for="rememberme"] {
  font-family: IBM Plex Mono;
  font-weight: 500;
  font-size: 11px;
  line-height: 15px;
  color: #F8F8FF;
}
#login .privacy-policy-page-link {
  margin: 0 0 16px !important;
}
#login .privacy-policy-page-link a:hover {
  color: #9ef66a;
}
#login h1.wp-login-logo {
   display: none !important;
}
#login .bb-rl-login-header-actions-after-message {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-align: center;
}

#login .bb-rl-login-header-actions-after-message .bb-rl-login-header-actions-text {
  font-family: IBM Plex Sans;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  text-align: center;
  color: #F8F8FF;
}
#login .bb-rl-login-header-actions-after-message a {
  font-family: IBM Plex Sans;
  font-size: 15px;
  line-height: 140%;
  text-align: center;
  color: #9EF66A;
  background-color: transparent;
  padding: 0;
  font-weight: 600;
  border: 0;
}

#login .bb-rl-login-header-actions-after-message a:hover {
   color: #F8F8FF !important;
   background-color: transparent;
}
#login .notice-info.message {
  background-color: #ffdddd;
  border-color: #ff0000;
}
#login .notice-info.message p {
  color: red;
}
input:focus-visible,
input:focus,
input:-internal-autofill-selected{
   background-color: transparent !important;
}
.login .message p, .login .success p, .login .notice p {
  line-height: 18px;
  font-family: 'IBM Plex Sans';
}
.custom-login-wrapper .language-switcher #language-switcher {
  margin: 0;
}

.bb-rl-login-header-actions {
   display: none !important;
}
.login-heading {
   margin-bottom: 0 !important;
}
/* Add asterisks (*) to login field labels using CSS */
#loginform label[for="user_login"]:after,
#loginform label[for="user_pass"]:after {
   content: " (*)";
   color: inherit;
   font-weight: inherit;
}
/*================= End login & sidebar =================*/

/*================= left sidebar =================*/
body.bb-readylaunch-template .bb-rl-left-panel {
   width: 290px;
   padding: 16px 0;
   background-color: transparent;
   border-right: 1px solid rgba(0, 46, 81, 0.5);
   height: calc(100% - 50px - 32px);
   overflow-y: auto;
       scrollbar-width: thin !important;
   -ms-overflow-style: none !important;
   scrollbar-color: transparent transparent !important;
}
body.bb-readylaunch-template .bb-rl-left-panel::-webkit-scrollbar {
   width: 0px !important;
   background: transparent !important;
}
body.bb-readylaunch-template .bb-rl-left-panel::-webkit-scrollbar-track {
   display: none !important;
}
body.bb-readylaunch-template .bb-rl-left-panel::-webkit-scrollbar-thumb {
   display: none !important;
}
body.bb-readylaunch-template .bb-rl-left-panel:hover {
   scrollbar-width: thin !important;
   scrollbar-color: #9EF66A #002e512e !important;
}
body.bb-readylaunch-template .bb-rl-left-panel:hover::-webkit-scrollbar {
   width: 10px !important;
   background: transparent !important;
}
body.bb-readylaunch-template .bb-rl-left-panel:hover::-webkit-scrollbar-track {
   display: block !important;
   background-color: #002e512e !important;
   border-radius: 5px !important;
}
body.bb-readylaunch-template .bb-rl-left-panel:hover::-webkit-scrollbar-thumb {
   display: block !important;
   background-color: #9EF66A !important;
   border-radius: 5px !important;
}
body.bb-readylaunch-template .bb-rl-left-panel:hover::-webkit-scrollbar-thumb:hover {
   background-color: #7dd44a !important;
}
body.bb-readylaunch-template .bb-rl-left-panel .bb-rl-left-panel-widget {
  padding: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #022946;
}
body.bb-readylaunch-template .bb-rl-left-panel .bb-rl-left-panel-widget:last-child {
   border-bottom: 0;
}
body.bb-readylaunch-template .bb-rl-left-panel .bb-rl-left-panel-widget.bb-rl-left-panel-menu {
  padding-bottom: 16px;
}
.bb-rl-left-panel .bb-rl-list h2 {
   margin: 0 10px 10px;
   color: #959595;
   font-family: 'IBM Plex Mono';
}
.bb-rl-left-panel .bb-rl-list .bb-rl-item-list li a {
  width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 16px;
}
.bb-rl-left-panel .bb-rl-list .bb-rl-item-list .item-title, 
.bb-rl-left-panel .bb-rl-list .bb-rl-item-list .item-title a {
  flex: 1;
    font-family: 'IBM Plex Sans';
  font-weight: 500;
  font-size: 15px;
  line-height: 140%;
  color: #F8F8FF;
}
.bb-rl-left-panel .bb-rl-list .bb-rl-item-list li a .item-content span.count-badge {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #296410;
  border-radius: 4px;
  color: #9EF66A;
  font-family: IBM Plex Mono;
  font-weight: 500;
  font-size: 13px;
  line-height: 140%;
  text-align: center;
}
.bb-rl-left-panel .bb-rl-list .bb-rl-item-list li .item-avatar img {
    border-radius: 4px;
    border: 0;
}
.bb-rl-left-panel .bb-rl-list .bb-rl-item-list li .item-avatar {
  flex-shrink: 0;
  position: relative;
}
.bb-rl-left-panel .bb-rl-list .bb-rl-item-list li .item-avatar:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #FFFFFF1A;
    pointer-events: none;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: transparent;
}
.bb-rl-left-panel .bb-rl-list .bb-rl-item-list li a .item-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
body.bb-readylaunch-template .bb-rl-left-panel-widget ul.bb-rl-left-panel-menu-list li, .bb-rl-profile-edit-subnav ul.subnav li.bb-rl-profile-subnav-item {
   margin-bottom: 4px;
}
body.bb-readylaunch-template .bb-rl-left-panel-widget ul.bb-rl-left-panel-menu-list li a, 
.bb-rl-left-panel .bb-rl-list .bb-rl-item-list li, .bb-rl-profile-edit-subnav ul.subnav li.bb-rl-profile-subnav-item a {
   padding: 12px 24px;
    font-family: 'IBM Plex Sans';
   font-weight: 500;
   font-size: 15px;
   line-height: 140%;
   color: #F8F8FF;
   background-color: transparent;
   border: 1px solid transparent;
   gap: 16px;
   border-right: 4px;
}
body.bb-readylaunch-template .bb-rl-left-panel-widget ul.bb-rl-left-panel-menu-list li a span {
  margin: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
}
body.bb-readylaunch-template .bb-rl-left-panel-widget ul.bb-rl-left-panel-menu-list li a.bb-rl-left-panel-menu-link {
  border-radius: 0;
  border-width: 0 0 0 2px !important;
  border-style: solid !important;
  border-color: transparent !important;
}
body.bb-readylaunch-template .bb-rl-left-panel-widget ul.bb-rl-left-panel-menu-list li a:hover, 
.bb-rl-left-panel .bb-rl-list .bb-rl-item-list li:hover, .bb-rl-profile-edit-subnav ul.subnav li.bb-rl-profile-subnav-item a:hover {
   background-color: #00599533;
}
body.bb-readylaunch-template .bb-rl-left-panel-widget ul.bb-rl-left-panel-menu-list li span:before, 
.bb-rl-profile-edit-subnav ul.subnav li.bb-rl-profile-subnav-item a:before {
   color: #9EF66A;
   margin: 0;
}
body.bb-readylaunch-template .bb-rl-left-panel-widget ul.bb-rl-left-panel-menu-list li.selected a.bb-rl-left-panel-menu-link{
  border-color: #9EF66A !important;
}

body.bb-readylaunch-template .bb-rl-left-panel-widget ul.bb-rl-left-panel-menu-list li.selected a, 
.bb-rl-profile-edit-subnav ul.subnav li.bb-rl-profile-subnav-item.selected a {
    color: #9EF66A;
    font-weight: 600;
}
/*body.bb-readylaunch-template .bb-rl-left-panel-widget ul.bb-rl-left-panel-menu-list li a.bb-rl-left-panel-menu-link .menu-icon::before {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(124deg) brightness(475%) contrast(175%);
}*/
body.bb-readylaunch-template .bb-rl-left-panel-widget ul.bb-rl-left-panel-menu-list li.selected a.bb-rl-left-panel-menu-link .menu-icon::before {
  filter: none;
}
body.bb-readylaunch-template .bb-rl-left-panel-widget .bb-rl-list {
  padding: 16px 0;
}

body.bb-readylaunch-template .bb-rl-left-panel-widget .bb-rl-list h2 {
  margin: 0 24px 4px !important;
}

body.bb-readylaunch-template .bb-rl-left-panel-widget .bb-rl-list ul.bb-rl-item-list li {
  border-radius: 0;
}
.bb-rl-left-panel .bb-rl-list .bb-rl-item-list li {
   margin-bottom: 4px;
}
.bb-rl-left-panel .bb-rl-list .bb-rl-item-list li .item-avatar a, 
.bb-rl-left-panel .bb-rl-list .bb-rl-item-list li .item-title a {
   padding: 0;
}

.bb-rl-left-panel-menu-list a.bb-rl-left-panel-menu-link .bb-icon-leaderboard:before{
   content: '';
}
.bb-rl-left-panel-menu-list a.bb-rl-left-panel-menu-link .bb-icons-rl-pulse:before,
.bb-rl-left-panel-menu-list a.bb-rl-left-panel-menu-link .bb-icons-rl-users:before,
.bb-rl-left-panel-menu-list a.bb-rl-left-panel-menu-link .bb-icons-rl-users-three:before,
.bb-rl-left-panel-menu-list a.bb-rl-left-panel-menu-link .bb-icons-rl-chat-teardrop-text:before,
.bb-rl-left-panel-menu-list a.bb-rl-left-panel-menu-link .bb-icons-rl-bell:before,
.bb-rl-left-panel-menu-list a.bb-rl-left-panel-menu-link .bb-icon-leaderboard:before{
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  font-size: 0;
  background-position: center;
}
.bb-rl-left-panel-menu-list a.bb-rl-left-panel-menu-link .bb-icons-rl-pulse:before{
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/File.svg);
}
.bb-rl-left-panel-menu-list a.bb-rl-left-panel-menu-link .bb-icon-leaderboard:before{
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/leaderboard.svg);
  width: 16px;
  height: 16px;
}
.bb-rl-left-panel-menu-list a.bb-rl-left-panel-menu-link .bb-icons-rl-users:before{
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/member.svg);
}
.bb-rl-left-panel-menu-list a.bb-rl-left-panel-menu-link .bb-icons-rl-users-three:before{
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/groups.svg);
}
.bb-rl-left-panel-menu-list a.bb-rl-left-panel-menu-link .bb-icons-rl-chat-teardrop-text:before{
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Messenger.svg);
}
.bb-rl-left-panel-menu-list a.bb-rl-left-panel-menu-link .bb-icons-rl-bell:before{
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/notifications.svg);
}


/*================= Profile Css =================*/
.bp-wrap .bb-rl-profile-container {
  border-bottom: 0;
}
.bp-wrap .bb-rl-content-wrapper {
   padding: 40px 37px;
   gap: 16px;
}
.bp-wrap .bb-rl-content-wrapper .bb-rl-profile-header {
   border: 1px solid #002E51;
   background-color: #002e5136;
   margin-bottom: 16px;
   border-radius: 4px;
   padding: 0;
}
.bp-wrap .bb-rl-content-wrapper .bb-rl-profile-header .bb-rl-profile-container {
   border-bottom: 1px solid #002E51;
   padding: 16px;
   margin: 0;
}
.bp-wrap .bb-rl-content-wrapper .bb-rl-profile-header .bb-rl-profile-container .bb-rl-profile-item-header {
   gap: 16px;
   align-items: center;
}
.bp-wrap .bb-rl-content-wrapper .bb-rl-profile-header .bb-rl-profile-container .bb-rl-more_options {
  top: 30px;
}
.bp-wrap .bb-rl-content-wrapper .bb-rl-profile-container .bb-rl-profile-item-header img.avatar {
   max-width: 142px;
   border: 0;
   border-radius: 4px;
}
.bb-rl-profile-header-content .member-title-wrap {
   flex-direction: unset;
   justify-content: space-between;
   gap: 10px;
   flex-wrap: wrap;
}
.bb-rl-profile-header-content .member-title-wrap h2.user-nicename {
    font-family: 'IBM Plex Sans';
    font-weight: 700;
    font-size: 24px;
    line-height: 140%;
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
}
.bb-rl-profile-header-content .member-title-wrap h2.user-nicename:after {
    content: '';
    background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Microchip.svg);
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
}
.bb-rl-profile-header-content .item-meta {
   font-family: IBM Plex Mono;
}
.bb-rl-profile-header-content .item-meta .haven-user-title {
   color: #9EF66A;
      font-family: 'IBM Plex Sans';
   font-weight: 400;
   font-size: 13px;
   line-height: 140%;
   margin: 0;
   display: flex;
   align-items: center;
   gap: 4px;
}
.bb-rl-profile-header-content .item-meta .haven-team-info {
   display: flex;
   align-items: center;
   gap: 8px;
}
.bb-rl-profile-header-content .item-meta .haven-team-flex {
   display: flex;
   align-items: center;
   margin-top: 8px;
   font-family: 'IBM Plex Sans';
   font-weight: 400;
   font-size: 13px;
   line-height: 140%;
   color: #959595;
   gap: 4px;
}
.bb-rl-profile-header-content .item-meta .haven-team-flex .haven-separator {
   margin: 0 4px;
}
.bb-rl-profile-header-content .item-meta .haven-team-flex img.Calendar {
   margin-right: 2px;
}
.bb-rl-profile-item-header .bb-rl-profile-header-content .bb-rl-member-header-actions-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 16px;
}
.bb-rl-profile-header-content .bb-rl-member-header-actions-wrap .generic-button button, 
.bb-rl-profile-header-content .bb-rl-member-header-actions-wrap .generic-button a {
  border: 1px solid #002E51;
  font-family: 'IBM Plex Sans';
  font-weight: 600;
  font-size: 15px;
  line-height: 140%;
  text-align: center;
  color: #F8F8FF;
  padding: 7px 8px;
  border-radius: 4px;
  background-color: #002e5133;
  gap: 4px;
}
.bb-rl-profile-header-content .bb-rl-member-header-actions-wrap .generic-button a i.bb-icons-rl-pencil-simple-line {
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  font-size: 0;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Edit1.svg);
}
.bb-rl-profile-header-content .bb-rl-member-header-actions-wrap .generic-button button:hover, 
.bb-rl-profile-header-content .bb-rl-member-header-actions-wrap .generic-button a:hover {
   background-color: #2964102b;
   border: 1px solid #296410;
   color: #9EF66A;
}
.bb-rl-profile-header-content .bb-rl-member-header-actions-wrap .generic-button button.friendship-button {
  border: 1px solid #296410;
  color: #9EF66A;
  background-color: #9ef66a08;
}
.bb-rl-profile-header-content .bb-rl-member-header-actions-wrap .generic-button i {
   color: #9EF66A;
}
.bb-rl-profile-header-content .item-meta .haven-team-info span {
   color: #959595;
}
.bp-wrap .bb-rl-content-wrapper .bb-rl-profile-header ul.bb-rl-main-nav-list {
   padding: 0 15px;
   gap: 4px;
}
.bp-wrap .bb-rl-content-wrapper .bb-rl-profile-header ul.bb-rl-main-nav-list li a {
  border-radius: 0;
  border-bottom: 2px solid transparent;
  color: #959595;
  font-family: 'IBM Plex Sans';
  font-weight: 500;
  font-size: 15px;
  line-height: 140%;
  padding: 16px;
}
.bp-wrap .bb-rl-content-wrapper .bb-rl-profile-header ul.bb-rl-main-nav-list li.selected a,
.bp-wrap .bb-rl-content-wrapper .bb-rl-profile-header ul.bb-rl-main-nav-list li a.bb-rl-nav-more.active.open {
  color: #fff;
  border-color: #9EF66A;
  background-color: transparent;
}
.bp-wrap .bb-rl-content-wrapper .bb-rl-profile-header ul.bb-rl-main-nav-list li a.bb-rl-nav-more.active.open i {
  color: #5fe86a;
}
.bp-wrap .bb-rl-content-wrapper .bb-rl-profile-header ul.bb-rl-main-nav-list li a:hover {
  color: #F8F8FF;
  background-color: transparent;
}
.bb-rl-profile-header-content .member-title-wrap .haven-certified-badge,
body.members .buddypress-wrap ul.members-list li .list-wrap .item-avatar .haven-certified-badge {
  border: 1px solid #0A8194;
  border-radius: 4px;
  color: #00DFEF;
  font-family: IBM Plex Mono;
  font-weight: 500;
  font-size: 13px;
  line-height: 140%;
  padding: 4px 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
   text-transform: uppercase;
}
.bb-rl-profile-header-content .member-title-wrap .haven-certified-badge img,
body.members .buddypress-wrap ul.members-list li .list-wrap .item-avatar .haven-certified-badge img {
   width: 15px;
   height: 15px;
}
.bb-rl-profile-header-content .haven-survival-profile-tab {
   margin-bottom: 20px;
}
.haven-survival-profile-tab .haven-profile-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 16px;
}
.haven-profile-grid .haven-profile-left {
  border: 1px solid #002E51;
  border-radius: 4px;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/membres-bg-1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.haven-profile-left .haven-profile-header h2, 
.haven-profile-right .haven-radar-section h2, 
.haven-profile-right .haven-competences-section h2 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 10px;
   padding: 16px;
   margin-bottom: 0;
   border-bottom: 1px solid #002E51;
   font-weight: 600;
   color: #F8F8FF;
   font-size: 15px;
   text-shadow: none;
   font-family: var(--font-primary);
   line-height: 140%;
   text-transform: uppercase;
}
.haven-profile-left .haven-survival-kit img {
   width: 100%;
}
.haven-profile-left .haven-survival-kit .haven-kit-content {
  position: relative;
}
.haven-profile-left .haven-survival-kit .haven-kit-content img {
  object-fit: cover;
}

.haven-profile-grid .haven-profile-left .haven-profile-image .haven-survival-kit {
   background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Profile-group.png);
   background-position: top;
   padding: 32px;
   background-size: cover;
   background-repeat: no-repeat;
}

.haven-profile-grid .haven-profile-left .haven-profile-image {
  position: relative;
}

.haven-profile-grid .haven-profile-left .haven-profile-image .haven-survival-kit:before, 
.haven-profile-grid .haven-profile-left .haven-profile-image .haven-survival-kit:after, 
.haven-profile-grid .haven-profile-left .haven-profile-image:before, 
.haven-profile-grid .haven-profile-left .haven-profile-image:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border: 1px solid #002E51;
}

.haven-profile-grid .haven-profile-left .haven-profile-image .haven-survival-kit:before {
  top: 16px;
  left: 16px;
  border-right: none;
  border-bottom: none;
}

.haven-profile-grid .haven-profile-left .haven-profile-image .haven-survival-kit:after {
  top: 16px;
  right: 16px;
  border-left: none;
  border-bottom: none;
}

.haven-profile-grid .haven-profile-left .haven-profile-image:before {
  bottom: 16px;
  left: 16px;
  border-right: none;
  border-top: none;
}

.haven-profile-grid .haven-profile-left .haven-profile-image:after {
  bottom: 16px;
  right: 16px;
  border-left: none;
  border-top: none;
}
.haven-profile-left .haven-survival-kit .haven-kit-content:before, 
.haven-profile-left .haven-survival-kit .haven-kit-content:after, 
.haven-profile-left .haven-survival-kit .haven-kit-content span.corner:before, 
.haven-profile-left .haven-survival-kit .haven-kit-content span.corner:after {
  content: '';
  width: 4px;
  height: 4px;
  position: absolute;
  background-color: #9EF66A;
}

.haven-profile-left .haven-survival-kit .haven-kit-content:before {
  top: -2px;
  left: -2px;
}

.haven-profile-left .haven-survival-kit .haven-kit-content:after {
  top: -2px;
  right: -2px;
}

.haven-profile-left .haven-survival-kit .haven-kit-content span.corner:before {
  bottom: -2px;
  right: -2px;
}

.haven-profile-left .haven-survival-kit .haven-kit-content span.corner:after {
  bottom: -2px;
  left: -2px;
}
.haven-profile-left .haven-archetype-content {
   padding: 16px 16px 32px;
}
.haven-profile-left .haven-archetype-content h1.haven-archetype-title {
  font-size: 28px;
  text-align: left;
  margin-bottom: 8px;
  display: block;
  font-family: PP Right Grotesk;
  font-weight: 700;
  line-height: 100%;
  text-transform: uppercase;
  color: #F8F8FF;
}
.haven-profile-left .haven-archetype-content .haven-description {
   font-family: IBM Plex Sans;
   font-weight: 400;
   font-size: 15px;
   line-height: 140%;
   color: #F8F8FF;
}
.haven-profile-left .haven-skills-section {
  padding-bottom: 16px;
}
.haven-profile-left .haven-skills-section:last-child {
  padding: 0;
}
.haven-profile-left .haven-skills-section h3, 
.haven-profile-left .haven-compatibility-section h3, 
.haven-strengths-wrapper .haven-strengths-section h3, 
.haven-strengths-wrapper .haven-weaknesses-section h3 {
   color: #9EF66A;
   margin-bottom: 8px;
   font-family: IBM Plex Mono;
   font-weight: 500;
   font-size: 13px;
   line-height: 140%;
   text-transform: uppercase;
}
.haven-profile-left .haven-skills-section:nth-child(2) h3 {
  color: #E5AE4F;
}
.haven-profile-left .haven-skills-tags {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
}
.haven-profile-left .haven-skill-tag {
   color: #F8F8FF;
   padding: 4px 8px;
   border-radius: 4px;
   border: 1px solid #002E51;
   background-color: #002e5130;
   font-family: 'IBM Plex Sans';
   font-weight: 500;
   font-size: 13px;
   line-height: 140%;
}
.haven-strengths-wrapper {
   display: grid;
   grid-template-columns: 1fr;
   border-top: 1px solid #002E51;
   padding: 32px 16px;
}
.haven-strengths-wrapper .haven-strengths-section {
  padding-bottom: 16px;
}
.haven-profile-left .haven-compatibility-section, 
.haven-profile-left .haven-skills-wrapper {
   border-top: 1px solid #002E51;
   padding: 32px 16px;
   margin: 0;
}
.haven-strengths-wrapper .haven-strengths-section h3, .haven-strengths-wrapper .haven-weaknesses-section h3 {
   margin-bottom: 4px;
}
.haven-strengths-wrapper .haven-weaknesses-section h3 {
   color: #E5AE4F;
}
.haven-strengths-wrapper .haven-strengths-section p, .haven-strengths-wrapper .haven-weaknesses-section p {
   color: #F8F8FF;
   font-family: IBM Plex Sans;
   font-weight: 400;
   font-size: 15px;
   line-height: 140%;
}
.haven-profile-left .haven-tensions-section h3 {
   color: #E54F6D;
}
.haven-profile-left .haven-compatibility-section .haven-compatibility-item, .haven-profile-left .haven-compatibility-section .haven-tension-item {
   display: flex;
   align-items: center;
   gap: 10px;
   margin-bottom: 8px;
}
.haven-profile-left .haven-compatibility-section .haven-percentage {
   color: #9EF66A;
   border: 1px solid #002E51;
   border-radius: 4px;
   padding: 3px 8px;
   font-family: IBM Plex Mono;
   font-weight: 500;
   font-size: 13px;
   line-height: 18px;
}
.haven-profile-left .haven-compatibility-section .haven-tension-item .haven-percentage {
   color: #E54F6D;
}
.haven-profile-left .haven-compatibility-section .haven-profile-name {
   color: #F8F8FF;
   flex: 1;
       font-family: 'IBM Plex Sans';
   font-weight: 500;
   font-size: 13px;
   line-height: 140%;
}
.haven-profile-left .haven-compatibility-section .haven-tension-item:last-child {
   margin: 0;
}
.haven-profile-right .haven-radar-section {
  border: 1px solid #002E51;
  border-radius: 4px;
  margin-bottom: 16px;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/membres-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.haven-profile-right .haven-radar-section .haven-radar-chart{
  max-width: 390px;
  margin: 0 auto;
  /*padding: 16px 16px 28px;*/
}
.haven-profile-right .haven-competences-section {
  border: 1px solid #002E51;
  border-radius: 4px;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/membres-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.haven-profile-right .haven-competences-section .haven-competences-list {
  padding-bottom: 8px;
}
.haven-edit-icon img {
   cursor: pointer;
}
.haven-competences-list .haven-competences-section h2 {
   color: #fff;
   font-size: 18px;
   margin-bottom: 20px;
   display: flex;
   align-items: center;
   gap: 10px;
}
/*.haven-profile-right .haven-competences-list {
   padding:8px;
}*/
.haven-profile-right .haven-competences-list .haven-sub-skills{
  padding: 0 0 4px;
}
.haven-competences-list .haven-category-header {
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: background 0.3s ease;
  position: relative;
  gap: 8px;
  margin-bottom: 4px;
  padding: 4px 8px;
  background-color: #00599533;
}
.haven-competences-list .haven-competence-category:last-child .haven-category-header {
   margin-bottom: 0;
}
.haven-competences-list .haven-category-header .haven-category-icon img {
   height: 17px;
}
.haven-category-header.expanded .haven-expand-arrow i {
   color: #9EF66A;
}
.haven-competences-list .haven-category-header h3 {
   color: #F8F8FF;
   margin: 0;
   flex: 1;
   font-family: 'IBM Plex Sans';
   font-weight: 500;
   font-size: 15px;
   line-height: 140%;
   display: flex;
   align-items: center;
   gap: 5px;
   text-transform: uppercase;
}
.haven-competences-list .haven-category-header .haven-expand-arrow {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.haven-competences-list .haven-main-skill-arrow {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.haven-competences-list .haven-main-skill-arrow i.fa.fa-chevron-right {
   transition: transform 0.3s ease;
   color: #F8F8FF;
   font-size: 10px;
}
.haven-competences-list .haven-main-skill-arrow i.fa.fa-chevron-down {
  color: #9EF66A;
  font-size: 10px;
}

.haven-category-header .haven-expand-arrow i {
   transition: transform 0.3s ease;
   color: #F8F8FF;
   font-size: 10px;
}
/* .haven-category-header.expanded .haven-expand-arrow {
     transform: rotate(90deg);
}*/
.haven-sub-skills {
   padding: 0 0 16px;
   /*max-height: 500px;*/
   overflow: hidden;
   transition: max-height 0.3s ease;
}
.haven-category-header:not(.expanded)+.haven-sub-skills {
   max-height: 0;
   padding: 0 16px;
}
.haven-competences-list .haven-competence-category .haven-sub-skill {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding:4px 8px;
   position: relative;
   flex-wrap: wrap;
   gap: 8px;
}
.haven-competences-list .haven-competence-category .haven-sub-skill:last-child {
   border-bottom: none;
}
.haven-competences-list .haven-skill-wrapper {
   width: 100%;
   display: block;
   padding-top: 4px;
}
.haven-competences-list .haven-skill-wrapper .haven-sub-sub-title {
   font-family: Roboto Mono;
   font-weight: 400;
   font-size: 13px;
   line-height: 140%;
   color: #959595;
   margin-bottom: 8px;
}

.haven-competences-list .haven-competence-category  .haven-sub-skills .haven-sub-skill{
  cursor: pointer;
}
.haven-competences-list .haven-competence-category .haven-sub-skills .haven-sub-skill .haven-category-percent {
  display: flex;
  align-items: center;
}
.haven-competences-list .haven-skill-wrapper .haven-sub-sub-skill {
   display: flex;
   max-width: fit-content;
   border: 1px solid #002E51;
   border-radius: 4px;
   gap: 4px;
   padding: 4px 8px;
   font-family: 'IBM Plex Sans';
   font-weight: 400;
   font-size: 13px;
   line-height: 140%;
   color: #F8F8FF;
   width: auto;
   margin-bottom: 4px;
   cursor: pointer;
}
/*.haven-competences-list .haven-skill-wrapper .haven-sub-sub-skill.selected {
    background-color: #00599533;
}*/



/* Main skill styling based on sub-skills conditions */

/* Condition 1: All subs unselected (selected: false, certified: false) - Gray/unselected style */
.haven-competences-list .haven-sub-skills .haven-sub-skill.unselected .haven-skill-percentage{
  border: 1px solid #002E51;
  background-color: transparent;
}

/* Condition 2: All subs selected but not certified (selected: true, certified: false) - Green border style */
.haven-competences-list .haven-sub-skills .haven-sub-skill.selected .haven-skill-percentage{
  border: 1px solid #296410; /* Green border like screenshot 4 */
  background-color: transparent;
}

/* Condition 3: All subs certified (selected: true, certified: true) - Cyan border with checkmark style */
.haven-competences-list .haven-sub-skills .haven-sub-skill.certified .haven-skill-percentage{
  border: 1px solid #00DFEF; /* Cyan border like screenshot 5 */
  background-color: transparent;
}


/* Sub-skill styling based on selected and certified status */
/* Condition 1: Unselected (selected: false, certified: false) - Gray/unselected style */
.haven-competences-list .haven-skill-wrapper .haven-sub-sub-skill.unselected {
  border: 1px solid #002E51;
  background-color: transparent;
  color: #F8F8FF;
}

/* Condition 2: Selected but not certified (selected: true, certified: false) - Green border style */
.haven-competences-list .haven-skill-wrapper .haven-sub-sub-skill.selected {
  border: 1px solid #296410; /* Green border like screenshot 4 */
  background-color: transparent;
  color: #F8F8FF;
}

/* Condition 3: Selected and certified (selected: true, certified: true) - Cyan border with checkmark style */
.haven-competences-list .haven-skill-wrapper .haven-sub-sub-skill.certified {
  border: 1px solid #0A8194; /* Cyan border like screenshot 5 */
  background-color: transparent;
  color: #00DFEF;
}
.haven-competences-list .haven-sub-skills .haven-sub-skill span.haven-certification-icon,
.haven-competences-list .haven-category-header span.haven-certification-icon,
.haven-survival-sidebar .haven-sidebar-section .haven-scores-list .haven-score-item .haven-score-value-container .haven-certification-icon,
body.members .buddypress-wrap ul.members-list li .haven-score-value-container .haven-certification-icon {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #002E51;
  border-radius: 4px;
  margin-left: 4px;
  flex-shrink: 0;
  min-width: 26px;
  min-height: 26px;
}
.haven-competences-list .haven-sub-skills .haven-sub-skill span.haven-certification-icon[data-percent="0"] {
  border: 1px solid #00DFEF;
}
.haven-competences-list .haven-category-header .haven-category-percent {
  display: flex;
  align-items: center;
}
/* Certification progress bar styling */
.haven-competences-list .haven-certification-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: rgba(0, 46, 81, 0.3);
  border-radius: 2px;
  overflow: hidden;
}

.haven-competences-list .haven-certification-progress-fill {
  height: 100%;
  background: linear-gradient(90deg, #00DFEF 0%, #00B4CC 100%);
  border-radius: 2px;
  transition: width 0.3s ease-in-out;
  width: 0%;
}

/* Enhanced styling for certified skills with progress */
.haven-competences-list .haven-sub-skills .haven-sub-skill.wc-certified .haven-skill-percentage {
  background: linear-gradient(135deg, rgba(0, 223, 239, 0.1) 0%, rgba(0, 180, 204, 0.1) 100%);
  border: 1px solid rgba(0, 223, 239, 0.3);
  border-radius: 4px;
  padding: 4px 8px;
}

.haven-competences-list .haven-sub-skills .haven-sub-skill.wc-selected .haven-skill-percentage {
  background: linear-gradient(135deg, rgba(0, 255, 0, 0.1) 0%, rgba(0, 200, 0, 0.1) 100%);
  border: 1px solid rgba(0, 255, 0, 0.3);
  border-radius: 4px;
  padding: 4px 8px;
}

.haven-competences-list .haven-competence-category .haven-skill-name {
   color: #F8F8FF;
   flex: 1;
   display: flex;
   gap: 4px;
   font-family: 'IBM Plex Sans';
   font-weight: 500;
   font-size: 13px;
   line-height: 140%;
}

.haven-competences-list .haven-competence-category .haven-skill-name .haven-certified,
.haven-competences-list .haven-category-header .haven-certified {
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
}
.haven-competences-list .haven-category-header .haven-certified img {
  width: 15px;
  height: 15px;
}
.haven-competences-list .haven-competence-category .haven-skill-name .haven-certified img{
  width: 18px;
  height: 18px;
}
.wc-certified .haven-skill-percentage, 
.wc-certified .haven-category-percentage, 
.wc-certified .haven-score-value,
.haven-secondary-skill.certified {
   color: #00DFEF !important;
}
.haven-competences-list .haven-category-percentage, .haven-sub-skills .haven-skill-percentage, .haven-survival-sidebar .haven-sidebar-section .haven-scores-list .haven-score-item .haven-score-value {
   color: #F8F8FF;
   border: 1px solid #002E51;
   padding: 4px 8px;
   font-family: IBM Plex Mono;
   font-weight: 500;
   font-size: 13px;
   line-height: 140%;
   border-radius: 4px;
}
.haven-competences-list .haven-category-header .haven-category-percentage {
  background-color: #08121a73;
}
@media screen and (min-width: 784px) and (max-width: 991px) {
  body.my-profile.profile .bp-single-plain-nav {
    padding: 15px;
 }
 body.directory.members .bp-single-plain-nav {
    padding: 15px;
 }
}
/*============= sidebar css =============*/
.bb-rl-content-wrapper .bb-rl-secondary-container {
   max-width: 310px;
   flex: 0 0 310px;
}
.bb-rl-content-wrapper .bb-rl-secondary-container .bb-rl-widget-sidebar {
   width: 310px;
}
.haven-survival-sidebar .haven-sidebar-section {
   border: 1px solid #002E51;
   background-color: #002e5136;
}
.haven-survival-sidebar .haven-sidebar-section:nth-child(3), 
.haven-survival-sidebar .haven-sidebar-section:nth-child(4), 
.haven-survival-sidebar .haven-sidebar-section:nth-child(5) {
  border-top: 0;
}
.haven-survival-sidebar .haven-sidebar-section:first-child {
   margin-bottom: 16px;
   border-radius: 4px;
}
.haven-survival-sidebar .haven-sidebar-section:nth-child(2) {
   border-radius: 4px 0 0 4px;
}
.haven-sidebar-section:last-child {
   margin-bottom: 0;
}
.haven-survival-sidebar .haven-sidebar-section h3.haven-sidebar-title {
   padding: 16px;
   border-bottom: 1px solid #002E51;
   font-weight: 600;
   color: #F8F8FF;
   font-size: 15px;
   text-shadow: none;
   font-family: var(--font-primary);
   line-height: 140%;
   text-transform: uppercase;
}
.haven-survival-sidebar .haven-sidebar-section .haven-team-info {
   padding: 16px;
}
.haven-survival-sidebar .haven-sidebar-section .haven-team-avatar img {
   width: 68px;
   height: 68px;
}
.haven-survival-sidebar .haven-sidebar-section .haven-teams-info {
   display: flex;
   gap: 16px;
}
.haven-survival-sidebar .haven-teams-info .haven-team-details {
   flex: 1;
}
.haven-survival-sidebar .haven-teams-info .haven-team-name,
.haven-survival-sidebar .haven-teams-info .haven-team-name a {
  font-family: 'IBM Plex Sans';
  font-weight: 600;
  font-size: 15px;
  line-height: 140%;
  color: #F8F8FF;
}
.haven-survival-sidebar .haven-teams-info .haven-team-role {
  color: #959595;
  font-family: IBM Plex Sans;
  font-weight: 400;
  font-size: 13px;
  line-height: 140%;
}
.haven-survival-sidebar .haven-team-details .haven-team-wrapper {
   display: flex;
   align-items: center;
   gap: 8px;
   justify-content: space-between;
   margin-top: 6px;
}
.haven-survival-sidebar .haven-team-wrapper .haven-team-btn {
   color: #9EF66A;
   border: 1px solid #002E51;
   background-color: transparent;
   font-family: IBM Plex Mono;
   font-weight: 500;
   font-size: 13px;
   line-height: 18px;
   padding: 3px 8px;
   border-radius: 4px;
}
.haven-team-members {
   display: flex;
   align-items: center;
   gap: 5px;
   color: #888;
   font-size: 14px;
   margin: 0;
}
.haven-survival-sidebar .haven-sidebar-section .haven-team-score {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
  background: transparent !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  text-align: left;
}
.haven-survival-sidebar .haven-team-score .haven-score-value {
  color: #9EF66A;
  border: 1px solid #002E51;
  padding: 3px 8px;
  font-family: IBM Plex Mono;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  border-radius: 4px;
}
.haven-team-score .haven-score-label {
   color: #F8F8FF;
   font-family: 'IBM Plex Sans';
   font-weight: 500;
   font-size: 13px;
   line-height: 140%;
   flex: 1;
}
.haven-survival-sidebar .haven-sidebar-section .haven-scores-list {
   display: flex;
   flex-direction: column;
   gap: 8px;
   padding: 16px;
}
.haven-main-skill-category {
   margin-bottom: 15px;
}
.haven-skill-category-title {
   display: flex;
   align-items: center;
   gap: 8px;
   color: #fff;
   font-size: 14px;
   font-weight: 600;
   margin: 0 0 10px 0;
}
.haven-survival-sidebar .haven-sidebar-section .haven-scores-list .haven-score-item {
   display: flex;
   align-items: center;
   gap: 16px;
}
.haven-survival-sidebar .haven-sidebar-section .haven-scores-list .haven-score-item .haven-score-value-container,
body.members .buddypress-wrap ul.members-list li .haven-survival-scores .haven-score-item .haven-score-value-container {
  display: flex;
  align-items: center;
}
.haven-survival-sidebar .haven-sidebar-section .haven-scores-list .haven-score-item.wc-certified span.haven-score-value,
body.members .buddypress-wrap ul.members-list li .haven-survival-scores .haven-score-item.wc-certified span.haven-score-value {
  border-color: #296410;
  color: #F8F8FF !important;
}
.haven-survival-sidebar .haven-sidebar-section .haven-stats-list {
   display: flex;
   flex-direction: column;
   gap: 16px;
   padding: 16px;
}
.haven-survival-sidebar .haven-sidebar-section .haven-scores-list .haven-score-item span.haven-score-label {
  font-size: 13px;
}
.haven-survival-sidebar .haven-stats-list .haven-stat-item .haven-stat-label {
   font-family: 'IBM Plex Sans';
   font-weight: 500;
   font-size: 13px;
   line-height: 140%;
   color: #F8F8FF;
   margin-bottom: 4px;
   display: block;
}
.haven-survival-sidebar .haven-stat-item .haven-stat-bar {
   flex: 1;
   height: 2px;
   background: #296410;
}
.haven-survival-sidebar .haven-stat-item .haven-stat-fill {
   height: 100%;
   background: #9EF66A;
   transition: width 0.3s ease;
   position: relative;
}
.haven-survival-sidebar .haven-stat-item .haven-stat-fill:before {
   content: '';
   position: absolute;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
   height: 8px;
   width: 2px;
   background-color: #9EF66A;
}
.haven-survival-sidebar .haven-sidebar-section .haven-main-skills-list {
   display: flex;
   flex-direction: column;
   gap: 8px;
   padding: 16px;
}
.haven-survival-sidebar .haven-main-skills-list .haven-main-skill {
   display: flex;
   align-items: center;
   gap: 8px;
   background: #3a3a3a;
   color: #F8F8FF;
   padding: 4px 8px;
   border-radius: 4px;
   border: 1px solid #002E51;
   background-color: #002e5130;
   font-family: IBM Plex Mono;
   font-weight: 500;
   font-size: 13px;
   line-height: 140%;
   max-width: fit-content;
}
.haven-survival-sidebar .haven-main-skills-list .haven-skill-star i {
   color: #9EF66A;
   font-size: 10px;
}
.haven-survival-sidebar .haven-sidebar-section .haven-groups-list {
   display: flex;
   align-items: center;
   flex-direction: column;
   gap: 16px;
   padding: 16px;
}
.haven-survival-sidebar .haven-sidebar-section .haven-group-item {
   display: flex;
   align-items: center;
   gap: 16px;
   width: 100%;
}
.haven-survival-sidebar .haven-groups-list .haven-group-avatar img {
   width: 80px;
   height: 80px;
   border-radius: 4px;
}
.haven-groups-list .haven-group-item .haven-group-info {
   flex: 1;
}
.haven-groups-list .haven-group-item .haven-group-info .haven-group-name {
       font-family: 'IBM Plex Sans';
   font-weight: 600;
   font-size: 15px;
   line-height: 140%;
   margin: 0;
}
.haven-groups-list .haven-group-item .haven-group-info .haven-group-status {
  color: #959595;
  font-family: 'IBM Plex Sans';
  font-weight: 600;
  font-size: 13px;
  line-height: 140%;
}
.haven-groups-list .haven-group-item .haven-group-info .haven-group-status .status{
  margin-right: 8px;
  padding-right: 8px;
  border-right: 1px solid #959595;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.haven-groups-list .haven-group-item .haven-group-info .haven-group-status .count{
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.haven-groups-list .haven-group-item .haven-group-info .haven-group-status .status:before,
.haven-groups-list .haven-group-item .haven-group-info .haven-group-status .count:before{
  content: '';
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Globe.svg);
  width: 13px;
  height: 13px;
  display: inline-flex;
  position: relative;
}
.haven-groups-list .haven-group-item .haven-group-info .haven-group-status .count:before{
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/User-group.svg);
}
.haven-survival-sidebar .haven-group-info .haven-join-btn {
  color: #9EF66A;
  border: 1px solid #296410;
  background-color: transparent;
  font-family: 'IBM Plex Sans';
  font-weight: 600;
  font-size: 13px;
  line-height: 140%;
  padding: 3px 8px;
  margin-top: 8px;
  border-radius: 4px;
}
.haven-survival-sidebar .haven-group-info .haven-join-btn:hover {
   background-color: #9EF66A;
   color: #000;
}
.haven-join-btn:hover {
   background: #22c55e;
}
#bb-rl-right-sidebar .widget.bb-rl-profile-widget, .my-profile.profile.public .bb-rl-primary-container .bb-rl-profile-panel, .bb-rl-primary-container .bb-rl-profile-panel .field_roles-archetypes-survivalistes {
   display: none;
}
/*================= Start Membarship page Css =================*/
body .bp-single-plain-nav {
   padding: 40px 37px;
}
body .bp-single-plain-nav .bb-rl-secondary-header {
   background-color: transparent;
   padding: 0;
   margin-bottom: 16px;
   border: 0;
   align-items: flex-end !important;
}
body .bp-single-plain-nav .bb-rl-secondary-header .bb-rl-sub-ctrls .bb-rl-grid-filters,
.bb-rl-sub-ctrls .bb-rl-grid-filters,
.bp-single-plain-nav .bb-rl-secondary-header .bb-rl-grid-filters+.component-filters::before /*before line css*/,
.bb-rl-primary-container .bb-rl-sub-ctrls .subnav-filters .component-filters::before {
  display: none;
}
body .bp-single-plain-nav .bb-rl-secondary-header .bb-rl-entry-heading {
   gap: 15px;
   flex-wrap: wrap;
   align-items: flex-end !important;
}
body .bp-single-plain-nav .bb-rl-secondary-header .bb-rl-entry-heading h2 {
   font-family: PP Right Grotesk;
   font-weight: 700;
   font-size: 44px;
   line-height: 100%;
   text-transform: uppercase;
   color: #F8F8FF;
}
body .bp-single-plain-nav .bb-rl-secondary-header a.bb-rl-advance-profile-search-toggle {
   color: #F8F8FF;
   padding: 4px 8px;
   border-radius: 4px;
   border: 1px solid #002E51;
   background-color: #002e5140;
   font-family: IBM Plex Sans;
   font-weight: 500;
   font-size: 13px;
   line-height: 140%;
}
body .bp-single-plain-nav .bb-rl-secondary-header a.bb-rl-advance-profile-search-toggle::after, 
body .bp-single-plain-nav .bb-rl-secondary-header .bb-rl-filter .select2-selection__arrow b:before,
body .bb-rl-primary-container .bb-rl-sub-ctrls .subnav-filters .bb-rl-filter .select2-selection__arrow b:before {
  content: '';
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/down-arrow.svg);
  background-repeat: no-repeat;
  background-position: center right;
  width: 18px;
  height: 18px;
  background-size: 9px;
}
.bp-single-plain-nav .bb-rl-secondary-header .bb-rl-filter .select-wrap select {
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/down-arrow.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 9px;
}
body.directory.members .bp-single-plain-nav .bb-rl-members-directory-wrapper {
  max-width: 1288px;
  margin: auto;
}
body .bp-single-plain-nav .bb-rl-container-inner {
   max-width: 100%;
   margin: 0;
   padding: 0;
}
body.members .buddypress-wrap ul.members-list {
   gap: 32px 16px;
}
body .bp-single-plain-nav .bb-rl-secondary-header .bb-rl-entry-heading .bb-rl-action-button.wc-mobile,
body .bp-single-plain-nav .bb-rl-secondary-header .bb-rl-advance-profile-search.wc-mobile {
  display: none;
}
@media screen and (min-width: 1190px) and (max-width: 1540px) {
   body.members .buddypress-wrap ul.members-list{
     grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 991px) and (max-width: 1190px) {
   body.members .buddypress-wrap ul.members-list{
     grid-template-columns: repeat(2, 1fr);
  }
}
body.members .buddypress-wrap ul.members-list li{
  border: 1px solid #002E51;
  padding: 16px;
  border-radius: 4px;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/membres-bg.png);
  background-repeat: repeat;
  background-position: center;
  background-size: inherit;
}
body.members .buddypress-wrap ul.members-list li .list-wrap .item-avatar-wrap{
  border-bottom: 1px solid #002E51;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
body.members .buddypress-wrap ul.members-list li .list-wrap .item-avatar {
   align-items:flex-start;
   justify-content: space-between;
   margin-bottom: 16px;
}
body.members .buddypress-wrap ul.members-list li .list-wrap {
   background-color: transparent;
   border: 0;
   padding: 0 !important;
}
body.members .buddypress-wrap ul.members-list li .list-wrap .item-avatar img.avatar {
   max-width: 80px;
   border-radius: 4px;
}
.bb-rl-profile-item-header .bb-rl-profile-header-content .bb-rl-member-header-actions-wrap .haven-certified-badge {
   background-color: #0a819412;
   border: 1px solid #0A8194;
   border-radius: 4px;
   color: #00DFEF;
   font-family: IBM Plex Mono;
   font-weight: 500;
   font-size: 13px;
   line-height: 140%;
   padding: 3px 8px;
   display: inline-flex;
   align-items: center;
   gap: 8px;
   text-transform: uppercase;
}
.bb-rl-profile-item-header .bb-rl-profile-header-content .bb-rl-member-header-actions-wrap .haven-certified-badge.uncertified,
body.members .buddypress-wrap ul.members-list li .list-wrap .item-avatar .haven-certified-badge.uncertified,
.bb-rl-profile-header-content .member-title-wrap .haven-certified-badge.uncertified {
  border-color: #7E1D3E;
  color: #F8F8FF;
}
.bb-rl-profile-item-header .bb-rl-profile-header-content .bb-rl-member-header-actions-wrap .haven-certified-badge.unselected,
body.members .buddypress-wrap ul.members-list li .list-wrap .item-avatar .haven-certified-badge.unselected
.bb-rl-profile-header-content .member-title-wrap .haven-certified-badge.unselected {
  border-color: #B2631C;
  color: #F8F8FF;
}
.bb-rl-profile-item-header .bb-rl-profile-header-content .bb-rl-member-header-actions-wrap .haven-certified-badge.selected,
body.members .buddypress-wrap ul.members-list li .list-wrap .item-avatar .haven-certified-badge.selected,
.bb-rl-profile-header-content .member-title-wrap .haven-certified-badge.selected {
  border-color: #296410;
  color: #F8F8FF;
}
.bb-rl-profile-item-header .bb-rl-profile-header-content .bb-rl-member-header-actions-wrap .haven-certified-badge img,
body.members .buddypress-wrap ul.members-list li .list-wrap .item-avatar .haven-certified-badge img {
   width: 15px;
   height: 15px;
}
body.members .buddypress-wrap ul.members-list li .haven-member-radar-chart {
   width: 80px;
   height: 80px;
   margin: 0;
}
body.members .buddypress-wrap ul.members-list li .item-avatar-wrapper {
   display: flex;
   align-items: flex-start;
   gap: 16px;
   flex-wrap: wrap;
}
body.members .buddypress-wrap ul.members-list li .item{
  margin-bottom: 0 !important;
  height: 100%;
}
body.members .buddypress-wrap ul.members-list li .bb-rl-item-blocks .member-name {
  line-height: 21px;
  font-size: inherit;
}
body.members .buddypress-wrap ul.members-list li .bb-rl-item-blocks .member-name a {
    font-family: 'IBM Plex Sans';
    font-weight: 600;
    font-size: 15px;
    line-height: 140%;
    color: #F8F8FF;
    display: inline-flex;
    align-items: center;
    text-transform: capitalize;
}
body.members .buddypress-wrap ul.members-list li .bb-rl-item-blocks .member-name a:after {
  content: '';
  width: 8px;
  height: 8px;
  background-color: #9EF66A;
  border: 2px solid #296410;
  border-radius: 50%;
  margin-left: 5px;
  display: inline-flex;
}
body.members .buddypress-wrap ul.members-list li .bb-rl-item-block-assets .haven-user-title {
  display: flex;
  align-items: center;
  gap: 4px;
}
body.members .buddypress-wrap ul.members-list li .bb-rl-item-block-assets .haven-user-title, 
body.members .buddypress-wrap ul.members-list li .bb-rl-item-block-assets .haven-team-info {
   color: #9EF66A;
      font-family: 'IBM Plex Sans';
   font-weight: 400;
   font-size: 13px;
   line-height: 140%;
   margin: 0;
}
body.members .buddypress-wrap ul.members-list li .bb-rl-item-block-assets .haven-team-info {
   display: flex;
   align-items: center;
   gap: 8px;
   color: #959595;
   margin-top: 4px;
}
body.members .buddypress-wrap ul.members-list li .haven-team-info span {
   color: #959595;
   flex-shrink: 0;
}
body.members .buddypress-wrap ul.members-list li .haven-team-flex {
   display: flex;
   align-items: center;
   /*margin-top: 8px;*/
   font-family: IBM Plex Mono;
   font-weight: 400;
   font-size: 13px;
   line-height: 140%;
   color: #959595;
   gap: 4px;
}
body.members .buddypress-wrap ul.members-list li .haven-team-flex .bb-rl-item-meta-asset {
   color: #959595;
   gap: 4px;
   font-family: 'IBM Plex Mono';
}
body.members .buddypress-wrap ul.members-list li .haven-team-flex img.Calendar {
   margin-right: 2px;
}
body.members .buddypress-wrap ul.members-list li .haven-team-flex .haven-separator {
   margin: 0 4px;
}
body.members .buddypress-wrap ul.members-list .haven-secondary-skills{
   display: flex;
   flex-wrap: wrap;
   gap: 4px;
}
body.members .buddypress-wrap ul.members-list .haven-secondary-skills .haven-secondary-skill {
   color: #F8F8FF;
   padding: 4px 8px;
   border-radius: 4px;
   border: 1px solid #002E51;
   background-color: #002e5130;
   font-family: 'IBM Plex Sans';
   font-weight: 500;
   font-size: 13px;
   line-height: 140%;
   display: flex;
   align-items: center;
   flex-direction: row-reverse;
   gap: 4px;
   text-align: left;
}
body.members .buddypress-wrap ul.members-list .haven-secondary-skills .haven-secondary-skill img {
  width: 15px;
  height: 15px;
}
body.members .buddypress-wrap ul.members-list li .haven-survival-scores .haven-score-item {
   display: flex;
   align-items: center;
   gap: 16px;
   margin-bottom: 8px;
}
body.members .buddypress-wrap ul.members-list li .haven-survival-scores .haven-score-item:last-child{
  margin-bottom: 0;
}
body.members .buddypress-wrap ul.members-list li .haven-score-item .haven-score-label {
   text-align: left;
   font-size: 13px;
}
body.members .buddypress-wrap ul.members-list li .haven-score-item .haven-score-value {
   color: #F8F8FF;
   border: 1px solid #002E51;
   padding: 3px 8px;
   font-family: IBM Plex Mono;
   font-weight: 500;
   font-size: 13px; /*change*/
   line-height: 140%;
   border-radius: 4px;
   font-family: IBM Plex Sans;
}
body.members .buddypress-wrap ul.members-list li .bb-rl-member-buttons-wrap {
  border-top: 1px solid #002E51;
  padding: 16px 0 0;
  margin-top: 16px !important;
}
body.members .buddypress-wrap ul.members-list li .bb-rl-member-buttons-wrap .member-button-wrap{
   gap: 16px;
}
body.members .buddypress-wrap ul.members-list li .bb-rl-member-buttons-wrap .generic-button a {
   width: 24px;
   height: 24px;
}
body.members .buddypress-wrap ul.members-list li .bb-rl-member-buttons-wrap .generic-button a:hover {
   background-color: transparent;
   border: 0;
}
body.members .buddypress-wrap ul.members-list li .bb-rl-member-buttons-wrap .generic-button a:hover i:before {
   color: #a9a9a9;
}
.bp-single-plain-nav .bb-rl-secondary-header .bb-rl-filter,
.bb-rl-primary-container .bb-rl-sub-ctrls .subnav-filters .bb-rl-filter{
   color: #F8F8FF;
   padding: 4px 8px;
   border-radius: 4px;
   border: 1px solid #002E51;
   background-color: #002e5138;
    font-family: 'IBM Plex Sans';
   font-weight: 500;
   font-size: 13px;
   line-height: 140%;
}
.bp-single-plain-nav .bb-rl-secondary-header .bb-rl-filter .bb-rl-filter-label,
.bb-rl-primary-container .bb-rl-sub-ctrls .subnav-filters .bb-rl-filter-label {
   color: #959595;
      font-family: 'IBM Plex Sans';
   font-weight: 400;
   font-size: 13px;
   line-height: 140%;
}
.bp-single-plain-nav .bb-rl-secondary-header .bb-rl-filter span::after,
.bb-rl-primary-container .bb-rl-sub-ctrls .subnav-filters .bb-rl-filter span::after {
   color: #013861;
}
.bp-single-plain-nav .bb-rl-secondary-header .bb-rl-grid-filters+.component-filters::before, 
body .bp-single-plain-nav .bb-rl-secondary-header .bb-rl-action-button::before,
.bb-rl-primary-container .bb-rl-sub-ctrls .subnav-filters .component-filters::before {
   color: #002E51;
}
.bp-single-plain-nav .bb-rl-secondary-header .bb-rl-grid-filters a.layout-view,
.bb-rl-primary-container .bb-rl-sub-ctrls .subnav-filters a.layout-view{
   border:1px solid #002E51;
   background-color: #002e5140;
   padding: 4px;
   border-radius: 4px;
}
.bp-single-plain-nav .bb-rl-secondary-header .bb-rl-grid-filters a.layout-view i,
.bb-rl-primary-container .bb-rl-sub-ctrls .subnav-filters a.layout-view i {
   font-size: 18px;
   color: #959595;
}
.bp-single-plain-nav .bb-rl-secondary-header .bb-rl-grid-filters a.layout-view.active i::before,
.bb-rl-primary-container .bb-rl-sub-ctrls .subnav-filters a.layout-view.active i::before {
   filter: invert(83%) sepia(29%) saturate(557%) hue-rotate(53deg) brightness(150%) contrast(95%);
}
.bp-single-plain-nav .bb-rl-secondary-header .bb-rl-grid-filters a .bb-icons-rl-squares-four::before,
.bp-single-plain-nav .bb-rl-secondary-header .bb-rl-grid-filters a .bb-icons-rl-rows::before,
.bb-rl-primary-container .bb-rl-sub-ctrls .subnav-filters a .bb-icons-rl-squares-four::before,
.bb-rl-primary-container .bb-rl-sub-ctrls .subnav-filters a .bb-icons-rl-rows::before{
  content: '';
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/grid-four.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 18px;
  height: 18px;
  background-size: 18px;
  display: block;
}
.bp-single-plain-nav .bb-rl-secondary-header .bb-rl-grid-filters a .bb-icons-rl-rows::before,
.bb-rl-primary-container .bb-rl-sub-ctrls .subnav-filters a .bb-icons-rl-rows::before {
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/list-boxes.svg);
}
.bp-single-plain-nav .bb-rl-secondary-header .bb-rl-filter .select2-selection__rendered,
.bb-rl-primary-container .bb-rl-sub-ctrls .subnav-filters .bb-rl-filter .select2-selection__rendered {
   color: #F8F8FF;
   padding-right: 0;
}
.bp-single-plain-nav .bb-rl-secondary-header .bb-rl-filter .select2-selection .select2-selection__arrow,
.bb-rl-primary-container .bb-rl-sub-ctrls .subnav-filters .select2-selection .select2-selection__arrow {
  height: auto;
  line-height: 12px !important;
}
.bp-single-plain-nav .bb-rl-action-button .bb-rl-button {
   color: #9EF66A;
   padding: 4px !important ;
   border-radius: 4px;
   border: 1px solid #296410;
   background-color: #2964102b;
       font-family: 'IBM Plex Sans';
   font-weight: 500;
   font-size: 13px;
   line-height: 140%;
}
.bp-single-plain-nav .bb-rl-action-button .bb-rl-button i,
.bb-rl-profile-header-content .bb-rl-member-header-actions-wrap .generic-button button i,
.bb-rl-profile-header-content .bb-rl-member-header-actions-wrap #send-private-message i {
  width: 21px;
  height: 21px;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/plus-sq.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
}
.bb-rl-profile-header-content .bb-rl-member-header-actions-wrap #send-private-message i{
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Messenger.svg);
}
.bb-rl-profile-header-content .bb-rl-member-header-actions-wrap .generic-button i{
  margin: 0;
}
.bp-single-plain-nav .bb-rl-action-button .bb-rl-button i::before,
.bb-rl-profile-header-content .bb-rl-member-header-actions-wrap .generic-button i::before{
  display: none;
}
.bp-single-plain-nav .bb-rl-action-button .bb-rl-button:hover {
   background-color: #9EF66A;
   color: #000000;
}
.bp-single-plain-nav .bb-rl-action-button .bb-rl-button:hover i {
  filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
}
.bp-single-plain-nav .bb-rl-secondary-header .bb-rl-filter span.select2-dropdown, body.buddypress .bp-single-plain-nav ul.members-list li.item-entry .bb_more_options_list {
   padding: 0;
   background-color: #002e5140;
   border-radius: 4px;
   border: 1px solid #002e51;
   top: 20px;
   background-image: url(https://www.haven-0.com/wp-content/uploads/2025/08/Frame-588.png);
   background-repeat: no-repeat;
}
.bp-single-plain-nav .buddypress-wrap ul.members-list li .bb-rl-context-wrap .bb_more_options_list {
   top: 0;
}
.bp-single-plain-nav .bb-rl-secondary-header .bb-rl-filter span.select2-dropdown ul li, body.buddypress .bp-single-plain-nav ul.members-list li.item-entry .bb_more_options_list a {
   border-bottom: 1px solid #ffffff14;
}
.bp-single-plain-nav .bb-rl-secondary-header .bb-rl-filter span.select2-dropdown ul li:last-child, body.buddypress .bp-single-plain-nav ul.members-list li.item-entry .bb_more_options_list a:last-child {
   border: 0;
}
.bp-single-plain-nav .bb-rl-secondary-header .bb-rl-filter span.select2-dropdown ul li:hover, body.buddypress .bp-single-plain-nav ul.members-list li.item-entry .bb_more_options_list a:hover {
   background-color: #002e51;
}
body.buddypress .bp-single-plain-nav ul.members-list li.item-entry .list-wrap .bb_more_options {
  position: absolute;
  top: 30px;
  right: 0;
}
body.buddypress .bp-single-plain-nav ul.members-list li.item-entry .list-wrap .bb_more_options i {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.buddypress .bp-single-plain-nav ul.members-list li.item-entry .list-wrap .bb_more_options i:before{
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/ellipsis.svg);
  background-repeat: no-repeat;
  background-size: auto;
  width: 15px;
  height: 15px;
  font-size: 0px;
  background-position: center center;
  display: block;
}
.bb-rl-invite-modal .bb-rl-modal-container, 
.bb-rl-activity-update-form.modal-popup #bb-rl-whats-new-form,
.bp-media-photo-uploader .modal-container,
.bb-action-popup .bb-rl-modal-wrapper .bb-rl-modal-container,
#bb-rl-whats-new-post-in-box {
   border-radius: 4px;
   border: 1px solid #002E51;
   margin-bottom: 4px;
   background-color: #000 !important;
   background-image: url(https://www.haven-0.com/wp-content/uploads/2025/08/Home-1.png);
   background-size: auto;
   margin: 0 auto;
}
.bb-rl-activity-update-form.modal-popup #bb-rl-whats-new-form{
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/dashboard-bg.png);
    background-repeat: repeat;
    background-position:top;
    background-size: auto;
  width: 690px;
}
.bb-rl-profile-header-content .bb-rl-member-header-actions-wrap .generic-button button.friendship-button.requested, 
.bb-rl-profile-header-content .bb-rl-member-header-actions-wrap .generic-button button.following {
  font-size: 0;
  border: 1px solid #002E51;
  width: 37px;
  height: 37px;
  justify-content: center;
  text-align: center;
  gap: 0;
  background-image: url(https://www.haven-0.com/wp-content/uploads/2025/08/Frame-588.png);
  background-repeat: repeat;
  background-size: auto;
}

.bb-rl-profile-header-content .bb-rl-member-header-actions-wrap .generic-button button.friendship-button.requested i {
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Checkmark.svg);
}

.bb-rl-profile-header-content .bb-rl-member-header-actions-wrap .generic-button button.following i {
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/User-check-ou-lc.svg);
}
.bb-rl-invite-modal .bb-rl-modal-container header.bb-rl-modal-header, 
.bb-rl-activity-update-form.modal-popup header.bb-rl-bb-model-header,
.bp-media-photo-uploader .modal-container header.bb-rl-bb-model-header,
.bb-action-popup .bb-rl-modal-wrapper .bb-rl-modal-container .bb-rl-modal-header,
#bb-rl-whats-new-post-in-box #bb-rl-whats-new-post-in-box-header{
   padding: 16px;
   border-bottom: 1px solid #002E51;
}
.bb-rl-invite-modal .bb-rl-modal-container header.bb-rl-modal-header h4, 
.bb-rl-activity-update-form.modal-popup header.bb-rl-bb-model-header h3,
.bp-media-photo-uploader .modal-container header.bb-rl-bb-model-header a,
.bb-action-popup .bb-rl-modal-wrapper .bb-rl-modal-container .bb-rl-modal-header h4 {
  font-family: var(--font-primary);
  line-height: 140%;
  color: #F8F8FF;
  font-weight: 500;
  font-size: 15px;
  text-transform: uppercase;
}
.bb-rl-activity-update-form.modal-popup header.bb-rl-bb-model-header h3 span.activity-header-data {
  font-family: IBM Plex Mono;
  font-weight: 600;
  font-size: 15px;
  line-height: 140%;
  text-align: center;
  color: #F8F8FF;
}
.bb-rl-activity-update-form.modal-popup #bb-rl-whats-new-form .bb-rl-whats-new-form-footer {
  border-top: 1px solid #002e51;
  padding: 16px;
}
.bb-action-popup .bb-rl-modal-wrapper .bb-rl-modal-container .bb-rl-modal-content {
  background-color: transparent;
}
.bb-action-popup .bb-rl-modal-wrapper .bb-rl-modal-container .bb-rl-modal-content h2 {
  font-family: 'IBM Plex Mono';
  font-size: 15px;
}
body .bb-rl-activity-form.bb-rl-focus-in .bb-rl-whats-new-scroll-view{
  padding: 16px;
}
body .bb-rl-activity-form.bb-rl-focus-in .bb-rl-whats-new-scroll-view .bb-rl-whats-new-form-header {
  gap: 16px;
}
body .bb-rl-activity-form.bb-rl-focus-in .bb-rl-whats-new-scroll-view .bb-rl-whats-new-form-header #bb-rl-whats-new-content #bb-rl-whats-new-textarea {
 align-items: flex-start;
}
body .bb-rl-activity-form.bb-rl-focus-in .bb-rl-whats-new-scroll-view .bb-rl-whats-new-form-header #bb-rl-whats-new-content {
 padding: 16px;
}
body .bb-rl-activity-form.bb-rl-focus-in .bb-rl-whats-new-scroll-view .bb-rl-whats-new-form-header #bb-rl-whats-new-content #bb-rl-whats-new {
 padding: 0 !important;
}
.bb-rl-invite-modal .bb-rl-modal-container a.bb-rl-close-invite span {
   font-size: 16px;
}
.bb-rl-invite-modal .bb-rl-modal-container .bb-rl-invite-content {
   padding: 16px;
}
.bb-rl-invite-modal .bb-rl-invite-content form label {
   font-family: 'IBM Plex Mono';
   color: #959595;
}
.bb-rl-invite-modal .bb-rl-invite-content form input,
.bb-action-popup .bb-rl-modal-wrapper .bb-rl-modal-container .input-field input {
  border: 1px solid #002E51;
  border-radius: 4px;
  height: 40px;
  color: #F8F8FF;
  font-family: 'IBM Plex Mono';
  background-repeat: repeat;
  background-size: auto;
  background-position: center;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/serach-bg.png);
}
.bb-rl-invite-modal .bb-rl-invite-content form input::placeholder,
.bb-action-popup .bb-rl-modal-wrapper .bb-rl-modal-container .input-field input:placeholder {
   color: #959595;
}
.bb-action-popup .bb-rl-modal-wrapper footer.bb-rl-model-footer a.bb-view-all-scheduled-posts {
  color: #F8F8FF;
}
.bb-rl-invite-modal footer.bb-rl-modal-footer a.bb-rl-close-invite,
#bb-rl-activity-form-submit-wrapper #whats-new-submit #bb-rl-aw-whats-new-reset,
.bb-action-popup .bb-rl-modal-wrapper footer.bb-rl-model-footer .bb-rl-button--secondaryFill {
   color: #F8F8FF;
   border: 1px solid #002E51;
   background-color: transparent;
   font-family: IBM Plex Sans;
   font-weight: 500;
   font-size: 13px;
   line-height: 140%;
}
.bb-rl-invite-modal footer.bb-rl-modal-footer a.bb-rl-close-invite:hover,
#bb-rl-activity-form-submit-wrapper #whats-new-submit #bb-rl-aw-whats-new-reset:hover,
.bb-action-popup .bb-rl-modal-wrapper footer.bb-rl-model-footer .bb-rl-button--secondaryFill:hover {
   background-color: #061a29;
   border-color: #002e51;
}
.bb-rl-invite-modal footer.bb-rl-modal-footer input#bb-rl-submit-invite,
#bb-rl-activity-form-submit-wrapper #whats-new-submit #aw-whats-new-submit,
.bb-action-popup .bb-rl-modal-wrapper footer.bb-rl-model-footer .bb-schedule-activity {
   background-color: #2964102e;
   border: 1px solid #296410;
   color: #9EF66A;
}
#bb-rl-activity-form-submit-wrapper #whats-new-submit #aw-whats-new-submit{
    padding: 7px 8px;
    font-family: IBM Plex Sans;
    font-weight: 600;
    font-size: 15px;
    line-height: 140%;
    text-align: center;
    background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/leaderborad-redim.svg);
    background-repeat: repeat;
    background-size: auto;
}
.bb-rl-activity-form.bb-rl-focus-in .bb-rl-activity-post-name-status h5, .bb-rl-activity-form.bb-rl-focus-in .bb-rl-activity-post-name-status h5 a {
    font-family: IBM Plex Sans;
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    text-transform: capitalize;
    color: #F8F8FF;
}

.bb-rl-activity-update-form.modal-popup #bb-rl-whats-new-form .bb-rl-whats-new-form-footer #bb-rl-whats-new-toolbar .bb-rl-whats-new-toolbar--inner {
  gap: 8px;
  flex-wrap: wrap;
}

.bb-rl-activity-update-form.modal-popup #bb-rl-whats-new-form .bb-rl-whats-new-form-footer #bb-rl-whats-new-toolbar .bb-rl-whats-new-toolbar--inner .bb-rl-post-elements-buttons-item {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 16px;
}

.bb-rl-activity-update-form.modal-popup #bb-rl-whats-new-form .bb-rl-whats-new-form-footer #bb-rl-whats-new-toolbar .bb-rl-whats-new-toolbar--inner .bb-rl-post-elements-buttons-item a,
.bb-rl-activity-update-form.modal-popup #bb-rl-whats-new-form .bb-rl-whats-new-form-footer .post-elements-buttons-item a {
  width: 37px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bb-rl-whats-new-form-footer #bb-rl-whats-new-toolbar .bb-rl-whats-new-toolbar--inner .bb-rl-post-elements-buttons-item a i:before {
  content: '';
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  background-size: 22px;
  font-size: 0;
  background-position: center;
  display: flex;
}
.bb-rl-whats-new-form-footer #bb-rl-whats-new-toolbar .bb-rl-whats-new-toolbar--inner .bb-rl-post-elements-buttons-item a i.bb-icons-rl-camera:before{
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Camera.svg);
}
.bb-rl-whats-new-form-footer #bb-rl-whats-new-toolbar .bb-rl-whats-new-toolbar--inner .bb-rl-post-elements-buttons-item a i.bb-icons-rl-video-camera:before{
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/video-camera.svg);
}
.bb-rl-whats-new-form-footer #bb-rl-whats-new-toolbar .bb-rl-whats-new-toolbar--inner .bb-rl-post-elements-buttons-item a i.bb-icons-rl-paperclip-horizontal:before{
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/paperclip.svg);
}

.bb-rl-activity-update-form.modal-popup #bb-rl-whats-new-form .bb-rl-whats-new-form-footer #bb-rl-whats-new-toolbar .bb-rl-whats-new-toolbar--inner .bb-rl-post-elements-buttons-item a:hover,
.bb-rl-activity-update-form.modal-popup #bb-rl-whats-new-form .bb-rl-whats-new-form-footer .post-elements-buttons-item a:hover {
  background-color: #00599533 !important;
}

.bb-rl-activity-update-form.modal-popup #bb-rl-whats-new-form .bb-rl-whats-new-form-footer #bb-rl-whats-new-toolbar .bb-rl-whats-new-toolbar--inner .bb-rl-post-elements-buttons-item a::before {
  display: none;
}
.bb-rl-activity-update-form.modal-popup #bb-rl-whats-new-form .bb-rl-whats-new-form-footer .post-elements-buttons-item a i::before {
  color: #ffffff !important;
  margin: 0 !important;
  font-size: 22px;
}
.bb-rl-activity-update-form.modal-popup #bb-rl-whats-new-form .bb-rl-whats-new-form-footer .in-profile #bb-rl-aw-whats-new-reset {
  display: none;
}
.groups-directory-container ul#groups-list li,
.groups.bb-rl-groups ul#groups-list li{
   border-radius: 4px;
   border: 1px solid #002E51;
   background-color: #002e5166;
   padding: 16px;
   margin-bottom: 4px;
}
.groups-directory-container ul#groups-list li .list-wrap,
.groups.bb-rl-groups ul#groups-list li .list-wrap {
   background-color: transparent;
   border: 0;
   padding: 0;
}
.groups-directory-container ul#groups-list li .bs-group-cover,
.groups.bb-rl-groups ul#groups-list li .bs-group-cover{
   display: none;
}
.groups-directory-container ul#groups-list.groups-dir-list.grid li .item,
.groups.bb-rl-groups ul#groups-list.groups-dir-list.grid li .item{
   padding: 15px 0 0;
}
.groups-directory-container ul#groups-list li a.group-avatar-wrap,
.groups.bb-rl-groups ul#groups-list li a.group-avatar-wrap{
   margin-left: 0;
   margin-top: -40px;
   position: relative;
}
.groups-directory-container ul#groups-list li a.group-avatar-wrap:after{
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   border: 1px solid #FFFFFF1A;
   pointer-events: none;
   width: 100%;
   height: 100%;
   border-radius: 4px;
   background: transparent;
}
.groups-directory-container ul#groups-list li .item h2,
.groups.bb-rl-groups ul#groups-list li .item h2{
   font-family: IBM Plex Mono;
   font-weight: 600;
   font-size: 17px;
   line-height: 140%;
   color: #F8F8FF;
}
.groups-directory-container ul#groups-list li .item .item-meta-wrap,
.groups.bb-rl-groups ul#groups-list li .item .item-meta-wrap{
    font-family: 'IBM Plex Sans';
   font-weight: 400;
   font-size: 13px;
   line-height: 140%;
   margin: 0;
}
.groups-directory-container ul#groups-list li .item .item-meta-wrap p,
.groups.bb-rl-groups ul#groups-list li .item .item-meta-wrap p{
   font-family: IBM Plex mono;
}
.groups-directory-container ul#groups-list li .item .item-meta-wrap p.last-activity.item-meta,
.groups.bb-rl-groups ul#groups-list li .item .item-meta-wrap p.last-activity.item-meta{
   color: #9EF66A;
}
.groups-directory-container ul#groups-list li .group-footer-wrap,
.groups.bb-rl-groups ul#groups-list li .group-footer-wrap{
   flex-direction: unset;
   align-items: center;
}
.groups-directory-container ul#groups-list li .group-footer-wrap .groups-loop-buttons,
.groups.bb-rl-groups ul#groups-list li .group-footer-wrap .groups-loop-buttons{
   margin-top: 0;
}
.groups-directory-container ul#groups-list li .group-footer-wrap .groups-loop-buttons button,
.groups.bb-rl-groups ul#groups-list li .group-footer-wrap .groups-loop-buttons button{
   color: #9EF66A;
   border: 1px solid #296410;
   background-color: #2964102b;
   font-family: IBM Plex Mono;
   font-weight: 500;
   font-size: 13px;
   line-height: 140%;
   padding: 4px 8px;
}
.groups-directory-container ul#groups-list li .group-footer-wrap .groups-loop-buttons button::before,
.groups.bb-rl-groups ul#groups-list li .group-footer-wrap .groups-loop-buttons button::before{
   color: #9ef66a;
   font-size: 12px;
}

.bb-rl-activity-form .bb-rl-whats-new-scroll-view .bb-rl-whats-new-form-header .bp-activity-huddle {
  padding: 0;
}
body.members .buddypress-wrap ul.members-list li .bb-rl-member-buttons-wrap .follow-button button {
  color: #9EF66A;
  padding: 4px 8px !important;
  border-radius: 4px;
  border: 1px solid #296410;
  background-color: #29641014;
  font-family: IBM Plex Sans;
  font-weight: 600;
  font-size: 13px;
  line-height: 140%;
}
.bb-rl-secondary-actions .friendship-button.not_friends i::before{
  content: '' !important;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/User-add.svg);
}
.bb-rl-secondary-actions .send-message i::before{
  content: '' !important;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Messenger.svg);
}
body.members .buddypress-wrap ul.members-list li .bb-rl-member-buttons-wrap .generic-button i:before {
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
  background-size: 24px;
  display: block;
  color: #7ff94f;
  font-size: 24px;
}
body.members .buddypress-wrap ul.members-list li .bb-rl-member-buttons-wrap .follow-button button:hover {
   background-color: #9EF66A;
   color: #000000;
}
body.members .buddypress-wrap ul.members-list li .bb-rl-member-buttons-wrap button:hover {
   background-color: #0416247a;
   border-color: #002e51;
}
/*list view*/
body.members .buddypress-wrap ul.members-list.view-list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
body.members .buddypress-wrap ul.members-list.view-list li {
   border-radius: 4px;
   border: 1px solid #002E51;
   background-color: #002e5129;
   padding: 10px;
}
body.members .buddypress-wrap ul.members-list.view-list li .bb-rl-item-block-assets {
  flex-direction: column;
  align-items: flex-start;
}
body.members .buddypress-wrap ul.members-list.view-list li .list-wrap-inner {
   gap: 10px;
}
body.members .buddypress-wrap ul.members-list.view-list li .list-wrap .item-avatar-wrap{
   width: 50%;
   height: 100%;
}
body.members .buddypress-wrap ul.members-list.view-list li .item{
   height: 100%;
   width: 100%;
}
body.members .buddypress-wrap ul.members-list.view-list li .item-avatar,
body.members .buddypress-wrap ul.members-list.view-list li .list-wrap .item-avatar .haven-certified-badge {
  margin: 0;
}
body.xprofile .bb-rl-content-wrapper {
   padding: 0 !important;
}
body.xprofile .bb-rl-content-wrapper .item-body .profile {
   border: 1px solid #002E51;
   background-color: #002e5136;
   margin-bottom: 16px;
   border-radius: 4px;
   padding: 0;
   max-width: 800px;
}
body.xprofile .bb-rl-profile-edit-header {
   padding: 16px;
   margin-bottom: 0;
   border-bottom: 1px solid #002E51;
}
body.xprofile .bb-rl-profile-edit-header h2.screen-heading {
   font-weight: 600;
   color: #F8F8FF;
   font-size: 15px;
   text-shadow: none;
   font-family: var(--font-primary);
   line-height: 140%;
}
body.xprofile .bb-rl-profile-edit-wrapper {
   padding: 16px;
}
body.xprofile .bb-rl-profile-edit-wrapper form fieldset {
   margin: 0 0 10px;
}
body.xprofile .bb-rl-profile-edit-wrapper form fieldset legend {
   font-family: 'IBM Plex Mono';
   color: #F8F8FF;
   margin: 0 0 10px;
   font-size: 13px;
   font-weight: 500;
}
body.xprofile .bb-rl-profile-edit-wrapper form input{
   border: 1px solid #002E51;
   border-radius: 4px;
   background-color: #002e516e;
   height: 40px;
   color: #959595;
   font-family: 'IBM Plex Mono';
}
body.xprofile .bb-rl-profile-edit-wrapper form .submit input#profile-group-edit-submit {
   background-color: #2964102e;
   border: 1px solid #296410;
   color: #9EF66A;
   font-weight: 400;
   font-size: 13px;
   background-image: none;
   padding: 4px 8px !important;
}
body.xprofile .bb-rl-profile-edit-wrapper .bb-rl-image-headline h3 {
   font-family: "IBM Plex Mono";
   font-weight: 600;
   font-size: 15px;
   line-height: 140%;
   color: #9EF66A;
}
body.xprofile .bb-rl-profile-edit-wrapper .bb-rl-image-caption {
   font-family: IBM Plex Sans;
   font-weight: 400;
   font-size: 15px;
   line-height: 140%;
}
body.xprofile .bb-rl-profile-edit-wrapper .bp-avatar-status p.warning {
   background: linear-gradient(135deg, rgba(245, 101, 101, 0.1) 0%, rgba(229, 62, 62, 0.1) 100%) !important;
   border: 2px solid rgba(245, 101, 101, 0.3) !important;
   border-radius: 4px !important;
   padding: 7px 12px !important;
   position: relative;
   animation: havenFadeInUp 0.5s ease-out;
   backdrop-filter: blur(10px);
   color: #f56565 !important;
   font-weight: 500 !important;
   font-size: 12px !important;
}
.users-header {
  padding: 0 !important;
}

.users-header .bp-messages.success {
  background-color: #a3d5b8;
  color: #02542d;
  border: 1px solid #02542d;
}

body.my-profile .users-header .bp-messages.success {
  max-width: 800px !important;
  margin: 0 auto 10px !important;
  padding: 10px;
}
.users-header .bp-messages.success .bp-icon::before {
  color: #02542d;
  font-size: 17px;
}

.users-header .bp-messages.success .bp-icon {
  margin-right: 4px;
}
/*================= End Membarship page Css =================*/

/*================= Start Home page Css =================*/
body.home-page .bp-single-plain-nav{
   padding: 0;
}
body.home-page .bb-rl-secondary-container {
   border-left: 1px solid rgba(0, 46, 81, 0.5);
   padding: 16px !important;
   max-width: 342px;
}
body.home-page .bb-rl-secondary-container .bb-rl-widget-sidebar{
  width: 310px;
}
body.home-page .bb-rl-activity-wrap {
   max-width: 100%;
   justify-content: space-between;
   margin: 0;
   gap: 0;
}
body.home-page .bb-rl-secondary-container .haven-certification-section, body.home-page .bb-rl-secondary-container .haven-skills-upgrade-section {
   border: 1px solid #002E51;
   border-radius: 4px;
   background-color: #002e5136;
   padding: 16px;
   margin-bottom: 16px;
}
body.home-page .bb-rl-secondary-container .haven-skills-upgrade-section img {
   width: 100%;
}

body.home-page .haven-certification-section .haven-certification-icons {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 32px;
   background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/home-shadow.png);
   background-repeat: no-repeat;
   background-position: center center;
   position: relative;
}
body.home-page .haven-certification-icons>span::before, body.home-page .haven-certification-icons>span::after, body.home-page .haven-certification-icons::after, body.home-page .haven-certification-icons::before {
   content: '';
   position: absolute;
   width: 8px;
   height: 8px;
   border: 1px solid #002E51;
}
body.home-page .haven-certification-icons>span::before {
   top: 0;
   left: 0;
   border-right: none;
   border-bottom: none;
}
body.home-page .haven-certification-icons>span::after {
   top: 0;
   right: 0;
   border-left: none;
   border-bottom: none;
}
body.home-page .haven-certification-icons::after{
   bottom: 0;
   right: 0;
   border-left: none;
   border-top: none;
}
body.home-page .haven-certification-icons::before{
   bottom: 0;
   left: 0;
   border-right: none;
   border-top: none;
}
body.home-page .haven-certification-section .haven-icon-circle, body.home-page .haven-certification-section button.haven-certification-btn {
   display: flex;
   align-items: center;
   gap: 2px;
   border: 1px solid #00DFEF;
   border-radius: 4px;
   max-width: max-content;
   padding: 3px 8px;
   font-family: IBM Plex Mono;
   font-weight: 500;
   font-size: 13px;
   line-height: 140%;
   color: #00DFEF;
   background-color: transparent;
}
body.home-page .haven-certification-section .haven-icon-circle.haven-icon-10 {
   color: #E5AE4F;
   border-color: #E5AE4F;
}
body.home-page .haven-certification-section .haven-certification-title {
   font-family: PP Right Grotesk;
   font-weight: 700;
   font-size: 24px;
   line-height: 120%;
   letter-spacing: 2px;
   text-align: center;
   text-transform: uppercase;
   color: #F8F8FF;
   margin-bottom: 8px;
}
body.home-page .haven-certification-section p.haven-certification-desc {
   font-family: IBM Plex Sans;
   font-weight: 400;
   font-size: 15px;
   line-height: 140%;
   text-align: center;
   color: #959595;
   margin-bottom: 32px;
}
body.home-page .haven-certification-section button.haven-certification-btn {
    max-width: 100%;
    width: 100%;
    justify-content: center;
    padding: 8px;
    font-family: IBM Plex Sans;
    font-weight: 600;
    font-size: 15px;
    line-height: 140%;
    text-align: center;
    text-transform: uppercase;
}
body.home-page .haven-certification-section button.haven-certification-btn:hover {
   background-color: #00DFEF;
   color: #000;
}
body.home-page .bp-single-plain-nav .bb-rl-activity-wrap .bb-rl-content-wrapper {
   width: 100%;
   padding: 16px;
}
body.home-page .bp-single-plain-nav .bb-rl-activity-wrap .bb-rl-content-wrapper .bb-rl-inner-container {
   padding: 0;
}
body .bb-rl-content-wrapper form {
   background-color: transparent;
   border: 0;
   border-radius: 0;
   padding: 0;
}
body .bb-rl-content-wrapper form #bb-rl-whats-new-content, 
body .activity ul.bb-rl-activity-list > li {
   border: 1px solid #002E51;
   border-radius: 4px;
   padding: 14px 16px;
   font-family: IBM Plex Sans !important;
   font-weight: 400;
   font-size: 15px !important;
   line-height: 140%;
   background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/membres-bg.png);
   background-repeat: repeat;
   background-position: top;
   background-size: inherit;
}
body .bb-rl-content-wrapper form #bb-rl-whats-new-content #bb-rl-whats-new-textarea #bb-rl-whats-new[contenteditable=true]:empty:before {
  color: #959595;
  font-size: 15px;
}
body .bb-rl-activity-page .activity ul.bb-rl-activity-list > li{
   padding: 0;
   margin-bottom: 16px;
}
body .bb-rl-content-wrapper form .bb-rl-activity-post-avatar-container a {
 padding: 0 !important;
 margin-right: 8px;
 position: relative;
}
body .bb-rl-content-wrapper form .bb-rl-activity-post-avatar-container a img {
   width: 53px;
   height: 53px;
   border-radius: 4px;
   border: 0;
}
body .bb-rl-content-wrapper form .bb-rl-activity-post-avatar-container a:after {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 border: 1px solid #FFFFFF1A;
 pointer-events: none;
 width: 100%;
 height: 100%;
 border-radius: 4px;
 background: transparent;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-head,
body .activity ul.bb-rl-activity-list li .bb-rl-activity-head-group {
   margin: 0;
   padding: 16px 16px 0;
   border: 0;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-head img {
 width: 40px;
 height: 40px;
 border-radius: 4px;
 border: 0;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-head .bb-rl-activity-avatar {
   min-width: 40px;
   margin-right: 8px;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-head .bb-rl-activity-avatar a{
   position: relative;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-head .bb-rl-activity-avatar a:after{
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   border: 1px solid #FFFFFF1A;
   pointer-events: none;
   width: 100%;
   height: 100%;
   border-radius: 4px;
   background: transparent;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-header {
  width: 100%;
  font-family: IBM Plex Mono;
  font-weight: 400;
  font-size: 13px;
  line-height: 140%;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-header p {
    width: auto;
        font-family: 'IBM Plex Sans';
    font-weight: 600;
    font-size: 15px;
    line-height: 140%;
    color: #F8F8FF;
    flex-wrap: wrap;
    text-transform: capitalize;
    display: inline-flex;
    gap: 8px;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-header p a{
color: #F8F8FF;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-header .bb-media-privacy-wrap .privacy:before {
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Globe-1.svg);
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0;
  background-position: center;
}

/*-------- start group header -----*/

body .activity ul.bb-rl-activity-list li .bb-rl-activity-head-group .bb-rl-activity-group-avatar{
 margin-right: 8px;
 width: 40px;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-head-group .bb-rl-activity-group-avatar .bb-rl-group-avatar {
 max-width: 37px;
 width: 37px;
 height: 37px;
 border-radius: 4px;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-head-group .bb-rl-activity-group-avatar a.bb-rl-group-avatar-wrap.bb-rl-mobile-center:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #FFFFFF1A;
    pointer-events: none;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: transparent;
}

body .activity ul.bb-rl-activity-list li .bb-rl-activity-head-group .bb-rl-activity-group-avatar a.bb-rl-group-avatar-wrap.bb-rl-mobile-center {
    position: relative;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-head-group .bb-rl-activity-group-avatar a.bb-rl-group-avatar-wrap.bb-rl-mobile-center img {
    border: 0;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-head-group .bb-rl-activity-group-avatar .bb-rl-author-avatar {
 width: 21px;
 height: 21px;
 right: 0;
 bottom: 4px;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-head-group .bb-rl-activity-group-avatar .bb-rl-author-avatar img {
 border-radius: 4px;
 border: 1px solid #0A0A0A;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-head-group .bb-rl-activity-group-heading a {
     font-family: 'IBM Plex Sans';
 font-weight: 600;
 font-size: 15px;
 line-height: 140%;
 color: #F8F8FF;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-head-group .bb-rl-activity-group-post-meta span, 
body .activity ul.bb-rl-activity-list li .bb-rl-activity-head-group .bb-rl-activity-group-post-meta a {
   font-family: 'IBM Plex Sans';
   font-weight: 500;
   font-size: 13px;
   line-height: 140%;
   color: #959595;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-head-group .bb-rl-activity-group-post-meta a .time-since:before {
margin: 0 6px !important;
    width: 3px;
    height: 3px;
    background-color: #959595;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-head-group .bb-rl-activity-group-post-meta span p{
  font-weight: 500;
  font-size: 13px;
  line-height: 140%;
  color: #959595;
  font-family: 'IBM Plex Sans';
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-inner .bb-rl-activity-media-elem {
 background-color: transparent;
 border-radius: 0;
 width: 100%;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-inner .bb-rl-activity-media-elem .bb-rl-document-description-wrap {
 padding: 8px;
 background-color: transparent;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-head-group .bb-rl-activity-group-heading {
 display: flex;
 align-items: center;
 gap: 8px;
}
body .activity ul.bb-rl-activity-list li.groups .bb-rl-activity-head-group .bb-rl-activity-group-heading:before,
body .activity ul.bb-rl-activity-list li.survival-team .bb-rl-activity-head-group .bb-rl-activity-group-heading:before {
 content: '';
 width: 18px;
 height: 18px;
 background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/double-author.svg);
 background-repeat: no-repeat;
 background-position: center;
 background-size: 18px;
 display: inline-flex;
}
body .activity ul.bb-rl-activity-list li.survival-team .bb-rl-activity-head-group .bb-rl-activity-group-heading:before {
 background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/third-author.svg);
}

/*-------- end group header -----*/

body .activity ul li .bb-rl-activity-footer-actions .bp-generic-meta .generic-button a.has-reaction span.haven-count {
  color: #9EF66A;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-inner {
  margin: 0;
  background-color: transparent;
  border: 0;
  padding: 12px 16px 16px;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-inner p {
  font-family: IBM Plex Sans;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  color: #F8F8FF;
  margin-bottom: 0;
  padding: 0 0 4px;
      display: inline;
}

body .activity ul.bb-rl-activity-list li .bb-rl-activity-inner p:last-child{
   padding-bottom: 0 !important;
}
body .activity ul.bb-rl-activity-list li .bb-activity-media-wrap a.bb-rl-open-media-theatre {
   border-radius: 8px;
   width: 100%;
   display: block;
   background: #000;
}
body .activity ul.bb-rl-activity-list li .bb-activity-media-wrap img {
 border-radius: 0px;
 /*width: auto;*/
 max-width: 648px;
max-height: 648px;
object-fit: contain;
 margin: 0 auto;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-inner .activity-read-more a {
    color: #9EF66A;
    font-family: IBM Plex Sans;
    font-weight: 600;
    font-size: 15px;
    line-height: 140%;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-inner .bb-content-wrp:hover {
  background-color: transparent;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-inner .bb-icons.bp-secondary-action {
  margin: 0;
  width: max-content;
  color:#9EF66A;
  display: flex;
  align-items: center;
}
body.home-page .activity ul.bb-rl-activity-list li .bb-activity-more-options-wrap {
   right: 16px;
   top: 16px;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li ul li.comment-item .bb-activity-more-options-wrap.action {
    right: 0;
    top: 0;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li ul li.comment-item .bb-rl-acomment-content_block .bb-rl-acomment-meta {
    display: inline-flex;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li ul li.comment-item .bb-rl-acomment-content_block .bb-rl-acomment-meta__time a:before{
    content: '';
    background-color: var(--bb-rl-background-tertiary-color);
    display: inline-flex;
    height: 3px;
    width: 3px;
    border-radius: var(--bb-rl-radius-full);
    margin: 0 6px !important;
    top: -3px;
    position: relative;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li ul li.comment-item .bb-rl-acomment-content_block .bb-rl-acomment-meta__time {
    display: inline-flex;
    position: relative;
    align-items: center;
}
body.home-page .activity ul.bb-rl-activity-list li .bb-activity-more-options-wrap .bb-activity-more-options-action {
 padding: 0;
    border: 1px solid transparent;
 background-color: transparent !important;
 width: 24px;
 height: 24px;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 4px;
}
body.home-page .activity ul.bb-rl-activity-list li .bb-activity-more-options-wrap .bb-activity-more-options-action:hover,
body.home-page .activity ul.bb-rl-activity-list li .bb-activity-more-options-wrap .bb-activity-more-options-action.active{
 background-color: #00599533 !important;
     border: 1px solid #002E51;
}

body.home-page .activity ul.bb-rl-activity-list li .bb-activity-more-options-wrap .bb-activity-more-options-action i {
   font-size: 0;
}
body .activity ul.bb-rl-activity-list > li .bb-activity-more-options-action .bb-icon-ellipsis-h::before {
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/ellipsis.svg);
  background-repeat: no-repeat;
  background-size: auto;
  width: 15px;
  height: 15px;
  font-size: 0;
  background-position: center;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-footer-actions {
 border-top: 0;
 padding: 0 16px 16px;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-footer-actions a {
   padding: 0;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-footer-actions a:hover{
  background-color: transparent;
}
body .bb-rl-screen-content .bb-rl-activity-filters-container,
.bp-wrap .activity-head-bar {
  border-bottom: 1px solid #002e51;
}
body .activity-head-bar .bb-subnav-filters-container-main .subnav-filters-opener,
.bb-rl-activity-update-form.modal-popup header.bb-rl-bb-model-header .bb-schedule-post_dropdown_button {
    border: 1px solid #002E51 !important;
    background-color: #05162299;
    font-family: 'IBM Plex Sans';
    font-weight: 500;
    font-size: 13px;
    line-height: 140%;
    padding: 6px 8px;
    border-radius: 4px;
}
body .activity-head-bar .bb-subnav-filters-container-main .subnav-filters-opener::before {
  color: #7ff94f;
}
.bb-rl-activity-update-form.modal-popup header.bb-rl-bb-model-header .bb-schedule-post_dropdown_button i {
  color: #7ff94f;
  font-size: 14px;
}
.bb-rl-activity-update-form.modal-popup header.bb-rl-bb-model-header .bb-icons-rl-x {
    color: #959595;
    background-repeat: no-repeat;
    background-size: 10px;
    width: 21px;
    height: 21px;
    font-size: 0;
    background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/close1.svg);
    display: flex;
    background-position: center;
}
.bb-rl-activity-update-form.modal-popup header.bb-rl-bb-model-header .wc-publisher {
  display: none;
}
body .activity-head-bar .bb-subnav-filters-container-main .subnav-filters-opener span{
  color: #F8F8FF;
}
body .bb-subnav-filters-container-main .subnav-filters-modal,
body .bb-rl-activity-list .bb-activity-more-options-wrap .bb_more_dropdown,
.bb-schedule-post_dropdown_section .bb-schedule-post_dropdown_list,
.bb-media-privacy-wrap ul.activity-privacy,
body .bb-rl-activity-form .bb-rl-activity-privacy-stage,
.bb-rl-more_dropdown-wrap .bb-rl-media-action_list,
.bb-rl-advance-profile-search #bp-profile-search-form-outer,
.bb-rl-network-search-modal .bb-rl-modal-wrapper form span.select2-dropdown,
body .activity ul.bb-rl-activity-list li .bb-rl-activity-inner .bb-rl-activity-video-elem .bb_rl_more_dropdown{
  padding: 8px 0; 
  border: 1px solid #002E51;
  border-radius: 4px !important;
background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/line-light.svg);
    background-repeat: repeat;
    background-size: auto;
}
.bb-rl-more_dropdown-wrap .bb-rl-media-action_list ul.bb-rl-conflict-activity-ul-li-comment li.bb-rl-media-action-class a,
body .activity ul.bb-rl-activity-list li .bb-rl-activity-inner .bb-rl-activity-video-elem a.bb_rl_more_dropdown__action {
    border-radius: 0;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-inner .bb-rl-activity-media-elem a.bb_rl_more_dropdown__action,
body .activity ul.bb-rl-activity-list li .bb-rl-activity-inner .bb-rl-activity-video-elem a.bb_rl_more_dropdown__action,
body .activity ul.bb-rl-activity-list li .bb-rl-activity-inner .bb-rl-activity-video-elem .bb_rl_more_dropdown ul li a {
    background-color: transparent;
    border-radius: 0;
}
.bb-rl-more_dropdown-wrap .bb-rl-media-action_list ul.bb-rl-conflict-activity-ul-li-comment li.bb-rl-media-action-class a::before,
body .activity ul.bb-rl-activity-list li .bb-rl-activity-inner .bb-rl-activity-video-elem a.bb_rl_more_dropdown__action  {
    font-size: 16px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    top: 1px;
    position: relative;
}
.bb-rl-more_dropdown-wrap .bb-rl-media-action_list ul.bb-rl-conflict-activity-ul-li-comment li.bb-rl-media-action-class a:hover,
body .activity ul.bb-rl-activity-list li .bb-rl-activity-inner .bb-rl-activity-video-elem .bb_rl_more_dropdown ul li a:hover {
    background-color: #002e51a3;
}
body .bb-rl-activity-list .bb-activity-more-options-wrap .bb_more_dropdown .generic-button a::before {
    margin: 0;
}
body .bb-rl-activity-list .bb-activity-more-options-wrap .bb_more_dropdown .generic-button a {
    gap: 16px;
}
.bb-media-privacy-wrap ul.activity-privacy,
body .bb-rl-activity-form .bb-rl-activity-privacy-stage{
  padding: 8px 16px;
}
body .bb-subnav-filters-container-main .subnav-filters-modal ul li,
.bb-schedule-post_dropdown_section .bb-schedule-post_dropdown_list ul li,
.bb-media-privacy-wrap ul.activity-privacy li,
body .bb-rl-activity-form .bb-rl-activity-privacy-stage .bb-rl-activity-privacy__list label.bb-rl-radio-style,
.bb-rl-network-search-modal .bb-rl-modal-wrapper form span.select2-dropdown ul li{
  margin-bottom: 4px;
}
body .bb-subnav-filters-container-main .subnav-filters-modal ul li a,
body .bb-rl-activity-list .bb-activity-more-options-wrap .bb_more_dropdown .generic-button a,
.bb-schedule-post_dropdown_section .bb-schedule-post_dropdown_list ul li a,
.bb-media-privacy-wrap ul.activity-privacy li,
body .bb-rl-activity-form .bb-rl-activity-privacy-stage .bb-rl-activity-privacy__list label.bb-rl-radio-style,
.bb-rl-more_dropdown-wrap .bb-rl-media-action_list ul.bb-rl-conflict-activity-ul-li-comment li.bb-rl-media-action-class a,
body .activity ul.bb-rl-activity-list li .bb-rl-activity-inner .bb-rl-activity-video-elem .bb_rl_more_dropdown ul li a{
    color: #F8F8FF;
    border-radius: 4px;
    padding: 8px 16px;
    font-family: IBM Plex Sans;
    font-weight: 500;
    font-size: 13px;
    line-height: 140%;
}
body .bb-subnav-filters-container-main .subnav-filters-modal ul li.selected a,
.bb-schedule-post_dropdown_section .bb-schedule-post_dropdown_list ul li.selected a,
.bb-media-privacy-wrap ul.activity-privacy li.selected,
body .bb-rl-activity-form .bb-rl-activity-privacy-stage .bb-rl-activity-privacy__list label.bb-rl-radio-style:has(input:checked) {
  border: 1px solid #002E51;
  background-color: #0417257d;
  color: #9EF66A;
}
body .bb-rl-activity-form .bb-rl-activity-privacy-stage .bb-rl-activity-privacy__list label.bb-rl-radio-style:has(input:checked){
  background-color: #00599533 !important;
}
body .bb-subnav-filters-container-main .subnav-filters-modal ul li:hover a,
body .bb-rl-activity-list .bb-activity-more-options-wrap .bb_more_dropdown .generic-button:hover a,
.bb-schedule-post_dropdown_section .bb-schedule-post_dropdown_list ul li a:hover,
.bb-media-privacy-wrap ul.activity-privacy li:hover,
body .bb-rl-activity-form .bb-rl-activity-privacy-stage .bb-rl-activity-privacy__list label.bb-rl-radio-style:hover,
.bb-rl-more_dropdown-wrap .bb-rl-media-action_list ul.bb-rl-conflict-activity-ul-li-comment li.bb_rl_move_file a:hover {
  background-color: #01294678;
}
body .bb-rl-activity-form .bb-rl-activity-privacy-stage .bb-rl-activity-privacy__list label.bb-rl-radio-style .bb-rl-privacy-figure:before {
  font-size: 20px;
}
body .bb-rl-activity-form .bb-rl-activity-privacy-stage .bb-rl-activity-privacy__list label.bb-rl-radio-style:has(input:checked) .bb-rl-privacy-figure:before {
  color: #9ef66a;
}
body .bb-rl-activity-form .bb-rl-activity-privacy-stage .bb-rl-activity-privacy__list label.bb-rl-radio-style:has(input:checked) .bb-rl-privacy-label:after {
  content: '';
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/checkmark-public.svg);
  background-position: center;
  background-size: 9px;
  background-repeat: no-repeat;
  padding: 2px;
}

body .bb-rl-activity-form .bb-rl-activity-privacy-stage .bb-rl-activity-privacy__list label.bb-rl-radio-style:has(input:checked) .bb-rl-privacy-label {
  display: flex;
  align-items: center;
  gap: 3px;
}
body .bb-rl-activity-form .bb-rl-activity-privacy-stage .bb-rl-activity-privacy__list label.bb-rl-radio-style .bb-rl-privacy-label {
  font-family: IBM Plex sans;
  font-style: Medium;
  font-size: 13px !important;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
  color: #F8F8FF;
}
body .bb-rl-activity-form .bb-rl-activity-privacy-stage{
  padding: 0;
  max-width: 295px !important;
  width: 100%;
  top: 150px;
  left: 78px;
}
body .bb-rl-activity-form .bb-rl-activity-privacy-stage .bb-rl-activity-privacy__list label.bb-rl-radio-style .bb-rl-privacy-tag-wrapper .bb-rl-privacy-figure {
  margin-top: 0;
}
.bb-rl-activity-privacy__list label.bb-rl-radio-style .bb-rl-privacy-tag-wrapper .bb-rl-privacy-figure:before {
  content: '';
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  display: block;
  background-position: center;
}
body .bb-rl-activity-form .bb-rl-activity-privacy-stage .bb-rl-activity-privacy__list label.bb-rl-radio-style:has(input:checked) .bb-rl-privacy-figure:before{
  filter: brightness(0) saturate(100%) invert(83%) sepia(37%) saturate(537%) hue-rotate(55deg) brightness(95%) contrast(141%);
}
.bb-rl-activity-privacy__list label.bb-rl-radio-style .bb-rl-privacy-tag-wrapper .bb-rl-privacy-figure.bb-rl-privacy-figure--public:before {
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/figure--public.svg);
}
.bb-rl-activity-privacy__list label.bb-rl-radio-style .bb-rl-privacy-tag-wrapper .bb-rl-privacy-figure.bb-rl-privacy-figure--loggedin:before {
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/figure--loggedin.svg);
}
.bb-rl-activity-privacy__list label.bb-rl-radio-style .bb-rl-privacy-tag-wrapper .bb-rl-privacy-figure.bb-rl-privacy-figure--friends:before {
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/figure--friends.svg);
}
.bb-rl-activity-privacy__list label.bb-rl-radio-style .bb-rl-privacy-tag-wrapper .bb-rl-privacy-figure.bb-rl-privacy-figure--onlyme:before {
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/figure--onlyme.svg);
}
.bb-rl-activity-privacy__list label.bb-rl-radio-style .bb-rl-privacy-tag-wrapper .bb-rl-privacy-figure.bb-rl-privacy-figure--group:before {
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/figure--group.svg);
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-inner .bb-rl-activity-video-elem .bb_rl_more_dropdown{
        top: 25px;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-inner .bb-rl-activity-video-elem a.bb_rl_more_dropdown__action i.bb-icons-rl-dots-three {
    font-size: 24px;
}
body .bb-rl-activity-list .bb-activity-more-options-wrap .bb_more_dropdown .generic-button a::before,
.bb-rl-more_dropdown-wrap .bb-rl-media-action_list ul.bb-rl-conflict-activity-ul-li-comment li.bb-rl-media-action-class a:before,
body .activity ul.bb-rl-activity-list li .bb-rl-activity-inner .bb-rl-activity-video-elem .bb_rl_more_dropdown ul li a::before{
  color: #F8F8FF !important;
  font-size: 16px;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-inner .bb-rl-activity-video-elem .bb_rl_more_dropdown ul li a::before {
    color: #F8F8FF !important;
    font-size: 16px;
}
body .bb-rl-activity-list .bb-activity-more-options-wrap .bb_more_dropdown .generic-button a.delete-activity:before,
body .bb-rl-activity-list .bb-activity-more-options-wrap .bb_more_dropdown .generic-button a.close-activity-comment::before {
    background-repeat: no-repeat;
    background-size: 20px;
    font-size: 0 !important;
    background-position: center;
    background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Trash-can.svg);
    width: 21px;
    height: 21px;
}
body .bb-rl-activity-list .bb-activity-more-options-wrap .bb_more_dropdown .generic-button a.close-activity-comment::before {
    background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Union.svg);
        background-size: 16px;
}
body .bb-rl-activity-form .bb-rl-activity-privacy-stage .bb-rl-activity-privacy__list label.bb-rl-radio-style .bb-rl-privacy-sub-label {
  font-family: IBM Plex Sans;
  font-weight: 400;
  font-size: 13px;
  line-height: 140%;
  color: #959595;
}
.bb-rl-activity-list .haven-copy-link-btn {
 cursor: pointer;
 transition: all 0.3s ease;
}
.bb-rl-activity-list .haven-copy-link-btn:hover {
 opacity: 0.8;
}
.bb-rl-activity-list .haven-copy-link-btn.copied {
 color: #00d084;
}
.bb-rl-activity-list .haven-copy-link-btn i {
 font-size: 16px;
}
.bb-rl-activity-list .haven-copy-tooltip {
 background: #333;
 color: #fff;
 padding: 8px 12px;
 border-radius: 4px;
 font-size: 13px;
 white-space: nowrap;
 z-index: 99999;
 opacity: 0;
 transition: opacity 0.3s ease;
 pointer-events: none;
}
.bb-rl-activity-list .haven-copy-tooltip.show {
 opacity: 1;
}
.bb-rl-activity-list .haven-copy-tooltip::after {
 content: '';
 position: absolute;
 bottom: -5px;
 left: 50%;
 transform: translateX(-50%);
 width: 0;
 height: 0;
 border-left: 5px solid transparent;
 border-right: 5px solid transparent;
 border-top: 5px solid #333;
}

body .bb-rl-content-wrapper .generic-button a i::before, 
.bb-media-privacy-wrap ul.activity-privacy li:before{
  color: #F8F8FF !important;
  font-size: 20px !important;
}

.bb-media-privacy-wrap ul.activity-privacy li.selected::before{
  color: #9EF66A !important;
}
body .bb-rl-content-wrapper form #bb-rl-whats-new-content {
  padding: 0 16px;
}
body .bb-rl-content-wrapper form #bb-rl-whats-new-content #bb-rl-whats-new-textarea #bb-rl-whats-new {
  margin: 0;
  min-height: auto !important;
  flex: 1;
  height: auto !important;
  display: flex;
  align-items: center;
  vertical-align: middle;
  padding: 14px 0;
}
body .bb-rl-content-wrapper form #bb-rl-whats-new-content #bb-rl-whats-new-textarea #bb-rl-whats-new p:last-child{
   margin-bottom: 0;
}
body .bb-rl-content-wrapper form #bb-rl-whats-new-content #bb-rl-whats-new-textarea #bb-rl-whats-new p {
  line-height: 21px;
  font-family: IBM Plex Sans;
font-weight: 400;
font-size: 17px;
color: #F8F8FF;
}
body .bb-rl-content-wrapper form #bb-rl-whats-new-content #bb-rl-whats-new-textarea {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
body .bb-rl-content-wrapper form #bb-rl-whats-new-content #bb-rl-whats-new-textarea:before {
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  font-size: 0;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Edit1.svg);
  content: '';
}
body .activity ul li .bb-rl-activity-footer-actions .bp-generic-meta {
  gap: 32px;
}
body .activity .bb-rl-activity-footer-actions .activity-state .reactions_item {
  display: none;
}

body .activity .bb-rl-activity-footer-actions .activity-state-reactions,
body .activity .bb-rl-activity-footer-actions a.activity-state-comments {
  font-family: IBM Plex Mono;
  font-weight: 600;
  font-size: 13px;
  line-height: 140%;
  text-align: right;
  color: #959595;
}
body .activity .bb-rl-activity-footer-actions .activity-state-reactions:hover,
body .activity .bb-rl-activity-footer-actions a.activity-state-comments:hover {
   color: #9EF66A;
}

body .activity .bb-rl-activity-footer-actions .activity-state-reactions .activity-reactions_count,
body .activity .bb-rl-activity-footer-actions a.activity-state-comments span {
  color: #959595;
  font-weight: 600;
  font-size: 13px;
  line-height: 140%;
}
body .activity ul li .bb-rl-activity-footer-actions .bp-generic-meta .generic-button .comment-count,
body .activity ul li .bb-rl-activity-footer-actions .bp-generic-meta .generic-button .like-count {
  font-size: 0;
}
body .activity ul li .bb-rl-activity-footer-actions .bp-generic-meta .generic-button a {
  display: flex;
  align-items: center;
}

body .activity ul li .bb-rl-activity-footer-actions .bp-generic-meta .generic-button a i::before, 
body .activity ul li .bb-rl-activity-footer-actions .bp-generic-meta .generic-button a::before {
  margin: 0;
}
body .activity ul li .bb-rl-activity-footer-actions .bp-generic-meta .generic-button a .haven-count {
 margin-left: 4px;
 font-family: 'IBM Plex Sans';
 font-weight: 400;
 font-size: 13px;
 line-height: 140%;
 color: #F8F8FF;
 top: 2px;
 position: relative;
}
body .bb-rl-primary-container .bb-rl-sub-ctrls{
   border-bottom: 1px solid #002E51;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-footer-actions .activity-state-reactions,
body .activity ul.bb-rl-activity-list li .bb-rl-activity-footer-actions .activity-state-comments {
   display: none;
}
ul.bb-rl-activity-list li .bb-rl-activity-footer-actions .ac-emotions_list,
.bb-rl-activity-comments ul li .bb-rl-acomment_inner .bp-generic-meta .ac-emotions_list {
  display: none !important;
}
.bb-rl-sub-ctrls nav ul.subnav li.bp-personal-sub-tab a {
  border: 1px solid #002E51;
  background-color: #05162299;
  font-family: IBM Plex Mono;
  font-weight: 500;
  font-size: 13px;
  line-height: 140%;
  padding: 9px 8px;
  border-radius: 4px;
}
.bb-rl-sub-ctrls nav ul.subnav li.bp-personal-sub-tab.current a,
.bb-rl-sub-ctrls nav ul.subnav li.bp-personal-sub-tab:hover a {
  color: #9EF66A;
  background-color: transparent;
  border: 1px solid #9EF66A;
}
.bb-media-container .bb-rl-media-stream {
  border: 1px solid #002E51;
  border-radius: 4px;
  background-color: #002e5136;
  padding: 0;
}
.bb-media-actions-wrap h2.bb-title {
  font-family: IBM Plex Mono;
  font-weight: 600;
  font-size: 15px;
  line-height: 140%;
  color: #F8F8FF;
}
.bb-media-container .bb-rl-media-stream .bb-rl-media-none {
  padding: 0;
}
.bb-media-container .bb-rl-media-stream  p.bb-rl-media-none-description,
.bb-media-container .bb-rl-media-stream aside p {
  font-family: 'IBM Plex Mono';
  color: #F8F8FF;
}
.bb-media-container .bb-rl-media-stream .bb-add-media,
.bb-media-container .bb-rl-media-stream .bb-create-album,
.bb-media-container .bb-rl-media-stream .bb-add-video {
  border: 1px solid #296410;
  border-radius: 4px;
  background-color: #2964101a;
  color: #9EF66A;
  font-family: IBM Plex Mono;
  font-weight: 600;
  font-size: 15px;
  line-height: 140%;
  text-align: center;
  padding: 6px 16px;
}
.bb-media-container .bb-rl-media-stream .bb-add-media:hover,
.bb-media-container .bb-rl-media-stream .bb-create-album:hover,
.bb-media-container .bb-rl-media-stream .bb-add-video:hover {
  background-color: #9EF66A;
  color: #002e51;
}
.bb-media-container .bb-rl-media-stream .bb-rl-media-none-figure {
  margin: 0;
}
.bb-media-container .bb-rl-media-stream > .bb-media-actions-wrap {
  padding: 16px;
  border-bottom: 1px solid #002e51;
  margin: 0;
}
.bb-media-container .bb-rl-media-stream .bb-photos-actions a {
  display: flex;
}

.bb-media-container .bb-rl-media-stream .bb-photos-actions a i {
  color: #96e965;
}
.bb-media-container .bb-rl-media-stream #media-stream {
  padding: 16px;
}
#bb-rl-whats-new-status #bb-rl-activity-privacy-point {
  border: 1px solid #002E51;
  border-radius: 4px;
  background-color: #002e5136;
  font-family: IBM Plex Sans;
  font-weight: 500;
  font-size: 13px;
  padding: 3px 8px;
}
#bb-rl-whats-new-status #bb-rl-activity-privacy-point .bb-rl-privacy-point-icon::before {
  font-size: 16px;
  color: #9EF66A;
}
#bb-rl-whats-new-status #bb-rl-activity-privacy-point i::before {
  display: inline-block;
  content: '';
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/white-arrow-down.svg);
  background-repeat: no-repeat;
  background-position: center right;
  width: 10px;
  height: 18px;
  background-size: 9px;
}
.bb-rl-whats-new-form-footer .bb-rl-post-elements-buttons-item #bb-rl-custom-action-button{
    display: flex;
    align-items: center;
    gap: 4px;
    border-radius: 4px;
    padding: 7px 8px;
    border: 1px solid #002E51;
}
.bb-rl-whats-new-form-footer .bb-rl-post-elements-buttons-item #bb-rl-custom-action-button img {
    width: 20px;
    height: 20px;
}
.bb-rl-whats-new-form-footer .bb-rl-post-elements-buttons-item.active a {
    background-color: #00599533 !important;
    background-image: none !important;
}
body .activity ul li .haven-activity-skills-section .haven-secondary-skill {
  font-size: 13px;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-inner .haven-activity-skills-section .haven-skills-tags {
   padding-left: 26px;
   margin-top: 4px;
}
.bb-rl-whats-new-form-footer .bb-rl-post-elements-buttons-item .bb-rl-toolbar-button span.bb-rl-button-text{
  color: #F8F8FF;
  color: #F8F8FF;
    font-family: IBM Plex Sans;
    font-weight: 600;
    font-size: 15px;
    line-height: 140%;
    text-align: center;
}
.bb-rl-whats-new-form-footer .bb-rl-post-elements-buttons-item a {
 /* border: 1px solid #002E51 !important;
  background-image: url(https://www.haven-0.com/wp-content/uploads/2025/08/Frame-588.png);
  background-repeat: no-repeat;
  background-size: inherit;*/
  border-radius: 4px;
  background-color: transparent !important;
}

.bb-rl-whats-new-form-footer .bb-rl-post-elements-buttons-item a,
.bb-rl-whats-new-form-footer .bb-rl-post-elements-buttons-item a i,
.post-elements-buttons-item a#activity-poll-button a,
.post-elements-buttons-item a#activity-poll-button a i {
  font-size: 18px !important;
}
.bb-rl-whats-new-form-footer .bb-rl-post-elements-buttons-item.active a:hover{
  background-color: #002e51b8;
  border: 0;
}
#bb-rl-whats-new-attachments #bb-rl-activity-post-media-uploader,
.bb-rl-activity-video-container #bb-rl-activity-post-video-uploader {
  margin: 10px 0;
}
#bb-rl-whats-new-attachments #bb-rl-activity-post-media-uploader .dz-message,
.bb-rl-activity-video-container #bb-rl-activity-post-video-uploader .dz-default.dz-message {
  border-radius: 4px;
  border: 1px solid #002E51;
  background-color: transparent;
  padding: 16px;
}
#bb-rl-whats-new-attachments #bb-rl-activity-post-media-uploader .dz-message button.dz-button,
.bb-rl-activity-video-container #bb-rl-activity-post-video-uploader .dz-default.dz-message button.dz-button {
  font-family: 'IBM Plex Mono';
  font-size: 12px;
}
#bb-rl-whats-new-attachments #bb-rl-activity-post-media-uploader .dz-message strong {
  font-size: 15px;
}
#bb-rl-whats-new-attachments #bb-rl-activity-post-media-uploader .dz-message .dz-button::before {
  background-color: transparent;
  border: 1px solid #002e51;
  font-size: 20px;
}
#bb-rl-whats-new-attachments #bb-rl-activity-post-media-uploader .dz-preview a.dz-remove {
  background-color: #ffffff;
}

#bb-rl-whats-new-attachments #bb-rl-activity-post-media-uploader .dz-preview a.dz-remove::before {
  font-size: 12px;
  color: #000;
}
#bb-rl-whats-new-attachments #bb-rl-activity-post-media-uploader .dz-preview {
  border: 0;
}
#bb-rl-whats-new-attachments #bb-rl-activity-post-media-uploader .dz-preview {
    border: 1px solid #FFFFFF1A;
    background-color: transparent;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-inner .haven-activity-skills-section {
  margin-bottom: 8px;
  border-left: 1px solid #00DFEF;
  padding: 8px;
  background-color: #00000047;
  cursor: pointer;
}
body .activity ul li .haven-activity-skills-section .haven-secondary-skill{
 color: #00DFEF;
 padding: 0;
 border: 0;
 display: flex;
 align-items: center;
 gap: 8px;
 font-family: IBM Plex Sans;
 font-weight: 500;
 font-size: 13px;
 line-height: 140%;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-inner .haven-skill-tag{
 cursor: pointer;
 font-size: 13px;
 color: #F8F8FF;
 border-radius: 4px;
 border: 0;
 font-family: IBM Plex Mono;
 line-height: 140%;
 font-weight: 500;
 text-transform: uppercase;
}
.bp-generic-meta .generic-button i.bb-icon-thumbs-up{
  line-height: 5px;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-footer-actions .bp-generic-meta .generic-button i {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bp-generic-meta .generic-button a.acomment-reply:before,
.bp-generic-meta .generic-button .bb-icon-thumbs-up:before,
.bp-generic-meta .generic-button .bb-icon-link:before{
  content: '';
  width:20px;
  height: 20px;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Messengerr-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}
.bp-generic-meta .generic-button .bb-icon-thumbs-up:before{
 background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Thumb-up-white.svg);
}
body .activity ul li .bb-rl-activity-footer-actions .bp-generic-meta .generic-button a.has-reaction i::before {
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Thumb-up-grey-color-2.svg);
}
.bp-generic-meta .generic-button .bb-icon-link:before{
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Link.svg);
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-header .activity-date a, 
body .activity ul.bb-rl-activity-list li .bb-rl-activity-header .activity-date span {
  color: #959595;
  display: block;
  font-family: IBM Plex Sans;
  font-weight: 500;
  font-size: 13px;
  line-height: 140%;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-header .bb-media-privacy-wrap::before {
  display: none;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-header .activity-date a span:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 3px;
  width: 3px;
  background-color: #959595;
  border-radius: var(--bb-rl-radius-full);
  margin: 0 0 0 10px;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-inner .bb-activity-media-wrap {
 margin-top: 16px;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-footer-actions a i::before {
  font-size: 20px !important;
}
.bb-rl-activity-comments.bb-rl-threaded-comments {
  border: 0 !important;
  margin: 0 !important;
}

.bb-rl-activity-comments.bb-rl-threaded-comments form {
  background-color: #09223436;
  border-radius: 4px;
  border: 1px solid #031d31 !important;
  margin: 10px;
}
.bb-rl-activity-comments.bb-rl-threaded-comments form .bb-rl-ac-reply-footer,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-modal-activity-footer form .bb-rl-ac-reply-footer{
  border-top: 1px solid #02243f;
  padding: 10px;
}

.bb-rl-activity-comments.bb-rl-threaded-comments form .bb-rl-ac-reply-footer .bb-rl-ac-reply-toolbar,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-modal-activity-footer form .bb-rl-ac-reply-footer .bb-rl-ac-reply-toolbar{
  gap: 5px;
}
.bb-rl-activity-comments.bb-rl-threaded-comments form .bb-rl-ac-reply-footer .bb-rl-ac-reply-toolbar a i,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-modal-activity-footer form .bb-rl-ac-reply-footer .bb-rl-ac-reply-toolbar a i {
  font-size: 18px;
}
.bb-rl-activity-comments.bb-rl-threaded-comments form .emojionearea-button::before {
  font-size: 18px;
}

.bb-rl-activity-comments.bb-rl-threaded-comments form .bb-rl-ac-submit-wrap input[type="submit"],
.bb-rl-activity-comments.bb-rl-threaded-comments form .bb-rl-button.ac-reply-cancel,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal form .bb-rl-ac-submit-wrap input[type="submit"],
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal form .bb-rl-button.ac-reply-cancel,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-ac-form-container .bb-rl-ac-reply-footer input[type="submit"],
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-ac-form-container .bb-rl-ac-reply-footer .bb-rl-button.ac-reply-cancel {
  border: 1px solid #296410;
  color: #9EF66A;
  background-color: #9ef66a08;
  font-family: IBM Plex Mono;
  font-weight: 600;
  font-size: 13px;
  line-height: 140%;
  padding: 8px 16px;
}
.bb-rl-activity-comments.bb-rl-threaded-comments form .bb-rl-button.ac-reply-cancel,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal form .bb-rl-button.ac-reply-cancel,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-ac-form-container .bb-rl-ac-reply-footer .bb-rl-button.ac-reply-cancel {
  background-color: #002e5133;
  border: 1px solid #002E51;
  color: #F8F8FF;
}
.bb-rl-activity-comments.bb-rl-threaded-comments form .bb-rl-button.ac-reply-cancel:hover,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal form .bb-rl-button.ac-reply-cancel:hover,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-ac-form-container .bb-rl-ac-reply-footer .bb-rl-button.ac-reply-cancel:hover {
  border: 1px solid #296410;
  color: #9EF66A;
}
.bb-rl-activity-comments.bb-rl-threaded-comments form .ac-textarea .ac-input p {
  font-family: IBM Plex Sans;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  color: #F8F8FF;
}
.bb-rl-activity-comments.bb-rl-threaded-comments form .bb-rl-ac-reply-avatar,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal form .bb-rl-ac-reply-avatar,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-ac-form-placeholder .bb-rl-ac-form-container .bb-rl-ac-reply-avatar {
   padding: 0 0 10px 10px;
   flex-shrink: 0;
}
.bb-rl-activity-comments.bb-rl-threaded-comments form .ac-textarea,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal form .ac-textarea,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-ac-form-placeholder .bb-rl-ac-form-container .ac-textarea {
  padding: 0;
}
.bb-rl-screen-content .bb-rl-activity-theatre .bb-rl-activity-modal .bb-rl-footer-overflow .bb-rl-ac-reply-footer .bb-rl-ac-submit-wrap{
  width: 32px;
  height: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.bb-rl-screen-content .bb-rl-activity-theatre .bb-rl-activity-modal .bb-rl-footer-overflow .bb-rl-ac-reply-footer .bb-rl-ac-submit-wrap input[type="submit"],
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments ul li form .bb-rl-ac-submit-wrap input[type="submit"] {
  font-size: 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
  background-position: center;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/submit-message.svg);
  border: 0;
}

.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-modal-activity-footer form.has-content .bb-rl-ac-submit-wrap input[type="submit"],
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments ul li form.has-content .bb-rl-ac-submit-wrap input[type="submit"] {
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/submit-messages.svg);
}
.bb-rl-activity-comments ul li .bb-rl-acomment_inner {
  margin: 0 15px;
}

.bb-rl-activity-comments ul li .bb-rl-acomment_inner .bb-rl-acomment-content_wrap {
  border-bottom: 0;
}

.bb-rl-activity-comments ul li .bb-rl-acomment_inner .bp-generic-meta {
  gap: 16px !important;
}

.bb-rl-activity-comments ul li .bb-rl-acomment_inner .bp-generic-meta .generic-button a:hover {
  background-color: transparent;
}

.bb-rl-activity-comments ul li .bb-rl-acomment_inner .bp-generic-meta .generic-button a {
  padding: 0;
}

.bb-rl-activity-comments ul li .bb-rl-acomment_inner .bb-rl-acomment-content {
  color: #F8F8FF !important;
}

.bb-rl-activity-comments ul li .bb-rl-acomment_inner .bb-rl-acomment-meta a {
  color: #9ef66a !important;
  font-size: 14px !important;
}

.bb-rl-activity-comments ul li .bb-rl-acomment_inner .bp-generic-meta .generic-button a::before {
  width: 18px;
  height: 18px;
  background-size: 18px;
}


/* --------- Start Home page comment popup --------------*/
body.home-page .bb-rl-screen-content .bb-rl-activity-model-wrapper.bb-rl-internal-model{
  position: fixed !important;
  background-color: #000000cc;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal {
  border: 1px solid #002E51;
  border-radius: 4px;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/comment-bg.png);
  background-repeat: repeat;
  background-size: inherit;
  background-position: center;
  backdrop-filter: none;
  box-shadow: none;
  width: 680px; 
}

.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-modal-activity-footer {
  border-top: 1px solid #002c4e;
}

.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-modal-activity-footer form {
  border-radius: 4px;
  border: 1px solid #031d31 !important;
  padding: 16px;
  margin: 0;
}

.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-modal-activity-footer form .bb-rl-ac-reply-footer,
body .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments form .bb-rl-ac-form-container .bb-rl-ac-reply-footer,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-footer-overflow .bb-rl-ac-form-placeholder .bb-rl-ac-form-container .bb-rl-ac-reply-footer {
  border-top: 0;
  padding: 0 16px 16px;
  justify-content: space-between;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-modal-activity-footer form .bb-rl-ac-form-container,
body .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments form .bb-rl-ac-form-container,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-footer-overflow .bb-rl-ac-form-placeholder .bb-rl-ac-form-container {
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/message-comment.png);
  background-repeat: repeat;
  background-size: inherit;
  background-position: center;
  border: 1px solid #002E51;
  border-radius: 4px;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal form .ac-textarea .ac-input, 
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal form .ac-textarea .ac-input:before,
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments form .bb-rl-ac-form-container .ac-textarea .ac-input
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments form .bb-rl-ac-form-container .ac-textarea .ac-input:before {
  color: #F8F8FF;
  font-family: IBM Plex Sans;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal form .ac-textarea .ac-input:before{
   color: #959595;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-modal-activity-footer form .bb-rl-ac-reply-footer a,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-ac-form-container .bb-rl-ac-reply-footer a,
body .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments form .bb-rl-ac-form-container .bb-rl-ac-reply-footer a {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 4px;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-modal-activity-footer form .bb-rl-ac-reply-footer a:hover,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-ac-form-container .bb-rl-ac-reply-footer a:hover,
body .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments form .bb-rl-ac-form-container .bb-rl-ac-reply-footer a:hover{
  background-color: #00599533;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-modal-activity-footer form .bb-rl-ac-reply-footer a i::before,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-ac-form-container .bb-rl-ac-reply-footer a i::before,
body .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments form .bb-rl-ac-form-container .bb-rl-ac-reply-footer a i::before {
  content: '';
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  background-size: 16px;
  font-size: 0;
  background-position: center;
  display: flex;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-modal-activity-footer form .bb-rl-ac-reply-footer .bb-rl-ac-reply-toolbar span.bb-rl-separator,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-ac-form-container .bb-rl-ac-reply-footer .bb-rl-ac-reply-toolbar span.bb-rl-separator,
body .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments form .bb-rl-ac-reply-footer .bb-rl-ac-reply-toolbar span.bb-rl-separator {
  display: none;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-modal-activity-footer form .bb-rl-ac-reply-footer .emojionearea .emojionearea-button:before,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-ac-form-container .bb-rl-ac-reply-footer .emojionearea .emojionearea-button:before,
body .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments form .bb-rl-ac-reply-footer .emojionearea .emojionearea-button:before {
  font-size: 20px;
  color: #959595;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-ac-form-container .bb-rl-ac-reply-footer .emojionearea .emojionearea-button,
body .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments form .bb-rl-ac-reply-footer .emojionearea .emojionearea-button {
 width: 32px;
 height: 32px;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 4px;
}

.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-ac-form-container .bb-rl-ac-reply-footer .emojionearea .emojionearea-button:hover,
body .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments form .bb-rl-ac-reply-footer .emojionearea .emojionearea-button:hover {
   background-color: #00599533;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-modal-activity-footer form .bb-rl-ac-reply-footer a i.bb-icons-rl-camera::before,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-ac-form-container .bb-rl-ac-reply-footer a i.bb-icons-rl-camera::before,
body .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments form .bb-rl-ac-reply-footer a i.bb-icons-rl-camera::before{
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Camera2.svg);
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-modal-activity-footer form .bb-rl-ac-reply-footer a i.bb-icons-rl-video-camera::before,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-ac-form-container .bb-rl-ac-reply-footer a i.bb-icons-rl-video-camera::before,
body .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments form .bb-rl-ac-reply-footer a i.bb-icons-rl-video-camera::before{
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/video-camera2.svg);
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-modal-activity-footer form .bb-rl-ac-reply-footer a i.bb-icons-rl-paperclip-horizontal::before,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-ac-form-container .bb-rl-ac-reply-footer a i.bb-icons-rl-paperclip-horizontal::before,
body .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments form .bb-rl-ac-reply-footer a i.bb-icons-rl-paperclip-horizontal::before {
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/paperclip2.svg);
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-modal-activity-footer form .bb-rl-ac-reply-footer .bb-rl-post-gif,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-modal-activity-footer form .bb-rl-ac-reply-footer a:before,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-ac-form-container .bb-rl-ac-reply-footer .bb-rl-post-gif,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-ac-form-container .bb-rl-ac-reply-footer a:before,
body .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments form .bb-rl-ac-reply-footer a:before {
  display: none;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-modal-activity-footer form .bb-rl-ac-reply-footer .bb-rl-ac-submit-wrap input[type="submit"],
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-modal-activity-footer form .bb-rl-ac-reply-footer .ac-reply-cancel,
body .bb-rl-activity-page .activity ul > li .bb-rl-activity-comments form .bb-rl-ac-form-container .bb-rl-ac-reply-footer .bb-rl-ac-submit-wrap input[type="submit"],
body .bb-rl-activity-page .activity ul > li .bb-rl-activity-comments form .bb-rl-ac-form-container .bb-rl-ac-reply-footer .ac-reply-cancel,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-ac-form-container .bb-rl-ac-reply-footer .bb-rl-ac-submit-wrap input[type="submit"]{
  padding: 4px 16px;
}
body .bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-ac-form-container .bb-rl-ac-reply-footer .ac-reply-cancel,
body .bb-rl-activity-page .activity ul > li .bb-rl-activity-comments form .bb-rl-ac-form-container .bb-rl-ac-reply-footer .ac-reply-cancel{
 padding: 4px 16px !important;
 display: none;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-modal-activity-footer form .bb-rl-ac-form-container .bb-rl-ac-reply-content,
body .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments form .bb-rl-ac-form-container .bb-rl-ac-reply-content,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-footer-overflow .bb-rl-ac-form-placeholder .bb-rl-ac-reply-content {
  margin-bottom: 0;
  padding-right: 10px;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-footer-overflow .bb-rl-ac-form-placeholder {
 border-radius: 4px;
 border: 1px solid #031d31 !important;
 padding: 16px;
 margin: 0;
 background-color: transparent;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-modal-activity-body {
  padding: 0;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-modal-activity-body .bb-rl-activity-footer-actions {
  border-bottom: 1px solid #002E51;
  margin: 0 -16px;
}

.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-modal-activity-header {
  padding: 13px 14px 14px;
  height: auto;
  min-height: auto;
  border-bottom: 1px solid #002e51;
}

.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-modal-activity-header h2 {
    font-size: 15px;
    font-family: 'IBM Plex Mono';
    line-height: 140%;
    color: #F8F8FF;
    text-transform: uppercase;
    font-weight: 500;
}

.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-modal-activity-header a span {
 font-size: 16px;
 color: #959595;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li {
  background-image: none;
  border: 0;
  margin: 0;
  padding: 16px;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-head {
  padding: 0;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-inner {
  padding: 12px 0 16px;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-inner .bb-activity-media-wrap {
  margin: 16px -16px 0;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments {
  margin: 0;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-inner .bb-activity-media-wrap img {
  border-radius: 0;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments ul .bb-rl-acomment_inner {
  margin: 0;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul > li .bb-rl-activity-comments {
  padding: 16px 0 0;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul > li .bb-rl-activity-comments ul .bb-rl-acomment_inner .bb-rl-acomment-avatar, 
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul > li .bb-rl-activity-comments ul .bb-rl-acomment_inner .bb-rl-acomment-content_wrap {
  padding: 0;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul > li ul .bb-rl-acomment_inner .bb-rl-acomment-avatar a, 
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul > li ul .bb-rl-acomment_inner .bb-rl-acomment-avatar img,
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments ul li .bb-rl-acomment_inner .bb-rl-acomment-avatar a,
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments ul li .bb-rl-acomment_inner .bb-rl-acomment-avatar img {
  width: 32px;
  height: 32px;
  border-radius: 4px;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments ul li {
  padding-bottom: 24px;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments ul li:last-child{
   padding-bottom: 0 !important;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments ul .bb-rl-acomment-content_wrap .bb-rl-acomment-meta a,
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments ul li .bb-rl-acomment_inner .bb-rl-acomment-meta a {
  font-family: IBM Plex Sans;
  font-weight: 600;
  font-size: 13px !important;
  line-height: 140%;
  color: #F8F8FF !important;
  text-transform: capitalize;
}

.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments ul .bb-rl-acomment-meta__time a.activity-time-since,
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments ul .bb-rl-acomment-meta__time a.activity-time-since {
  font-family: IBM Plex Sans;
  font-weight: 600;
  font-size: 13px;
  line-height: 140%;
  color: #959595;
}
.bb-rl-screen-content .bb-rl-activity-modal ul > li .bb-rl-activity-comments ul .bb-rl-acomment-foot-actions .bb-rl-activity-comments ul li .bb-rl-acomment_inner .bp-generic-meta .generic-button a{
  padding: 0;
  font-size: 0;
}
.bb-rl-activity-comments ul li .bb-rl-acomment_inner .bp-generic-meta .generic-button a
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments ul .bb-rl-acomment-content {
  font-family: IBM Plex Sans;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  color: #F8F8FF;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments ul .bb-rl-acomment_inner .bb-rl-acomment-content p{
   font-family: IBM Plex Sans;
font-weight: 400;
font-size: 15px;
line-height: 140%;
color: #F8F8FF;
}
body .bb-rl-content-wrapper ul.bb-rl-activity-list > li.bb-rl-load-more{
  border: 0;
  background-color: transparent;
  background-image: none !important;
}
body .bb-rl-content-wrapper ul.bb-rl-activity-list > li.activity.activity_update.activity-item.bb-rl-activity-popup {
  background-color: transparent;
  border: 0;
}

body .bb-rl-content-wrapper ul.bb-rl-activity-list > li.bb-rl-load-more .bb-rl-button--brandFill {
  border: 1px solid #296410;
  color: #9EF66A;
  background-color: #9ef66a08;
  font-family: IBM Plex Mono;
  font-weight: 600;
  font-size: 13px;
  line-height: 140%;
  padding: 8px 16px;
}
body .bb-rl-content-wrapper ul.bb-rl-activity-list > li.bb-rl-load-more .lds-spinner {
  width: 30px;
  height: 30px;
  margin-right: 5px;
}
body .bb-rl-content-wrapper ul.bb-rl-activity-list > li.bb-rl-load-more .lds-spinner div {
  transform-origin: 15px 15px;
}
body .bb-rl-content-wrapper ul.bb-rl-activity-list > li.bb-rl-load-more .lds-spinner div:after {
  top: 2.6px;
  left: 12.4px;
  width: 3px;
  height: 8px;
}
body .bb-rl-content-wrapper ul.bb-rl-activity-list > li.bb-rl-load-more .bb-rl-button--brandFill::before{
   display: none;
}
.bb-rl-inner-container #bb-rl-activity-form-placeholder {
  border: 0 !important;
  background-color: transparent !important;
}

.bb-rl-inner-container #bb-rl-activity-form-placeholder form.bb-rl-activity-form-placeholder .bb-rl-whats-new-form-header {
  align-items: center;
}

.bb-rl-inner-container #bb-rl-activity-form-placeholder form .bb-rl-whats-new-form-header #bb-rl-whats-new-content-placeholder {
  border: 1px solid #002E51;
  border-radius: 4px !important;
  background-image: url(https://www.haven-0.com/wp-content/uploads/2025/08/Frame-588.png);
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  height: auto;
  padding: 14px 16px;
}

.bb-rl-inner-container #bb-rl-activity-form-placeholder form .bb-rl-whats-new-form-header #bb-rl-whats-new-content-placeholder #bb-rl-whats-new-placeholder {
  min-height: auto;
  font-family: IBM Plex Sans;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
}

.bb-rl-inner-container #bb-rl-activity-form-placeholder form .bb-rl-whats-new-form-header  #bb-rl-whats-new-textarea-placeholder:before {
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  font-size: 0;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Edit1.svg);
  content: '';
  display: block;
}

.bb-rl-inner-container #bb-rl-activity-form-placeholder form .bb-rl-whats-new-form-header #bb-rl-whats-new-content-placeholder #bb-rl-whats-new-textarea-placeholder {
  display: flex;
  gap: 8px;
}

.bb-rl-activity-page .activity ul.bb-rl-activity-list li.activity-item .bb-rl-activity-content .haven-skills-header .haven-secondary-skill {
 color: #00DFEF;
 padding: 0;
 border: 0;
 display: flex;
 align-items: center;
 gap: 8px;
 font-family: IBM Plex Sans;
 font-weight: 500;
 font-size: 13px;
 line-height: 140%;
}

.bb-rl-activity-page .activity ul.bb-rl-activity-list li.activity-item .bb-rl-activity-content .haven-activity-skills-section {
 margin-bottom: 12px;
 padding: 8px;
 border-radius: 4px;
 background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/new-group-bg.png);
 background-repeat: repeat;
 background-position: top;
 background-size: inherit;
 position: relative;
 border-left: 4px solid #00DFEF;
 cursor: pointer;
}

.bb-rl-activity-page .activity ul.bb-rl-activity-list li.activity-item .bb-rl-activity-content .haven-skill-tag {
 cursor: pointer;
 font-size: 13px;
 color: #F8F8FF;
 border-radius: 4px;
 border: 0;
    font-family: 'IBM Plex Sans';
    line-height: 140%;
    font-weight: 500;
    text-transform: capitalize;
}

.bb-rl-activity-page .activity ul.bb-rl-activity-list li.activity-item .bb-rl-activity-content .haven-skills-tags {
 padding-left: 26px;
 margin-top: 4px;
}
body.activity .activity ul.bb-rl-activity-list li .bb-rl-activity-inner .bb-activity-media-wrap {
 margin: 8px 0 0;
 justify-content: center;
}
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments {
 border-top: 1px solid #002E51 !important;
}
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments ul > li {
 padding: 16px;
}
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments ul li .bb-rl-acomment_inner {
 margin: 0;
}
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments ul li .bb-rl-acomment_inner .bb-rl-acomment-avatar,
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments ul li .bb-rl-acomment_inner .bb-rl-acomment-content_wrap {
 padding: 0;
}
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments ul li .bb-rl-acomment-foot-actions .generic-button i,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments ul .bb-rl-acomment-foot-actions .generic-button i {
 display: none;
}
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments ul li .bb-rl-acomment-foot-actions .generic-button span,
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments ul li .bb-rl-acomment-foot-actions .generic-button a.acomment-reply,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments ul .bb-rl-acomment-foot-actions .generic-button span,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments ul .bb-rl-acomment-foot-actions .generic-button a.acomment-reply {
 font-family: IBM Plex Sans;
 font-weight: 600;
 font-size: 13px;
 line-height: 140%;
 color: #959595;
}
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments ul li .bb-rl-acomment-foot-actions {
 padding: 0;
}
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments ul > li ul li {
 padding: 8px;
}
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments ul > li ul li a.bp-suggestions-mention,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments ul > li ul li.comment-item a.bp-suggestions-mention {
 color: #9ef66a;
 font-family: 'IBM Plex Sans';
}
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments ul li .bb-rl-acomment-foot-actions .generic-button a.acomment-reply:before,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments ul .bb-rl-acomment-foot-actions .generic-button a.acomment-reply:before {
 background-image: none;
 width: 0;
 height: 0;
 font-size: 0;
 margin: 0;
 line-height: normal;
 padding: 0;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments ul > li ul li.comment-item {
 padding: 8px;
}
/*comment-line*/

body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments ul > li .bb-rl-acomment-display:before,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments ul li .bb-rl-acomment-display:before{
 background-color: #002E51;
 width: 1px;
 top: 40px;
 left: 16px;
 height: calc(100% - 28px);
}
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments>ul>li>ul li:not(:last-child):before,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments>ul>li>ul li:not(:last-child):before{
 background-color: #002E51;
 width: 1px;
 left: -26px;
 top: 9px;
}
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments ul > li ul,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments ul > li ul {
 margin-left: 42px;
}
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments ul > li ul li .bb-rl-item-avatar:before,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments ul > li .bb-rl-item-avatar:before,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments ul > li .acomments-view-more:before {
 border-bottom-color: #002E51;
 border-left-color: #002E51;
 border-width: 0 0 1px 1px;
 border-bottom-left-radius: 8px;
 left: -34px;
 top: 0;
 width: 24px;
 height: 20px;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments ul li li.acomments-view-more::before {
 left: -26px;
 top: 4px;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments ul li li.acomments-view-more {
  margin: 0 !important;
  color: #959595;
  padding: 12px 8px;
  font-family: IBM Plex Mono;
  font-weight: 600;
  font-size: 13px;
  line-height: 140%;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments ul li li.acomments-view-more::after {
 display: none;
}
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments ul > li ul li .bb-rl-item-avatar:before {
 border-bottom-color: #002E51;
 border-left-color: #002E51;
 border-width: 0 0 1px 1px;
 border-bottom-left-radius: 8px;
 left: -34px;
 top: 0;
 width: 24px;
 height: 20px;
}

body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments form {
 border-radius: 0;
 border-top: 1px solid #002E51 !important;
 padding: 16px;
 margin: 0;
 background-color: transparent;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal form .bb-rl-ac-reply-avatar img.avatar,
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments form .bb-rl-ac-form-container .bb-rl-ac-reply-avatar img,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-ac-form-placeholder .bb-rl-ac-form-container .bb-rl-ac-reply-avatar img {
 border: 1px solid #FFFFFF1A;
 border-radius: 4px;
}
body .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments ul li .bb-rl-acomment-foot-actions .activity-state-reactions i {
 color: #9ef66a !important;
}
body .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments ul li .bb-rl-acomment-foot-actions .activity-state-reactions i::before {
 content: '';
 background-repeat: no-repeat;
 width: 15px;
 height: 15px;
 background-size: 15px;
 font-size: 0;
 background-position: center;
 display: flex;
 background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Thumb-up-grey-color-2.svg);
}
body .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments ul li .bb-rl-acomment-foot-actions .reactions_item {
 background-color: transparent;
 padding: 0;
}
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments ul > li .bb-rl-display-focus:not(.bp-hide)+.bb-rl-acomment-edit-form+ul:before,
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments ul li .bb-rl-display-focus:not(.bp-hide)+.bb-rl-acomment-edit-form+ul:before {
 background-color: #002e51;
 width: 1px;
 left: -26px;
}
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments form.ac-form.events-initiated {
 border: 0 !important;
 padding: 0;
 z-index: 2;
 position: relative;
 margin-top: 18px;
}
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments form.ac-form.events-initiated .ac-textarea span.atwho-inserted,
body .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments form.ac-form.events-initiated .ac-textarea span.atwho-inserted {
 color: #9EF66A;
 font-family: IBM Plex Sans;
 font-weight: 400;
 font-size: 15px;
 line-height: 140%;
}
.bb-profile-card,
body.home-page .bp-single-plain-nav .bb-rl-group-card {
 border: 1px solid #002E51;
 border-radius: 4px;
 padding: 14px 16px;
 font-family: IBM Plex Sans !important;
 background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/membres-bg.png);
 background-repeat: repeat;
 background-position: center;
 background-size: inherit;
}
.bb-profile-card .bb-rl-card-footer a.card-button.send-message,
body.home-page .bp-single-plain-nav .bb-rl-group-card .bb-rl-card-action a {
 color: #9EF66A !important;
 padding: 4px 8px !important;
 border-radius: 4px;
 border: 1px solid #296410 !important;
 background-color: #29641014 !important;
 font-family: IBM Plex Mono;
 font-weight: 500;
 font-size: 13px;
 line-height: 140%;
}
body.home-page .bp-single-plain-nav .bb-rl-group-card
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments ul > li ul li .bb-rl-acomment-display,
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments ul > li .bb-rl-acomment-display {
 position: relative;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments ul li form.ac-form.events-initiated {
 margin: 0;
 z-index: 2;
 position: relative;
}
/* --------- End Home page comment popup --------------*/


/*================= End Home page Css =================*/

/*================= Start search popup Css =================*/

.bb-rl-network-search-modal .bb-rl-modal-wrapper form {
    margin: 0;
    border: 1px solid #002E51;
    color: #959595;
    font-family: IBM Plex Mono;
    border-radius: 4px;
    background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/line-light.png);
    background-repeat: repeat;
    background-size: auto;
        background-position: bottom;
}
.bb-rl-network-search-modal .bb-rl-modal-wrapper form .ui-autocomplete {
    scrollbar-width: thin;
    scrollbar-color: #9EF66A transparent;
        border-top: 1px solid #002e51;
}

.bb-rl-network-search-modal .bb-rl-modal-wrapper .bp-search-form-wrapper {
  box-shadow: none;
  background-color: transparent;
  border: 0;
}

.bb-rl-network-search-modal .bb-rl-modal-wrapper form input#search {
padding: 0;
    color: #F8F8FF;
    font-family: IBM Plex Sans;
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
}
.bb-rl-network-search-modal .bb-rl-modal-wrapper form input::placeholder{
  color:#959595;
}
.bb-rl-network-search-modal .bb-rl-modal-wrapper form .bb-icons-rl-magnifying-glass {
  font-size: 18px !important;
}

.bb-rl-network-search-modal .bb-rl-modal-wrapper form span.select2-selection {
    border: 1px solid #002E51 !important;
    border-radius: 4px ! IMPORTANT;
    color: #F8F8FF !important;
    font-family: IBM Plex Mono;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    padding: 3px 4px 3px 8px !important;
}

.bb-rl-network-search-modal .bb-rl-modal-wrapper form span.select2-selection span {
    color: #F8F8FF !important;
    padding: 0 !important;
    font-family: IBM Plex Sans;
    font-size: 13px !important;
    line-height: 140% !important;
}

.bb-rl-network-search-modal .bb-rl-modal-wrapper form span.select2-selection .select2-selection__arrow b::before {
  content: "";
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/down-arrow.svg);
  background-repeat: no-repeat;
  width: 18px;
  height: 12px;
  background-size: 9px;
  background-position:  center;
}
.bb-rl-network-search-bar .bb-rl-network-search-filter .bb-rl-select2-container.bb-rl-caret-icon {
    align-items: center;
}

.bb-rl-network-search-bar .bb-rl-network-search-filter .bb-rl-select2-container.bb-rl-caret-icon .select2-selection__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.bb-rl-network-search-bar .bb-rl-network-search-filter .bb-rl-select2-container.bb-rl-caret-icon .select2-selection__rendered:before {
    display: none;
}
.bb-rl-network-search-modal .bb-rl-modal-wrapper form .bb-rl-network-search-bar .bb-rl-network-search-filter{
       height: 26px;
    line-height: 26px;
}
.bb-rl-network-search-modal .bb-rl-modal-wrapper form .bb-rl-network-search-bar {
padding: 16px 16px 16px 50px;
gap: 16px;
}
.bb-rl-network-search-modal .bb-rl-modal-wrapper form .bb-rl-network-search-bar .bb-rl-select2-dropdown {
    border-top: 1px solid #002e51;
    top: 4px;
    padding: 0;
}
.bb-rl-network-search-modal .bb-rl-modal-wrapper form .bb-rl-network-search-bar .bb-rl-select2-dropdown .select2-results__options {
    padding: 8px 0;
    scrollbar-width: thin;
    scrollbar-color: #9EF66A transparent;
}

.bb-rl-network-search-modal .bb-rl-modal-wrapper form button[type=submit] {
left: 16px;
    background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Search.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    font-size: 0;
    display: block;
}
.bb-rl-network-search-modal .bb-rl-modal-wrapper form button[type=submit] .bb-icons-rl-magnifying-glass {
    display: none;
}
.bb-rl-network-search-modal .bb-rl-modal-wrapper form span.select2-dropdown ul li{
    font-size: 13px !important;
    color: #F8F8FF !important;
    border-radius: 0;
    padding: 4px 8px !important;
    font-family: IBM Plex Sans;
}
.bb-rl-network-search-modal .bb-rl-modal-wrapper form span.select2-dropdown ul li:hover {
      background-color: #00599533 !important;
}
.bb-rl-network-search-modal .bb-rl-modal-wrapper form ul.ui-menu li {
  border-top: 1px solid #002e51;
  padding: 0 !important;
}
.bb-rl-network-search-modal .bb-rl-modal-wrapper form ul.ui-menu li:first-child{
    border-top: 0;
}
.bb-rl-network-search-modal .bb-rl-modal-wrapper form ul.ui-menu li .loading-msg {
  color: #F8F8FF;
}
.bb-rl-network-search-modal .bb-rl-modal-wrapper form ul.ui-menu li .loading-msg .bb_global_search_spinner {
  border: 2px solid #96ea65;
  border-top-color: #003b08;
}
.bb-rl-network-search-modal .bb-rl-modal-wrapper form ul.ui-menu .bp-search-ajax-item .item .bb-rl-member-type {
    color: #9EF66A;
    font-family: 'IBM Plex Sans';
    border: 0;
    padding: 0;
}
.bb-rl-network-search-modal .bb-rl-modal-wrapper form ul.ui-menu .bp-search-ajax-item .item .item-title {
    margin-bottom: 0 !important;
}
.bb-rl-network-search-modal .bb-rl-modal-wrapper form ul.ui-menu .bp-search-ajax-item .item .entry-meta {
    font-family: IBM Plex Sans;
    font-weight: 500;
    font-size: 13px;
    line-height: 140%;
    color: #959595;
    margin: 0;
}
.bb-rl-network-search-modal .bb-rl-modal-wrapper form ul.ui-menu .bp-search-ajax-item>a {
    height: 50px;
}
.bb-rl-network-search-modal .bb-rl-modal-wrapper form ul.ui-menu .item-desc {
  font-family: IBM Plex Sans;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #F8F8FF;
}
.bb-rl-network-search-modal .bb-rl-modal-wrapper form ul.ui-menu .entry-meta {
  color: #818181;
  font-size: 13px;
}
.bb-rl-network-search-modal .bb-rl-modal-wrapper form ul.ui-menu .entry-meta .author, 
.bb-rl-network-search-modal .bb-rl-modal-wrapper form ul.ui-menu .entry-meta .author a {
  color: #818181;
}
.bb-rl-network-search-modal .bb-rl-modal-wrapper form ul.ui-menu .bp-search-ajax-item::before {
  font-size: 24px;
  margin-bottom: 4px;
}
.bb-rl-network-search-modal .bb-rl-modal-wrapper form ul.ui-menu .bp-search-ajax-item {
  padding: 16px;
  font-family: 'IBM Plex Mono';
  font-weight: 400;
  font-size: 14px;
  color: #959595;
  align-items: center;
}
.bb-rl-network-search-modal .bb-rl-modal-wrapper form ul.ui-menu .bp-search-ajax-item a .item-avatar, 
.bb-rl-network-search-modal .bb-rl-modal-wrapper form ul.ui-menu .bp-search-ajax-item a .item-avatar img {
    width: 50px;
    height: 50px;
    border-radius: 4px;
}
.bb-rl-network-search-modal .bb-rl-modal-wrapper form ul.ui-menu .bp-search-ajax-item a .item-avatar{
   position: relative;
}
.bb-rl-network-search-modal .bb-rl-modal-wrapper form ul.ui-menu .bp-search-ajax-item a .item-avatar:after{
content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #FFFFFF1A;
    pointer-events: none;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: transparent;
}
.bb-rl-network-search-modal .bb-rl-modal-wrapper form ul.ui-menu .bp-search-ajax-item .item .item-title a {
    font-family: IBM Plex Sans;
    font-weight: 600;
    font-size: 15px;
    line-height: 140%;
    color: #F8F8FF;
    text-transform: capitalize;
}
.bb-rl-network-search-modal .bb-rl-modal-wrapper form .bb-rl-network-search-bar a.bb-rl-network-search-clear {
    padding: 0;
    background-repeat: no-repeat;
    background-size: 10px;
    width: 21px;
    height: 21px;
    font-size: 0;
    background-position: center;
    background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/close-2.svg);
}
.bb-rl-network-search-modal .bb-rl-modal-wrapper form ul.ui-menu li .bb-rl-member-type {
  color: #00DFEF;
  background-color: transparent;
  border: 1px solid #00DFEF;
  border-radius: 4px;
}


/*================= End search popup Css =================*/

/*================= Start member-popup Css =================*/
.bb-rl-advance-profile-search #bp-profile-search-form-outer form .bb-rl-profile-filter-headline {
  padding: 16px;
  border-bottom: 1px solid #002e51;
}
.bb-rl-advance-profile-search #bp-profile-search-form-outer{
  padding: 0;
}
.bb-rl-advance-profile-search #bp-profile-search-form-outer .bb-rl-profile-filter-headline h2 {
  font-family: IBM Plex Mono;
  font-weight: 600;
  font-size: 15px;
  line-height: 140%;
  color: #F8F8FF;
     text-transform: uppercase;
  padding: 0;
      flex: 1;
}
.bb-rl-advance-profile-search #bp-profile-search-form-outer {
  width: 510px;
}
.bb-rl-advance-profile-search #bp-profile-search-form-outer form .bb-rl-profile-filter-headline a {
  font-family:IBM Plex Sans;
  font-weight: 500;
  font-size: 15px;
  line-height: 140%;
  color: #F8F8FF;
}
.bb-rl-advance-profile-search #bp-profile-search-form-outer form .bb-rl-profile-filter-headline i {
  color: #9EF66A;
  font-size: 15px;
}
.bb-rl-advance-profile-search #bp-profile-search-form-outer form .bb-rl-profile-filter-body {
  padding: 16px;
}
.bb-rl-advance-profile-search #bp-profile-search-form-outer form .bb-rl-profile-filter-body label.bps-label {
  font-family: 'IBM Plex Sans';
  font-weight: 400;
  font-size: 13px;
  line-height: 140%;
  color: #959595;
  margin: 0;
}
.bb-rl-advance-profile-search #bp-profile-search-form-outer form .bb-rl-profile-filter-body input {
  border: 1px solid #002E51;
  border-radius: 4px;
  background-color: transparent;
  margin: 0 !important;
}
.bb-rl-advance-profile-search #bp-profile-search-form-outer form .bb-rl-profile-filter-body input[type="search"] {
  padding: 8px;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/input-frame.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.bb-rl-advance-profile-search #bp-profile-search-form-outer form .submit-wrapper {
  padding: 16px;
  border-top: 1px solid #002e51;
}
.bb-rl-advance-profile-search #bp-profile-search-form-outer form .submit-wrapper input.submit,
.bb-rl-advance-profile-search #bp-profile-search-form-outer form .submit-wrapper a.bb-rl-profile-search-cancel {
  border: 1px solid #296410;
  color: #9EF66A;
  background-color: #9ef66a08;
  font-family: 'IBM Plex Sans';
  font-weight: 600;
  font-size: 13px;
  line-height: 140%;
  padding: 4px 8px;
}
.bb-rl-advance-profile-search #bp-profile-search-form-outer form .submit-wrapper a.bb-rl-profile-search-cancel{
  background-color: #002e5133;
  border: 1px solid #002E51;
  color: #F8F8FF;
}
.bb-rl-advance-profile-search #bp-profile-search-form-outer form .submit-wrapper input.submit:hover{
  color: #000;
  background-color: #9EF66A;
}
.bb-rl-advance-profile-search #bp-profile-search-form-outer form .submit-wrapper input.submit:focus-visible{
   outline: none;
}
.bp-field-wrap .bp-checkbox-div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 16px;
}
.bp-field-wrap .bp-checkbox-div .bp-checkbox-wrap {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-direction: row-reverse;
  white-space: nowrap;
}
.bb-rl-advance-profile-search #bp-profile-search-form-outer form .bb-rl-profile-filter-body #field_3_contains_wrap {
  margin: 0;
}
.bb-rl-advance-profile-search #bp-profile-search-form-outer form .bb-rl-profile-filter-body .bps-textbox {
  width: 49%;
  display: inline-block;
  margin: 0 !important;
}
.bb-rl-advance-profile-search #bp-profile-search-form-outer form .bb-rl-profile-filter-body .bps-textbox label.bps-label {
  margin-bottom: 8px;
}

.bp-field-wrap .bp-checkbox-div .bp-checkbox-wrap input[type="checkbox"] {
  border: 1px solid #002E51 !important;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
  position: relative;
  /* margin-top: 2px; */
  flex-shrink: 0;
  transition: all 0.3s ease !important;
}
.bp-field-wrap .bp-checkbox-div .bp-checkbox-wrap input[type="checkbox"]:checked {
  background: #001729;
  border: 1px solid #00DFEF !important;
}

.bp-field-wrap .bp-checkbox-div .bp-checkbox-wrap input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  top: 50% !important;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/blue-arrow.svg);
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-size: 50%;
  background-position: center center;
}

.bp-field-wrap .bp-checkbox-div .bp-checkbox-wrap label {
  margin: 0;
  font-family: 'IBM Plex Sans';
  font-weight: 400;
  font-size: 13px;
  color: #00DFEF;
}

.bp-field-wrap .bp-checkbox-div .bp-checkbox-wrap label::before,
.bp-field-wrap .bp-checkbox-div .bp-checkbox-wrap label::after{
  display: none !IMPORTANT;
}
.bb-rl-advance-profile-search .bp-field-wrap .bb-rl-skills-dropdown .bb-rl-skill-category .bb-rl-skill-header {
   border: 0;
   width: 100%;
   padding: 7px !important;
   font-family: IBM Plex Sans;
   font-weight: 500;
   font-size: 13px;
   line-height: 140%;
}
.bb-rl-advance-profile-search .bp-field-wrap .bb-rl-skills-dropdown .bb-rl-skill-category .bb-rl-skill-header i,
.bb-rl-advance-profile-search #bp-profile-search-form-outer form .bb-rl-profile-filter-body .bb-rl-category-header i {
  font-style: normal;
}
.bb-rl-advance-profile-search #bp-profile-search-form-outer form .bb-rl-profile-filter-body .bb-rl-category-header i{
  line-height: 16px;
  top: -3px;
  position: relative;
}
.bb-rl-advance-profile-search .bp-field-wrap .bb-rl-skills-dropdown .bb-rl-skill-category .bb-rl-skill-header i:before,
.bb-rl-advance-profile-search #bp-profile-search-form-outer form .bb-rl-profile-filter-body .bb-rl-category-header i:before{
  content: '\f054';
  font-family: 'FontAwesome';
  font-size: 9px;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  display: inline-block;
}
.bb-rl-advance-profile-search .bp-field-wrap .bb-rl-skills-dropdown .bb-rl-skill-category .bb-rl-skill-header .bb-skill-toggle.open,
.bb-rl-advance-profile-search #bp-profile-search-form-outer form .bb-rl-profile-filter-body .bb-rl-category-header .bb-category-toggle.open{
  color: #9EF66A !important;
}
.bb-rl-advance-profile-search #bp-profile-search-form-outer {
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/buddy-bg.png);
}
.bb-rl-advance-profile-search .bp-field-wrap .bb-rl-skills-dropdown {
  background-color: #002e5136;
  padding: 0 !important;
}
body .bb-rl-activity-form .bb-rl-activity-privacy-stage .bb-rl-activity-privacy__list label.bb-rl-radio-style i::before {
  color: #8bdc61;
  font-size: 15px;
}
.bb-rl-activity-form.bb-rl-focus-in [class*=post-elements-buttons-item] [class*=toolbar-button] i,
.bb-rl-activity-form #bb-rl-whats-new-toolbar .emojionearea-button:before{
  color: #fff !important; 
}
.bb-rl-activity-form.bb-rl-focus-in .bb-rl-whats-new-toolbar--inner:after{
  background-color: #002E51 !important; 
}
body .bb-rl-activity-form .bb-rl-activity-privacy-stage .bb-rl-activity-privacy__list label.bb-rl-radio-style::after {
  display: none;
}
.bb-rl-activity-form.bb-rl-focus-in #bb-rl-whats-new-toolbar .bb-rl-whats-new-toolbar--addon:after {
  content: "";
  width: 1px;
  background-color: #002E51 !important;
  height: 16px;
  margin: 0 var(--bb-rl-space-100);
}


/*================= End member-popup Css =================*/
.haven-step-group.haven-step-4 .haven-step-header {
  padding: 0;
  background-image: none;
  margin-bottom: 32px;
}
.haven-step-group.haven-step-4 .haven-step-header .haven-step-image {
  margin: 0 0 32px 0 !important;
}
.haven-step-group.haven-step-4 .haven-step-header h2.haven-step-title {
  margin-bottom: 8px;
}
.haven-step-group.haven-step-4 .haven-step-header p.haven-step-subtitle {
  font-family: IBM Plex Sans;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
}
.haven-step-group.haven-step-4 .haven-step-header:after,
.haven-step-group.haven-step-4 .haven-step-header:before,
.haven-step-group.haven-step-4 .haven-step-header span:before,
.haven-step-group.haven-step-4 .haven-step-header span:after{
   display: none;
}
.haven-step-group.haven-step-4 .bf_field_group {
  margin: 0;
}
.haven-step-group.haven-step-4 .col-step-5 label.haven-field-label span.required {
  display: none;
}
.haven-step-group.haven-step-4 .col-step-5 label.haven-field-label:after{
   content: " (*)";
   color: inherit;
   font-weight: inherit;
   width: auto;
   display: inline-block;
}
.haven-step-group.haven-step-4 .col-step-5 h1 {
  color: #9EF66A;
  margin-bottom: 20px;
  letter-spacing: 2px;
  font-family: PP Right Grotesk;
  font-weight: 700;
  font-size: 26px;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
}
.haven-step-group.haven-step-4 .col-step-5 label.haven-field-label {
  font-family: IBM Plex Mono;
  font-weight: 400;
  font-size: 13px;
  line-height: 140%;
  text-transform: uppercase;
  color: #959595;
  margin-bottom: 8px;
  display: block;
}
.haven-step-group.haven-step-4 .col-step-5 .bf-input input {
  border-radius: 4px;
  border: 1px solid #002E51;
  color: #F8F8FF;
  min-height: 53px;
  font-family: IBM Plex Mono;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/membres-bg.png);
  background-repeat: repeat;
  background-position: center;
  background-size: inherit;
  padding: 8px 16px;
  margin: 0 0 16px 0;
  width: 100%;
}
.haven-step-group.haven-step-4 .col-step-5 .bf-input input::placeholder {
  color: #959595;
}
.haven-step-group.haven-step-4 .col-step-5 .bf-input input:focus {
  border: 1px solid #296410;
}
body.groups.wp-singular .bb-rl-widget-sidebar .widget_bb_group_about_widget .bb-rl-modal-content .highlight .bb-rl-group-meta-figure i {
  font-size: 20px;
}
.haven-step-group.haven-step-4 .col-step-5 .elem-user_pass {
  margin: 0;
}
.haven-step-group.haven-step-4 .col-step-5 fieldset {
  padding: 0;
  margin: 0 !important;
  border: 0;
}
.haven-step-group.haven-step-4 .col-step-5 fieldset div {
  margin: 0 !important;
}
.haven-step-group.haven-step-4 .col-step-5 p.register-privacy-info {
  text-align: center;
  margin-top: 16px;
}
.haven-step-group.haven-step-4 .col-step-5 p {
   color: #F8F8FF;
   margin-bottom: 16px;
   font-family: IBM Plex Sans;
   font-weight: 400;
   font-size: 15px;
   line-height: 140%;
   text-align: right;
}
.haven-step-group.haven-step-4 .col-step-5 p a {
  color: #9ef66a;
}
.haven-step-group.haven-step-4 .col-step-5 p a:hover {
   text-decoration: underline;
}
.haven-step-group.haven-step-4 .haven-validation-error {
  border: 0;
  padding: 0;
  margin: 10px 0;
  background: transparent;
  gap: 10px;
}
.haven-step-group.haven-step-4 .haven-validation-error p.haven-error-message {
  padding: 0;
  border: 0;
  background: transparent;
  color: #E54F6D;
  font-family: IBM Plex Mono;
  font-weight: 400;
  font-size: 13px;
  line-height: 140%;
}

.bb-rl-activity-form.bb-rl-activity-edit .bb-rl-post-elements-buttons-item.bb-rl-custom-button{
  display: none;
}
body .bb-rl-activity-form .bb-rl-activity-privacy-stage .bb-rl-activity-privacy__list label.bb-rl-radio-style {
  border: 0 !important;
  padding: 8px;
}

body .bb-rl-activity-form .bb-rl-activity-privacy-stage .bb-rl-activity-privacy__list label.bb-rl-radio-style .bb-rl-privacy-tag-wrapper {
  align-items: center;
  gap: 16px;
}


body .bb-rl-content-wrapper ul.bb-rl-activity-list li .bb-rl-activity-footer-actions .activity-state-comments .comments-count {
  display: none;
}



/*================= Start New group implementations Css =================*/
@media screen and (min-width: 783px){
   body.groups.wp-singular .bp-single-plain-nav {
    padding: 16px;
 }
}
body.groups.wp-singular .bp-single-plain-nav .bb-rl-group-section {
 padding: 0;
 max-width: 1006px;
 margin: auto;
}
body.groups.wp-singular .bb-rl-main-group-section {
 border: 1px solid #002E51;
 border-radius: 4px;
 background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/membres-bg.png);
 background-repeat: repeat;
 background-position: center;
 background-size: inherit;
}
body.groups.wp-singular .bb-rl-main-group-section #header-cover-image {
 border-radius: 0;
 border: 0;
 background-color: transparent;
}
body.groups.wp-singular .bb-rl-main-group-section .bb-rl-secondary-header {
 margin: 0;
}
body.groups.wp-singular .bb-rl-main-group-section .bb-rl-group-info-wrap {
 padding: 16px;
 align-items: center;
 border-bottom: 1px solid #002E51;
}
body.groups.wp-singular .bb-rl-main-group-section .bb-rl-group-info-wrap .bb-rl-group-info #bb-rl-item-header-avatar {
 width: 152px;
 height: 152px;
 border-radius: 0;
 border: 0;
 margin-right: 16px;
    margin-top: -107px;
 z-index: 1;
 flex-shrink: 0;
}
body.groups.wp-singular .bb-rl-main-group-section .bb-rl-group-info-wrap .bb-rl-group-info #bb-rl-item-header-avatar img {
 border: 1px solid #FFFFFF1A;
 border-radius: 4px;
}
body.groups.wp-singular .bb-rl-main-group-section .bb-rl-group-info-wrap .bb-rl-group-extra-wrapper {
    margin-top: 16px;
    gap: 16px;
}
body.groups.wp-singular .bb-rl-group-info-wrap .bb-rl-group-info .wpb-info h2.bb-rl-group-title {
    color: #F8F8FF;
    margin-bottom: 8px;
    font-family: IBM Plex Sans;
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
}
body.groups.wp-singular .wc-buddy-group .survival-team-info span.type,
body.groups.wp-singular .wc-buddy-survival-team .survival-team-info span.type {
 font-family: IBM Plex Mono;
 font-weight: 600;
 font-size: 9px;
 line-height: 140%;
 color: #3B82F6;
 border: 1px solid #2F589A;
 padding: 2px 4px;
 border-radius: 4px;
}
body.groups.wp-singular .wc-buddy-survival-team .survival-team-info span.type {
   border: 1px solid #644484;
   color: #A76AE0;
}
body.groups.wp-singular .bb-rl-group-info-wrap .bb-rl-group-info .wpb-info .wpb-info-extra {
 font-family: IBM Plex Mono;
 font-weight: 400;
 font-size: 13px;
 line-height: 140%;
 color: #959595;
}
body.groups.wp-singular .bb-rl-main-group-section .bb-rl-group-info-wrap .bb-rl-group-extra-info .bb-group-members,
body.groups.wp-singular .bb-rl-main-group-section .bb-rl-group-info-wrap .group-actions-absolute::before {
 display: none;
}
body.groups.wp-singular .bb-rl-main-group-section .bb-rl-group-info-wrap .bb-rl-group-extra-info .bp-generic-meta .leave_group,
body.groups.wp-singular .bb-rl-main-group-section .bb-rl-group-info-wrap .bb-rl-group-extra-info .bp-generic-meta .group-button.disabled {
 color: #9EF66A;
 padding: 7px !important;
 border-radius: 4px;
 border: 1px solid #296410;
 background-color: #29641014;
 font-family: 'IBM Plex Sans';
 font-weight: 600;
 font-size: 15px;
 line-height: 140%;
 margin-right: 8px;
 padding: 0;
}
body.groups.wp-singular .bb-rl-main-group-section .bb-rl-group-info-wrap .bb-rl-group-extra-info .bp-generic-meta .leave_group::before,
body.groups.wp-singular .bb-rl-main-group-section .bb-rl-group-info-wrap .bb-rl-group-extra-info .bb_more_options i::before,
body.groups.wp-singular .bb-rl-main-group-section .bb-rl-group-info-wrap .bb-rl-group-extra-info .group-subscription .bb-icons-rl-bell::before {
 content: '';
 background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/User-export.svg);
 background-repeat: no-repeat;
 background-size: contain;
 width: 21px;
 height: 21px;
 font-size: 0;
 background-position: center;
 display: block;
}

body.groups.wp-singular .bb-rl-main-group-section .bb-rl-group-info-wrap .bb-rl-group-extra-info .bp-generic-meta .group-button.disabled::before {
 content: '';
 background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/User-export.svg);
 background-repeat: no-repeat;
 background-size: contain;
 width: 21px;
 height: 21px;
 font-size: 0;
 background-position: center;
 display: block;
 margin-right: 5px;
}
body.groups.wp-singular .bb-rl-main-group-section .bb-rl-group-info-wrap .bb-rl-group-extra-info .bp-generic-meta .group-subscription,
body.groups.wp-singular .bb-rl-main-group-section .bb-rl-group-info-wrap .bb-rl-group-extra-info .bb_more_options a.bb_more_options_action {
  background-color: transparent;
  border-radius: 4px;
  margin-right: 8px;
  padding: 0;
  font-size: 0;
  border: 1px solid #002E51;
  width: 37px;
  height: 37px;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 0;
  background-image: url(https://www.haven-0.com/wp-content/uploads/2025/08/Frame-588.png);
  background-repeat: repeat;
  background-size: auto;
}
body.groups.wp-singular .bb-rl-main-group-section .bb-rl-group-info-wrap .bb-rl-group-extra-info .bp-generic-meta .group-subscription:hover,
body.groups.wp-singular .bb-rl-main-group-section .bb-rl-group-info-wrap .bb-rl-group-extra-info .bb_more_options a:hover,
body.groups.wp-singular .bb-rl-media-stream .bb-rl-media-actions-wrap .bb-media-meta a:hover {
 background-color: #00599533 !important;
}
body.groups.wp-singular .bb-rl-main-group-section .bb-rl-group-info-wrap .bb-rl-group-extra-info .bb_more_options i::before {
 background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Dots-white.svg);
 margin: 0;
}
body.groups.wp-singular .bb-rl-main-group-section .bb-rl-group-info-wrap .bb-rl-group-extra-info .group-subscription .bb-icons-rl-bell::before{
   background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Bell.svg);
}
body.groups.wp-singular .bb-rl-main-group-section nav.main-navs {
 padding: 0 16px !important;
}
body.groups.wp-singular .bb-rl-main-group-section nav.main-navs ul li.bp-groups-tab {
 margin: 0 4px 0 0 !important;
}
body.groups.wp-singular .bb-rl-main-group-section nav.main-navs ul li.bp-groups-tab a, 
body.groups.wp-singular .bb-rl-main-group-section nav.main-navs ul li.bp-groups-tab a > .bb-single-nav-item-point,
body.groups.wp-singular .bb-rl-main-group-section nav.main-navs ul li a.bb-rl-nav-more {
     font-family: 'IBM Plex Sans';
 font-weight: 500 !important;
 font-size: 15px !important;
 line-height: 140%;
 color: #959595 !important;
}
body.groups.wp-singular .bb-rl-main-group-section nav.main-navs ul li.bp-groups-tab a {
   position: relative;
   padding: 16px !important;
}
body.groups.wp-singular .bb-rl-main-group-section nav.main-navs ul li.bp-groups-tab.current.selected a,
body.groups.wp-singular .bb-rl-main-group-section nav.main-navs ul li.bp-groups-tab a:hover,
body.groups.wp-singular .bb-rl-main-group-section nav.main-navs ul li a.bb-rl-nav-more:hover {
 background-color: transparent !important;
 color: #F8F8FF !important;
}
body.groups.wp-singular .bb-rl-main-group-section nav.main-navs ul li.bp-groups-tab.current.selected .bb-single-nav-item-point,
body.groups.wp-singular .bb-rl-main-group-section nav.main-navs ul li.bp-groups-tab a:hover .bb-single-nav-item-point{
   color: #F8F8FF !important;
   font-weight: 600;
}
body.groups.wp-singular .bb-rl-main-group-section nav.main-navs ul li.bp-groups-tab.current.selected a:after{
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 height: 2px;
 background: #9EF66A;
}
body.groups.wp-singular .wc-buddy-survival-team .bb-rl-main-group-section nav.main-navs ul li.bp-groups-tab.current.selected a:after{
 background: #A76AE0;
}
body.groups.wp-singular .bb-rl-group-details .bb-rl-content-wrapper {
 padding-top: 16px;
 gap: 16px;
}
body.groups.wp-singular .activity ul.bb-rl-activity-list > li {
 padding: 0;
 margin-bottom: 16px;
}
body.groups.wp-singular .bb-rl-group-details .bb-rl-content-wrapper .subnav-filters {
 display: none;
}
body.groups.wp-singular .bb-rl-content-wrapper .bb-rl-activity-update-form {
 margin-bottom: 16px;
}
body.groups.wp-singular .bb-rl-widget-sidebar .widget_bb_group_about_widget {
 border: 1px solid #002E51;
 background-color: transparent;
 padding: 0;
 border-radius: 4px;
 background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/membres-bg.png);
 background-repeat: repeat;
 background-position: center;
 background-size: inherit;
}
body.groups.wp-singular .bb-rl-widget-sidebar .widget_bb_group_about_widget h2 {
 font-family: IBM Plex Mono;
 font-weight: 600;
 font-size: 15px;
 line-height: 140%;
 color: #F8F8FF;
 padding: 16px;
 border-bottom: 1px solid #002E51;
 margin: 0;
     text-transform: uppercase;
}
body.groups.wp-singular .bb-rl-widget-sidebar .widget_bb_group_about_widget .bb-rl-modal-content {
 padding: 16px;
}
body.groups.wp-singular .bb-rl-widget-sidebar .widget_bb_group_about_widget .bb-rl-modal-content .highlight {
 gap: 16px;
}
body.groups.wp-singular .bb-rl-widget-sidebar .widget_bb_group_about_widget .bb-rl-modal-content .highlight .bb-rl-group-meta-figure {
 width: auto !important;
 flex: none;
}
body.groups.wp-singular .bb-rl-widget-sidebar .widget_bb_group_about_widget .bb-rl-modal-content .bb-rl-group-meta-data h3 {
font-family: 'IBM Plex Sans';
 font-weight: 500;
 font-size: 13px;
 line-height: 140%;
 color: #F8F8FF;
 margin: 0;
}
body.groups.wp-singular .bb-rl-widget-sidebar .widget_bb_group_about_widget .bb-rl-modal-content .bb-rl-group-meta-data .bb-rl-meta-desc {
 font-family: IBM Plex Sans;
 font-weight: 400;
 font-size: 13px;
 line-height: 140%;
 color: #959595;
}

body.groups.wp-singular .bb-rl-widget-sidebar .bb-rl-modal-content ul li.organizer-avatar {
 display: inline-flex !important;
 gap: 16px;
 padding: 0;
 border: 0;
}

body.groups.wp-singular .bb-rl-widget-sidebar .bb-rl-modal-content ul li.organizer-avatar .admin-title h3 {
    color: #F8F8FF;
    font-family: IBM Plex Sans;
    font-weight: 500;
    font-size: 13px;
    line-height: 140%;
        text-transform: capitalize;
}

body.groups.wp-singular .bb-rl-widget-sidebar .bb-rl-modal-content ul li.organizer-avatar .admin-title .member-role {
 color: #9EF66A;
 font-family: IBM Plex Sans;
 font-weight: 400;
 font-size: 13px;
 line-height: 140%;
}

body.groups.wp-singular .bb-rl-widget-sidebar .bb-rl-modal-content ul li.organizer-avatar img {
 width: 21px;
 height: 21px;
 border-radius: 4px;
 border: 1px solid #FFFFFF1A;
}

body.groups.wp-singular .bb-rl-widget-sidebar .widget_bb_group_about_widget .bb-rl-modal-content .item-wrap-box {
 padding-top: 16px;
}

body.groups.wp-singular .bb-rl-widget-sidebar .widget_bb_group_about_widget .bb-rl-modal-content .item-wrap-box h3 {
    font-size: 13px;
    line-height: 140%;
    color: #959595;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-family: IBM Plex Mono;
    font-weight: 600;
}

body.groups.wp-singular .bb-rl-widget-sidebar .widget_bb_group_about_widget .bb-rl-modal-content .item-wrap-box p {
 font-family: IBM Plex Sans;
 font-weight: 400;
 font-size: 13px;
 line-height: 140%;
 color: #F8F8FF;
}
body.groups.wp-singular .activity ul.bb-rl-activity-list li .bb-rl-activity-inner .bb-rl-activity-media-elem {
 border: 0;
 width: 100%;
}
body.groups.wp-singular .activity ul.bb-rl-activity-list li .bb-rl-activity-inner .bb-activity-media-wrap a{
   border-radius: 8px;
width: 100%;
display: block;
background: #000;
}
body.groups.wp-singular .activity ul.bb-rl-activity-list li .bb-rl-activity-inner .bb-activity-media-wrap img{
   border-radius: 0;
margin: 0 auto;
 width: auto;
}
body.groups.wp-singular .bb-rl-groups-single-wrapper .bb-rl-secondary-header .group-actions-absolute .bb_more_options_list {
  border: 1px solid #002E51;
  border-radius: 4px !important;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/membres-bg.png);
  background-repeat: no-repeat;
  background-size: inherit;
  padding: 0;
}
body.groups.wp-singular .bb-rl-groups-single-wrapper .bb-rl-secondary-header .group-actions-absolute .bb_more_options_list .generic-button a {
  font-family: IBM Plex Mono;
  font-weight: 500;
  font-size: 13px;
  line-height: 140%;
  text-align: center;
  color: #F8F8FF;
}
body.groups.wp-singular .bb-rl-groups-single-wrapper .bb-rl-secondary-header .group-actions-absolute .bb_more_options_list .generic-button a::before {
  color: #F8F8FF;
  font-size: 15px;
}
.groups .bb-rl-main-group-section #bb-rl-albums-groups-li,
.groups .bb-rl-main-group-section #bb-rl-documents-groups-li {
   display: none;
}
body.groups.wp-singular .bb-rl-group-details .bb-rl-content-wrapper .bb-rl-media-stream {
  margin: 0;
  border: 1px solid #002E51;
  border-radius: 4px;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/membres-bg.png);
  background-repeat: repeat;
  background-position: center;
  background-size: inherit;
  padding: 16px;
}
body.groups.wp-singular .bb-rl-group-details .bb-rl-content-wrapper .bb-rl-media-stream .bb-rl-media-actions-wrap {
  padding: 0 0 16px;
  border: 0;
  gap: 4px;
  margin: 0;
}
body.groups.wp-singular .bb-rl-group-details .bb-rl-content-wrapper .bb-rl-media-stream .bb-rl-media-actions-wrap h2.bb-title {
  text-transform: uppercase;
  font-family: IBM Plex Mono;
  font-weight: 600;
  font-size: 15px;
  line-height: 140%;
  color: #F8F8FF;
}
body.groups.wp-singular .bb-rl-group-details .bb-rl-content-wrapper .bb-rl-media-stream #media-stream {
  padding: 0;
}
body.groups.wp-singular .bb-rl-group-details .bb-rl-content-wrapper .bb-rl-media-stream .bb-media-actions .bb-add-media,
body.groups.wp-singular .bb-rl-group-details .bb-rl-content-wrapper .bb-rl-media-stream .bb-video-actions .bb-add-video {
  padding: 4px 8px;
  font-family: IBM Plex Mono;
  font-weight: 500;
  font-size: 13px;
  text-align: center;
}
body.groups.wp-singular .bb-rl-group-details .bb-rl-content-wrapper .bb-rl-media-stream .bb-media-actions .bb-add-media i,
body.groups.wp-singular .bb-rl-group-details .bb-rl-content-wrapper .bb-rl-media-stream .bb-video-actions .bb-add-video i {
  display: none;
}
body.groups.wp-singular .bb-rl-media-stream .bb-rl-media-actions-wrap .bb-media-meta {
  gap: 4px;
}
body.groups.wp-singular .bb-rl-media-stream .bb-rl-media-actions-wrap .bb-media-meta a {
  width: 26px;
  height: 26px;
  border: 1px solid #002E51;
  background-color: transparent;
  border-radius: 4px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.groups.wp-singular .bb-rl-media-stream .bb-rl-media-actions-wrap .bb-media-meta a i.bb-icons-rl-check-circle::before,
body.groups.wp-singular .bb-rl-media-stream .bb-rl-media-actions-wrap .bb-media-meta a i.bb-icons-rl-trash::before {
  content: '';
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/check-sq-fr.svg);
  background-repeat: no-repeat;
  background-size: inherit;
  width: 12px;
  height: 12px;
  font-size: 0;
  background-position: center;
  display: block;
}
body.groups.wp-singular .bb-rl-media-stream .bb-rl-media-actions-wrap .bb-media-meta a i.bb-icons-rl-trash::before {
   background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/delete-forever.svg);
   width: 16px;
   height: 16px;
   background-size: contain;
}
body.groups.wp-singular .bb-rl-group-details .bb-rl-content-wrapper .bb-rl-media-stream ul.media-list,
body.groups.wp-singular .bb-rl-group-details .bb-rl-content-wrapper .bb-rl-media-stream ul.video-list {
  gap: 8px;
}
body.groups.wp-singular .bb-rl-group-details .bb-rl-content-wrapper .bb-rl-media-stream ul.media-list li .bb-item-cover-wrap,
body.groups.wp-singular .bb-rl-group-details .bb-rl-content-wrapper .bb-rl-media-stream ul.video-list li a.bb-open-video-theatre {
  border-radius: 4px;
  border: 1px solid #FFFFFF1A;
}
body.groups.wp-singular .bb-rl-group-details .bb-rl-content-wrapper .bb-rl-media-stream ul li i,
body.groups.wp-singular .bb-rl-group-details .bb-rl-content-wrapper .bb-rl-media-stream ul li span.bb-icons-rl-check-circle {
  font-size: 16px;
}
body.groups.wp-singular .bb-rl-group-details .bb-rl-content-wrapper .bb-rl-media-stream ul li a.bb_more_options_action {
  border-radius: 0;
  border: 0;
  background-color: transparent;
}
body.groups.wp-singular .bb-rl-group-details .bb-rl-content-wrapper .bb-rl-media-stream .bb-rl-media-actions-wrap .bb-media-actions{
   margin-left: 0;
}
body.groups.wp-singular .bb-rl-group-details .bb-rl-content-wrapper .bb-rl-media-stream .bb-rl-media-actions-wrap .bb-media-actions-wrap{
  justify-content: space-between;
  flex-wrap: wrap;
}
body.groups.wp-singular .group_members ul.members-group-list {
  display: block;
  border: 1px solid #002E51;
  border-radius: 4px;
  padding: 16px;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/membres-bg.png);
  background-repeat: repeat;
  background-position: center;
  background-size: inherit;
}
body.groups.wp-singular #bb-rl-members-group-list ul.members-group-list li.item-entry-header {
 color: #959595;
 font-family: IBM Plex Mono;
 font-weight: 600;
 font-size: 13px;
 line-height: 140%;
 text-transform: uppercase;
 border-top: 1px solid #002E51;
 padding-top: 16px;
 border-right: 0;
 border-left: 0;
 border-bottom: 0;
 border-radius: 0;
 padding-right: 0;
 padding-left: 0;
}
body.groups.wp-singular #bb-rl-members-group-list ul.members-group-list li.odd, body.groups.wp-singular #bb-rl-members-group-list ul.members-group-list li.even {
 border: 0;
 padding: 0 0 16px 0;
}
body.groups.wp-singular #bb-rl-members-group-list ul.members-group-list li:last-child {
 padding: 0;
}
body.groups.wp-singular .group_members ul.members-group-list .list-wrap-inner {
  flex-direction: inherit !important;
  align-items: center;
  gap: 16px;
}
body.groups.wp-singular #bb-rl-members-group-list ul.members-group-list li .list-wrap-inner .item-avatar {
  align-items: center;
  margin: 0;
}
body.groups.wp-singular .group_members ul.members-group-list .list-wrap-inner .item-avatar img {
  max-width: 52px !important;
}
body.groups.wp-singular .group_members ul.members-group-list .list-wrap-inner .item {
  background-color: transparent;
  border: 0;
  padding: 0;
  flex: 1;
  text-align: left;
}
body.groups.wp-singular .group_members ul.members-group-list .list-wrap-inner .item h2 a {
font-family: 'IBM Plex Sans';
    font-weight: 600;
    font-size: 15px;
    line-height: 140%;
    color: #F8F8FF;
}
body.groups.wp-singular .group_members ul.members-group-list .list-wrap-inner p.member-role {
    font-family: IBM Plex Sans;
  font-weight: 400;
  font-size: 13px;
  line-height: 140%;
  color: #9EF66A;
}
body.groups.wp-singular .group_members ul.members-group-list .list-wrap-inner p.member-role span {
  color: #959595;
}
body.groups.wp-singular .group_members ul.members-group-list .list-wrap-inner .bb-rl-member-buttons-wrap {
  padding: 0;
  border: 0;
  margin: 0 !important;
  background-color: transparent !important;
  width: auto;
}
body.groups.wp-singular .group_members ul.members-group-list .list-wrap-inner .bb-rl-member-buttons-wrap a {
    width: auto !important;
    height: auto !important;
    font-family: 'IBM Plex Sans';
    font-weight: 600;
    font-size: 13px;
    line-height: 140%;
    text-align: center;
    color: #9EF66A;
    border: 1px solid #296410 !important;
    background-color: transparent;
    padding: 3px 8px;
}
body.groups.wp-singular .group_members ul.members-group-list .list-wrap-inner .bb-rl-member-buttons-wrap a.friendship-button::before,
body.groups.wp-singular .group_members ul.members-group-list .list-wrap-inner .bb-rl-member-buttons-wrap a.friendship-button::after {
  display: none;
}
body.groups.wp-singular .group_members ul.members-group-list .list-wrap-inner .bb-rl-member-buttons-wrap a:hover {
  background-color: #7ff94f0f !important;
}
body.groups.wp-singular .group_members ul.members-group-list .list-wrap-inner .bb-rl-member-buttons-wrap {
  padding: 0;
  border: 0 !important;
  background-color: transparent ! IMPORTANT;
}
body.groups.wp-singular .group_members ul.members-group-list .bb_more_options {
  display: none;
}
body.groups.wp-singular .group_members ul.members-group-list li.item-entry {
  padding-bottom: 16px;
}
body.groups.wp-singular .group_members ul.members-group-list li.item-entry:last-child {
  padding-bottom: 0;
}
body.groups.wp-singular .survival-team-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

body.groups.wp-singular .survival-team-info span {
display: flex;
    gap: 4px;
    font-family: 'IBM Plex Sans';
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    color: #959595;
    text-transform: capitalize;
}

body.groups.wp-singular .survival-team-info img {
  width: 16px;
  height: 16px;
}

body.groups.wp-singular .survival-team-info span.separator {
  padding: 0 8px;
}

body.single-item.groups .bb-rl-main-group-section .bb-rl-group-info-wrap .group-actions-absolute .join-group {
  color: #9EF66A;
  padding: 7px !important;
  border-radius: 4px;
  border: 1px solid #296410;
  background-color: #29641014;
  font-family: IBM Plex Mono;
  font-weight: 600;
  font-size: 15px;
  line-height: 140%;
  margin-right: 8px;
}
/*================= End New group implementations Css =================*/


/*=============================Group Card Styles for created_group and joined_group activities========================================(New Added)*/

.bb-rl-activity-list .groups .bb-rl-activity-content .haven-group-card {
  margin: 4px 0 0;
  padding: 0;
}

.bb-rl-activity-list .groups .bb-rl-activity-content .haven-group-card-link {
  display: block;
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease;
  border-left: 4px solid #3B82F6;
  border-radius: 4px;
}
.bb-rl-activity-list .groups .bb-rl-activity-content .haven-group-card-link{
   border-left: 4px solid #3B82F6;
}
.bb-rl-activity-list .groups.survival-team .bb-rl-activity-content .haven-group-card-link{
   border-left: 4px solid #A76AE0;
}

.bb-rl-activity-list .groups .bb-rl-activity-content .haven-group-card-link:hover {
  text-decoration: none;
}

.bb-rl-activity-list .groups .bb-rl-activity-content .haven-group-card-content {
 display: flex;
 align-items: center;
 gap: 16px;
 padding: 8px 16px 8px 8px;
 background: rgb(5 5 5 / 45%);
 border-radius: 4px;
 background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/new-group-bg.png);
 background-repeat: repeat;
 background-position: top;
 background-size: inherit;
}

.bb-rl-activity-list .groups .bb-rl-activity-content .haven-group-card-avatar {
 flex-shrink: 0;
 width: 80px;
 height: 80px;
 border-radius: 4px;
 overflow: hidden;
 border: 0;
 position: relative;
}
.bb-rl-activity-list .groups .bb-rl-activity-content .haven-group-card-avatar:before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 border: 1px solid #FFFFFF1A;
 pointer-events: none;
 width: 100%;
 height: 100%;
 border-radius: 4px;
 background: transparent;
}
.bb-rl-activity-list .groups .bb-rl-activity-content .haven-group-card-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.bb-rl-activity-list .groups .bb-rl-activity-content .haven-group-card-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.bb-rl-activity-list .groups .bb-rl-activity-content .haven-group-card-details{
 display: flex;
 align-items: center;
 gap: 4px;
 color: #959595;
 flex-wrap: wrap;
}

.bb-rl-activity-list .groups .bb-rl-activity-content .haven-group-card-label {
 text-transform: capitalize;
 font-family: IBM Plex Sans;
 font-weight: 500;
 font-size: 13px;
 line-height: 140%;
 color: #3B82F6;
}
.bb-rl-activity-list .groups.survival-team .bb-rl-activity-content .haven-group-card-label{
   color: #A76AE0;
}
.bb-rl-activity-list .groups .bb-rl-activity-content .haven-group-card-name {
 color: #F8F8FF;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
    font-family: 'IBM Plex Sans';
 font-weight: 600;
 font-size: 15px;
 line-height: 140%;
}

.bb-rl-activity-list .groups .bb-rl-activity-content .haven-group-card-members {
 color: #959595;
 font-family: IBM Plex Sans;
 font-weight: 400;
 font-size: 13px;
 line-height: 140%;
 line-height: 21px;
}

.bb-rl-activity-list .groups .bb-rl-activity-content .haven-group-card-arrow {
 flex-shrink: 0;
 display: flex;
 align-items: center;
 justify-content: center;
 width: 24px;
 height: 24px;
 font-size: 10px;
 transition: transform 0.3s 
 ease;
}
.bb-rl-activity-list .groups .bb-rl-activity-content .haven-group-card-arrow i.bb-icon-angle-right {
 line-height: 10px;
}
.bb-rl-activity-list .groups .bb-rl-activity-content .haven-group-card-arrow i.bb-icon-angle-right::before{
 content: '';
 font-size: 0;
 width: 10px;
 height: 10px;
 background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/right-arrow-r.svg);
 background-repeat: no-repeat;
 background-position: center;
 background-size: 10px;
 display: block;
}
.bb-rl-activity-list .groups .bb-rl-activity-content .haven-group-card-link:hover .haven-group-card-arrow {
  transform: translateX(4px);
  color: #7FF94F;
}

/* Remove default mini class padding for group activities */

body .activity ul.bb-rl-activity-list li.created_group .bb-rl-activity-inner,
body .activity ul.bb-rl-activity-list li.joined_group .bb-rl-activity-inner {
  padding: 8px 16px 16px;
}
body .activity ul.bb-rl-activity-list li .bb-rl-activity-head .bb-rl-activity-header p:first-child {
 display: flex;
 gap: 8px;
 align-items: center;
 flex-wrap: wrap;
}
.bb-rl-groups-single-wrapper ul.bb-rl-activity-list li.groups.activity_update .bb-rl-activity-head .bb-rl-activity-header p:first-child:before {
  display: none;
}

body .activity ul.bb-rl-activity-list li.groups .bb-rl-activity-head .bb-rl-activity-header p:first-child:before,
body .activity ul.bb-rl-activity-list li.survival-team .bb-rl-activity-head .bb-rl-activity-header p:first-child:before {
 content: '';
 width: 20px;
 height: 20px;
 background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/double-author.svg);
 background-repeat: no-repeat;
 background-position: center;
 background-size: 20px;
}
body .activity ul.bb-rl-activity-list li.survival-team .bb-rl-activity-head .bb-rl-activity-header p:first-child:before {
 background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/third-author.svg);
}

/* Responsive adjustments */
@media (max-width: 768px) {

 .bb-rl-activity-list .groups .bb-rl-activity-content .haven-group-card-members {
    font-size: 13px;
 }

 .bb-rl-activity-list .groups .bb-rl-activity-content .haven-group-card-arrow {
    width: 24px;
    height: 24px;
    font-size: 16px;
 }
}

@media (max-width: 544px) {
 .bb-rl-activity-list .groups .bb-rl-activity-content .haven-group-card-members {
    font-size: 12px;
 }
 body .activity ul.bb-rl-activity-list li .bb-rl-activity-header .bb-rl-activity-group-post-meta {
    display: flex;
}
}

/*===================================================================================================*/

/*================= Start Groups Css =================*/
body.groups .bp-single-plain-nav .groups-directory-wrapper {
  max-width: 1288px;
  margin: auto;
}
body.groups .bp-single-plain-nav .groups-directory-container #groups-dir-list ul.groups-list li {
  display: block;
  border: 1px solid #002E51;
  border-radius: 4px;
  padding: 0;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/membres-bg.png);
  background-repeat: repeat;
  background-position: center;
  background-size: inherit;
  margin: 0;
  overflow: hidden;
}
body.groups .bp-single-plain-nav .groups-directory-container #groups-dir-list ul.groups-list li .item {
  padding: 0 16px 16px;
}
body.groups .bp-single-plain-nav .groups-directory-container #groups-dir-list ul.groups-list li .item .item-meta-wrap, 
body.groups .bp-single-plain-nav .groups-directory-container #groups-dir-list ul.groups-list li .item .item-meta-wrap span {
  color: #959595;
  gap: 6px;
}
body.groups .bp-single-plain-nav .groups-directory-container #groups-dir-list ul.groups-list li .bs-group-cover {
  display: block;
}
body.groups .bp-single-plain-nav .groups-directory-container #groups-dir-list ul.groups-list li .bs-group-cover a {
  padding-top: 160px;
  border-radius: 0;
}
body.groups .bp-single-plain-nav .groups-directory-container #groups-dir-list ul.groups-list li .item-avatar {
  padding: 0 16px;
}
body.groups .bp-single-plain-nav .groups-directory-container #groups-dir-list ul.groups-list li .item-avatar img {
 width: 80px;
 height: 80px;
 border-radius: 4px;
 border: 0;
}
body.groups .bp-single-plain-nav .groups-directory-container #groups-dir-list ul.groups-list li .item-avatar h2{
   line-height: 21px;
}
body.groups .bp-single-plain-nav .groups-directory-container #groups-dir-list ul.groups-list li .item-avatar h2 a {
  font-family: IBM Plex Sans;
  font-weight: 600;
  font-size: 15px;
  line-height: 140%;
  color: #F8F8FF;
}
body.groups .bp-single-plain-nav .groups-directory-container #groups-dir-list ul.groups-list li .item .group-item-wrap {
  margin-bottom: 0;
}
body.groups .bp-single-plain-nav .groups-directory-container #groups-dir-list ul.groups-list li .item .group-footer-wrap .group-members-wrap {
  margin-bottom: 16px;
  margin-top: 8px;
}
body.groups .bp-single-plain-nav .groups-directory-container #groups-dir-list ul.groups-list li .item .group-footer-wrap .group-members-wrap .bb-group-members{
  align-items: center;
}
body.groups .bp-single-plain-nav .groups-directory-container #groups-dir-list ul.groups-list li .item .group-members-wrap .count-wrap {
  font-family: IBM Plex Mono;
  font-weight: 400;
  font-size: 13px;
  line-height: 140%;
  color: #959595;
}
body.groups .bp-single-plain-nav .groups-directory-container #groups-dir-list ul.groups-list li .item .group-footer-button .groups-loop-buttons button {
color: #9EF66A;
    border: 1px solid #296410;
    background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/rediam-bg.png);
    background-repeat: repeat;
    background-size: auto;
    font-family: 'IBM Plex Sans';
    font-weight: 600;
    font-size: 15px;
    line-height: 140%;
    padding: 8px;
    width: 100%;
    text-transform: capitalize;
}
body.groups .bp-single-plain-nav .groups-directory-container #groups-dir-list ul.groups-list li .item .group-footer-button .groups-loop-buttons button:hover{
  background-color: #29641045;
}
body.groups .bp-single-plain-nav .groups-directory-container #groups-dir-list ul.groups-list li .item .groups-loop-buttons,
body.groups .bp-single-plain-nav .groups-directory-container #groups-dir-list ul.groups-list li .item .groups-loop-buttons .generic-button {
  width: 100%;
}
body.groups .bp-single-plain-nav .groups-directory-container #groups-dir-list ul.groups-list li .item .group-footer-button .groups-loop-buttons button::before {
  display: none;
}

#header-cover-image .survival-team-header-badge {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  border: 1px solid #296410;
  width: fit-content;
  padding: 5px 8px;
  border-radius: 4px;
  gap: 4px;
  margin: 16px;
}

#header-cover-image .survival-team-header-badge .team-icon {
  width: 12px;
  height: 12px;
}

#header-cover-image .survival-team-header-badge .team-text {
  font-family: IBM Plex Mono;
  font-weight: 600;
  font-size: 11px;
  line-height: 140%;
  color: #9EF66A;
}
/*================= End Groups Css =================*/
.bb-readylaunch-mobile-menu__wrap {
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/onborading.png);
  background-repeat: repeat;
  background-size: inherit;
  background-position: center;
}
.bp-wrap .bb-rl-content-wrapper .bb-rl-profile-header ul.bb-rl-sub-menu {
  background-image: url(https://www.haven-0.com/wp-content/uploads/2025/08/Frame-588.png);
  background-repeat: repeat;
  background-position: center;
  background-size: inherit;
  border: 1px solid #002E51 !important;
}
.bp-wrap .bb-rl-content-wrapper .bb-rl-profile-header ul.bb-rl-sub-menu li a {
  font-family: 'IBM Plex Mono';
}
.bp-wrap .bb-rl-content-wrapper .bb-rl-profile-header ul.bb-rl-sub-menu li a:hover {
  background-color: #00599533 !important;
}


/*================= Skeleton Css =================*/

body .bb-rl-loading-bg,
.bb-rl-skeleton-grid .bb-rl-skeleton-grid-block .bb-rl-skeleton-loader {
  background-color: #011D33 !important;
  animation: none;
}
body .bb-rl-activity-placeholder,
body .bb-rl-skeleton-grid .bb-rl-skeleton-grid-block {
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/membres-bg.png) !important;
  background-repeat: repeat;
  background-position: center;
  background-size: inherit;
  border-color: #002E51;
}

body .bb-rl-skeleton-grid.groups-list .bb-rl-skeleton-grid-block{
  padding-top: 107px !important;
  border-radius: 4px;
  padding: 16px;
  gap: 14px;
}
body .bb-rl-activity-placeholder .bb-rl-activity-placeholder_avatar {
  width: 40px;
  height: 40px;
  border-radius: 4px;
}

body .bb-rl-activity-placeholder .bb-rl-activity-placeholder_title {
  height: 14px !important;
  border-radius: 30px !important;
}
.bb-rl-skeleton-grid .bb-rl-skeleton-grid-block .bb-rl-skeleton-cover {
  height: 160px;
  border-radius: 4px !important;
  background-color: #001729 !important;
}
body .bb-rl-skeleton-grid.groups-list .bb-rl-skeleton-grid-block .bb-rl-skeleton-loop {
  gap: 8px;
}
body .bb-rl-skeleton-grid.groups-list .bb-rl-skeleton-grid-block .bb-rl-skeleton-footer .bb-rl-skeleton-data-bit {
   width: 100% !important;
   max-width: 100% !important;
   height: 37px;
   border-radius: 4px !important;
}
body .bb-rl-skeleton-grid.groups-list .bb-rl-skeleton-grid-block .bb-rl-skeleton-footer {
  flex: 0;
}
body .bb-rl-skeleton-grid.groups-list .bb-rl-skeleton-grid-block .bb-rl-skeleton-data .bb-rl-skeleton-data-bit {
  border-radius: 30px;
  height: 14px !important;
}
body .bb-rl-skeleton-grid.groups-list .bb-rl-skeleton-grid-block .bb-rl-skeleton-avatar {
  background-color: #011D33 !important;
  z-index: 2 !important;
  border-radius: 4px;
}
.bb-rl-skeleton-grid.members-list .bb-rl-skeleton-grid-block{
  padding: 16px;
  border-radius: 4px;
}
.bb-rl-skeleton-grid.members-list .bb-rl-skeleton-header {
  display: flex;
  gap: 16px;
  width: 100%;
}
.bb-rl-skeleton-grid.members-list .bb-rl-skeleton-header .bb-rl-skeleton-avatar {
  width: 80px;
  height: 80px;
  border-radius: 4px;
}
.bb-rl-skeleton-grid.members-list .bb-rl-skeleton-header .bb-rl-skeleton-radar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.bb-rl-skeleton-grid.members-list .bb-rl-skeleton-data .bb-rl-skeleton-data-bit {
  margin: 0 0 4px !important;
  border-radius: 30px;
  height: 14px !important;
}
.bb-rl-skeleton-grid.members-list .bb-rl-skeleton-data {
  padding-bottom: 53px;
  border-bottom: 1px solid #011D33;
  margin-bottom: 6px;
}
.bb-rl-skeleton-grid.members-list .bb-rl-skeleton-data .bb-rl-skeleton-data-bit,
.bb-rl-skeleton-grid.members-list .bb-rl-skeleton-data .bb-rl-skeleton-data-bit:nth-of-type(2),
.bb-rl-skeleton-grid.members-list .bb-rl-skeleton-data .bb-rl-skeleton-data-bit:nth-of-type(3){
  width: 100%;
  max-width: 140px;
}
.bb-rl-skeleton-grid.members-list .bb-rl-skeleton-data .bb-rl-skeleton-data-bit:nth-of-type(2){
   max-width: 222px;
}
.bb-rl-skeleton-grid.members-list .bb-rl-skeleton-data .bb-rl-skeleton-data-bit:nth-of-type(3){
   max-width: 200px;
}
.bb-rl-skeleton-grid.members-list .bb-rl-skeleton-data .bb-rl-skeleton-data-bit:nth-of-type(2),
.bb-rl-skeleton-grid.members-list .bb-rl-skeleton-data .bb-rl-skeleton-data-bit:nth-of-type(3) {
  height: 12px !important;
}
.bb-rl-skeleton-grid.members-list .bb-rl-skeleton-grid-block .bb-rl-skeleton-footer {
  flex: 0;
  border-top: 1px solid #011D33;
  padding-top: 17px;
}
.bb-rl-skeleton-grid.members-list .bb-rl-skeleton-grid-block .bb-rl-skeleton-footer .bb-rl-skeleton-data-bit {
  border-radius: 50%;
}
.bb-rl-skeleton-grid.members-list .bb-rl-skeleton-grid-block .bb-rl-skeleton-footer .bb-rl-skeleton-data-bit:first-of-type {
  border-radius: 30px;
  max-width: 83px;
}
.bb-rl-skeleton-grid.members-list .bb-rl-skeleton-grid-block .bb-rl-skeleton-skill {
  width: 100%;
}
.bb-rl-skeleton-grid.members-list .bb-rl-skeleton-grid-block .bb-rl-skeleton-skill .bb-rl-skeleton-data-skill {
  margin: 0 0 4px !important;
  border-radius: 30px;
  height: 14px !important;
  display: block;
  width: 100%;
  max-width: 137px;
}
.bb-rl-skeleton-grid.members-list .bb-rl-skeleton-grid-block .bb-rl-skeleton-skill .bb-rl-skeleton-data-skill:nth-of-type(2) {
  max-width: 205px;
}
.bb-rl-skeleton-grid.members-list .bb-rl-skeleton-grid-block .bb-rl-skeleton-skill .bb-rl-skeleton-data-skill:nth-of-type(3) {
  max-width: 114px;
}
.bb-rl-skeleton-grid.members-list .bb-rl-skeleton-grid-block .bb-rl-skeleton-score {
  width: 100%;
}

.bb-rl-skeleton-grid.members-list .bb-rl-skeleton-grid-block .bb-rl-skeleton-score .bb-rl-skeleton-item {
  display: flex;
  gap: 16px;
  margin-bottom: 8px;
}

.bb-rl-skeleton-grid.members-list .bb-rl-skeleton-grid-block .bb-rl-skeleton-score .bb-rl-skeleton-item .bb-rl-skeleton-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  flex-shrink: 0;
}

.bb-rl-skeleton-grid.members-list .bb-rl-skeleton-grid-block .bb-rl-skeleton-score .bb-rl-skeleton-value {
  width: 100%;
}

.bb-rl-skeleton-grid.members-list .bb-rl-skeleton-grid-block .bb-rl-skeleton-score .bb-rl-skeleton-value .bb-rl-skeleton-title {
  width: 100%;
  height: 12px;
  display: block;
  border-radius: 30px;
  margin-bottom: 4px;
  max-width: 116px;
}

.bb-rl-skeleton-grid.members-list .bb-rl-skeleton-grid-block .bb-rl-skeleton-score .bb-rl-skeleton-value .bb-rl-skeleton-title:last-child {
  margin: 0;
}

.bb-rl-skeleton-grid.members-list .bb-rl-skeleton-grid-block .bb-rl-skeleton-score .bb-rl-skeleton-item:nth-child(even) .bb-rl-skeleton-title:last-child {
  max-width: 50%;
}
.bb-rl-skeleton-grid.members-list .bb-rl-skeleton-grid-block .bb-rl-skeleton-score .bb-rl-skeleton-item:nth-child(even) .bb-rl-skeleton-value .bb-rl-skeleton-title:last-child {
  max-width: 205px;
}

.bb-rl-skeleton-grid.members-list .bb-rl-skeleton-grid-block .bb-rl-skeleton-score .bb-rl-skeleton-item:nth-child(odd) .bb-rl-skeleton-value .bb-rl-skeleton-title:last-child {
  max-width: 105px;
}

.bb-rl-skeleton-grid.members-list .bb-rl-skeleton-grid-block .bb-rl-skeleton-score .bb-rl-skeleton-item:nth-child(even) .bb-rl-skeleton-value .bb-rl-skeleton-title:first-child {
  max-width: 100%;
}
body .bb-rl-activity-placeholder .bb-rl-activity-placeholder_actions{
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row-reverse;
}

body .bb-rl-activity-placeholder .bb-rl-activity-placeholder_actions .bb-rl-activity-placeholder_description:first-of-type {
  margin-left: auto;
  width: 50%;
  border-radius: 30px;
}
body .bb-rl-activity-placeholder .bb-rl-activity-placeholder_actions .bb-rl-activity-placeholder_description {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
#bb-rl-ajax-loader .bb-rl-activity-placeholder{
   margin-bottom: 16px;
}
.bb-rl-activity-placeholder .bb-rl-activity-placeholder_content .bb-rl-activity-placeholder_title {
 width: 93%;
}

.bb-rl-activity-placeholder .bb-rl-activity-placeholder_content .bb-rl-activity-placeholder_title:nth-child(2) {
 width: 80%;
}

.bb-rl-activity-placeholder .bb-rl-activity-placeholder_content .bb-rl-activity-placeholder_title:nth-child(3) {
 width: 88%;
}
.bb-rl-activity-placeholder .bb-rl-activity-placeholder_content{
   margin-bottom: 8px !important;
}
.bb-rl-activity-placeholder_image .bb-rl-activity-placeholder_image {
 height: 340px;
 border-radius: 4px;
 margin-bottom: 16px;
}
.bb-rl-activity-placeholder_flex{
   display: flex;
   justify-content: space-between;
}
.bb-rl-activity-placeholder_flex .bb-rl-activity-placeholder_head {
 flex: 1;
}
.bb-rl-activity-placeholder_flex .bb-rl-activity-dots {
 width: 24px;
 height: 14px;
 border-radius: 30px;
}
/*================= End Skeleton Css =================*/


.bb-readylaunch-mobile-menu__wrap .bb-rl-mobile-profile-section {
  padding: 16px;
}
body.admin-bar .bb-readylaunch-mobile-menu__wrap {
 top: 80px;
}
body .bb-readylaunch-mobile-menu__wrap #mobile-search-form {
  border: 1px solid #002E51;
  border-radius: 4px;
  padding: 9px 16px 8px 56px;
  background-color: transparent;
  font-family: IBM Plex Sans;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  margin: 0 16px 16px;
  background-repeat: repeat;
  background-size: auto;
  background-position: center;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/serach-bg.png);
}
body .bb-readylaunch-mobile-menu__wrap .bb-rl-left-panel {
  width: 100%;
  padding: 0;
  border: 0;
  margin-bottom: 32px;
}

body .bb-readylaunch-mobile-menu__wrap #mobile-search-form .bb-rl-network-search-bar {
  padding: 0;
}

body .bb-readylaunch-mobile-menu__wrap #mobile-search-form::before {
  left: 16px;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Search.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  font-size: 0;
  display: block;
}

body .bb-readylaunch-mobile-menu__wrap #mobile-search-form input#mobile-search {
  width: 100%;
  font-family: IBM Plex Sans;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  color: #959595;
}
/* Make the entire mobile search input clickable on mobile */
@media (max-width: 768px) {
   body .bb-readylaunch-mobile-menu__wrap #mobile-search-form {
      cursor: pointer;
      position: relative;
   }

   body .bb-readylaunch-mobile-menu__wrap #mobile-search-form .bb-rl-network-search-bar {
      cursor: pointer;
      pointer-events: auto;
   }

   body .bb-readylaunch-mobile-menu__wrap #mobile-search-form input#mobile-search {
      cursor: pointer !important;
      pointer-events: auto !important;
      user-select: none;
      -webkit-user-select: none;
   }
}

body .bb-readylaunch-mobile-menu__wrap {
  top: 80px;
  border-top: 1px solid #002E51;
}
.bb-readylaunch-mobile-menu__wrap .bb-rl-mobile-profile-section .bb-rl-mobile-profile-avatar {
  flex-shrink: 0;
  position: relative;
}

.bb-readylaunch-mobile-menu__wrap .bb-rl-mobile-profile-link {
   display: flex;
   align-items: center;
   text-decoration: none;
   color: inherit;
   gap: 12px;
}

.bb-readylaunch-mobile-menu__wrap .bb-rl-mobile-profile-avatar img {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  object-fit: cover;
}

.bb-readylaunch-mobile-menu__wrap .bb-rl-mobile-profile-info {
   flex: 1;
   min-width: 0;
}

.bb-readylaunch-mobile-menu__wrap .bb-rl-mobile-profile-name {
  color: #FFFFFF;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: IBM Plex Mono;
  font-weight: 600;
  font-size: 17px;
  line-height: 140%;
  text-transform: capitalize;
}

.bb-readylaunch-mobile-menu__wrap .bb-rl-mobile-profile-title {
  color: #959595;
  display: flex;
  align-items: center;
  gap: 4px;
  font-family: IBM Plex Sans;
  font-weight: 400;
  font-size: 13px;
  line-height: 140%;
}
.bb-readylaunch-mobile-menu__wrap .bb-rl-mobile-profile-title i {
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  font-size: 0;
  background-position: center;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Face-id.svg);
}
.bb-readylaunch-mobile-menu__wrap .bb-rl-mobile-profile-link .bb-rl-mobile-profile-arrow{
   flex-shrink: 0;
   width: 24px;
   height: 24px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.bb-readylaunch-mobile-menu__wrap .bb-rl-mobile-profile-link .bb-rl-mobile-profile-arrow i::before {
  content: '';
  font-size: 0;
  width: 10px;
  height: 10px;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/right-arrow-r.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
  display: block;
}


.bb-readylaunch-mobile-menu__wrap .bb-rl-mobile-profile-link:hover .bb-rl-mobile-profile-arrow {
   color: rgba(255, 255, 255, 0.8);
}
body .header-aside .notification-wrap .notification-dropdown ul.notification-list .unread:before {
  background-color: #7ff94f !important;
}
.header-aside .header-aside-inner #header-notifications-dropdown-elem .notification-link .count,
.header-aside .header-aside-inner #header-messages-dropdown-elem>a.notification-link span.count {
    background-color: #7ff94f;
    color: #000;
    padding: 0;
    width: 19px;
    height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: calc(50% - 16px);
    right: -11px;
    border: 1px solid #0A0A0A;
}
body.bb-readylaunch-template .bb-rl-left-panel-widget ul.bb-rl-left-panel-menu-list li:last-child {
  margin-bottom: 0;
}
.haven-skills-upgrade-section.mobile .haven-poster {
  border: 1px solid #002E51;
  padding: 16px;
  margin: 0 16px;
  border-radius: 4px;
}
body.bb-readylaunch-template .bb-rl-left-panel .bb-rl-list .bb-rl-item-list a.bb-rl-show-more,
body.bb-readylaunch-template .bb-rl-left-panel .bb-rl-list .bb-rl-show-more a.bb-rl-show-more-link {
    font-family: 'IBM Plex Sans';
  font-weight: 500;
  font-size: 15px;
  line-height: 140%;
  color: #F8F8FF;
}
body.bb-readylaunch-template .bb-rl-left-panel .bb-rl-list .bb-rl-show-more{
  gap: 16px;
  padding: 12px 24px;
  width: 100%;
}
body.bb-readylaunch-template  .bb-rl-left-panel-widget .bb-rl-list .bb-rl-show-more:before,
body.bb-readylaunch-template .bb-readylaunch-mobile-menu__wrap .bb-rl-left-panel-widget .bb-rl-list .bb-rl-show-more:before {
  background-repeat: no-repeat;
  background-size: 8px;
  width: 24px;
  height: 24px;
  font-size: 0;
  background-position: center;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/arrow-downn.svg);
  content:'';
  border: 1px solid #002E51;
  border-radius: 50%;
}
.bb-rl-left-panel-widget .bb-rl-list a.bb-rl-show-more i,
.bb-readylaunch-mobile-menu__wrap .bb-rl-left-panel-widget .bb-rl-list a.bb-rl-show-more i {
  display: none;
}
body .bb-readylaunch-mobile-menu__wrap .bb-rl-left-panel .bb-rl-left-panel-widget:nth-child(3) {
  border-bottom: 0 !important;
}
.haven-skills-upgrade-section.mobile .haven-poster img.haven-poster-image {
  width: 100%;
}
.bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in .bb-rl-whats-new-form-header #bb-rl-whats-new-content {
  border: 0;
  background-image: none;
  padding: 0;
}
.bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in .bb-rl-activity-post-avatar-container a {
    margin-right: 16px;
}
.bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in .bb-rl-whats-new-form-header #bb-rl-whats-new-content #bb-rl-whats-new-textarea:before {
  display: none;
}

body .bb-rl-activity-form.bb-rl-focus-in .bb-rl-whats-new-scroll-view .bb-rl-whats-new-form-header #bb-rl-whats-new-content #bb-rl-whats-new-textarea #bb-rl-whats-new[contenteditable=true]:empty:before {
    font-family: IBM Plex Sans;
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
}

@media (min-width: 767px) {
   body.bb-readylaunch-template .bb-rl-left-panel .haven-skills-upgrade-section.mobile {
    display: none;
 }
}


/*================= Survival-points Css =================*/

.header-aside .header-aside-inner .survival-points-wrap {
    margin-left: 8px;
    position: relative;
}

.header-aside .header-aside-inner .survival-points-wrap a.score-icon-menu {
    display: flex;
    gap: 8px;
    padding: 8px;
    margin-left: 8px;
        border-radius: 4px;
}
.header-aside .header-aside-inner .survival-points-wrap.active .score-icon-menu {
    background-color: #00599533;
}
.header-aside .header-aside-inner .survival-points-wrap:after {
    content: '';
    height: 16px;
    width: 1px;
    background-color: #002E51;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -1px;
}

.header-aside .header-aside-inner .survival-points-wrap a.score-icon-menu span.count {
    font-family: IBM Plex Sans;
    font-weight: 600;
    font-size: 15px;
    line-height: 140%;
    color: #F8F8FF;
}
.header-aside .header-aside-inner .survival-points-wrap a.score-icon-menu img {
    width: 26px;
}






/*================= Responsive Css =================*/

@media (max-width: 1460px) {
  .haven-competences-list .haven-competence-category .haven-sub-skill{
    gap: 4px;
 }
 body .bp-single-plain-nav {
  padding: 30px 20px;
}
}
@media (max-width: 1390px) {
   body .bp-single-plain-nav {
     padding: 20px;
  }
  body.members .buddypress-wrap ul.members-list {
     gap: 16px;
  }
  .haven-sub-skills {
     padding: 0 0 16px 14px;
  }
  .haven-competences-list .haven-competence-category .haven-skill-name .haven-certified,
  .haven-competences-list .haven-category-header .haven-certified {
     width: 12px;
     min-width: 12px;
  }

  .haven-competences-list .haven-competence-category .haven-skill-name .haven-certified img,
  .haven-competences-list .haven-category-header .haven-certified img {
     width: 12px;
     height: 12px;
  }
  .haven-competences-list .haven-category-header h3{
     font-size: 13px;
  }
}
@media (max-width: 1200px) {
   .bb-rl-content-wrapper .bb-rl-secondary-container {
     max-width: 100%;
     flex: 0 0 100%;
  }
  .bb-rl-content-wrapper .bb-rl-secondary-container .bb-rl-widget-sidebar {
     width: 100%;
  }
  body .bp-single-plain-nav .bb-rl-secondary-header .bb-rl-entry-heading h2{
     font-size: 34px;
  }
  body .bp-single-plain-nav .bb-rl-secondary-header .bb-rl-advance-profile-search {
     margin: 0;
  }
  body.error404 .page-header h1.page-title{
     font-size: 34px;
  }
  body.error404 .header-search-wrap .search-form {
     max-width: 430px;
  }
  .bb-rl-screen-content .bb-rl-activity-filters-container{
     margin: 16px 0;
  }
}
@media (max-width: 1024px) {
   .haven-survival-profile-tab .haven-profile-grid{
     grid-template-columns: 1fr;
  }
  body.groups.wp-singular .bb-rl-main-group-section #header-cover-image{
   height: 200px;
}
.haven-step-group.haven-step-4 .haven-step-header h2.haven-step-title{
   font-family: 34px !important;
}
}
@media (max-width: 992px) {
   .bp-wrap .bb-rl-content-wrapper {
     padding: 40px 0 !important;
  }
  header.bb-rl-header .bb-rl-left-panel-mobile{
     font-size: 22px;
     margin: 0;
  }
  header.bb-rl-header .bb-rl-left-panel-mobile i {
    color: #9EF66A;
 }
 body .bb-rl-header .header-aside .header-aside-inner .notification-wrap {
    display: block;
 }
 .header-aside .header-aside-inner #header-messages-dropdown-elem>a, 
 .header-aside .header-aside-inner #header-notifications-dropdown-elem>a, 
 .header-aside .header-aside-inner .user-wrap {
    width: 32px;
    height: 32px;
    padding: 4px;
 }
 .header-aside .header-aside-inner .user-wrap a.user-link {
    padding: 3px;
    width: 28px;
    height: 28px;
 }
 .header-aside .header-aside-inner .user-wrap img {
    max-width: 20px;
 }
 .header-aside .header-aside-inner #header-messages-dropdown-elem>a i.bb-icons-rl-chat-teardrop-text::before, .header-aside .header-aside-inner #header-notifications-dropdown-elem>a i.bb-icons-rl-bell-simple::before{
    width: 18px;
    height: 18px;
    background-size: 18px;
 }
}
@media (max-width: 960px) {
   body .bp-single-plain-nav .bb-rl-secondary-header{
     justify-content: center;
  }
  body .bp-single-plain-nav .bb-rl-secondary-header .bb-rl-entry-heading {
     justify-content: space-between;
     width: 100%;
  }
}
@media (max-width: 991px) {
   body.bb-readylaunch-template .bb-rl-left-panel~.site.bb-readylaunch {
     margin-left: 0;
  }
  .register-page-main {
     padding: 12px;
  }
  #login .login-heading h2, .register-page-main h1 {
     font-size: 34px;
  }
  body .bp-single-plain-nav {
     padding: 20px 0;
  }
  body.members .buddypress-wrap .bb-rl-secondary-header{
   align-items: center !important;
   justify-content: center;
   margin: 0 0 20px;
}
body.home-page .bb-rl-secondary-container {
  border: 1px solid rgba(0, 46, 81, 0.5);
  padding: 10px !important;
  border-radius: 4px;
  margin: 0 20px;
}
body.home-page .bb-rl-secondary-container .bb-rl-widget-sidebar {
  width: 100%;
}
body.home-page .bp-single-plain-nav .bb-rl-activity-wrap .bb-rl-content-wrapper .bb-rl-inner-container{
  max-width:100%;
}
body.groups.wp-singular .bb-rl-group-info-wrap .bb-rl-group-info .wpb-info h2.bb-rl-group-title {
 font-size: 17px;
}
body.groups .bp-single-plain-nav .groups-directory-container #groups-dir-list ul.groups-list li .bs-group-cover a {
  padding-top: 100px;
}
body .bb-readylaunch-mobile-menu__wrap #mobile-search-form .bb-rl-network-search-bar #mobile-search-submit {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: none;
}
body .bb-readylaunch-mobile-menu__wrap #mobile-search-form .bb-rl-network-search-bar{
 position: static;
}
.header-aside .header-aside-inner .survival-points-wrap {
    margin-left: 4px;
    }
.header-aside .header-aside-inner .survival-points-wrap a.score-icon-menu {
    gap: 4px;
    padding: 4px;
    margin-left: 4px;
}
.header-aside .header-aside-inner .survival-points-wrap a.score-icon-menu img {
    width: 20px;
    height: 20px;
}
.header-aside .header-aside-inner .survival-points-wrap a.score-icon-menu span.count{
        font-size: 13px;
}
}

@media screen and (min-width: 769px) and (max-width: 991px) {
   body.directory.groups.buddypress .bp-single-plain-nav {
     padding: 20px;
  }
}

@media (max-width: 782px) {
  body.bb-readylaunch-template.admin-bar .bb-rl-left-panel~.site.bb-readylaunch {
    margin-top: 104px;
 }
}
@media (max-width: 768px) {
   body.home-page .bp-single-plain-nav .bb-rl-activity-wrap .bb-rl-content-wrapper .bb-rl-inner-container .bb-rl-activity-update-form.modal-popup {
     display: block !important;
     padding: 0;
  }
  .haven-profile-grid {
     grid-template-columns: 1fr;
     gap: 20px;
  }
  body .bp-single-plain-nav .bb-rl-secondary-header .bb-rl-entry-heading h2{
     font-size: 24px;
  }
  body.members .buddypress-wrap .bb-rl-secondary-header .bb-rl-entry-heading{
     justify-content: center;
     position: relative;
  }
  body.members .buddypress-wrap ul.members-list li .bb-rl-member-buttons-wrap{
     width: 100%;
  }
  body.members .buddypress-wrap ul.members-list.view-list li .list-wrap .item-avatar-wrap {
     width: 100%;
     height: auto;
  }
  body.members .buddypress-wrap ul.members-list.view-list li .item {
     height: auto;
     width: 100%;
     flex: 100%;
  }
  body.error404 .page-header h1.page-title{
     font-size: 24px;
  }
  body.error404 .page-header p.desc {
     font-size: 13px;
     margin-top: 14px;
  }
  body.error404 .site-header .bb-mobile-header .mobile-logo-wrapper {
     padding: 0;
     justify-content: center;
  }
  body.error404 .site-header .bb-mobile-header .mobile-logo-wrapper img {
     padding: 0;
     max-width: 100px;
     max-height: none;
     min-height: auto;
  }
  body.groups.wp-singular .bb-rl-main-group-section .bb-rl-group-info-wrap .bb-rl-group-info {
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    gap: 16px;
 }
 body.groups.wp-singular .bb-rl-main-group-section .bb-rl-group-info-wrap .bb-rl-group-info #bb-rl-item-header-avatar {
    width: 80px;
    height: 80px;
    margin-top: -60px;
 }
 body.groups.wp-singular .bb-rl-main-group-section nav.main-navs ul li.bp-groups-tab a {
    padding: 12px !important;
 }
 body.groups.wp-singular .bb-rl-main-group-section nav.main-navs ul li.bp-groups-tab a, 
 body.groups.wp-singular .bb-rl-main-group-section nav.main-navs ul li.bp-groups-tab a > .bb-single-nav-item-point, 
 body.groups.wp-singular .bb-rl-main-group-section nav.main-navs ul li a.bb-rl-nav-more {
    font-size: 13px !important;
 }
 body.groups.wp-singular .bb-rl-main-group-section .bb-rl-group-info-wrap .bb-rl-group-extra-info .bp-generic-meta .leave_group{
    font-size: 13px;
 }
 body.groups.wp-singular .bb-rl-main-group-section #header-cover-image{
   height: 104px;
}
body.groups.wp-singular .bb-rl-widget-sidebar .widget_bb_group_about_widget .bb-rl-modal-content,
body.groups.wp-singular .bb-rl-widget-sidebar .widget_bb_group_about_widget h2,
.bb-media-container .bb-rl-media-stream > .bb-media-actions-wrap,
body.groups.wp-singular .bb-rl-group-details .bb-rl-content-wrapper .bb-rl-media-stream {
 padding: 10px;
}
body .bb-rl-activity-page .activity ul.bb-rl-activity-list {
 margin: 0 -1px;
 overflow: hidden;
}
body.home-page .bp-single-plain-nav {
  padding: 16px 0;
}
body.home-page .bp-single-plain-nav .bb-rl-activity-wrap .bb-rl-content-wrapper{
  padding: 0;
}
.bb-rl-screen-content .bb-rl-activity-filters-container {
  margin: 0;
}
body.home-page .site.bb-readylaunch {
 padding: 0;
}
body .bb-rl-content-wrapper form{
 padding: 0 16px;
}
.bb-rl-screen-content .bb-rl-activity-filters-container {
  margin: 0 16px;
}
body .activity ul.bb-rl-activity-list > li{
 border-radius: 0;
}
.bb-rl-screen-content .bb-rl-activity-filters-container .activity-head-bar,
.bb-rl-screen-content .bb-rl-activity-filters-container .activity-head-bar .bb-subnav-filters-container-main{
 width: 100%;
}
.bb-rl-screen-content .bb-rl-activity-filters-container .activity-head-bar .bb-activity-tabs {
 width: 100%;
 padding: 16px 0;
}
body.my-profile .site.bb-readylaunch, 
body.my-profile .bp-single-plain-nav,
body.activity.my-account .site.bb-readylaunch,
body.activity.my-account .site.bb-readylaunch .bb-rl-activity-page,
body.activity.my-account .site.bb-readylaunch #buddypress{
 padding: 0;
}

.haven-survival-sidebar .haven-sidebar-section:nth-child(2),
.haven-profile-right .haven-competences-section,
.haven-profile-right .haven-radar-section,
.haven-profile-grid .haven-profile-left,
.bp-wrap .bb-rl-content-wrapper .bb-rl-profile-header {
 border-radius: 0;
}
.bp-wrap .bb-rl-content-wrapper .bb-rl-profile-header .bb-rl-profile-container .bb-rl-profile-item-header .bb-rl-profile-avatar {
 width: 80px;
 height: 80px;
}
.bp-wrap .bb-rl-content-wrapper .bb-rl-profile-header .bb-rl-profile-container {
   border-top: 1px solid #002E51;
}
.bp-wrap .bb-rl-content-wrapper .bb-rl-profile-header .bb-rl-profile-container .bb-rl-profile-item-header{
 flex-direction: column;
 align-items: flex-start;
}
.bb-rl-profile-header-content .member-title-wrap .haven-certified-badge{
 position: absolute;
 right: 0;
 top: 0;
}
.bb-rl-profile-header-content .bb-rl-member-header-actions-wrap .bb-rl-member-header-actions {
 justify-content: flex-start;
}
.bb-rl-profile-header-content .item-meta {
 text-align: left;
}
body.my-profile .bp-single-plain-nav {
 margin: 0 -1px;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal {
  border-radius: 0;
  border-width: 1px 0;
  border-color: #002E51;
  border-style: solid;
}
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments ul > li ul li.comment-item {
  padding: 8px 0 8px 8px;
}
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments ul > li ul li.comment-item .bb-activity-more-options-wrap span.bb-activity-more-options-action,
body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments ul > li .bb-activity-more-options-wrap .bb-activity-more-options-action {
  padding: 0;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list li > .bb-activity-more-options-wrap.action {
  right: 16px;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments ul li .bb-activity-more-options-wrap.action {
  right: 0;
}
.bb-rl-advance-profile-search #bp-profile-search-form-outer {
 left: 0;
 width: auto;
}
body .bp-single-plain-nav .bb-rl-secondary-header .bb-rl-advance-profile-search {
 position: unset;
}
body.members .buddypress-wrap ul.members-list li .list-wrap .item-avatar {
  align-items: flex-end;
}
body.buddypress .bp-single-plain-nav ul.members-list li.item-entry .list-wrap .bb_more_options {
  top: 0;
}
body.directory.members .bp-single-plain-nav .bb-rl-members-directory-wrapper .bb-rl-secondary-header {
 gap: 16px;
 padding: 0 16px 16px !important;
 margin: 0;
}
body.directory.members .bp-single-plain-nav .bb-rl-members-directory-wrapper .bb-rl-secondary-header .bb-rl-advance-profile-search.wc-mobile {
  width: 100%;
}
body.members .bp-single-plain-nav .bb-rl-members-directory-wrapper .bb-rl-secondary-header .bb-rl-sub-ctrls #subnav-filters {
  display: flex;
  width: 100%;
  justify-content: flex-start;
}
/*body.directory.members .bb-rl-container {
  overflow: hidden;
}*/
body.directory.members .bb-rl-filter label.bb-rl-filter-label {
  display: none;
}
body.members .bp-single-plain-nav .bb-rl-members-directory-wrapper .bb-rl-secondary-header .bb-rl-entry-heading .bb-rl-action-button.wc-mobile, 
body .bp-single-plain-nav .bb-rl-secondary-header .bb-rl-advance-profile-search.wc-mobile{
  display: block !important;
}
body.members .buddypress-wrap .bb-rl-secondary-header .bb-rl-entry-heading{
 justify-content: space-between;
 position: relative;
 width: 100%;
}
body.members .buddypress-wrap .bb-rl-secondary-header .bb-rl-advance-profile-search,
body.members .bp-single-plain-nav .bb-rl-members-directory-wrapper .bb-rl-secondary-header .bb-rl-sub-ctrls .bb-rl-action-button  {
  display: none;
}
body.members .bp-single-plain-nav .bb-rl-members-directory-wrapper .bb-rl-secondary-header .bb-rl-sub-ctrls{
   position: relative;
   width: 100%;
}
.bp-single-plain-nav .bb-rl-secondary-header .bb-rl-filter, .bb-rl-primary-container .bb-rl-sub-ctrls .subnav-filters .bb-rl-filter{
  height: 28px;
}
}
@media (max-width: 799px) {
   body.error404 .site-header .bb-mobile-header-wrapper .bb-mobile-header,
   body.members .bp-single-plain-nav .bb-rl-members-directory-wrapper .bb-rl-secondary-header .bb-rl-sub-ctrls .bb-rl-action-button {
     padding: 0;
     height: auto;
  }
  body.error404 .bb-mobile-header .header-aside>* {
     height: auto;
  }
  body .bp-single-plain-nav .bb-rl-secondary-header{
   align-items: center !important;
}
}

@media (max-width: 782px) {
   body.groups .bp-single-plain-nav .groups-directory-wrapper .bb-rl-secondary-header {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 32px;
    gap: 16px;
 }
 .bp-single-plain-nav .bb-rl-secondary-header .bb-rl-filter label.bb-rl-filter-label {
    display: none;
 }
 .bp-single-plain-nav .bb-rl-secondary-header .bb-rl-filter .select2-selection__rendered, 
 .bb-rl-primary-container .bb-rl-sub-ctrls .subnav-filters .bb-rl-filter .select2-selection__rendered{
   padding-left: 0;
}
body.groups .bp-single-plain-nav .groups-directory-wrapper .bb-rl-secondary-header .bb-rl-sub-ctrls {
  justify-content: flex-end;
  margin: 0;
  width: 100%;
  flex-flow: row-reverse;
}
body.groups .bp-single-plain-nav .groups-directory-wrapper .bb-rl-secondary-header .bb-rl-sub-ctrls .component-filters+.component-filters {
  margin-left: 8px;
}
}
@media (max-width: 768px) {
   body.admin-bar .bb-readylaunch-mobile-menu__wrap {
     top: 94px;
  }
}
@media (max-width: 767px) {
   body .bb-rl-header, body header.bb-rl-login-header, body.registration header.bb-rl-login-header, body.error404 header.site-header {
     padding: 8px 15px;
  }
  #login form input#wp-submit, .register-page-main form#signup-form input#signup_submit {
     font-size: 13px;
     line-height: 16px;
     padding: 7px;
     min-height: 42px;
  }

  body.error404 .page-content a.button {
     padding: 10px 20px;
     font-size: 13px;
  }
  body .bb-rl-content-wrapper ul.bb-rl-activity-list li .bb-rl-activity-inner .bb-activity-media-wrap {
     gap: 12px;
  }
  body.home-page .bb-rl-secondary-container .bb-rl-widget-sidebar {
     width: 100%;
  }
  body.home-page .bb-rl-secondary-container{
     margin: 0;
     max-width: 100%;
     display: none;
  }
  body .bb-rl-activity-form.bb-rl-focus-in .bb-rl-whats-new-scroll-view .bb-rl-whats-new-form-header #bb-rl-whats-new-content,
  .bb-rl-activity-update-form.modal-popup #bb-rl-whats-new-form .bb-rl-whats-new-form-footer,
  body.bp-user .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments form{
    padding: 10px;
 }
 .bb-media-container .bb-rl-media-stream #media-stream {
  padding: 10px;
}
body.groups.wp-singular .group_members ul.members-group-list .list-wrap-inner .bb-rl-member-buttons-wrap .bb-rl-primary-actions {
  margin-left: 0;
}
body.group-brushcrafting-group .group_members ul.members-group-list .list-wrap-inner{
   flex-wrap: wrap;
   gap: 8px;
}
body.groups .bp-single-plain-nav .groups-directory-container #groups-dir-list ul.groups-list li .item-avatar img {
  width: 48px;
  height: 48px;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal{
 width: 100%;
 max-width: 100%;
}
}
@media (max-width: 660px) {
  .haven-team-members {
     font-size: 11px;
  }
  .groups-directory-container ul#groups-list li img.avatar {
     max-width: 50px;
  }
  body .bb-rl-content-wrapper ul.bb-rl-activity-list li .bb-rl-activity-inner p {
     padding: 0 0 8px;
  }
  body.group-brushcrafting-group .bb-rl-group-details .bb-rl-content-wrapper .bb-rl-media-stream .bb-rl-media-actions-wrap{
   flex-wrap: wrap;
}
.haven-profile-right .haven-radar-section .haven-radar-chart {
  max-width: 330px;
  height: 330px !important;
}
.haven-profile-right .haven-radar-section .haven-radar-chart canvas {
 width: 330px !important;
 height: 330px !important;
}
.bb-rl-advance-profile-search #bp-profile-search-form-outer form .bb-rl-profile-filter-headline{
   flex-wrap: wrap;
}
}
@media (max-width: 575px) {

   body.members .buddypress-wrap ul.members-list{
    grid-template-columns: 1fr;
 }
 body.members .site.bb-readylaunch {
  padding: 0;
}
.header-aside .bb-rl-profile-dropdown ul.bb-profile-submenu-lists {
 right: 0;
 left: auto;
 min-width: 100%;
 top: 50px;
 z-index: 1;
}
}
@media screen and (max-width: 544px) {
   .bb-rl-sub-ctrls .bb-rl-grid-filters+.component-filters, .bb-rl-sub-ctrls .component-filters+.component-filters {
     margin-left: 0 !important;
  }
  body .activity ul li .bb-rl-activity-footer-actions .bp-generic-meta {
     border-top: 0;
     margin-top: 0;
     padding-top: 0;
  }
  body.group-brushcrafting-group .bb-rl-group-details .bb-rl-content-wrapper .bb-rl-media-stream ul.media-list {
     grid-template-columns: repeat(2, 1fr);
  }
  body .activity ul li .bb-rl-activity-footer-actions .bp-generic-meta{
     justify-content: left;
  }
  body .activity ul.bb-rl-activity-list li .bb-rl-activity-footer-actions {
        gap: 16px;
        flex-flow: row-reverse;
  }
  .bb-rl-activity-comments.bb-rl-threaded-comments form .bb-rl-ac-reply-footer, 
  .bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-modal-activity-footer form .bb-rl-ac-reply-footer{
   flex-wrap: unset;
}
.bb-rl-activity-comments.bb-rl-threaded-comments form .bb-rl-ac-reply-footer .bb-rl-ac-reply-toolbar, .bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-modal-activity-footer form .bb-rl-ac-reply-footer .bb-rl-ac-reply-toolbar{
   justify-content: flex-start;
}
.bb-rl-activity-comments ul li .bb-rl-acomment_inner .bb-rl-acomment-foot-actions .activity-meta{
 justify-content: flex-start;
 border-top: 0;
 margin-top: 0;
 padding-top: 0;
 width: auto;
}
.bb-rl-activity-comments ul li .bb-rl-acomment_inner .bb-rl-acomment-foot-actions {
  margin-top: 0;
  flex-flow: row-reverse;
}
.activity-item.has-comments .bb-rl-acomment-foot-actions .bb-rl-comment-reactions{
 width: auto;
 flex-direction: column;
}
.bb-rl-activity-comments ul li .bb-rl-acomment_inner .bb-rl-acomment-foot-actions .activity-state-reactions .comment-reactions_count {
  font-size: 0;
  margin: 0;
}
body .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments ul li .bb-rl-acomment-foot-actions a.activity-state-comments.has-comments {
  display: none;
}
body.groups .bp-single-plain-nav .groups-directory-container #groups-dir-list ul.groups-list li .bs-group-cover a {
  padding-top: 93px;
}
.bb-rl-groups ul.bp-list.grid, .bb-rl-members ul.bp-list.grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
body.groups .bp-single-plain-nav .groups-directory-wrapper .bb-rl-secondary-header .bb-rl-sub-ctrls {
  justify-content: flex-start;
  flex-flow: wrap;
  flex-direction: column-reverse;
}
body.groups .bp-single-plain-nav .groups-directory-wrapper .bb-rl-secondary-header #subnav-filters {
 justify-content: flex-start;
 width: 100%;
}
.bb-rl-sub-ctrls .subnav-filters+.bb-rl-action-button{
   width: 100%;
}
.header-aside .notification-wrap.messages-wrap .notification-dropdown{
   right: -60px;
}
body .header-aside .notification-wrap .notification-dropdown{
   right: -30px;
}
body .header-aside .notification-wrap .notification-dropdown {
 min-width: 320px;
 max-width: 320px;
}
}
@media (max-width: 420px) {
   body header.bb-rl-login-header .bb-rl-login-header-actions {
     flex-direction: column;
  }
  body header.bb-rl-login-header .bb-rl-login-header-actions a {
     font-size: 12px;
  }
 .haven-profile-right .haven-radar-section .haven-radar-chart canvas,
 .haven-profile-right .haven-radar-section .haven-radar-chart {
  width: 300px !important;
  height: 300px !important;
}
body .header-aside .notification-wrap .notification-dropdown {
 width: 100%;
}
body .header-aside .notification-wrap .notification-dropdown .notification-header {
  padding: 10px;
}
.header-aside .header-aside-inner #header-messages-dropdown-elem i, .header-aside .header-aside-inner #header-notifications-dropdown-elem i {
  font-size: 16px;
}
}

@media (max-width: 374px) {
   .bb-rl-groups ul.bp-list.grid, .bb-rl-members ul.bp-list.grid {
     grid-template-columns: repeat(1, 1fr);

  }
  body .header-aside .notification-wrap .notification-dropdown {
    min-width: 280px;
    max-width: 280px;
 }
}

/* =================== Mobile Activity More Options Dropdown =================== */
@media (max-width: 768px) {
   /* Overlay background */
   body .bb-rl-activity-list .bb-activity-more-options-wrap .bb_more_dropdown_overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.7);
      z-index: 99998;
   }
   
   body .bb-rl-activity-list .bb-activity-more-options-wrap .bb_more_dropdown_overlay.is_visible {
      display: block;
   }
   body .bb-rl-activity-list .bb-activity-more-options-wrap .bb_more_dropdown .button-area {
    border: 1px solid #002E51;
    background-image: url(https://www.haven-0.com/wp-content/uploads/2025/08/Frame-588.png);
    background-repeat: repeat;
    background-size: auto;
    border-radius: 4px;
    padding: 8px 0;
 }

 /* Dropdown container - bottom sheet style */
 body .bb-rl-activity-list .bb-activity-more-options-wrap .bb_more_dropdown {
   position: fixed !important;
   bottom: 16px;
   left: 16px;
   right: 16px;
   top: auto;
   width: auto !important;
   max-width: 100% !important;
   margin: auto!important;
   padding: 0 !important;
   border-radius: 0 !important;
   border: 0;
   background-image: none;
   background-color: transparent;
   z-index: 99999;
   transform: translateY(100%);
   transition: transform 0.3s ease-in-out;
   box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.5);
   visibility: hidden;
   opacity: 0;
}

body .bb-rl-activity-list .bb-activity-more-options-wrap .bb_more_dropdown.is_visible {
   transform: translateY(0) !important;
   visibility: visible;
   opacity: 1;
}

/* Dropdown items */
body .bb-rl-activity-list .bb-activity-more-options-wrap .bb_more_dropdown .generic-button{
   margin: 0;
}
body .bb-rl-activity-list .bb-activity-more-options-wrap .bb_more_dropdown .generic-button a {
 display: flex;
 align-items: center;
 gap: 16px;
 color: #F8F8FF;
 border-radius: 8px;
 padding: 12px 16px !important;
 background-color: transparent;
 transition: background-color 0.2s ease;
 font-family: IBM Plex Sans;
 font-weight: 500;
 font-size: 15px;
 line-height: 140%;
}
body .bb-rl-activity-list .bb-activity-more-options-wrap .bb_more_dropdown .generic-button a:hover {
  background-color: #00599533;
  border-radius: 0;
}

body .bb-rl-activity-list .bb-activity-more-options-wrap .bb_more_dropdown .generic-button a::before {
 color: #9EF66A !important;
 font-size: 18px !important;
 margin: 0 !important;
 width: 21px;
 height: 21px;
 display: flex;
 align-items: center;
 justify-content: center;
}

body .bb-rl-activity-list .bb-activity-more-options-wrap .bb_more_dropdown .generic-button:hover a,
body .bb-rl-activity-list .bb-activity-more-options-wrap .bb_more_dropdown .generic-button a:active {
   background-color: #01294678 !important;
}

/* Cancel button */
body .bb-rl-activity-list .bb-activity-more-options-wrap .bb_more_dropdown::after {
  content: 'Annuler';
  display: block;
  font-family: IBM Plex Sans;
  font-size: 15px;
  line-height: 140%;
  text-align: center;
  font-weight: 500;
  color: #F8F8FF;
  padding: 7px;
  margin-top: 16px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  border: 1px solid #002E51;
        background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/line-light.svg);
        background-repeat: no-repeat;
        background-color: #001829;
         background-size: auto;
  background-color: #001829;
}

body .bb-rl-activity-list .bb-activity-more-options-wrap .bb_more_dropdown::after:active {
   background-color: #01294678;
}

/* Handle bar at top of bottom sheet */
body .bb-rl-activity-list .bb-activity-more-options-wrap .bb_more_dropdown::before {
   content: '';
   position: absolute;
   top: 12px;
   left: 50%;
   transform: translateX(-50%);
   width: 40px;
   height: 4px;
   background-color: rgba(248, 248, 255, 0.3);
   border-radius: 2px;
}
}

.header-aside .bb-rl-profile-dropdown .bb-rl-profile-list-item.wc-profile-view {
   display: none;
}
.header-aside .bb-rl-profile-dropdown .bb-rl-mobile-profile-title.empty i {
    background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Face-id.svg);
}
.header-aside .bb-rl-profile-dropdown .bb-rl-mobile-profile-title.empty {
    color: #959595;
}
/* =================== Mobile Profile Dropdown Submenu =================== */

/* Hide mobile profile section on desktop */
.bb-rl-profile-dropdown .bb-rl-mobile-profile-section {
   display: none;
}

@media (max-width: 768px) {

   /* Show mobile profile section on mobile */
   .bb-rl-profile-dropdown .bb-rl-mobile-profile-section {
      display: block;
   }
   
   /* Overlay background - inside header */
   .bb-rl-header .bb-rl-profile-dropdown-overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.7);
      z-index: 9998;
   }
   
   .bb-rl-header .bb-rl-profile-dropdown-overlay.is_visible {
      display: block;
   }
   
   /* Profile dropdown container - bottom sheet style */
   .user-wrap-container .bb-rl-profile-dropdown {
      position: fixed !important;
      bottom:16px;
      left:16px;
      right:16px;
      top: auto !important;
      width: auto !important;
      max-width: 100% !important;
      margin: auto !important;
      padding: 0 !important;
      border-radius: 0 !important;
      border: 0 !important;
      background-image: none ! IMPORTANT;
      background-repeat: no-repeat;
      background-size: cover;
      background-color: #001829;
      z-index: 9999;
      transform: translateY(100%);
      transition: transform 0.3s ease-in-out;
      box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.5);
      visibility: hidden;
      opacity: 0;
   }
   
   .user-wrap-container .bb-rl-profile-dropdown.is_visible {
      transform: translateY(0) !important;
      visibility: visible;
      opacity: 1;
   }
   .user-wrap-container .bb-rl-profile-dropdown .bb-rl-profile-list-item-area {
     border: 1px solid #002E51;
background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/line-light.svg);
    background-repeat: no-repeat;
    background-size: auto;
     border-radius: 0 0 4px 4px;
     padding: 0 0 16px 0;
  }

  .user-wrap-container .bb-rl-profile-dropdown ul.bb-rl-profile-lists {
     padding: 0;
  }

  /* Profile header */
  .bb-rl-profile-dropdown::before {
    content: 'PROFIL';
    display: block;
    color: #F8F8FF;
    text-align: left;
    padding: 16px;
    margin-bottom: 0;
    font-family: IBM Plex Mono;
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    text-transform: uppercase;
    background-image: url(https://www.haven-0.com/wp-content/uploads/2025/08/Frame-588.png);
    background-repeat: repeat;
    background-size: auto;
    border-radius: 4px 4px 0 0;
    border: 1px solid #002E51;
    border-bottom: 0;
 }

/* Handle bar at top */
.bb-rl-profile-dropdown::after {
   content: '';
   position: absolute;
   top: 12px;
   left: 50%;
   transform: translateX(-50%);
   width: 40px;
   height: 4px;
   background-color: rgba(248, 248, 255, 0.3);
   border-radius: 2px;
}

/* Profile lists container */
.bb-rl-profile-dropdown .bb-rl-profile-lists {
   padding: 16px;
   margin: 0;
   list-style: none;
}

/* Profile heading */
.bb-rl-profile-dropdown .profile-dropdown-heading {
   display: none;
}

/* Mobile profile section in dropdown */
.bb-rl-profile-dropdown .bb-rl-mobile-profile-section {
 margin-bottom: 0 !important;
 padding-bottom: 0 !important;
}

.bb-rl-profile-dropdown .bb-rl-mobile-profile-link {
 display: flex;
 align-items: center;
 text-decoration: none;
 color: inherit;
 gap: 16px !important;
 padding: 16px !important;
 transition: background-color 0.2s ease;
}

.bb-rl-profile-dropdown .bb-rl-mobile-profile-link:hover {
   background-color: rgba(1, 41, 70, 0.47);
}

.bb-rl-profile-dropdown .bb-rl-mobile-profile-avatar {
   flex-shrink: 0;
   position: relative;
}

.bb-rl-profile-dropdown .bb-rl-mobile-profile-avatar img {
 width: 48px;
 height: 48px !important;
 border-radius: 4px !important;
 object-fit: cover !important;
 max-width: 48px !important;
}

.bb-rl-profile-dropdown .bb-rl-mobile-profile-info {
   flex: 1;
   min-width: 0;
}

.bb-rl-profile-dropdown .bb-rl-mobile-profile-name {
 color: #F8F8FF;
 margin-bottom: 0;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 font-family: IBM Plex Mono;
 font-weight: 600;
 font-size: 17px;
 line-height: 140%;
 text-transform: capitalize;
}

.bb-rl-profile-dropdown .bb-rl-mobile-profile-title {
 display: flex;
 align-items: center;
 gap: 4px;
 color: #9EF66A;
 font-family: IBM Plex Sans;
 font-weight: 400;
 font-size: 13px;
 line-height: 140%;
}

.bb-rl-profile-dropdown .bb-rl-mobile-profile-title i {
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  font-size: 0;
  background-position: center;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Face-id-1.svg);
}




/* Profile list items */
.bb-rl-profile-dropdown .bb-rl-profile-list-item {
   margin-bottom: 4px !important;
}

.bb-rl-profile-dropdown .bb-rl-profile-list-item > a,
.bb-rl-profile-dropdown .bb-rl-profile-list-item > .bb-rl-profile-list-link {
 display: flex;
 align-items: center;
 gap: 16px ! IMPORTANT;
 color: #F8F8FF;
 border-radius: 0 !important;
 padding: 12px 16px !important;
 background-color: transparent;
 transition: background-color 0.2s ease;
 text-decoration: none;
}

.bb-rl-profile-dropdown .bb-rl-profile-list-item > a:hover,
.bb-rl-profile-dropdown .bb-rl-profile-list-item > a:active,
.bb-rl-profile-dropdown .bb-rl-profile-list-item > .bb-rl-profile-list-link:hover,
.bb-rl-profile-dropdown .bb-rl-profile-list-item > .bb-rl-profile-list-link:active {
  background-color: #003e6b78 !important;
}

/* Icons */
.bb-rl-profile-dropdown .bb-rl-profile-list-item i {
  color: #fff !important;
  font-size: 18px !important;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Hide submenus by default on mobile */
.bb-rl-profile-dropdown .bb-rl-profile-list-item .bb-profile-submenu-lists {
   display: none;
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.3s ease-in-out;
   padding-left: 40px;
   margin-top: 4px;
}

/* Show submenu when parent item is clicked (first click) */
.bb-rl-profile-dropdown .bb-rl-profile-list-item.mobile-submenu-open .bb-profile-submenu-lists {
   display: block;
   max-height: 500px;
   overflow: visible;
}

/* Submenu items */
.bb-rl-profile-dropdown .bb-profile-submenu-lists .bb-rl-profile-sublist-link {
   margin-bottom: 4px;
}

.bb-rl-profile-dropdown .bb-profile-submenu-lists .bb-rl-profile-sublist-link a {
   display: block;
   font-family: 'IBM Plex Mono', monospace;
   font-size: 14px;
   color: rgba(248, 248, 255, 0.8);
   padding: 10px 12px;
   border-radius: 6px;
   text-decoration: none;
   transition: background-color 0.2s ease;
}

.bb-rl-profile-dropdown .bb-profile-submenu-lists .bb-rl-profile-sublist-link a:hover,
.bb-rl-profile-dropdown .bb-profile-submenu-lists .bb-rl-profile-sublist-link a:active {
   background-color: rgba(1, 41, 70, 0.47);
}

/* Cancel button at bottom */
.bb-rl-profile-dropdown .bb-rl-profile-lists::after {
        content: 'Annuler';
        display: block;
        font-family: IBM Plex Sans;
        font-size: 15px;
        line-height: 140%;
        text-align: center;
        font-weight: 500;
        color: #F8F8FF;
        padding: 7px;
        margin-top: 16px;
        border-radius: 4px;
        cursor: pointer;
        transition: background-color 0.2s ease;
        border: 1px solid #002E51;
        background-size: auto;
        background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/line-light.svg);
        background-repeat: no-repeat;
        background-color: #001829;
}

.bb-rl-profile-dropdown .bb-rl-profile-lists::after:active {
   background-color: #01294678;
}
body .bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in {
 padding: 0;
 max-width: 100% !important;
 width: 100% !important;
 border: 0 !important;
}
body .bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in #bb-schedule-posts,
body .bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in header a.bb-rl-model-close-button{
   display: none;
}
body .bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in header {
  justify-content: space-between;
  background-color: #11111187;
}
body .bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in header .wc-close-create-post {
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  font-size: 0;
  background-position: center;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/long-Left-Arrow.svg);
}
body .bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in h3 {
  font-family: IBM Plex Mono;
  font-weight: 500;
  font-size: 15px;
  line-height: 140%;
  text-transform: uppercase;
  margin-left: 16px;
  flex: 1;
}
body .bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in .wc-publisher {
  font-family: IBM Plex Sans;
  font-weight: 600;
  font-size: 15px;
  line-height: 140%;
  text-align: center;
  color: #9EF66A;
}
body .bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in span.bb-rl-activity-post-user-name-container h5 a {
  display: block;
  line-height: 21px;
  text-transform: capitalize;
}
body .bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in #bb-rl-whats-new-avatar a {
  margin-right: 16px;
}
body .bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in .bb-rl-whats-new-form-header #bb-rl-whats-new-textarea {
  border: 1px solid #002E51;
  border-radius: 4px;
}
body .bb-rl-activity-form.bb-rl-focus-in .bb-rl-whats-new-scroll-view .bb-rl-whats-new-form-header #bb-rl-whats-new-content #bb-rl-whats-new-textarea {
  align-items: flex-start;
  min-height: 190px;
  padding: 16px;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Rectangle-cret-post.png);
  background-repeat: repeat;
  background-position: top;
  background-size: inherit;
}
.bb-rl-activity-update-form.modal-popup #bb-rl-whats-new-form .bb-rl-whats-new-form-footer #bb-rl-whats-new-toolbar .bb-rl-whats-new-toolbar--inner {
  gap: 24px;
}

.header-aside .bb-rl-profile-dropdown .bb-rl-profile-lists li a.bb-rl-profile-list-link::after {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bb-rl-screen-content .bb-rl-activity-theatre .bb-rl-activity-modal .bb-rl-modal-activity-header {
  padding: 16px;
  background-color: #00000052;
  flex-direction: row-reverse;
  gap: 16px;
}

.bb-rl-screen-content .bb-rl-activity-theatre .bb-rl-activity-modal {
  border-top: 0;
}

.bb-rl-screen-content .bb-rl-activity-theatre .bb-rl-activity-modal .bb-rl-modal-activity-header .bb-rl-model-close-button {
  margin-right: auto;
  margin-left: 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  font-size: 0;
  background-position: center;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/long-Left-Arrow.svg);
}

.bb-rl-screen-content .bb-rl-activity-theatre .bb-rl-activity-modal .bb-rl-modal-activity-header h2 {
  flex: 1;
  font-family: IBM Plex Mono;
  font-weight: 500;
  font-size: 15px;
  line-height: 140%;
  text-transform: uppercase;
}

.bb-rl-screen-content .bb-rl-activity-theatre .bb-rl-activity-modal .bb-rl-modal-activity-header .bb-rl-model-close-button .bb-icons-rl-x {
  display: none;
}
.bb-rl-screen-content .bb-rl-activity-theatre .bb-rl-activity-modal ul.bb-rl-activity-list li .bb-rl-activity-head-group {
  padding: 0;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments ul li form.ac-form.events-initiated {
  padding: 0;
  border: 0 !important;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments ul li form.ac-form .bb-rl-ac-reply-toolbar {
  margin: 0;
}
.bb-rl-screen-content .bb-rl-activity-theatre .bb-rl-activity-modal .bb-rl-footer-overflow .bb-rl-ac-reply-footer .bb-rl-ac-reply-toolbar {
  width: auto;
  margin: 0;
}

.bb-rl-screen-content .bb-rl-activity-theatre .bb-rl-activity-modal .bb-rl-footer-overflow .bb-rl-ac-reply-footer .bb-rl-ac-submit-wrap {
  margin-left: auto;
  margin-right: 0;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments ul > li ul li.comment-item .bb-rl-acomment-content {
  padding: 4px 0;
}

.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal ul.bb-rl-activity-list > li .bb-rl-activity-comments ul > li ul li.comment-item .bb-rl-acomment-content p {
  font-family: IBM Plex Sans;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
}
.bp-field-wrap .bp-checkbox-div .bp-checkbox-wrap input[type="checkbox"]{
  border: 1px solid #00DFEF !important;
}
body .bb-rl-header, body header.bb-rl-login-header, body.registration header.bb-rl-login-header, body.error404 header.site-header {
   border-bottom: 1px solid transparent;
}

/*profile css*/
body.xprofile .bp-wrap .bb-rl-content-wrapper .bb-rl-profile-header{
   border-top: 0;
}
body.xprofile .bb-wc-back-area.bb-mobile-only a {
  font-family: IBM Plex Mono;
  font-weight: 500;
  font-size: 15px;
  line-height: 140%;
  text-transform: uppercase;
  color: #F8F8FF;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  background-color: #00000045;
}

body.xprofile .bb-wc-back-area.bb-mobile-only a span.arrow {
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  font-size: 0;
  background-position: center;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/long-Left-Arrow.svg);
}

.haven-skill-modal .haven-skill-modal-body,
.haven-skill-modal .skill-video-section{
   padding: 0;
}

body.groups.wp-singular .bb-rl-main-group-section{
   border-left: 0;
   border-right: 0;
   border-radius: 0;
}

#buddypress .bb-wc-back-area.bb-mobile-only a {
  padding: 0 16px 16px;
  display: flex;
  gap: 16px;
  align-items: center;
}

#buddypress .bb-wc-back-area.bb-mobile-only a span.title {
  font-family: IBM Plex Mono;
  font-weight: 500;
  font-size: 15px;
  line-height: 140%;
  text-transform: uppercase;
  color: #F8F8FF;
}

#buddypress .bb-wc-back-area.bb-mobile-only a .arrow {
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  font-size: 0;
  background-position: center;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/long-Left-Arrow.svg);
}
.bp-media-photo-uploader .modal-container textarea#bp-media-post-content {
  background-color: transparent;
  border-radius: 0;
}

.bp-media-photo-uploader .modal-container .media-uploader-wrapper {
  border-color: #002e51;
  background-color: transparent;
}

.bp-media-photo-uploader .modal-container .media-uploader-wrapper .dz-default.dz-message {
  background-color: transparent;
  border-color: #002e51;
}

.bp-media-photo-uploader .modal-container .media-uploader-wrapper .dz-default.dz-message .dz-button:before {
  background-color: transparent;
}
.bp-media-photo-uploader .modal-container header.bb-model-header,
.bp-media-photo-uploader .modal-container footer.bb-model-footer {
  border-color: #002e51;
}
.bp-media-photo-uploader .modal-container footer.bb-model-footer a#bp-media-submit {
  border: 1px solid #296410;
  color: #9EF66A;
  background-color: #9ef66a08;
  font-family: IBM Plex Mono;
  font-weight: 600;
  font-size: 13px;
  line-height: 140%;
  padding: 4px 16px;
}
body.groups.wp-singular .bb-rl-group-details .bb-rl-content-wrapper .bb-rl-media-stream ul.media-list{
  grid-template-columns: repeat(3, 1fr);
}
body.single-item.groups .bb-rl-left-panel~.site.bb-readylaunch {
  padding: 0;
}
#login{
 padding: 0 20px;
 margin: 0;
}
.language-switcher form#language-switcher input.button{
 min-height: 29px;
 background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/membres-bg.png);
 background-repeat: repeat;
 background-position: center;
 background-size: inherit;
 font-size: 15px;
 padding: 0px 15px;
}
.haven-step-group.haven-step-4 .col-step-5 p{
   text-align: center;
}
body.wp-theme-buddyboss-theme.sticky-header .site-content {
  padding-top: 60px;
}
body.groups.wp-singular .bb-rl-widget-sidebar .widget_bb_group_about_widget {
  border-width: 1px 0;
  border-radius: 0;
}
body.groups.wp-singular .activity ul.bb-rl-activity-list > li{
   border-width: 1px 0;
}
.bb-rl-profile-item-header .bb-rl-profile-header-content .bb-rl-member-header-actions-wrap .haven-certified-badge {
    position: absolute;
    top: 0;
    right: 0;
}
.bb-rl-profile-header-content .member-title-wrap h2.user-nicename {
    font-size: 17px;
 }



/* =============================================================================
Privacy Dropdown Mobile Bottom Sheet Modal
============================================================================= */

/* Privacy dropdown overlay */
.bb-rl-activity-privacy-overlay {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.6);
   z-index: 9998;
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.3s ease, visibility 0.3s ease;
}

.bb-rl-activity-privacy-overlay.is_visible {
   display: block;
   opacity: 1;
   visibility: visible;
}

/* Privacy dropdown - Bottom sheet modal */


/* Handle bar at top */
body .bb-rl-activity-form .bb-rl-activity-privacy-stage::before {
   content: '';
   display: block;
   width: 40px;
   height: 4px;
   background-color: #002E51;
   border-radius: 2px;
   margin: 12px auto 16px;
}
.bb-rl-activity-update-form.modal-popup .bb-rl-activity-form .bb-rl-activity-privacy-stage .bb-rl-activity-privacy__list {
  padding: 0;
}
.bb-rl-activity-update-form.modal-popup .bb-rl-activity-form .bb-rl-activity-privacy-stage .bb-rl-activity-privacy__list .bb-rl-privacy-tag-wrapper {
  gap: 16px;
}
.bb-rl-activity-update-form.modal-popup .bb-rl-activity-form .bb-rl-privacy-tag-wrapper .bb-rl-privacy-figure:before {
  width: 24px;
  height: 24px;
}
.bb-rl-activity-update-form.modal-popup .bb-rl-activity-form .bb-rl-activity-privacy__list label.bb-rl-radio-style {
  padding: 8px 16px;
  margin-bottom: 4px;
  border-radius: 0 !important;
}
.bb-rl-activity-update-form.modal-popup .bb-rl-activity-form .bb-rl-activity-privacy-stage .bb-rl-privacy-sub-label {
  font-family: IBM Plex Sans;
  font-weight: 400;
  font-size: 13px;
  line-height: 140%;
  color: #959595;
}
.bb-rl-activity-update-form.modal-popup .bb-rl-activity-form .bb-rl-privacy-tag .bb-rl-privacy-label {
  font-family: IBM Plex Sans !important;
  font-weight: 500;
}
.bb-rl-activity-update-form.modal-popup .bb-rl-activity-form #bb-rl-whats-new-privacy-stage-body {
  background-image: url(https://www.haven-0.com/wp-content/uploads/2025/08/Frame-588.png);
  background-repeat: repeat;
  background-size: auto;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(0, 46, 81);
  border-image: initial;
  border-radius: 4px;
  padding: 8px 0px;
}

/* Individual privacy options */
body .bb-rl-activity-form .bb-rl-activity-privacy-stage .bb-rl-activity-privacy__list label.bb-rl-radio-style {
   padding: 12px 16px;
   margin-bottom: 8px;
   border-radius: 8px;
   cursor: pointer;
}

/* Cancel button */
body .bb-rl-activity-form .bb-rl-activity-privacy-stage::after {
   content: 'Annuler';
   display: block;
   font-family: IBM Plex Sans;
   font-size: 15px;
   line-height: 140%;
   text-align: center;
   font-weight: 500;
   color: #F8F8FF;
   padding: 7px;
   margin-top: 16px;
   border-radius: 4px;
   cursor: pointer;
   transition: background-color 0.2s 
   ease;
   border: 1px solid #002E51;
   background-image: url(https://www.haven-0.com/wp-content/uploads/2025/08/Frame-588.png);
   background-repeat: no-repeat;
   background-size: cover;
   background-color: #001829;
}

body .bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in span.bb-rl-activity-post-user-name-container h5 a {
  display: block;
  line-height: 21px;
  text-transform: capitalize;
}
body .bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in #bb-rl-whats-new-avatar a {
  margin-right: 16px;
}

body .bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in .bb-rl-whats-new-form-header #bb-rl-whats-new-textarea {
  border: 1px solid #002E51;
  border-radius: 4px;
}

body .bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in #bb-rl-whats-new-toolbar {
  width: 100%;
  justify-content: flex-start;
  flex-direction: column-reverse;
  gap: 24px;
  padding: 0 6px;
}

body .bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in #bb-rl-whats-new-toolbar .bb-rl-whats-new-toolbar--inner, 
body .bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in #bb-rl-whats-new-toolbar .bb-rl-whats-new-toolbar--addon, 
body .bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in #bb-rl-whats-new-toolbar .bb-rl-post-elements-buttons-item {
  width: 100%;
}

body .bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in .bb-rl-whats-new-form-footer {
 padding: 16px !important;
 flex-direction: column;
 border-top: 0 !important;
}

body .bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in #bb-rl-whats-new-toolbar .bb-rl-post-elements-buttons-item .bb-rl-toolbar-button {
  padding: 0;
  gap: 16px;
}

body .bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in #bb-rl-whats-new-toolbar .bb-rl-post-elements-buttons-item .bb-rl-toolbar-button img {
  width: 24px;
  height: 24px;
}

body .bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in .bb-rl-whats-new-form-footer .bb-rl-whats-new-toolbar--inner .bb-rl-post-elements-buttons-item a,
body .bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in .post-elements-buttons-item a {
  width: 24px !important;
  height: 24px !important;
}

body .bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in .bb-rl-whats-new-form-footer .emojionearea-button{
  padding: 0 !important;
  border: 0 !important;
  gap: 8px;
}
.bb-rl-activity-form.bb-rl-focus-in .bb-rl-whats-new-toolbar--inner:after{
   display: none;
}
body .bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in #bb-rl-activity-form-submit-wrapper {
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
#bb-rl-activity-form-submit-wrapper #whats-new-submit #aw-whats-new-submit,
body .bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in #bb-rl-activity-form-submit-wrapper #whats-new-submit {
  width: 100%;
}
body .bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in #bb-rl-activity-form-submit-wrapper input#bb-rl-discard-draft-activity {
  margin: 0;
  border: 1px solid #002E51;
  color: #ffffff;
  width: 100%;
  padding: 8px;
  border-radius: 4px;
}
.bb-rl-whats-new-form-footer .bb-rl-post-elements-buttons-item .bb-rl-toolbar-button span.bb-rl-button-text {
  color: #F8F8FF;
  font-family: IBM Plex Sans;
  font-weight: 600;
  font-size: 15px;
  line-height: 140%;
}
#bb-rl-activity-form-submit-wrapper #whats-new-submit #aw-whats-new-submit {
  width: 100%;
}
.bb-rl-activity-form .bb-rl-post-elements-buttons-item::after {
   content: attr(data-label);
   color: #F8F8FF;
   font-family: IBM Plex Sans;
   font-weight: 500;
   font-size: 15px;
   line-height: 140%;
}

/* Add labels via pseudo-elements */
.bb-rl-activity-form .bb-rl-post-video::after {
   content: 'Vidéo';
}

.bb-rl-activity-form .bb-rl-post-media::after {
   content: 'Photos';
}

.bb-rl-activity-form .bb-rl-document-support::after {
   content: 'Fichier';
}

.bb-rl-activity-form .bb-rl-post-emoji::after {
   content: 'Émoticônes';
}

.bb-rl-activity-form .bb-rl-post-gif::after {
   content: 'GIF';
}
.bb-rl-activity-form #bb-rl-whats-new-toolbar .emojionearea-button::after {
  content: 'Émoticônes';
  color: #F8F8FF;
  font-family: IBM Plex Sans;
  font-weight: 500;
  font-size: 15px;
  line-height: 140%;
}
body .bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in .post-elements-buttons-item a{
   display: none;
}
.bb-rl-activity-update-form.modal-popup #bb-rl-whats-new-form .bb-rl-whats-new-form-footer #bb-rl-whats-new-toolbar .bb-rl-whats-new-toolbar--inner .post-poll {
  display: none;
}
body .bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in #bb-rl-whats-new-toolbar .bb-rl-whats-new-toolbar--addon:after {
  display: none;
}
.bb-rl-activity-form #bb-rl-whats-new-toolbar .emojionearea-button.active {
  background-color: transparent;
}
.bb-rl-activity-form #bb-rl-whats-new-toolbar .emojionearea-picker.emojionearea-picker-position-top{
  width: 100%;
  background-color: transparent !important;
  right: 0;
}
.bb-rl-activity-form #bb-rl-whats-new-toolbar .emojionearea-button {
  justify-content: flex-start;
}
body .bb-rl-activity-update-form.modal-popup form.bb-rl-activity-form.bb-rl-focus-in #bb-rl-whats-new-toolbar .bb-rl-post-elements-buttons-item .emojionearea-standalone{
   width: 100%;
   background-color: transparent;
}
.emojionearea .emojionearea-picker .emojionearea-wrapper{
  background-color: #0a1721;
}
.bb-rl-activity-form #bb-rl-whats-new-toolbar .emojionearea-picker.emojionearea-picker-position-top .emojionearea-filters {
  background-color: #012b4c57;
}
.bb-rl-activity-form #bb-rl-whats-new-toolbar .emojionearea-picker.emojionearea-picker-position-top .emojionearea-filters .emojionearea-filter-smileys_people.active {
  background-color: #0e0e12;
}

div#bb-rl-whats-new-attachments #bb-rl-activity-post-media-uploader {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

div#bb-rl-whats-new-attachments #bb-rl-activity-post-media-uploader .dz-preview {
  width: 100%;
  margin: 0;
  border-radius: 8px;
}

div#bb-rl-whats-new-attachments #bb-rl-activity-post-media-uploader .dz-preview img {
  width: 100%;
  border-radius: 8px;
}

div#bb-rl-whats-new-attachments #bb-rl-activity-post-media-uploader .dz-message {
  margin: 0;
  border-radius: 8px;
}
div#bb-rl-whats-new-attachments #bb-rl-activity-post-media-uploader .dz-preview .dz-image {
  border-radius: 8px;
}
.bb-rl-activity-update-form.modal-popup #bb-rl-whats-new-form .bb-rl-whats-new-form-footer #bb-rl-whats-new-toolbar .bb-rl-whats-new-toolbar--inner .bb-rl-post-elements-buttons-item a:focus {
  background-color: transparent !important;
  border: 0 !important;
}
.bb-rl-activity-video-container #bb-rl-activity-post-video-uploader .dz-default.dz-message .dz-button:before {
  background-color: #917d7d00;
}
.bb-rl-activity-video-container #bb-rl-activity-post-video-uploader .dz-default.dz-message {
  width: 100% !important;
  max-width: 100% !important;
}

.bb-rl-activity-video-container #bb-rl-activity-post-video-uploader {
  width: 100%;
  display: block;
}

.bb-rl-activity-video-container #bb-rl-activity-post-video-uploader .dz-preview {
  width: 100%;
  background-color: transparent;
  border: 1px solid #002d50;
}
.header-aside .bb-rl-profile-dropdown .bb-rl-profile-lists li a .bb-rl-mobile-profile-arrow i:before{
  content: '' !important;
  font-size: 0 !important;
  width: 24px;
  height: 24px;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/right-arrow-r.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
  display:flex;
  align-items: center;
  justify-content: center;
}
body .bb-rl-post-elements-buttons-item.bb-rl-custom-button .bb-rl-dropdown-content {
  padding: 0 !important;
}
body .bb-rl-post-elements-buttons-item.bb-rl-custom-button #bb-rl-skills-dropdown::before {
  margin: 16px auto;
}
.bb-rl-activity-document-container #bb-rl-activity-post-document-uploader .dz-default.dz-message {
  border: 1px solid #002E51;
  background-color: transparent;
  padding: 16px;
  border-radius: 4px;
  width: 100%;
}

.bb-rl-activity-document-container #bb-rl-activity-post-document-uploader {
  margin: 0;
}

.bb-rl-activity-document-container #bb-rl-activity-post-document-uploader .dz-default.dz-message .dz-button:before {
  background-color: transparent;
  border-color: #002e51;
}
body .header-aside-inner #bb-rl-network-search-modal .bb-rl-modal-mask .bb-rl-modal-wrapper .bp-search-form-wrapper {
 flex: 1;
}
body .header-aside-inner #bb-rl-network-search-modal .bb-rl-modal-mask .bb-rl-modal-wrapper {
 position: inherit;
 left: 0;
 top: 0;
 width: 100%;
 padding: 16px 16px 0;
}
body .header-aside-inner #bb-rl-network-search-modal .bb-rl-modal-mask {
 background-image: url(https://www.haven-0.com/wp-content/uploads/2025/08/Home-1.png);
 background-size: inherit;
 background-repeat: repeat;
}

body .header-aside-inner #bb-rl-network-search-modal .bb-rl-modal-mask form#search-form {
 border: 1px solid #002E51;
 border-radius: 4px;
 padding: 9px 8px 8px 36px;
 background-color: transparent;
 font-family: IBM Plex Sans;
 font-weight: 400;
 font-size: 15px;
 line-height: 140%;
 margin: 0;
 background-repeat: repeat;
 background-size: auto;
 background-position: center;
 background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/serach-bg.png);
 display: flex;
 align-items: center;
}

#bb-rl-network-search-modal .bb-rl-modal-mask form#search-form .bb-rl-network-search-bar {
  padding: 0;
  height: 21px;
  gap: 0;
}

#bb-rl-network-search-modal .bb-rl-modal-mask form#search-form button#search-submit {
 display: none;
 left: 0;
}

#bb-rl-network-search-modal .bb-rl-modal-mask form#search-form:before {
  left: 8px;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Search.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  font-size: 0;
  display: block;
  top: 10px;
}

#bb-rl-network-search-modal .bb-rl-modal-mask form#search-form input#search {
 font-family: IBM Plex Sans;
 font-weight: 400;
 font-size: 15px;
 line-height: 140%;
 color: #F8F8FF;
}

#bb-rl-network-search-modal .bb-rl-modal-mask form#search-form input::placeholder {
 color: #959595; 
}
body .header-aside-inner #bb-rl-network-search-modal .bb-rl-modal-mask .bb-rl-modal-wrapper {
 position: inherit;
 left: 0;
 top: 0;
 width: 100%;
 padding: 16px 16px 0;
 display: flex;
 align-items: center;
 gap: 16px;
 transform: none;
 margin: 50px auto 0;
}
body .header-aside-inner #bb-rl-network-search-modal .bb-rl-modal-mask .bb-rl-modal-wrapper span.wc-close-search-bar:nth-child(1) {
 background-repeat: no-repeat;
 background-size: contain;
 width: 20px;
 height: 20px;
 font-size: 0;
 background-position: center;
 background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/long-Left-Arrow.svg);
}
body .header-aside-inner #bb-rl-network-search-modal .bb-rl-modal-mask .bp-dir-search-form .bb-rl-search-results-container {
  padding: 0;
  position: fixed;
  width: 100%;
  top:60px;
  left: 0;
  height: auto;
}
body.admin-bar .header-aside-inner #bb-rl-network-search-modal .bb-rl-modal-mask .bp-dir-search-form .bb-rl-search-results-container {
 top: 162px;
}
#bb-rl-network-search-modal .bb-rl-modal-mask form#search-form .bb-rl-network-search-bar a.bb-rl-network-search-clear {
 font-size: 0;
 border: 0;
 padding: 0;
 width: 21px;
 height: 21px;
 background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/close1.svg);
 background-repeat: no-repeat;
 background-position: center;
 background-size: 10px;
 display: block;
}
.select2-container--open .select2-dropdown {
 max-height: 180px !important;
 overflow-y: auto !important;
}

.select2-container--open .select2-results__options {
 max-height: 160px !important;
 overflow-y: auto !important;
 overflow-x: hidden !important;
}

body .header-aside-inner #bb-rl-network-search-modal .bb-rl-modal-mask .bp-dir-search-form .bb-rl-search-results-container ul.ui-menu {
   border-top: 0 !important;
   margin: 0 !important;
   max-height: calc(100vh - 130px);
}

body .header-aside-inner #bb-rl-network-search-modal .bb-rl-modal-mask .bp-dir-search-form .bb-rl-search-results-container ul.ui-menu li.ui-menu-item {
 border-top: 0;
 padding: 0 !important;
}

body .header-aside-inner #bb-rl-network-search-modal .bb-rl-modal-mask .bp-dir-search-form .bb-rl-search-results-container ul.ui-menu li.ui-menu-item .bp-search-ajax-item {
 padding: 16px;
 border-bottom: 1px solid #002E51 !important;
 align-items: center;
}

body .header-aside-inner #bb-rl-network-search-modal .bb-rl-modal-mask .bp-dir-search-form .bb-rl-search-results-container ul.ui-menu li.bbls-posts-type .bp-search-ajax-item .item a {
        font-family: 'IBM Plex Sans';
 font-weight: 600;
 font-size: 15px;
 line-height: 140%;
 color: #F8F8FF;
}

body .header-aside-inner #bb-rl-network-search-modal .bb-rl-modal-mask .bp-dir-search-form .bb-rl-search-results-container ul.ui-menu li.bbls-posts-type .bp-search-ajax-item .item .item-title {
 margin: 0;
}

body .header-aside-inner #bb-rl-network-search-modal .bb-rl-modal-mask .bp-dir-search-form .bb-rl-search-results-container ul.ui-menu li.bbls-posts-type .bp-search-ajax-item .item a img.emoji {
 margin: 0;
}

body .header-aside-inner #bb-rl-network-search-modal .bb-rl-modal-mask .bp-dir-search-form .bb-rl-search-results-container ul.ui-menu li.bbls-posts-type .bp-search-ajax-item .item .item-desc {
 font-family: IBM Plex Sans;
 font-weight: 400;
 font-size: 15px;
 line-height: 140%;
}

body .header-aside-inner #bb-rl-network-search-modal .bb-rl-modal-mask .bp-dir-search-form .bb-rl-search-results-container ul.ui-menu li.bbls-posts-type .bp-search-ajax-item .item .entry-meta span, body .header-aside-inner #bb-rl-network-search-modal .bb-rl-modal-mask .bp-dir-search-form .bb-rl-search-results-container ul.ui-menu li.bbls-posts-type .bp-search-ajax-item .item .entry-meta span a {
 font-family: IBM Plex Sans;
 font-weight: 500;
 font-size: 13px;
 line-height: 140%;
 color: #959595;
}

body .header-aside-inner #bb-rl-network-search-modal .bb-rl-modal-mask .bp-dir-search-form .bb-rl-search-results-container ul.ui-menu li.bbls-posts-type .bp-search-ajax-item .item .entry-meta {
 margin: 0;
}

body .header-aside-inner #bb-rl-network-search-modal .bb-rl-modal-mask .bp-dir-search-form .bb-rl-search-results-container ul.ui-menu li.ui-menu-item .bp-search-ajax-item .item-avatar {
 width: 50px;
 height: 50px;
}

body .header-aside-inner #bb-rl-network-search-modal .bb-rl-modal-mask .bp-dir-search-form .bb-rl-search-results-container ul.ui-menu li.ui-menu-item img.avatar {
 border-radius: 4px;
}

body .header-aside-inner #bb-rl-network-search-modal .bb-rl-modal-mask .bp-dir-search-form .bb-rl-search-results-container ul.ui-menu li.ui-menu-item .item-title a {
 font-family: IBM Plex Mono;
 font-weight: 600;
 font-size: 15px;
 line-height: 140%;
 color: #F8F8FF;
 text-transform: capitalize;
}

body .header-aside-inner #bb-rl-network-search-modal .bb-rl-modal-mask .bp-dir-search-form .bb-rl-search-results-container ul.ui-menu li.ui-menu-item .item-title {
 margin: 0;
}

body .header-aside-inner #bb-rl-network-search-modal .bb-rl-modal-mask .bp-dir-search-form .bb-rl-search-results-container ul.ui-menu li.ui-menu-item .item p.entry-meta {
 margin: 0;
 font-family: IBM Plex Sans;
 font-weight: 500;
 font-size: 13px;
 line-height: 140%;
 color: #959595;
}

body .header-aside-inner #bb-rl-network-search-modal .bb-rl-modal-mask .bp-dir-search-form .bb-rl-search-results-container ul.ui-menu li.ui-menu-item .item .entry-meta {
 margin: 0;
}
body .header-aside-inner #bb-rl-network-search-modal .bb-rl-modal-mask .bp-dir-search-form .bb-rl-search-results-container ul.ui-menu li.ui-menu-item .bp-search-ajax-item .item-avatar i.bb-icon-f {
 background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/membres-bg.png);
 background-repeat: repeat;
 background-position: top;
 background-size: inherit;
 border: 1px solid #002E51;
}

body .header-aside-inner #bb-rl-network-search-modal .bb-rl-modal-mask .bp-dir-search-form .bb-rl-search-results-container ul.ui-menu li.ui-menu-item .bp-search-ajax-item .item-avatar i.bb-icon-f::before {
        font-size: 24px;
        color: #9EF66A;
        margin: 0;
}

body .header-aside-inner #bb-rl-network-search-modal .bb-rl-modal-mask .bp-dir-search-form .bb-rl-search-results-container ul.ui-menu li.ui-menu-item:last-child .ui-menu-item-wrapper {
 padding: 0 !important;
 border-bottom: 0 !important;
}

body .header-aside-inner #bb-rl-network-search-modal .bb-rl-modal-mask .bp-dir-search-form .bb-rl-search-results-container ul.ui-menu li.ui-menu-item:last-child .ui-menu-item-wrapper a {
 color: #9EF66A;
 margin-top: 10px;
 font-family: IBM Plex Sans;
 font-weight: 400;
 font-size: 15px;
 line-height: 140%;
}
.bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-modal-activity-footer form .bb-rl-ac-reply-footer, body .bb-rl-activity-page .activity ul.bb-rl-activity-list > li .bb-rl-activity-comments form .bb-rl-ac-form-container .bb-rl-ac-reply-footer, .bb-rl-screen-content .bb-rl-internal-model .bb-rl-activity-modal .bb-rl-footer-overflow .bb-rl-ac-form-placeholder .bb-rl-ac-form-container .bb-rl-ac-reply-footer {
  padding: 0 8px 8px;
}


.bb-rl-advance-profile-search #bp-profile-search-form-outer .bb-rl-profile-filter-headline h2 {
  font-weight: 500;
  text-transform: uppercase;
}
.bb-rl-advance-profile-search #bp-profile-search-form-outer form .bb-rl-profile-filter-headline{
   background-color: #020f189c;
   justify-content: inherit;
   gap: 16px;
}
.bb-rl-advance-profile-search #bp-profile-search-form-outer form .bb-rl-profile-filter-headline .wc-close-filters {
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  font-size: 0;
  background-position: center;
  background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/long-Left-Arrow.svg);
}
.bb-rl-advance-profile-search #bp-profile-search-form-outer form .bb-rl-profile-filter-headline p.clear-from-wrap {
  margin-left: auto;
}
.bb-rl-advance-profile-search #bp-profile-search-form-outer form .bb-rl-profile-filter-body .bps-textbox{
   margin: 0 0 8px !important;
}
.bp-field-wrap .bp-checkbox-div {
  margin-top: 8px;
}
/* =============================================================================
Privacy Dropdown Mobile Bottom Sheet Modal
============================================================================= */

/* Privacy dropdown overlay */
.bb-rl-activity-privacy-overlay {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.6);
   z-index: 9998;
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.3s ease, visibility 0.3s ease;
}

.bb-rl-activity-privacy-overlay.is_visible {
   display: block;
   opacity: 1;
   visibility: visible;
}

/* Privacy dropdown - Bottom sheet modal */
body .bb-rl-activity-form .bb-rl-activity-privacy-stage {
   position: fixed !important;
   bottom: 16px !important;
   left:16px !important;
   right: 16px !important;
   top: auto !important;
   margin: auto;
   max-width:100% !important;
   width: auto !important;
   background-color: transparent !important;
   border-radius: 0 !important;
   padding: 0 !important;
   z-index: 9999;
   transform: translateY(100%);
   visibility: hidden;
   opacity: 0;
   transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
   max-height: 80vh;
   overflow-y: auto;
   background-image: none;
   border: 0;
}

body .bb-rl-activity-form .bb-rl-activity-privacy-stage.is_visible {
   transform: translateY(0);
   visibility: visible;
   opacity: 1;
}

/* Handle bar at top */
body .bb-rl-activity-form .bb-rl-activity-privacy-stage::before {
   content: '';
   display: block;
   width: 40px;
   height: 4px;
   background-color: #002E51;
   border-radius: 2px;
   margin: 12px auto 16px;
}

/* Privacy list wrapper */
body .bb-rl-activity-form .bb-rl-activity-privacy-stage .bb-rl-activity-privacy__list {
   padding: 0 16px 16px;
}

/* Individual privacy options */
body .bb-rl-activity-form .bb-rl-activity-privacy-stage .bb-rl-activity-privacy__list label.bb-rl-radio-style {
   padding: 12px 16px;
   margin-bottom: 8px;
   border-radius: 8px;
   cursor: pointer;
}

/* Cancel button */

.bb-rl-whats-new-privacy-stage-body {
   position: relative;
}


/* =============================================================================
Skills Dropdown Mobile Bottom Sheet Modal
============================================================================= */

/* Skills dropdown parent container needs relative positioning */
#bb-rl-skills-dropdown-wrapper,
.bb-rl-skills-dropdown-container {
   position: relative;
}

/* Skills dropdown overlay */
.bb-rl-skills-dropdown-overlay {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.6);
   z-index: 9998;
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.3s ease, visibility 0.3s ease;
}

.bb-rl-skills-dropdown-overlay.is_visible {
   display: block;
   opacity: 1;
   visibility: visible;
}

/* Skills dropdown - Bottom sheet modal */
#bb-rl-skills-dropdown {
   position: fixed !important;
   bottom: 0 !important;
   left: 0 !important;
   right: 0 !important;
   top: auto !important;
   max-width: 100% !important;
   width: 100% !important;
   background-color: #001829 !important;
   border-radius: 0 !important;
   padding: 0 !important;
   z-index: 9999;
   display: none;
   transform: translateY(100%);
   visibility: hidden;
   opacity: 0;
   transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
   max-height: 80vh;
   overflow-y: auto;
}

#bb-rl-skills-dropdown.is_visible {
   display: block !important;
   transform: translateY(0);
   visibility: visible;
   opacity: 1;
}

/* Handle bar at top */
#bb-rl-skills-dropdown::before {
   content: '';
   display: block;
   width: 40px;
   height: 4px;
   background-color: #002E51;
   border-radius: 2px;
   margin: 12px auto 16px;
}

/* Skills dropdown content wrapper */
#bb-rl-skills-dropdown .bb-rl-dropdown-content {
   padding: 0 16px 16px;
}

/* Cancel button */
#bb-rl-skills-dropdown::after {
 width: calc(100% - 32px);
 margin: 16px;
 content: 'Annuler';
 display: block;
 font-family: IBM Plex Sans;
 font-size: 15px;
 line-height: 140%;
 text-align: center;
 font-weight: 500;
 color: #F8F8FF;
 padding: 7px;
 border-radius: 4px;
 cursor: pointer;
 transition: background-color 0.2s ease;
 border: 1px solid #002E51;
 background-image: url(https://www.haven-0.com/wp-content/uploads/2025/08/Frame-588.png);
 background-repeat: no-repeat;
 background-size: auto;
 background-color: #001829;
}
/* Style the select2 dropdown as tabs on mobile - always visible */
.bb-rl-network-search-modal .bb-rl-modal-wrapper form span.select2-dropdown {
   display: block !important;
   position: static !important;
   padding: 0 !important;
   border: none !important;
   background: transparent !important;
   width: 100% !important;
}

.bb-rl-network-search-modal .bb-rl-modal-wrapper form span.select2-dropdown ul {
   display: flex !important;
   flex-direction: row !important;
   flex-wrap: nowrap !important;
   border-bottom: 1px solid #002E51;
   padding: 0 16px !important;
   margin: 0 !important;
   overflow-x: auto !important;
   -webkit-overflow-scrolling: touch !important;
   gap: 4px;
}

.bb-rl-network-search-modal .bb-rl-modal-wrapper form span.select2-dropdown ul li {
   flex: 0 0 auto !important;
   padding: 12px 16px !important;
   margin: 0 !important;
   border: none !important;
   border-radius: 0 !important;
   background: transparent !important;
   color: #959595 !important;
   font-family: IBM Plex Sans !important;
   font-size: 15px !important;
   font-size: 14px !important;
   font-weight: 500 !important;
   cursor: pointer !important;
   transition: color 0.2s ease !important;
   white-space: nowrap !important;
   border-bottom: 2px solid transparent !important;
}

.bb-rl-network-search-modal .bb-rl-modal-wrapper form span.select2-dropdown ul li:hover {
   background: transparent !important;
   color: #F8F8FF !important;
}

.bb-rl-network-search-modal .bb-rl-modal-wrapper form span.select2-dropdown ul li.select2-results__option--selected,
.bb-rl-network-search-modal .bb-rl-modal-wrapper form span.select2-dropdown ul li[aria-selected="true"] {
   color: #F8F8FF !important;
   border-bottom: 2px solid #9EF66A !important;
   background: transparent !important;
}
body .bb-rl-network-search-bar .bb-rl-network-search-filter{
   position: static !important;
}

.bb-rl-network-search-bar .bb-rl-network-search-filter span.select2-container.select2-container--rl.select2-container--open {
  left: 0 !important;
  right: auto;
  top: 115px !important;
  position: fixed !important;
  overflow: auto;
  width: 100% !important;
}

.bb-rl-network-search-bar .bb-rl-network-search-filter span.select2.select2-container.select2-container--rl.select2-container--below.select2-container--open:nth-child(2) {
  display: none;
}
.bb-rl-network-search-bar .bb-rl-network-search-filter ul.select2-results__options {
  padding: 0 !important;
  overflow: auto;
}
.bb-rl-activity-form.bb-rl-focus-in [class*=post-elements-buttons-item].active [class*=toolbar-button] {
  border: 0 !important;
}
}


@media (max-width: 575px) {
   .bb-rl-advance-profile-search #bp-profile-search-form-outer form .bb-rl-profile-filter-body .bps-textbox {
     width: 100%;
  }
    body.members .buddypress-wrap ul.members-list li{
   border-radius: 0;
   border-width: 1px 0;
  }
}


@media (max-width: 375px) {
   div#bb-rl-whats-new-attachments #bb-rl-activity-post-media-uploader {
     grid-template-columns: repeat(2, 1fr);
  }
}



/* Desktop styles for mobile profile section */
@media (min-width: 769px) {
/* Show mobile profile section on desktop */
.header-aside .bb-rl-profile-dropdown .bb-rl-mobile-profile-section {
display: block;
padding: 0;
}

.header-aside .bb-rl-profile-dropdown .bb-rl-mobile-profile-link {
display: flex;
align-items: center;
text-decoration: none;
color: inherit;
gap: 12px;
padding: 12px 16px;
transition: background-color 0.2s ease;
border-radius: 0;
}

.header-aside .bb-rl-profile-dropdown .bb-rl-mobile-profile-link:hover {
background-color: #00599533;
}

.header-aside .bb-rl-profile-dropdown .bb-rl-mobile-profile-avatar {
flex-shrink: 0;
position: relative;
}

.header-aside .bb-rl-profile-dropdown .bb-rl-mobile-profile-avatar img {
width: 40px;
height: 40px !important;
border-radius: 4px !important;
object-fit: cover !important;
max-width: 40px !important;
}

.header-aside .bb-rl-profile-dropdown .bb-rl-mobile-profile-info {
flex: 1;
min-width: 0;
}

.header-aside .bb-rl-profile-dropdown .bb-rl-mobile-profile-name {color: #F8F8FF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-transform: capitalize;font-family: IBM Plex Sans;font-weight: 600;font-size: 17px;line-height: 140%;}

.header-aside .bb-rl-profile-dropdown .bb-rl-mobile-profile-title {display: flex;align-items: center;gap: 4px;color: #9EF66A;font-family: IBM Plex Sans;font-weight: 400;font-size: 13px;line-height: 140%;}

.header-aside .bb-rl-profile-dropdown .bb-rl-mobile-profile-title i {
background-repeat: no-repeat;
background-size: contain;
width: 16px;
height: 16px;
font-size: 0;
background-position: center;
background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/Face-id-1.svg);
}
/* Add border after profile section on desktop */
.header-aside .bb-rl-profile-dropdown .bb-rl-mobile-profile-section {border-bottom: 0;margin-bottom: 0 !important;padding-bottom: 0;}
}

.header-aside .bb-rl-profile-dropdown .bb-rl-mobile-profile-section a.bb-rl-mobile-profile-link {
    padding: 16px 16px;
}
.header-aside .bb-rl-profile-dropdown .bb-rl-mobile-profile-section .bb-rl-mobile-profile-arrow i::before{
            content: '' !important;
        font-size: 0 !important;
        width: 24px;
        height: 24px;
        background-image: url(/wp-content/themes/buddyboss-theme-child/assets/image/right-arrow-r.svg);
        background-repeat: no-repeat;
        background-position: right;
        background-size: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
}