/* --------------------------------------------------------------
This is your custom stylesheet.
Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.
Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/
body.members .container {
max-width: 1460px !important;
}
.has-sidebar:not(.profile-sidebar, .group-sidebar, .llms-pointer, .activate) #primary,
body.buddypress.has-sidebar:not(.profile-sidebar, .group-sidebar, .llms-pointer, .activate) #page #primary {
max-width: 1200px !important;
}
#masthead .container {
max-width: 100% !important;
}
aside.buddypanel {
font-family: 'Poppins';
}
.req-doc .jet-engine-gallery-grid__item-wrap::before {
content: "\ee69";
position: absolute;
font-family: 'bb-icons';
/* Change this to the actual BuddyBoss icon font name */
font-style: normal;
font-weight: normal;
font-size: 30px;
color: #fff !important;
/* Change to match your design */
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
opacity: 1;
height: auto;
widows: auto;
border: 1px solid #000125;
background: #122b46;
}
/*#buddypanel-menu li a span{
font-family: "PP Eiko Italic", Sans-serif !important;
font-weight: 600;
}*/
.profile-edit .experience {
display: block !important;
}
.sidebar-left:not(.forums-sidebar) .site-content-grid {
-ms-flex-flow: row-reverse !important;
flex-flow: row !important;
}
/* members/kyle-newton/ page css */
.bp-user #buddypress #item-header {
position: relative;
}
.my-profile .profile-widget-area .widget {
border-radius: 0 !important;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
overflow: hidden;
border: none !important;
}
.bb-template-v2 #cover-image-container {
border: none;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
border-radius: 0;
}
.my-profile #item-header-cover-image #item-header-content {
position: static;
}
#buddypress #item-header-cover-image {
flex-direction: column;
position: relative;
}
#buddypress #item-header-cover-image #item-header-avatar {
margin-top: -100px;
}
.my-profile .about-profile-snippet .edit-profile-link {
font-size: 25px;
position: absolute;
top: 10px;
left: auto;
right: 0;
bottom: auto;
}
.my-profile .users-header #item-header-cover-image #item-header-content .bb-user-content-wrap .member-title-wrap {
margin: 10px 0 10px;
}
.my-profile #buddypress div#item-header-cover-image .user-nicename {
font-size: 35px;
font-weight: 500;
font-family: "Work Sans";
line-height: 1.2;
}
.my-profile .group-separator-block {
border-radius: 0 !important;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
overflow: hidden;
border: none !important;
}
.my-profile .about-profile-snippet .entry-content .profile .group-separator-block {
border-radius: 0 !important;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
overflow: hidden;
border: none !important;
}
.my-profile .bb-cover-image-container .item-header-wrap #item-header-avatar {
width: 100%;
max-width: 170px;
}
.my-profile .bp-profile-wrapper.need-separator .group-separator-block .justify-between {
justify-content: space-between;
}
.my-profile .bp-profile-wrapper.need-separator .group-separator-block {
padding: 20px;
display: flex;
flex-direction: column;
gap: 10px;
}
.my-profile .bp-profile-wrapper.need-separator header.profile-header {
border: none;
margin: 0;
padding: 0;
}
.my-profile .bp-profile-wrapper.need-separator .group-separator-block .bp-widget.custom-profile-box {
margin: 0;
padding: 0;
background-color: transparent !important;
border: none;
/* color: #000; */
font-size: 16px;
line-height: 1.5;
/* font-family: "IBM Plex Sans Hebrew" !important; */
}
.my-profile .bp-profile-wrapper.need-separator header.profile-header .bb-profile-title {
font-weight: 500;
font-size: 22px;
line-height: 1.2;
color: #1a324d;
font-family: 'Work Sans';
}
.my-profile .buddypress-wrap .profile .group-separator-block .entry-header a {
font-size: 25px;
}
.my-profile .bp-profile-wrapper.need-separator .group-separator-block .bp-widget.custom-profile-box .field-row strong {
color: #1a324d;
font-weight: 500;
/* font-family: "Work Sans"; */
font-size: 20px;
}
.my-profile .bb-user-content-wrap .item-meta {
font-size: 16px;
margin: 10px 0;
}
.bb-user-content-wrap {
/* font-family: "IBM Plex Sans Hebrew" !important; */
}
.my-profile .bp-profile-wrapper.need-separator .group-separator-block .bp-widget.custom-profile-box .field-row p {
margin-bottom: 15px;
}
.my-profile .experience {
line-height: 1.6;
display: flex;
gap: 10px;
border-bottom: 1px solid #ddd;
padding: 15px 20px 15px;
position: relative;
margin-left: -20px;
margin-right: -20px;
margin-bottom: 0 !important;
flex-direction: row;
align-items: flex-start;
gap: 20px;
}
.my-profile .experience img {
width: 70px;
height: 70px;
object-fit: contain;
margin: 0 !important;
}
.my-profile .experience-details {
line-height: 1.4;
}
.discussions-tabs .tab-button.active {
position: relative;
}
.discussions-tabs .tab-button:hover::after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -25px;
width: 100%;
height: 100%;
background-image: url("/wp-content/uploads/2025/11/tab_underline_1.svg");
background-size: 100% auto;
background-repeat: no-repeat;
pointer-events: none;
/* opacity:0.4; */
filter: brightness(0) saturate(100%) invert(100%) sepia(19%) saturate(4021%) hue-rotate(312deg) brightness(88%) contrast(122%);
}
button.tab-button {
position: relative;
}
.my-profile .experience p:first-child {
margin: 0;
}
.my-profile .experience .experience-details h3 {
margin: 0 !important;
font-size: 20px;
font-weight: bold;
color: #1a3b6f;
/* font-family: "Work Sans"; */
}
.my-profile .experience:last-child {
border: none;
padding-bottom: 0;
}
.my-profile .experience .experience-details p {
margin: 2px 0;
color: #000;
font-size: 16px;
/* font-family: "IBM Plex Sans Hebrew" !important; */
}
.my-profile .experience-details .location {
font-size: 13px;
color: #999 !important;
}
.my-profile .experience .experience-details .edit-profile-link {
display: none;
}
.my-profile .experience .image-col {
width: 130px;
}
.my-profile .experience .experience-details {
display: flex;
flex-direction: column;
gap: 5px;
width: 85%;
}
.my-profile .education {
line-height: 1.6;
display: flex;
gap: 10px;
border-bottom: 1px solid #ddd;
padding: 15px 20px 15px;
position: relative;
margin-left: -20px;
margin-right: -20px;
flex-direction: column;
}
.my-profile .education:last-child {
border-bottom: 0;
}
.my-profile .education h3 {
/* font-family: "Work Sans", sans-serif; */
font-size: 18px;
font-weight: 500;
color: #003366;
margin-bottom: 0 !important;
line-height: 1;
}
.my-profile .education p.degree {
/* font-family: "IBM Plex Sans Hebrew" !important; */
font-size: 16px;
color: #333;
margin: 0 0 0 0;
font-weight: 600;
line-height: 1.5;
}
.my-profile .education p.description {
/* font-family: "IBM Plex Sans Hebrew" !important; */
font-size: 16px;
margin: 0;
font-weight: 400;
margin-bottom: 10px;
line-height: 1.5;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.my-profile .education p.description:last-child {
margin-bottom: 0;
}
.my-profile .widget-title {
font-weight: 500 !important;
font-size: 22px !important;
line-height: 1.2 !important;
color: #1a324d !important;
margin-bottom: 10px !important;
}
.my-profile .avatar-block {
display: grid !important;
justify-content: center;
gap: 10px 5px;
grid-template-columns: repeat(3, 1fr);
}
.my-profile .avatar-block .item-avatar {
width: 100%;
max-width: 100%;
text-align: center;
margin: 0 auto;
}
.my-profile .avatar-block .item-avatar img {
width: 100% !important;
max-width: 100px !important;
}
/* MEMBERS Page New TAB CSS */
#members-list.item-list:not(.grid) .list-wrap .list-wrap-inner {
padding-right: 0;
}
#buddypress .bp-list:not(.grid)>li .bb_more_options.member-dropdown {
position: unset;
margin: 0 0 0 10px;
}
#members-dir-list ul.list:not(.grid) li .member-buttons-wrap .member-button-wrap {
padding: 0 !important;
}
#members-dir-list ul.list:not(.grid) li .member-button-wrap.footer-button-wrap>.generic-button {
flex: unset !important;
padding: 10px !important;
}
.bp-list:not(.grid) li div.no-secondary-buttons .member-buttons-wrap {
width: 175px;
}
body.admin-bar .bp-list:not(.grid) li div.no-secondary-buttons .member-buttons-wrap {
width: 216px;
}
#members-list.item-list:not(.grid) .list-wrap.no-primary-buttons .list-wrap-inner .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap {
margin: 0;
min-width: 175px;
justify-content: flex-start;
}
@media(max-width: 799px) {
#members-list.item-list:not(.grid) .list-wrap .list-wrap-inner .member-buttons-wrap {
flex: unset !important;
}
}
@media(max-width: 768px) {
.members .widget-area:not(.widget-area-secondary) {
display: none;
}
.members form#form_311 {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.members form#form_311 .bp-field-wrap {
flex: 0 0 calc(50% - 10px);
margin: 0;
}
.members form#form_311 .submit-wrapper {
flex: 1;
}
.members aside#bp-profile-search-form-outer .submit-wrapper {
align-items: center;
flex-direction: row;
}
.members form#form_311 p.clear-from-wrap {
margin-bottom: 0;
}
.bp-list:not(.grid) .member-card {
gap: 0 !important;
flex-direction: column !important;
align-items: flex-start !important;
}
#members-list.item-list:not(.grid) .list-wrap .list-wrap-inner {
/* flex-wrap: nowrap !important; */
}
.bp-list:not(.grid) .member-meta {
width: 100% !important;
flex: unset !important;
gap: 10px;
/* flex-wrap: wrap; */
align-items: flex-start;
justify-content: flex-start;
}
.bp-list:not(.grid) .member-card,
.bp-list:not(.grid) .member-meta {
margin: 0;
}
#members-list.item-list:not(.grid) .bb_more_options.member-dropdown {
/* display: none; */
}
#members-list.item-list:not(.grid) .list-wrap .list-wrap-inner {
padding-right: 0;
}
.bp-list:not(.grid) .member-meta .meta-item {
margin: 0;
min-width: 85px;
}
#members-dir-list ul.list:not(.grid) li .member-buttons-wrap .member-button-wrap {
padding: 0 !important;
}
#buddypress .button-wrap.member-button-wrap.footer-button-wrap>.generic-button>.send-message>i::before {
background-size: 35px 35px;
height: 35px;
width: 35px;
}
#buddypress .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap>.generic-button {
padding: 10px;
}
#members-list.item-list:not(.grid) .list-wrap.no-primary-buttons .list-wrap-inner .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap {
min-width: 160px;
border-left: unset !important;
}
#buddypress .button-wrap.member-button-wrap.footer-button-wrap>.generic-button>.send-message>i::before {
height: 32px !important;
width: 32px !important;
background-size: 32px !important;
}
#members-list.item-list:not(.grid) .list-wrap {
padding: 12px;
}
}
@media(max-width: 620px) {
.bp-list:not(.grid) .member-meta {
flex-wrap: wrap;
}
.bp-list:not(.grid) li:first-of-type .member-meta {
flex-wrap: nowrap;
}
}
@media (min-width: 540px) and (max-width: 620px) {
.bp-list:not(.grid) .member-meta {
gap: 10px 0;
}
}
@media(max-width: 480px) {
#members-list.item-list:not(.grid) .list-wrap .list-wrap-inner .member-buttons-wrap {
margin-left: 0;
}
#members-list.item-list:not(.grid) .list-wrap.no-primary-buttons .list-wrap-inner .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap {
min-width: 255px !IMPORTANT;
border-left: unset !important;
justify-content: space-between;
}
#buddypress .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap>.generic-button {
padding: 8px !important;
}
#members-list.item-list:not(.grid) .list-wrap .list-wrap-inner {
flex-wrap: wrap !important;
}
.bp-list:not(.grid) .member-card {
flex: 1;
}
.bp-list:not(.grid) .member-meta {
flex-wrap: nowrap;
}
#members-dir-list ul.list:not(.grid) li .member-buttons-wrap .member-button-wrap {
margin: 20px 0 0 84px !important;
}
.item-list.members-list.bp-list:not(.grid) .member-button-wrap.footer-button-wrap {
border-left: 0 !important;
}
.bp-list:not(.grid) li:first-of-type .member-card {
margin-top: 12px;
}
#buddypress .bp-list:not(.grid)>li .bb_more_options.member-dropdown {
position: absolute;
top: 0 !important;
}
#members-list.item-list:not(.grid) .bb_more_options.member-dropdown {
/* display: none; */
}
}
@media(max-width: 430px) {
.bp-list:not(.grid) .member-meta {
flex-wrap: wrap;
gap: 10px 0;
}
.members aside#bp-profile-search-form-outer {
height: auto !important;
}
.members form#form_311 {
flex-wrap: nowrap !important;
flex-direction: column;
}
.buddypress-wrap .bp-pagination .pag-count {
float: unset !important;
}
.buddypress-wrap .bp-pagination .bp-pagination-links {
float: unset !important;
display: flex;
justify-content: center;
margin-top: 12px;
}
.buddypress-wrap .bp-pagination {
text-align: center;
}
.bp-list:not(.grid) li div.no-secondary-buttons .member-buttons-wrap {
width: auto;
}
}
@media(max-width: 370px) {
.bp-list:not(.grid) li .member-card {
margin-top: 12px;
}
#members-dir-list ul.list:not(.grid) li .member-buttons-wrap .member-button-wrap {
margin: 20px 0 0 0 !important;
}
}
@media (max-width: 1400px) {}
@media (max-width: 1200px) {
.my-profile #buddypress div#item-header-cover-image .user-nicename {
font-size: 33px;
}
.bp-list:not(.grid) .member-card {
flex-direction: column;
align-items: flex-start !important;
}
.bp-list:not(.grid) .member-meta {
width: 100%;
}
.member-meta .meta-item {
margin: 0;
}
}
@media (max-width: 1030px) {
.my-profile .bp-profile-wrapper {
margin-bottom: 0;
}
.my-profile #page #primary {
padding-bottom: 0;
}
.my-profile .widget-area:not(.widget-area-secondary) {
padding-top: 0;
}
.my-profile .avatar-block {
grid-template-columns: repeat(10, 1fr);
gap: 10px 10px;
}
}
@media (max-width: 992px) {}
@media (max-width: 880px) {
.my-profile .avatar-block {
grid-template-columns: repeat(8, 1fr);
}
}
@media (max-width: 782px) {}
@media (max-width: 768px) {
.my-profile .bp-profile-wrapper.need-separator header.profile-header .bb-profile-title {
font-size: 20px;
}
}
@media (max-width: 767px) {
.my-profile .bb-cover-image-container .item-header-wrap #item-header-avatar {
max-width: 150px;
}
.my-profile #buddypress #item-header-cover-image #item-header-avatar img.avatar {
max-width: 150px;
}
.my-profile .users-header #item-header-avatar:hover .link-change-overlay {
left: 0;
right: 0;
top: 0px;
height: 150px;
width: 150px;
}
.my-profile #buddypress div#item-header-cover-image .user-nicename {
font-size: 30px;
}
}
@media (max-width: 640px) {
.my-profile .avatar-block {
grid-template-columns: repeat(6, 1fr);
}
}
@media (max-width: 576px) {
.my-profile .avatar-block {
grid-template-columns: repeat(5, 1fr);
}
#buddypress #item-header-cover-image #item-header-avatar {
margin-top: -50px;
}
.my-profile .bb-cover-image-container .item-header-wrap #item-header-avatar {
max-width: 100px;
}
.my-profile #buddypress #item-header-cover-image #item-header-avatar img.avatar {
max-width: 100px;
}
.my-profile .users-header #item-header-avatar:hover .link-change-overlay {
left: 0;
right: 0;
top: 0px;
height: 100px;
width: 100px;
}
}
@media (max-width: 480px) {
.my-profile .avatar-block {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1025px) and (max-width: 1260px) {
.custom-forums-archive .bb-forums-container.two-column-layout {
display: flex !important;
flex-direction: column !important;
}
.custom-forums-archive .forums-column {
border-right: unset ! IMPORTANT;
padding-right: unset ! IMPORTANT;
}
}
@media (min-width: 1261px) and (max-width: 1405px) {
.custom-forums-archive .forum-card-footer {
margin-top: 25px !important;
}
.forum-archive .discussions-column .discussion-forum-badge {
max-width: 170px !important;
}
}
/* BuddyBoss CSS */
.bb-sub-menu li a i {
color: #000 !important;
}
.bb-template-v2 .site-header .user-wrap.menu-item-has-children.selected>.user-link:before,
.bb-template-v2 .site-header .user-wrap.menu-item-has-children>.user-link:hover:before {
background-color: transparent !important;
}
.bb-template-v2 .site-header .user-wrap.menu-item-has-children .sub-menu .user-link .user-name {
color: #000 !important;
}
/* #friend-list.item-list .item-avatar img,
#members-list.item-list .item-avatar img {
border-radius: 16px !important;
border: 1px solid #000;
} */
body.profile-edit .field-visibility-settings-header {
display: none;
}
.avatar,
.users-header #item-header-avatar:hover .link-change-overlay {
border-radius: 8px !important;
}
#item-header-cover-image #item-header-avatar {
align-self: flex-start;
}
.single-headers .member-status {
top: 5px !important;
right: 5px !important;
}
.field_nickname {
/* display: none !important; */
}
.custom-new-menu a.elementor-item {
transition: all 0.3s ease;
/* smooth transition for weight + opacity */
}
.custom-new-menu a.elementor-item.elementor-item-active {
font-weight: 700 !important;
}
.hover-border-img {
pointer-events: none;
transition: opacity 0.3s ease;
}
.forums-column .bb-forums-grid {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 16px;
}
/* Scope everything to this page */
body.forum-archive .container {
max-width: 1440px;
}
.custom-forums-archive {
font-family: inherit;
}
/* Forums grid layout */
/* .custom-forums-archive .bb-forums-grid {
display: flex;
flex-direction: column;
gap: 18px;
} */
/* Forum card */
.custom-forums-archive .bb-forum-card {
border-radius: 20px;
border: 1px solid #D9E4E7;
padding: 20px 40px 20px 20px;
position: relative;
}
.custom-forums-archive .bb-forum-card-inner {
display: flex;
align-items: flex-start;
gap: 20px;
}
.custom-forums-archive .forums-column {
border-right: 1px solid #D9E4E7;
padding-right: 20px;
}
.custom-forums-archive h3.forum-title a {
color: #033543;
}
.bb-forum-card {
background: #fbfbfb !important;
}
/* Left image block */
.custom-forums-archive .forum-featured-image {
flex: 0 0 168px;
width: 168px;
height: 126px;
border-radius: 8px;
overflow: hidden;
background: #e2f3f2;
display: flex;
align-items: center;
justify-content: center;
}
.custom-forums-archive .forum-thumbnail {
width: 100%;
height: 100%;
object-fit: cover;
}
.custom-forums-archive .forum-placeholder {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
color: #5aa7a3;
}
/* Right content block */
.custom-forums-archive .forum-card-content {
flex: 1;
display: flex;
flex-direction: column;
gap: 6px;
}
/* Header row: title + bookmark */
.custom-forums-archive .forum-card-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
}
/* Title */
.custom-forums-archive .forum-title {
margin: 0;
font-size: 18px;
line-height: 1.3;
}
.custom-forums-archive .forum-link {
text-decoration: none;
color: #005f63;
font-weight: 700;
}
.custom-forums-archive .forum-link:hover {
text-decoration: underline;
}
/* Bookmark */
.custom-forums-archive .forum-bookmark {
border-radius: 999px;
border: unset;
background: #fbfbfb;
width: 32px;
height: 32px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
cursor: pointer;
position: absolute;
right: 10px;
top: 10px;
}
.custom-forums-archive .forum-bookmark .dashicons {
font-size: 18px;
line-height: 1;
color: #005f63;
}
.custom-forums-archive .dashicons-admin-comments:before {
content: "" !important;
display: inline-block !important;
width: 20px !important;
height: 20px !important;
background: url("data:image/svg+xml;utf8,") no-repeat center !important;
background-size: contain !important;
}
/* Description text */
.custom-forums-archive .forum-description {
font-family: "Poppins", sans-serif;
font-size: 14px;
line-height: 180%;
font-weight: 400;
color: #033543;
/* keep or remove as you like */
height: 80px;
}
/* Footer: date + discussions */
.custom-forums-archive .forum-card-footer {
margin-top: 6px;
display: flex;
align-items: center;
gap: 8px;
font-size: 12px;
line-height: 180%;
color: #2F6A7B;
font-family: "Poppins", sans-serif;
font-weight: 400;
}
.custom-forums-archive .forum-footer-separator {
opacity: 0;
}
.custom-forums-archive .forum-discussions {
display: inline-flex;
align-items: center;
gap: 4px;
}
.custom-forums-archive .forum-discussions-icon {
font-size: 14px;
}
.custom-forums-archive .bb-forum-card {
transition: 0.6s;
}
/* Hover effect */
.custom-forums-archive .bb-forum-card:hover {
border-color: #044C60;
/* box-shadow: 0 14px 30px rgba(0, 0, 0, 0.06); */
}
/* Optional: basic two-column layout for main container */
.custom-forums-archive .bb-forums-container.two-column-layout {
display: grid;
grid-template-columns: minmax(01, 2fr) minmax(0, 1fr);
gap: 20px;
}
.custom-forums-archive h3.forum-title {
font-family: "Poltawski Nowy", serif;
font-style: italic;
font-weight: 700;
font-size: 24px ! IMPORTANT;
}
.discussion-item {
border: 1px solid #D9E4E7;
margin: 16px 0px;
border-radius: 20px;
padding: 16px 16px 20px 16px;
}
/* Responsive adjustments */
@media (max-width: 992px) {
.custom-forums-archive .bb-forums-container.two-column-layout {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.custom-forums-archive .bb-forum-card {
border-radius: 24px;
padding: 14px 16px;
}
.custom-forums-archive .bb-forum-card-inner {
gap: 14px;
}
.custom-forums-archive .forum-featured-image {
flex: 0 0 126px;
width: 168px;
height: 86px;
border-radius: 16px;
}
.custom-forums-archive .forum-card-content {
gap: 4px;
}
.custom-forums-archive .forum-card-header {
align-items: center;
}
}
body.members h1.entry-title {
font-size: 24px ! IMPORTANT;
font-weight: 400 !IMPORTANT;
line-height: 1.5;
}
ul.component-navigation.members-nav .selected a {
color: #033543 ! IMPORTANT;
}
.bb-template-v2 .widget.bp-profile-search-widget .bps-form .submit-wrapper .clear-from-wrap a:before {
content: "";
display: inline-block;
width: 24px;
/* icon size – adjust if needed */
height: 24px;
margin-right: 0px;
background-image: url("/wp-content/uploads/2026/01/reset.svg");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
top: 5px;
position: relative;
}
body.members p.clear-from-wrap {
display: flex;
justify-content: center !IMPORTANT;
align-items: baseline !IMPORTANT;
}
.custom-discusion .discussion-item {
background: #fbfbfb;
border-radius: 20px;
border: 1px solid #d9ece8;
box-shadow: unset !important;
/* padding: 18px 22px 20px; */
padding: 18px;
display: flex;
flex-direction: column;
gap: 0px;
font-family: "Poppins", sans-serif;
}
/* Row 1: title + bookmark */
.custom-discusion .discussion-row-top {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.custom-discusion .discussion-title {
color: #033543;
font-weight: 700;
font-family: 'Poppins';
font-size: 16px;
}
.custom-discusion .discussion-title a {
color: inherit;
text-decoration: none;
}
.custom-discusion .discussion-title a:hover {
text-decoration: underline;
}
.custom-discusion .forum-bookmark-li {
width: 32px;
height: 32px;
border-radius: 999px;
border: none !important;
background: #fbfbfb;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
/* Row 2: avatar/name/time | forum tag */
.custom-discusion .discussion-row-author {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
}
.custom-discusion .discussion-author-left {
display: flex;
align-items: center;
gap: 10px;
}
.custom-discusion .discussion-avatar img {
width: 48px;
height: 48px;
border-radius: 50%;
object-fit: cover;
}
.custom-discusion .discussion-meta {
display: flex;
flex-direction: column;
font-size: 13px;
color: #6c7a80;
}
.custom-discusion .discussion-meta span:first-child {
font-weight: 500;
color: #2F6A7B;
font-size: 10px;
font-family: 'poppins';
}
.custom-discusion .discussion-meta span:last-child {
font-weight: 500;
color: #033543;
font-size: 12px;
font-family: 'poppins';
}
.custom-discusion .discussion-author-right .discussion-forum-tag {
padding: 6px 12px;
border-radius: 8px;
background: #F7DBAD;
color: #033543;
font-size: 10px;
font-weight: 500;
white-space: nowrap;
}
/* Row 3: question text */
.custom-discusion .discussion-row-text .discussion-latest-reply {
font-size: 14px;
line-height: 1.8;
color: #033543;
font-family: 'Poppins';
margin-top: 10px;
text-transform: capitalize;
}
/* Row 4: Reply (left) | Replied by (right) */
.custom-discusion .discussion-row-bottom {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 4px;
}
.custom-discusion .reply-button {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 12px;
color: #2F6A7B;
font-weight: 400;
text-decoration: none;
}
.custom-discusion .reply-button:hover {
text-decoration: underline;
}
.custom-discusion .discussion-replied-by {
font-size: 13px;
color: #6c7a80;
display: flex;
align-items: center;
gap: 4px;
}
.custom-discusion .discussion-replied-by .reply-avatar {
border-radius: 50%;
width: 24px;
height: 24px;
object-fit: cover;
}
.custom-discusion .discussion-item {
transition: 0.6s;
}
/* Hover like figma */
.custom-discusion .discussion-item:hover {
border-color: #044C60;
/* box-shadow: 0 14px 30px rgba(0, 0, 0, 0.06); */
}
.custom-discusion .nb-verified-badge {
width: 20px !important;
height: 20px !important;
top: 35px;
z-index: 0;
}
.custom-forums-archive input.search-field-top {
border: 1px solid #D9E4E7;
border-radius: 999px;
width: 395px;
display: block;
}
h1.page-title,
h2.discussions-title {
font-size: 24px;
color: #033543;
font-family: 'Poppins';
line-height: 1.5;
font-weight: 400;
}
.discussions-tabs .tab-button.active {
background: #fbfbfb !important;
color: #033543 !important;
font-weight: 700;
font-size: 14px;
font-family: poppins;
}
.discussions-tabs button.tab-button {
background: #fbfbfb;
color: #033543;
font-size: 14px;
font-family: poppins;
}
.discussions-tabs .tab-button.active {
position: relative;
}
.discussions-tabs .tab-button.active::after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -25px;
/* adjust if needed */
width: 100%;
/* take full tab width */
height: 100%;
/* small height to display SVG ratio */
background-image: url("/wp-content/uploads/2025/11/tab_underline_1.svg");
background-size: 100% auto;
/* auto height */
background-repeat: no-repeat;
pointer-events: none;
}
/* DEFAULT → bookmark-1.png */
.custom-forums-archive .nbff-bookmark {
cursor: pointer;
border: none;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 20' fill='none'%3E%3Cpath d='M0 3.86035C0 1.8067 1.63279 0.109092 3.66211 0.00488281L3.86035 0H11.5C13.63 0 15.3601 1.74035 15.3701 3.86035V17.9502L15.3662 18.1162C15.2892 19.8058 14.0307 20.4922 12.5 19.6396L8.62012 16.9297C8.11016 16.6397 7.26999 16.6398 6.75 16.9297L2.87012 19.6396L2.72266 19.7168C1.25922 20.4375 0.0783811 19.7415 0.00390625 18.1152L0 17.9502V3.86035ZM1.5 17.9502C1.50003 18.2953 1.57264 18.4428 1.6084 18.4951C1.66719 18.5013 1.81691 18.495 2.0918 18.3525L5.89062 15.7002L5.95312 15.6572L6.01953 15.6201C6.55595 15.321 7.16274 15.2129 7.68848 15.2129C8.21276 15.2129 8.82348 15.3202 9.36133 15.626L9.42188 15.6602L9.47852 15.7002L13.2793 18.3535C13.5499 18.4964 13.6995 18.5069 13.7607 18.502C13.7969 18.4482 13.8701 18.2985 13.8701 17.9502V3.86719L13.8564 3.62598C13.7294 2.43692 12.7165 1.5 11.5 1.5H3.86035C2.56878 1.5 1.5 2.56878 1.5 3.86035V17.9502Z' fill='%23033543'/%3E%3C/svg%3E");
}
.custom-forum-description p {
margin-bottom: 10px;
}
.custom-forums-archive .nbff-bookmark:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 20' fill='none'%3E%3Cpath d='M11.5 0H3.86C1.74 0 0 1.74 0 3.86V17.95C0 19.75 1.29 20.51 2.87 19.64L6.75 16.93C7.27 16.64 8.11 16.64 8.62 16.93L12.5 19.64C14.08 20.52 15.37 19.76 15.37 17.95V3.86C15.36 1.74 13.63 0 11.5 0ZM11.3 7.12L7.3 11.12C7.15 11.27 6.96 11.34 6.77 11.34C6.58 11.34 6.39 11.27 6.24 11.12L4.74 9.62C4.45 9.33 4.45 8.85 4.74 8.56C5.03 8.27 5.51 8.27 5.8 8.56L6.77 9.53L10.24 6.06C10.53 5.77 11.01 5.77 11.3 6.06C11.59 6.35 11.59 6.83 11.3 7.12Z' fill='%236D97A3'/%3E%3C/svg%3E");
}
/* ================================
REMOVE ANNOYING LOADER - SIMPLE LOADER FIX
================================ */
/* Members Directory - Remove Annoying Loader */
.bp-members-nav li.loading,
.bp-members-nav li.loading a,
#members-dir-list .bp-members-following.loading,
#members-dir-list .bp-members-connections.loading,
#members-dir-list .bp-members-all.loading {
position: relative !important;
}
/* Remove default loading animations */
.bp-members-nav li.loading::before,
.bp-members-nav li.loading::after,
.bp-members-nav li.loading a::before,
.bp-members-nav li.loading a::after,
#members-dir-list .bp-members-following.loading::before,
#members-dir-list .bp-members-following.loading::after,
#members-dir-list .bp-members-connections.loading::before,
#members-dir-list .bp-members-connections.loading::after,
#members-dir-list .bp-members-all.loading::before,
#members-dir-list .bp-members-all.loading::after {
display: none !important;
content: none !important;
animation: none !important;
}
/* Simple loader for members tabs */
.bp-members-nav li.loading::after {
content: "" !important;
display: inline-block !important;
width: 16px !important;
height: 16px !important;
border: 2px solid #f3f3f3 !important;
border-top: 2px solid #3498db !important;
border-radius: 50% !important;
animation: simpleSpin 1s linear infinite !important;
margin-left: 8px !important;
vertical-align: middle !important;
}
/* Simple spinner animation */
@keyframes simpleSpin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Hide complex BuddyBoss loader */
#bp-ajax-loader,
.bp-ajax-loader,
.members-dir-list .bp-ajax-loader,
#members-dir-list .bp-ajax-loader {
background: none !important;
border: none !important;
}
/* Simple loader for content area */
#bp-ajax-loader::before,
.bp-ajax-loader::before,
#members-dir-list .bp-ajax-loader::before {
content: "" !important;
display: block !important;
width: 32px !important;
height: 32px !important;
border: 3px solid #f3f3f3 !important;
border-top: 3px solid #3498db !important;
border-radius: 50% !important;
animation: simpleSpin 1s linear infinite !important;
margin: 20px auto !important;
}
/* Remove any existing loading animations */
.bp-members-nav li.loading,
.bp-members-nav li.loading a,
.bp-members-following.loading,
.bp-members-connections.loading,
.bp-members-all.loading {
background-image: none !important;
background-color: transparent !important;
}
/* Additional overrides for BuddyBoss member directory loading */
.buddypress-wrap .bp-navs li.loading,
.buddypress-wrap .bp-navs li.loading a,
.buddypress-wrap .members-nav li.loading,
.buddypress-wrap .members-nav li.loading a {
background-image: none !important;
background-color: transparent !important;
position: relative !important;
}
/* Hide all pseudo-elements for loading states */
.buddypress-wrap .bp-navs li.loading::before,
.buddypress-wrap .bp-navs li.loading::after,
.buddypress-wrap .bp-navs li.loading a::before,
.buddypress-wrap .bp-navs li.loading a::after,
.buddypress-wrap .members-nav li.loading::before,
.buddypress-wrap .members-nav li.loading::after,
.buddypress-wrap .members-nav li.loading a::before,
.buddypress-wrap .members-nav li.loading a::after {
display: none !important;
content: none !important;
animation: none !important;
opacity: 0 !important;
}
/* Simple spinner for tab loading */
.buddypress-wrap .bp-navs li.loading::after,
.buddypress-wrap .members-nav li.loading::after {
content: "" !important;
display: inline-block !important;
width: 14px !important;
height: 14px !important;
border: 2px solid #f3f3f3 !important;
border-top: 2px solid #0073aa !important;
border-radius: 50% !important;
animation: simpleSpin 1s linear infinite !important;
margin-left: 6px !important;
vertical-align: middle !important;
position: absolute !important;
right: -20px !important;
top: 50% !important;
transform: translateY(-50%) !important;
}
.discussion-bookmark-btn svg {
visibility: hidden;
}
.nbff-bookmark-default {
opacity: 1 !important;
}
.forum-subscribe-btn {
position: relative !important;
}
/* Default SVG visible */
.forum-subscribe-btn svg {
display: block;
}
/* Hover SVG container */
.forum-subscribe-btn::after {
content: "";
width: 21px;
height: 21px;
position: absolute;
left: 17px;
top: 50%;
transform: translateY(-50%);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0;
pointer-events: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 22' fill='none'%3E%3Cpath d='M8.79609 1.72009C5.48609 1.72009 2.79609 4.41009 2.79609 7.72009V10.6101C2.79609 11.2201 2.53609 12.1501 2.22609 12.6701L1.07609 14.5801C0.366089 15.7601 0.856089 17.0701 2.15609 17.5101C6.46609 18.9501 11.1161 18.9501 15.4261 17.5101C16.6361 17.1101 17.1661 15.6801 16.5061 14.5801L15.3561 12.6701C15.0561 12.1501 14.7961 11.2201 14.7961 10.6101V7.72009C14.7961 4.42009 12.0961 1.72009 8.79609 1.72009Z' fill='%236D97A3' stroke='%236D97A3' stroke-width='1.5'/%3E%3Cpath d='M10.6461 2.01C10.3361 1.92 10.0161 1.85 9.68608 1.81C8.72608 1.69 7.80608 1.76 6.94608 2.01C7.23608 1.27 7.95608 0.75 8.79608 0.75C9.63608 0.75 10.3561 1.27 10.6461 2.01Z' stroke='%236D97A3' stroke-width='1.5'/%3E%3Cpath d='M11.7961 17.8701C11.7961 19.5201 10.4461 20.8701 8.79611 20.8701C7.97611 20.8701 7.21611 20.5301 6.67611 19.9901C6.13611 19.4501 5.79611 18.6901 5.79611 17.8701' stroke='%236D97A3' stroke-width='1.5'/%3E%3C/svg%3E");
}
.nbff-bookmark:hover {
transform: none !important;
}
.activity-list .comment-item .activity-meta .buddyboss_edit_activity_cancel:focus,
.activity-list .comment-item .activity-meta .buddyboss_edit_activity_comment.action-save:focus,
.activity-list .comment-item .activity-meta .buddyboss_edit_activity_comment:focus,
.buddypress .buddypress-wrap .comment-reply-link:focus,
.buddypress .buddypress-wrap .generic-button a:focus,
.buddypress .buddypress-wrap a.bp-title-button:focus,
.buddypress .buddypress-wrap a.button:focus,
.buddypress .buddypress-wrap button:focus,
.buddypress .buddypress-wrap input[type=button]:focus,
.buddypress .buddypress-wrap input[type=reset]:focus,
.buddypress .buddypress-wrap input[type=submit]:focus,
.buddypress .buddypress-wrap ul.button-nav:not(.button-tabs) li a:focus,
.button:focus,
button:focus,
input[type=button]:focus,
input[type=submit]:focus {
box-shadow: none !important;
outline: none !important;
}
/* Hover state */
.forum-subscribe-btn:hover svg {
opacity: 0;
}
.forum-subscribe-btn:hover::after {
opacity: 1;
}
/* ACTIVE → bookmark.png */
.custom-forums-archive .nbff-bookmark.nbff-bookmark-active {
background: url("/wp-content/uploads/2025/12/Vector-18.png") no-repeat center center !important;
background-size: contain !important;
}
div#custom-breadcrumb-element a:hover {
text-decoration: underline ! IMPORTANT;
}
.custom-forums-archive .custom-discusion span.replied-count {
display: none;
}
.discussion-author-row {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.discussion-author-left {
display: flex;
align-items: center;
gap: 12px;
}
.discussion-author-avatar {
width: 48px;
height: 48px;
border-radius: 8px;
}
.discussion-author-text {
display: flex;
flex-direction: column;
}
.discussion-author-name {
font-size: 15px;
font-weight: 700;
color: #033543;
}
.discussion-author-meta {
font-size: 13px;
color: #7ba0a4;
}
.discussion-author-right .discussion-forum-badge {
background: #F7DBAD;
padding: 0px 12px;
border-radius: 8px;
font-weight: 600;
white-space: nowrap;
color: #033543;
font-size: 10px;
font-weight: 500;
}
.forum-archive .discussions-column .discussion-forum-badge {
display: inline-block;
max-width: 220px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
box-sizing: border-box;
}
.custom-discusion .discussion-content-preview {
padding: unset;
background: unset;
border-radius: unset;
border-left: unset;
}
.custom-discusion {
font-family: 'poppins' !important;
}
.custom-discusion .discussion-card-title a {
color: #033543;
font-weight: 700;
font-size: 16px;
text-transform: capitalize;
font-family: "poppins";
}
.custom-discusion .discussion-author-name {
color: #033543;
font-weight: 400;
font-size: 12px;
text-transform: capitalize;
line-height: 16px;
}
.custom-discusion span.discussion-date {
color: #2F6A7B;
font-weight: 500;
font-size: 10px;
text-transform: capitalize;
line-height: 2;
}
.custom-discusion .discussion-content-preview {
color: #033543;
font-weight: 400;
font-size: 14px;
text-transform: capitalize;
line-height: 24px;
}
.custom-discusion .discussion-replied-info {
color: #2F6A7B !important;
font-weight: 500;
font-size: 10px;
text-transform: capitalize;
line-height: 20px;
}
.custom-discusion .replied-by-text {
color: #2F6A7B !important;
font-weight: 500;
font-size: 10px;
text-transform: capitalize;
line-height: 20px;
}
.custom-discusion .replied-names {
color: #2F6A7B !important;
font-weight: 500;
font-size: 10px;
text-transform: capitalize;
line-height: 20px;
}
.discussion-card-footer span.replied-avatar-item img {
width: 40px;
height: 40px;
}
.custom-discusion .discussion-card-footer .nb-verified-badge {
top: 30px !important;
}
.custom-discusion .discussion-reply-btn {
border: unset;
padding: unset;
color: #2F6A7B;
font-size: 12px;
font-weight: 400;
}
span.discussion-forum-badge.discussion-forum-badge-contracts {
background: #A7D7DA;
color: #033543;
}
.discussion-bookmark-btn.nbff-bookmark-active svg {
fill: none !important;
border: none !important;
stroke: none !important;
}
.custom-discusion .discussion-card-footer {
padding-top: unset;
border-top: unset;
}
.replied-avatars-stack {
gap: 12px;
}
@media (max-width: 1024px) {
.mobile-main-tabs {
display: flex !important;
justify-content: center !important;
}
.mobile-main-tab {
margin: 0 !important;
}
button.mobile-main-tab.active {
background: #F7DBAD;
color: #033543;
font-size: 14px;
font-weight: 700;
border-radius: 20px 20px 20px 20px;
border: unset !important;
}
button.mobile-main-tab {
background: #F5F5F5;
color: #033543;
font-weight: 500;
border-radius: 20px;
border: unset !important;
}
.custom-forums-archive .forums-column {
border-right: unset !important;
padding-right: unset !important;
}
.mobile-main-tabs button:focus {
border: unset !important;
}
}
@media (max-width: 768px) {
.custom-forums-archive .bb-forum-card-inner {
display: flex;
align-items: flex-start;
gap: 15px;
flex-direction: column;
}
.custom-forums-archive .forum-card-footer {
margin-top: 20px;
}
.custom-forums-archive .bb-forums-container.two-column-layout {
display: unset !important;
}
}
h3.forum-title-mobile {
display: none;
}
/* Mobile: show the element */
@media (max-width: 767px) {
h3.forum-title-mobile {
display: block;
margin-bottom: 0;
font-family: "Poltawski Nowy", serif;
font-style: italic;
font-weight: 700;
font-size: 24px ! IMPORTANT;
}
h3.forum-title-mobile a {
color: #033543;
}
.forum-card-content .forum-title {
display: none;
}
.discussion-item.discussion-card .discussion-reply-btn {
width: auto;
justify-content: center;
display: flex;
width: auto;
}
.discussion-item.discussion-card .discussion-card-footer {
flex-direction: row;
align-items: center;
justify-content: space-between ! IMPORTANT;
}
.discussion-item.discussion-card .discussion-replied-info {
display: flex;
align-items: end;
gap: 0px;
flex-wrap: wrap;
font-size: 13px;
flex: 1;
flex-direction: column;
justify-content: flex-end;
}
.discussion-item.discussion-card .discussion-author-row {
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
}
.discussion-item.discussion-card .discussion-author-right {
width: 120px;
margin-top: 8px;
}
.discussion-item.discussion-card span.discussion-forum-badge.discussion-forum-badge-contracts {
background: #A7D7DA;
color: #033543;
display: inline-block;
max-width: 20ch;
overflow: hidden;
text-overflow: ellipsis;
line-height: 14px;
}
.discussion-item.discussion-card .discussion-author-right .discussion-forum-badge {
background: #F7DBAD;
padding: 6px 12px;
border-radius: 8px;
font-weight: 600;
white-space: nowrap;
color: #033543;
font-size: 10px;
font-weight: 500;
display: inline-block;
max-width: 20ch;
overflow: hidden;
text-overflow: ellipsis;
line-height: 14px;
}
}
.bs-item-wrap {
border: 1px solid #D9E4E7 !important;
border-radius: 20px !important;
margin-bottom: 20px !important;
}
.bp-nouveau.single-forum #bbpress-forums li.bs-item-wrap {
background-color: unset !important;
margin: 0 0 -1px;
border: unset ! IMPORTANT;
}
.bp-nouveau.single-forum .bs-item-list.list-view .bs-item-wrap {
background: unset !important;
}
#discussions-container {
height: 1200px;
overflow: auto;
margin-top: 20px;
overflow-x: hidden;
}
/* Scrollbar Styling (Webkit Browsers: Chrome, Edge, Safari) */
#discussions-container::-webkit-scrollbar {
width: 6px;
/* thin scrollbar */
}
#discussions-container::-webkit-scrollbar-track {
background: #e6e6e6;
/* light grey track for modern UI */
border-radius: 10px;
}
#discussions-container::-webkit-scrollbar-thumb {
background: #044C60;
/* your color */
border-radius: 10px;
}
#discussions-container::-webkit-scrollbar-thumb:hover {
background: #033a4a;
/* darker shade on hover (UI/UX effect) */
}
/* Firefox Scrollbar */
#discussions-container {
scrollbar-width: thin;
scrollbar-color: #044C60 #e6e6e6;
padding: 0 20px 0 0;
}
svg.nb-verified-badge {
position: absolute;
bottom: -5px ! IMPORTANT;
right: -5px ! IMPORTANT;
z-index: 0 !important;
}
.nb-verified-badge {
position: absolute;
bottom: 2px;
right: 2px;
width: 22px;
height: 22px;
z-index: 99;
width: 20px !important;
height: 20px !important;
}
/* reply Page CSS */
.custom-reply-frst-cont .bb-topic-action-buttons-header {
margin: 0 10px 0 0 !important;
align-items: flex-start;
}
.custom-reply-frst-cont .bb-custom-button-wrap a {
padding: 0;
border: none;
gap: 5px;
font-size: 14px;
line-height: 18px;
font-weight: 500;
color: #033543;
}
.custom-reply-frst-cont .bb-custom-button-wrap a:hover {
background: transparent;
}
.custom-reply-frst-cont .item-meta {
display: flex;
align-items: center;
}
.custom-reply-frst-cont li.bs-item-wrap {
padding: 0 !important;
border: none !important;
background: transparent !important;
}
.custom-quick-reply-btns #quick-reply-submit {
background: rgba(4, 76, 96, 1) !important;
border-radius: 100px !important;
}
.custom-quick-reply-btns #quick-reply-submit:hover {
background: rgba(47, 106, 123, 1) !important;
}
.custom-quick-reply-btns #quick-reply-cancel {
background: transparent !important;
color: rgba(3, 53, 67, 1) !important;
border: none !important;
}
#quick-reply-cancel:focus {
box-shadow: none;
}
#bbpress-forums .replies-content * {
font-family: 'Poppins';
}
.custom-reply-loop-frst-cont>li {
border-width: 1px 0 0 0 !important;
background-color: transparent !important;
padding: 20px 0 !important;
}
.custom-reply-loop-frst-cont li .bs-reply-list-item:hover {
background-color: transparent !important;
}
.custom-reply-loop-frst-cont .topic-reply-count {
font-size: 16px !important;
font-weight: 700 !important;
}
.custom-reply-frst-cont .item-description p,
.custom-reply-loop-frst-cont .bbp-reply-content {
font-size: 16px;
color: rgba(3, 53, 67, 1);
}
.bbp-custom-topic-cards .bbp-topic-card {
position: relative !important;
}
/* forum reply css */
.hello-reply {
font-size: 16px !important;
color: rgba(4, 76, 96, 1);
font-weight: 700;
}
.bbp-reply-revision-log-item svg.nb-verified-badge {
display: none !important;
}
.bbp-topic-revision-log .nb-verified-badge {
display: none;
}
.custom-reply-loop-frst-cont .bbp-threaded-replies {
padding-left: 15px !important;
border-left: 2px solid #eee;
margin-left: 40px !important;
}
.custom-reply-loop-frst-cont .bbp-threaded-replies li {
border-bottom: 1px solid #eee;
}
.custom-reply-loop-frst-cont .bbp-threaded-replies li:last-of-type {
border-bottom: none;
}
.custom-reply-loop-frst-cont .bbp-threaded-replies li div.bs-reply-list-item {
padding-left: 0 !important;
}
.custom-reply-loop-frst-cont .bb-reply-actions-wrapper {
border-top: none !important;
}
.custom-reply-frst-cont .bs-meta-item.bs-meta-item>a:hover {
border: 1px solid #D6D9DD !important;
}
.custom-reply-frst-cont .dev-team {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 30px;
gap: 5px;
}
.custom-reply-frst-cont .main-top-reply-btn a {
background-color: #005f63;
display: flex;
border: 0 !important;
border-radius: 50px !important;
}
.custom-reply-frst-cont .main-top-reply-btn a:hover {
background-color: rgba(47, 106, 123, 1);
}
#bbpress-forums h1.bb-reply-topic-title {
font-size: 24px !important;
font-weight: 700 !important;
color: rgba(3, 53, 67, 1) !important;
}
#bbpress-forums#bbpress-forums .bs-forums-items .item-meta .bs-replied,
.custom-reply-loop-frst-cont .bbp-author-role,
.custom-reply-loop-frst-cont .bs-timestamp {
font-size: 11px !important;
}
#bbpress-forums#bbpress-forums .bs-forums-items .item-meta .bs-replied .bbp-topic-freshness-author {
font-size: 14px !important;
color: rgba(3, 53, 67, 1);
}
#bbpress-forums#bbpress-forums .bs-forums-items .item-title {
margin-bottom: 20px !important;
}
.custom-reply-frst-cont .bbp-reply-to-link,
.custom-reply-loop-frst-cont .bbp-reply-to-link {
font-size: 14px;
color: rgba(47, 106, 123, 1);
}
.custom-reply-loop-frst-cont .bbp-reply-content p {
font-size: 14px;
}
#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log {
margin-bottom: 0;
}
#cover-image-container #item-header-content {
width: 100% !important;
}
.topic-lead:hover .topic-author-avatar-img {
border-color: #fff !important;
}
.single-topic #content .bb-grid {
max-width: 900px;
margin: 0 auto;
width: 100%;
}
@media (max-width: 800px) {
.custom-reply-frst-cont .bs-header-item .bb-topic-states {
flex: unset;
}
}
@media (max-width: 490px) {
.custom-reply-frst-cont .bs-header-item .bb-topic-states {
flex: 0 0 100%;
}
.single-topic .container,
.single-topic .container #primary {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 768px) {
.bb-quick-reply-wrapper .reply-avatar {
display: block !important;
}
}
/* .bbp-topic-card .nbff-bookmark-default {
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: 16px 16px !important;
padding: 0 !important;
width: 18px !important;
height:18px !important;
line-height: 32px !important;
} */
.bbp-topic-card .nbff-bookmark-default:hover {
background-image: url("data:image/svg+xml;utf8,") !important;
}
/* .bbp-topic-card button.nbff-bookmark.nbff-bookmark-small.nbff-bookmark-active svg {
height: 18px ! IMPORTANT;
width: 18px !important;
}
.bbp-topic-card button.nbff-bookmark.nbff-bookmark-small.nbff-bookmark-default svg {
height: 18px !important;
width: 18px !important;
} */
/* Smooth transition */
.topic .subscription-toggle svg path {
transition: all 0.2s ease-in-out;
}
/* Hover state */
.topic .subscription-toggle:hover svg path {
stroke: #6D97A3 !important;
fill: #6D97A3 !important;
}
/* Base icon wrapper */
.topic .favorite-toggle .fav-icon {
position: relative;
width: 16px;
height: 20px;
}
/* Original SVG */
.topic .favorite-toggle .fav-icon svg {
width: 16px;
height: 20px;
display: block;
transition: opacity 0.2s ease;
}
/* Hover SVG via pseudo element */
.topic .favorite-toggle .fav-icon::before {
content: "";
position: absolute;
inset: 0;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0;
transition: opacity 0.2s ease;
background-image: url("data:image/svg+xml;utf8,");
}
/* Hover state */
.topic .favorite-toggle:hover .fav-icon svg {
opacity: 0;
}
.topic .favorite-toggle:hover .fav-icon::before {
opacity: 1;
}
/* Button base */
.nbff-bookmark.custom-bookmark-outside.deeper {
position: relative !important;
top: 0px;
display: inline-flex;
align-items: center;
gap: 8px;
}
/* SVGs basic sizing */
.nbff-bookmark.custom-bookmark-outside.deeper .bookmark-svg {
width: 20px !important;
height: 20px !important;
transition: all 0.2s ease;
}
/* Hover State: Swap Outline for Blue Filled Icon */
.nbff-bookmark.custom-bookmark-outside.deeper.nbff-bookmark-default:hover .bookmark-svg-default {
display: none !important;
}
.nbff-bookmark.custom-bookmark-outside.deeper.nbff-bookmark-default:hover .bookmark-svg-active {
display: block !important;
opacity: 1 !important;
}
.nbff-bookmark.custom-bookmark-outside.deeper.nbff-bookmark-default:hover .bookmark-svg-active path {
fill: #004f63 !important;
}
/* Also ensure hover color for the text if applicable */
.nbff-bookmark.custom-bookmark-outside.deeper:hover {
color: #004f63 !important;
}
/* Remove old hover SVG from ::after */
.nbff-bookmark.custom-bookmark-outside.deeper::after {
display: none !important;
}
/* new-header */
/* ===== FULL WIDTH GREY SUBMENU STRIP ===== */
body.page .custom-new-menu .elementor-nav-menu__container .sub-menu {
position: absolute !important;
top: 100% !important;
left: 60% !important;
transform: translateX(-50%) !important;
width: 120vw !important;
max-width: 120vw !important;
justify-content: center !important;
align-items: center !important;
gap: 40px !important;
background: #F5F5F5 !important;
padding: 14px 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
margin: 0 !important;
margin-top: 25px !important;
height: 48px;
z-index: 9;
}
/* Hide submenu by default */
.custom-new-menu .elementor-nav-menu__container .sub-menu {
display: none !important;
}
/* Show submenu ONLY when parent menu item is hovered */
.custom-new-menu .elementor-nav-menu__container .menu-item-has-children:hover>.sub-menu {
display: flex !important;
}
/* ===== SUBMENU ITEMS ===== */
.custom-new-menu .elementor-nav-menu__container .sub-menu li {
margin: 0 !important;
padding: 0 !important;
}
/* ===== SUBMENU LINKS ===== */
.custom-new-menu .elementor-nav-menu__container .sub-menu a {
position: relative !important;
padding: 6px 0 !important;
font-size: 14px !important;
font-weight: 500 !important;
color: #0A2540 !important;
background: transparent !important;
text-decoration: none !important;
}
/* ===== YELLOW UNDERLINE ON HOVER ===== */
.custom-new-menu .elementor-nav-menu__container .sub-menu a:hover::after {
width: 100%;
}
/* ===== REMOVE DEFAULT ARROWS ===== */
.custom-new-menu .elementor-nav-menu__container .sub-menu::before,
.custom-new-menu .elementor-nav-menu__container .sub-menu::after {
display: none !important;
}
.custom-new-menu .elementor-nav-menu__container .sub-menu a {
color: #044C60 !important;
font-weight: 400 !important;
font-size: 14px !important;
font-family: 'poppins' !important;
}
/* ========== HOVER BRIDGE FIX ========== */
/* Parent item relative */
.custom-new-menu .elementor-nav-menu__container .menu-item-has-children {
position: relative !important;
}
.custom-new-menu .third-menu-item .active-border-img,
.custom-new-menu .third-menu-item .hover-border-img {
display: none !Important;
}
/* OVERRIDE SMARTMENUS HIDING */
.custom-new-menu .menu-item-has-children.submenu-open>.sub-menu {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
}
/* Active submenu item font weight */
.custom-new-menu .elementor-nav-menu__container .sub-menu .current-menu-item>a,
.custom-new-menu .elementor-nav-menu__container .sub-menu .elementor-item-active {
font-weight: 700 !important;
}
.custom-new-menu .sub-menu li a.elementor-sub-item.elementor-item-active::before {
content: "";
display: inline-block;
width: 14px;
height: 14px;
margin-right: 8px;
background: url("/wp-content/uploads/2025/12/svg.svg") no-repeat center center;
background-size: contain;
vertical-align: middle;
opacity: 1;
transform: translateX(0px);
transition: all 0.3s ease;
}
body.page nav .custom-new-menu .sub-menu {
left: 60% !important;
}
/* .custom-new-menu a.elementor-sub-item:hover{
font-weight:700 !Important;
} */
.nova-avatar-more {
background-color: #044c60;
padding: 8px;
border-radius: 100%;
margin-left: 5px;
font-size: 12px;
line-height: 16px;
color: #fff;
}
/* Gamplify Members css start */
.members aside#bp-profile-search-form-outer {
background-image: url("/wp-content/uploads/2026/01/bg-filters-1@2x.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 15px;
border-radius: 20px;
}
.members form#form_311 {
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
opacity: 0.9 !important;
border-bottom-left-radius: 20px;
background: #fff;
padding: 20px;
border-bottom-right-radius: 20px;
}
.members aside#bp-profile-search-form-outer h2.bps-form-title.widget-title {
backdrop-filter: blur(0px);
-webkit-backdrop-filter: blur(30px);
opacity: 0.9;
/* border: 1px solid #fbfbfb; */
border-top-left-radius: 20px;
background: #fff;
padding: 20px !IMPORTANT;
margin-bottom: 0px !IMPORTANT;
border-top-right-radius: 20px;
}
.members ul.component-navigation.members-nav .selected a {
position: relative;
}
.members ul.component-navigation.members-nav li#members-all.selected a::after {
content: "";
position: absolute;
left: 50%;
bottom: 2px;
transform: translateX(-50%);
background-image: url("/wp-content/uploads/2026/01/Subtract.svg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 101px;
/* SVG natural look ke liye */
height: 14px;
pointer-events: none;
}
.members ul.component-navigation.members-nav li#members-personal.selected a::after {
content: "";
position: absolute;
left: 50%;
bottom: 2px;
transform: translateX(-50%);
background-image: url("/wp-content/uploads/2026/01/connection.svg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 130px;
/* SVG natural look ke liye */
height: 14px;
pointer-events: none;
}
.members ul.component-navigation.members-nav li#members-following.selected a::after {
content: "";
position: absolute;
left: 50%;
bottom: 0px;
transform: translateX(-50%);
background-image: url("/wp-content/uploads/2026/01/Subtract.svg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 80px;
/* SVG natural look ke liye */
height: 16px;
pointer-events: none;
}
.bb-component-nav-item-point {
position: relative;
/* REQUIRED */
}
li#members-all .bb-component-nav-item-point:hover::after {
content: "";
position: absolute;
left: 50%;
bottom: -2px;
transform: translateX(-50%);
background-image: url("/wp-content/uploads/2026/01/foloow.svg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 101px;
height: 14px;
pointer-events: none;
/* safety */
animation: none !important;
transform-origin: center;
}
li#members-following .bb-component-nav-item-point:hover::after {
content: "";
position: absolute;
left: 50%;
bottom: -2px;
transform: translateX(-50%);
background-image: url("/wp-content/uploads/2026/01/foloow.svg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 80px;
height: 14px;
pointer-events: none;
/* safety */
animation: none !important;
transform-origin: center;
}
li#members-personal .bb-component-nav-item-point:hover::after {
content: "";
position: absolute;
left: 50%;
bottom: -2px;
transform: translateX(-50%);
background-image: url("/wp-content/uploads/2026/01/tab_underline_1-1.svg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 130px;
height: 14px;
pointer-events: none;
/* safety */
animation: none !important;
transform-origin: center;
}
.bb-component-nav-item-point {
border: unset ! IMPORTANT;
}
.members .buddypress-wrap .subnav-filters .component-filters {
float: left;
}
.members .buddypress-wrap .select-wrap select {
background: #fbfbfb;
}
.members .select-wrap {
border: unset !IMPORTANT;
}
.members select#members-order-by {
padding: 0 13px 0 0;
color: #033543;
font-size: 12px;
line-height: 1.8;
font-weight: 500;
}
.members aside#bp-profile-search-form-outer .submit-wrapper {
display: flex;
justify-content: space-between;
align-items: baseline;
margin-top: 30px;
}
.members aside#bp-profile-search-form-outer .submit-wrapper input.submit {
border-radius: 200px !important;
width: 50%;
background: #044C60;
border: unset ! IMPORTANT;
}
.members aside#bp-profile-search-form-outer {
display: flex;
flex-direction: column;
justify-content: center;
}
/* .members .widget-area:not(.widget-area-secondary) {
background-image: url("https://stg-locums-rpd-3cag.ue1.rapydapps.cloud/wp-content/uploads/2026/01/bg-filters-1@2x.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 15px;
border-radius: 20px;
} */
.members aside#bp-profile-search-form-outer {
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
opacity: 0.9;
border: 1px solid #fbfbfb;
border-radius: 20px;
}
.members h2.bps-form-title.widget-title {
font-size: 16px;
font-weight: 400 !IMPORTANT;
line-height: 1.8;
color: #033543;
}
.members aside#bp-profile-search-form-outer label.bps-label {
font-size: 12px ! IMPORTANT;
font-weight: 400;
line-height: 1.8;
margin: 0;
}
.members .bps-form.standard-form input {
color: #033543;
font-size: 14px;
line-height: 1.8;
font-weight: 500;
}
.members .bps-form.standard-form input {
border: unset;
border-bottom: 1px solid #98b6be;
border-radius: 0 !important;
padding: 0;
}
.members .bps-form.standard-form input:focus {
border: unset;
border-bottom: 1px solid #044C60;
border-radius: 0 !important;
outline: none;
box-shadow: unset;
}
.members .widget-area:not(.widget-area-secondary) {
flex: 0 0 320px;
max-width: 320px;
height: 355px;
}
.members .widget-area:not(.widget-area-secondary) {
padding-top: 1.875rem;
margin-top: 180px;
}
.bp-list.grid .item-avatar img {
max-width: 144px !important;
width: 100%;
border-radius: 16px !important;
}
/* Meta Row */
.member-meta {
display: flex;
justify-content: space-between;
font-size: 12px;
color: #6b7280;
margin-bottom: 18px;
align-items: baseline;
}
.member-meta .meta-item {
display: flex;
flex-direction: column;
gap: 2px;
justify-content: center;
align-items: start;
}
.member-meta .label {
font-weight: 500;
color: #9ca3af;
}
/*
.meta-item {
text-align: center;
} */
h2.member-name a {
color: #033543;
font-weight: 700;
text-align: center;
display: flex;
justify-content: center;
font-size: 16px ! IMPORTANT;
line-height: 1.8;
text-transform: capitalize;
}
.member-meta .meta-item:nth-child(2) {
border-left: 1px solid #D9E4E7;
border-right: 1px solid #D9E4E7;
}
/* last item: no border + no padding */
.member-meta .meta-item:last-child {
border-right: none;
padding-right: 0;
}
.meta-item {
width: 33.33%;
padding: 0 10px;
}
#buddypress .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap {
background-color: unset !Important;
}
.item-list.bp-list.grid .list-wrap:hover {
border: 1px solid #044C60 ! IMPORTANT;
}
.meta-item .value {
line-height: 1.2;
color: #044C60;
font-weight: 700;
font-size: 12px;
}
.meta-item .label {
color: #2F6A7B;
font-size: 12px;
font-weight: 400;
line-height: 1.8;
}
body.members {
font-family: 'Poppins', sans-serif;
}
.bp-list.grid .list-wrap.footer-buttons-on.follow-active.secondary-buttons.no-primary-buttons {
background: #fbfbfb !IMPORTANT;
}
#buddypress .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap {
border-top: unset !important;
}
#buddypress .button-wrap.member-button-wrap.footer-button-wrap .generic-button {
border-right: unset !important;
}
/* list-view */
.bp-list:not(.grid) .member-card {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 0;
flex: 1;
}
#members-list.item-list:not(.grid) .list-wrap .list-wrap-inner .member-buttons-wrap {
flex: unset;
}
.bp-list:not(.grid) .member-meta {
/* width: 550px; */
display: flex;
flex: 0 0 60%;
}
.bp-list:not(.grid) h2.member-name {
flex: 0 0 40%;
}
.bp-list:not(.grid) .member-meta .meta-item {
border: unset;
padding: 0;
}
.bp-list:not(.grid) h2.member-name a {
display: flex;
justify-content: flex-start;
text-align: left;
}
.bp-list:not(.grid) .item-avatar img {
max-width: 64px !important;
}
.bb-subnav-filters-container.bb-subnav-filters-search {
margin-bottom: 25px;
}
.bp-pagination-links.bottom span.page-numbers.current {
background: #2F6A7B;
}
/* =====================================================
BUDDYPRESS SEND MESSAGE ICON – SVG VIA ::BEFORE
===================================================== */
/* 1. Remove default icon font */
#buddypress .button-wrap.member-button-wrap.footer-button-wrap>.generic-button>.send-message>i::before {
content: "";
display: inline-block;
width: 40px;
height: 40px;
background-repeat: no-repeat;
background-position: center;
background-size: 40px 40px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Crect width='40' height='40' rx='20' fill='%23044C60'/%3E%3Cpath d='M25.94 23.54C25.97 23.3 25.98 23.05 25.98 22.79V18.79C25.98 15.6 24.38 14 21.19 14H14.79C14.53 14 14.28 14.01 14.04 14.04M25.94 23.54C25.71 26.24 24.12 27.58 21.19 27.58H20.79C20.54 27.58 20.3 27.7 20.15 27.9L18.95 29.5C18.42 30.21 17.56 30.21 17.03 29.5L15.83 27.9C15.7 27.73 15.41 27.58 15.19 27.58H14.79C11.6 27.58 10 26.79 10 22.79V18.79C10 15.86 11.35 14.27 14.04 14.04M25.94 23.54C28.63 23.31 29.98 21.73 29.98 18.79V14.79C29.98 11.6 28.38 10 25.19 10H18.79C15.86 10 14.27 11.35 14.04 14.04' stroke='%23F5F5F5' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.4961 21.25H21.5051M17.9961 21.25H18.0051M14.4961 21.25H14.5051' stroke='%23F5F5F5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* 2. Center icon properly */
#buddypress .button-wrap.member-button-wrap.footer-button-wrap>.generic-button>.send-message>i {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
}
/* 3. Hover example (optional) */
#buddypress .button-wrap.member-button-wrap.footer-button-wrap>.generic-button>.send-message:hover>i::before {
transform: scale(1.05);
}
/* =====================================================
BUDDYPRESS NOT FOLLOWING ICON – SVG VIA ::BEFORE
===================================================== */
/* 1. Remove default icon font */
#buddypress .button-wrap.member-button-wrap.footer-button-wrap>.generic-button>.not_following>i::before {
content: "";
display: inline-block;
width: 18px;
height: 20px;
background-repeat: no-repeat;
background-position: center;
background-size: 18px 20px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' viewBox='0 0 18 20' fill='none'%3E%3Cpath d='M6.75 4.75H4.75C2.54086 4.75 0.75 6.317 0.75 8.25C0.75 10.183 2.54086 11.75 4.75 11.75H6.75M6.75 4.75V11.75M6.75 4.75C6.75 4.75 9.79738 4.23158 11.75 3.47222C13.7026 2.71287 16.75 0.75 16.75 0.75V14.75C16.75 14.75 13.7026 13.0241 11.75 12.4167C9.79738 11.8092 6.75 11.75 6.75 11.75M5.75 11.75L7.22798 16.9229C7.48959 17.8386 6.80208 18.75 5.84982 18.75C5.2011 18.75 4.63325 18.3143 4.46535 17.6877L2.75 11.2859' stroke='%23033543' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* 2. Center icon properly (optional but recommended) */
#buddypress .button-wrap.member-button-wrap.footer-button-wrap>.generic-button>.not_following>i {
display: inline-flex;
align-items: center;
justify-content: center;
}
/* #buddypress .button-wrap.member-button-wrap.footer-button-wrap>.generic-button>.not_following:hover>i::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' viewBox='0 0 18 20' fill='none'%3E%3Cpath d='M6.75 4.75H4.75C2.54086 4.75 0.75 6.317 0.75 8.25C0.75 10.183 2.54086 11.75 4.75 11.75H6.75M6.75 4.75V11.75M6.75 4.75C6.75 4.75 9.79738 4.23158 11.75 3.47222C13.7026 2.71287 16.75 0.75 16.75 0.75V14.75C16.75 14.75 13.7026 13.0241 11.75 12.4167C9.79738 11.8092 6.75 11.75 6.75 11.75M5.75 11.75L7.22798 16.9229C7.48959 17.8386 6.80208 18.75 5.84982 18.75C5.2011 18.75 4.63325 18.3143 4.46535 17.6877L2.75 11.2859' fill='%236D97A3' stroke='%236D97A3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
} */
#buddypress .button-wrap.member-button-wrap.footer-button-wrap>.generic-button>.not_following:hover>i::before {
content: "";
display: inline-block;
width: 18px;
height: 20px;
/* FORCE BORDER COLOR HERE */
color: #10264d !important;
/* black */
/* color: #2F6A7B !important; */
/* dark blue */
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 20'%3E%3Cpath d='M6.75 4.75H4.75C2.54086 4.75 0.75 6.317 0.75 8.25C0.75 10.183 2.54086 11.75 4.75 11.75H6.75M6.75 4.75V11.75M6.75 4.75C6.75 4.75 9.79738 4.23158 11.75 3.47222C13.7026 2.71287 16.75 0.75 16.75 0.75V14.75C16.75 14.75 13.7026 13.0241 11.75 12.4167C9.79738 11.8092 6.75 11.75 6.75 11.75M5.75 11.75L7.22798 16.9229C7.48959 17.8386 6.80208 18.75 5.84982 18.75C5.2011 18.3143 4.63325 18.3143 4.46535 17.6877L2.75 11.2859' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
#buddypress .button-wrap.member-button-wrap.footer-button-wrap>.generic-button>.following>i::before {
content: "" !important;
/* remove old \ee03 */
font-family: initial !important;
/* remove icon font */
font-weight: normal !important;
display: inline-block;
width: 18px;
height: 20px;
background-repeat: no-repeat;
background-position: center;
background-size: 18px 20px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' viewBox='0 0 18 20' fill='none'%3E%3Cpath d='M16.3438 0.11914C16.5745 -0.029448 16.8684 -0.0396085 17.1094 0.0917962C17.3502 0.223262 17.5 0.475644 17.5 0.749999V14.75C17.5 15.0168 17.3585 15.2641 17.1279 15.3984C16.8975 15.5328 16.613 15.5337 16.3809 15.4023L16.3789 15.4014C16.3777 15.4007 16.3756 15.3999 16.373 15.3984L16.251 15.3301C16.1659 15.2828 16.0412 15.2141 15.8857 15.1299C15.5743 14.9612 15.1392 14.73 14.6445 14.4805C13.6425 13.975 12.4398 13.4167 11.5273 13.1328C10.6296 12.8535 9.44394 12.6922 8.4502 12.6025C7.96012 12.5583 7.52879 12.5322 7.2207 12.5176C7.06696 12.5103 6.94397 12.5056 6.86035 12.5029C6.81871 12.5016 6.78678 12.5015 6.76562 12.501C6.75807 12.5008 6.75183 12.5001 6.74707 12.5L6.74512 12.5029C6.74518 12.5034 6.74572 12.5045 6.74609 12.5059L7.94922 16.7168C8.34771 18.1115 7.30016 19.5 5.84961 19.5C4.86156 19.4999 3.997 18.8362 3.74121 17.8818L2.10645 11.7812C0.865071 11.0359 0 9.75494 0 8.25C0 5.81185 2.22385 4 4.75 4H6.68359C6.70224 3.99671 6.72516 3.99309 6.75195 3.98828C6.83662 3.97307 6.9611 3.95056 7.11621 3.9209C7.42662 3.86153 7.86075 3.77427 8.35449 3.66406C9.3516 3.4415 10.5568 3.13187 11.4785 2.77344C12.3958 2.41667 13.6018 1.76146 14.6045 1.17773C15.1002 0.889154 15.5367 0.623874 15.8486 0.430663C16.0042 0.334298 16.1286 0.256104 16.2139 0.202148C16.2564 0.175245 16.2896 0.154653 16.3115 0.140624C16.3225 0.13363 16.3305 0.127505 16.3359 0.124023C16.3386 0.122334 16.3405 0.120941 16.3418 0.120117L16.3438 0.11914Z' fill='%23033543'/%3E%3C/svg%3E");
}
div#send-private-message {
order: -1;
}
.bp-list:not(.grid) #send-private-message {
order: 0;
}
.flex.only-grid-view.button-wrap.member-button-wrap.footer-button-wrap {
padding-bottom: 10px;
}
div#send-private-message {
justify-content: flex-start ! IMPORTANT;
}
#buddypress .button-wrap.member-button-wrap.footer-button-wrap>.generic-button>.not_friends>i:before {
color: #033543 !important;
}
#buddypress .button-wrap.member-button-wrap.footer-button-wrap>.generic-button>.pending_friend>i:before,
#buddypress .button-wrap.member-button-wrap.footer-button-wrap>.generic-button>.is_friend>i:before {
color: #033543 !important;
}
#members-list.item-list .list-wrap:not(.grid) {
background-color: #fbfbfb !important;
}
#members-list.item-list .list-wrap:not(.grid):hover {
background-color: #f5f5f5 !important;
box-shadow: unset !important;
}
.members ul.component-navigation.members-nav a {
color: #033543;
font-weight: 500;
font-size: 14px;
line-height: 1.8;
}
.members ul.component-navigation.members-nav .selected a {
font-weight: 700;
border-bottom: unset !important;
}
.item-list.members-list.bp-list:not(.grid) .member-button-wrap.footer-button-wrap {
border-left: 1px solid #ddd !important;
border-radius: 0 !important;
}
.item-list.bp-list.grid .list-wrap {
border-radius: 20px ! IMPORTANT;
}
/* Remove default radius */
.item-list.members-list.bp-list.list .list-wrap:not(.grid) {
border-radius: unset !important;
}
/* FIRST li – top left & top right */
.item-list.members-list.bp-list.list>li:first-child .list-wrap {
border-top-left-radius: 20px !important;
border-top-right-radius: 20px !important;
}
/* LAST li – bottom left & bottom right */
.item-list.members-list.bp-list.list>li:last-child .list-wrap {
border-bottom-left-radius: 20px !important;
border-bottom-right-radius: 20px !important;
}
.flex.only-grid-view.button-wrap.member-button-wrap.footer-button-wrap {
border-radius: 20px !important;
}
nav.members-type-navs.main-navs.bp-navs.dir-navs.bp-subnavs {
margin-bottom: 10px;
}
@media (max-width: 767px) {
body.members div#subnav-filters {
display: flex;
flex-direction: row-reverse;
position: relative;
}
body.members .select-wrap {
position: absolute !important;
left: 0;
}
.member-card {
margin: 20px 0px 30px 0px;
}
.member-meta .meta-item {
gap: 6px !important;
}
.content-area.bs-bp-container {
padding: 0;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
body.has-sidebar .buddypress-wrap .grid.bp-list.members-list>li,
body:not(.has-sidebar) .buddypress-wrap .grid.bp-list.members-list>li {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.bb-grid.site-content-grid {
flex-direction: column-reverse;
}
.members .widget-area:not(.widget-area-secondary) {
margin-top: 0px !important;
}
.members .widget-area:not(.widget-area-secondary) {
max-width: 100% !important;
}
.members h1.entry-title {
/* position: absolute; */
/* bottom: 110%; */
}
/* .widget-area.sm-grid-1-1{
display: none !important;
} */
aside#bp-profile-search-form-outer form#form_311 {
display: flex;
gap: 20px;
justify-content: space-between;
}
aside#bp-profile-search-form-outer .submit-wrapper {
display: flex;
flex-direction: column;
}
aside#bp-profile-search-form-outer {
height: auto !IMPORTANT;
}
.members .widget-area:not(.widget-area-secondary) {
flex: 0 0 210px;
max-width: 210px;
height: 0;
}
}
/* Mobile Filter Toggle Styles */
.bb-mobile-filter-bar {
display: none;
margin-bottom: 20px;
text-align: right;
/* Aligns button to right */
}
/* Base button style update to match design (Pill shape) */
#bb-toggle-filters {
background-color: #fff;
border: 1px solid #e5e5e5;
border-radius: 50px;
padding: 6px 20px;
font-size: 14px;
font-weight: 500;
color: #1a324d;
display: inline-flex;
align-items: center;
gap: 8px;
width: auto;
/* Override any full-width defaults */
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
#bb-toggle-filters i {
font-size: 16px;
margin-right: 4px;
}
#bb-toggle-filters:hover {
background-color: #f7f7f7;
color: #000;
}
#bb-toggle-filters.active {
background-color: #1a324d;
color: #fff;
border-color: #1a324d;
}
#bb-toggle-filters.active i {
color: #fff;
}
/* Mobile & Tablet Filter Logic (Revised V6) */
/* Breakpoint: 1024px (Tablet Landscape) vs Desktop */
/* Desktop: Filters Visible, Button Hidden */
@media screen and (min-width: 1025px) {
.bb-mobile-filter-bar {
display: none !important;
}
/* Ensure all likely filter wrappers are visible on desktop */
.bb-members-before-loop-wrap,
#bp-profile-search-form-outer,
.bps-form {
display: block !important;
opacity: 1 !important;
transform: none !important;
visibility: visible !important;
}
}
/* Mobile & Tablet: Filters Hidden, Button Visible */
@media screen and (max-width: 1024px) {
.bb-mobile-filter-bar {
display: flex;
justify-content: flex-end;
/* Right align button */
padding-bottom: 20px;
margin-bottom: 10px;
}
/*
Hidden by default - AGGRESSIVE OVERRIDE
Only apply !important hide if it does NOT have the active class
*/
@media (max-width: 1024px) {
/* Hide ONLY the sidebar filter form by default */
.members aside#bp-profile-search-form-outer {
display: none;
}
/* Show when toggled */
.members aside#bp-profile-search-form-outer.active {
display: block;
}
body.members h1.entry-title {
position: absolute;
}
.bb-mobile-filter-bar {
padding: 0;
}
}
/* Button Styling Updates */
#bb-toggle-filters {
/* Merge/Override existing styles */
background-color: #fff;
color: #033543;
border: 1px solid #D9E4E7;
padding: 8px 18px;
border-radius: 50px;
box-shadow: none;
transition: all 0.3s;
display: inline-flex;
align-items: center;
width: auto;
}
#bb-toggle-filters.active {
background-color: #033543;
color: #fff;
border-color: #033543;
}
#bb-toggle-filters i {
margin-right: 6px;
}
#bb-toggle-filters.active i {
color: #fff;
}
}
/* .follow-button::after {
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
.follow-button::after {
background: unset ! IMPORTANT;
color: #2F6A7B ! IMPORTANT;
bottom: -15px !important;
font-size: 11px !important;
}
.friendship-button::after,
.follow-button::after {
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
.friendship-button::after,
.follow-button::after {
background: unset ! IMPORTANT;
color: #2F6A7B ! IMPORTANT;
bottom: -15px !important;
font-size: 11px !important;
}
.friendship-button, .follow-button {justify-content: flex-start !important;}
div#send-private-message
{
flex: 0.5 !important;
}
.member-card {
margin-bottom: 30px;
} */
/* ================================
Members Grid – Button Tooltip / Layout Fix
================================ */
body.members .grid .follow-button::after,
body.members .grid .friendship-button::after {
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
background: unset !important;
color: #2F6A7B !important;
bottom: -15px !important;
font-size: 11px !important;
}
/* Button content alignment */
body.members .grid .friendship-button,
body.members .grid .follow-button {
justify-content: flex-start !important;
}
/* Send message button width fix (icon-only space control) */
body.members .grid div#send-private-message {
flex: 0.5 !important;
}
/* Member card spacing */
body.members .grid .member-card {
margin-bottom: 30px;
}
@media (min-width: 769px) and (max-width: 1024px) {
body.members div#secondary {
display: none;
}
}
.platform-menu .elementor-sub-item.elementor-item-active {
background: #F7DBAD !important;
border-radius: 4px !important;
}
.platform-menu .elementor-sub-item.elementor-item-active img {
filter: invert(0%) sepia(58%) saturate(300%) hue-rotate(150deg) !important;
}
.platform-menu .sub-menu li {
margin-bottom: 5px;
}
.platform-menu .elementor-sub-item.elementor-item-active::after {
content: "";
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 24px;
height: 24px;
background-image: url("/wp-content/uploads/2026/01/check.svg");
background-repeat: no-repeat;
background-size: contain;
}
.platform-menu ul.sub-menu {
padding: 8px !important;
}
@media (min-width: 320px) and (max-width: 1024px) {
.platform-mob span.sub-arrow svg.fa-svg-chevron-down.e-font-icon-svg.e-fas-chevron-down {
background: unset !important;
}
.platform-mob ul.sub-menu {
background: #174552 ! IMPORTANT;
margin-top: 10px ! IMPORTANT;
border-radius: 12px;
}
.platform-mob .sub-menu li {
padding: 05px 0 0 0;
}
.platform-mob .sub-menu li a {
padding-left: 0px !Important;
;
}
.platform-mob .elementor-nav-menu--dropdown li:last-child {
margin-bottom: 5px;
}
.platform-mob nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
padding-right: 10px;
}
.elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
.elementor-nav-menu--dropdown .elementor-item.highlighted,
.elementor-nav-menu--dropdown .elementor-item:focus,
.elementor-nav-menu--dropdown .elementor-item:hover,
.elementor-sub-item.elementor-item-active,
.elementor-sub-item.highlighted,
.elementor-sub-item:focus,
.elementor-sub-item:hover {
background-color: #174552;
border-radius: 8px;
}
}
/* Growth & Mentorship */
.upload-resource-parent .jet-form-builder-choice {
display: grid;
grid-template-columns: 1fr 1fr !important;
}
.upload-resource-parent .jet-form-builder-choice--item {
display: grid !important;
grid-template-columns: 0.2fr 1fr !important;
grid-template-rows: auto auto !important;
gap: 05px !important;
border: 2px solid #dddddd;
border-radius: 15px;
}
/* 1st item → left column (full height) */
.upload-resource-parent .jet-form-builder-choice--item> :nth-child(1) {
grid-column: 1 !important;
grid-row: 1 / span 2 !important;
}
/* 2nd item → right top */
.jjet-form-builder-choice--item> :nth-child(2) {
grid-column: 2 !important;
grid-row: 1 !important;
}
/* 3rd item → right bottom */
.jet-form-builder-choice--item> :nth-child(3) {
grid-column: 2 !important;
grid-row: 2 !important;
}
.upload-resource-parent p:first-of-type {
color: #044c60 !important;
font-weight: 400 !important;
}
.upload-resource-parent p:nth-of-type(2) {
color: #57666b !important;
}
.upload-resource-parent .jet-form-builder-choice--item {
position: relative;
overflow: hidden;
border-radius: 12px;
}
.upload-resource-parent .jet-form-builder-choice--item::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
border-radius: 16px 0 0 16px;
}
/* 1st — Blue (Hire the Expert) */
.upload-resource-parent .jet-form-builder-choice--item:nth-child(1) {
border-left: 4px solid #2563eb;
}
/* 2nd — Green (Course) */
.upload-resource-parent .jet-form-builder-choice--item:nth-child(2) {
border-left: 4px solid #22c55e;
}
/* 3rd — Purple (Masterclass) */
.upload-resource-parent .jet-form-builder-choice--item:nth-child(3) {
border-left: 4px solid #a855f7;
}
/* 4th — Orange (Other Resources) */
.upload-resource-parent .jet-form-builder-choice--item:nth-child(4) {
border-left: 4px solid #f97316;
}
.upload-resource-parent .jet-form-builder-choice--item.is-checked {
border: 2px solid black;
}
.upload-resource-parent p:first-of-type {
display: inline-flex;
align-items: center;
gap: 8px;
color: #044c60 !important;
font-weight: 500 !important;
}
.upload-resource-parent .jet-form-builder-choice--item.is-checked p:first-of-type::after {
content: "";
position: absolute;
right: 20px;
width: 20px;
height: 20px;
display: inline-block;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
/* inline SVG tick */
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23044c60' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}
.growth-categories .jet-checkboxes-list-wrapper {
display: flex;
flex-wrap: wrap;
flex-direction: row;
column-gap: 10px ! IMPORTANT;
row-gap: 10px;
}
.growth-categories .jet-checkboxes-list__row.jet-filter-row {
background: #F5F5F5;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #D9E4E7;
border-radius: 16px;
}
.growth-categories span.jet-checkboxes-list__decorator {
display: none;
}
.growth-categories span.jet-checkboxes-list__label {
color: #033543;
}
body.page-id-9866 .he-border-box {
background: #ffffff;
color: #0f172a;
display: flex;
flex-direction: column;
gap: 24px;
border-radius: 12px;
border: 1px solid #e5e7eb;
padding: 24px 24px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
margin-bottom: 20px ! IMPORTANT;
}
.he-title .jet-form-builder__label-text {
color: #044c60;
font-weight: 600;
font-size: 30px;
font-family: system-ui;
line-height: 40px;
}
.he-title .jet-form-builder__heading-desc {
color: #57666b;
}
.ur-form-title .jet-form-builder__label-text {
font-size: 18px;
margin-bottom: 25px;
color: #084150;
}
.jet-form-builder-row:has(.ur-field-label) .jet-form-builder__label-text {
font-size: 14px;
color: #084150;
}
.he-border-box.session-outcomes .jet-form-builder-row.field-type-text-field::before {
content: "";
position: absolute;
left: 25px;
width: 20px;
height: 20px;
display: inline-block;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300c951' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}
.he-border-box.session-outcomes .jet-form-builder-row.field-type-text-field {
margin-left: 30px;
align-items: center;
justify-content: center;
}
.best-for .jet-form-builder__fields-group.checkradio-wrap,
.he-border-box.tags .jet-form-builder__fields-group.checkradio-wrap {
display: flex;
flex-wrap: wrap;
flex-direction: row;
column-gap: 10px ! IMPORTANT;
row-gap: 10px;
}
.best-for .jet-form-builder__desc {
order: -1;
margin-bottom: 30px;
}
.best-for .jet-form-builder__label {
order: -1;
}
.best-for label.jet-form-builder__field-label.for-checkbox span::Before,
.tags label.jet-form-builder__field-label.for-checkbox span::Before {
display: none ! IMPORTANT;
}
.best-for label.jet-form-builder__field-label.for-checkbox span,
.he-border-box.tags .jet-form-builder__fields-group.checkradio-wrap span {
font-size: 14px;
border: 1px solid #e5e7eb;
padding: 0px 7px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
border-radius: 7px;
color: #084150;
}
.media-gallery .jet-form-builder__desc {
order: -1;
}
.media-gallery .jet-form-builder__label {
order: -1;
}
.media-gallery .jet-form-builder__field-wrap.jet-form-builder-file-upload {
display: flex;
justify-content: center;
align-items: center;
border: 2px dashed #dddddd;
margin-top: 30px;
}
.he-border-box.tags .jet-form-builder__field-label input[type="checkbox"]:checked+span,
.he-border-box.best-for .jet-form-builder__field-label input[type="checkbox"]:checked+span {
background: #044c60;
color: white !important;
}
.growth-filter .jet-search-filter {
display: flex;
flex-direction: row !important;
align-items: flex-end !important;
}
/* Hide the text */
.growth-filter .jet-search-filter__submit-text {
display: none;
}
/* Style button */
.growth-filter .jet-search-filter__submit {
/* width: 45px; */
height: 45px;
padding: 0;
border: none;
background: transparent;
/* or add background color if needed */
position: relative;
cursor: pointer;
}
/* Add your SVG icon */
.growth-filter .jet-search-filter__submit::before {
content: "";
width: 40px;
height: 40px;
background-image: url("/wp-content/uploads/2026/02/Frame-2085663694.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 24px;
left: -22px;
transform: translate(-50%, -50%);
}
.growth-filter input.jet-search-filter__input {
border-radius: 73px;
border: 1px solid #D9E4E7;
}
.growth-filter .e-con-inner {
align-items: baseline ! IMPORTANT;
}
.growth-filter a.elementor-button.elementor-button-link.elementor-size-sm {
background: unset;
color: #033543;
border: 1px solid #98B6BE;
border-radius: 50px;
padding: 15px 20px;
font-size: 16px;
font-weight: 500;
font-family: 'Work Sans';
}
.filter-btn span.elementor-button-content-wrapper {
position: relative;
padding-left: 30px;
/* space for icon */
}
.filter-btn span.elementor-button-content-wrapper::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 18px;
/* adjust size */
height: 18px;
/* adjust size */
background-image: url("/wp-content/uploads/2026/02/filter-icon.png");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.hire-expert .boxer {
border-left: 6px solid #044C60 ! IMPORTANT;
}
.popular-course .boxer {
border-left: 6px solid #C93A3A !important;
}
.featured-masterclass .boxer {
border-left: 6px solid #EFB023 ! IMPORTANT;
}
.other-resource .boxer {
border-left: 6px solid #A7D7DA !important;
}
/* Smooth transition */
.selection-filter.jet-checkboxes-list__row.jet-filter-row {
transition: 0.3s ease;
}
/* Parent row red when checked */
.selection-filter .jet-checkboxes-list__row.jet-filter-row:has(input[type="checkbox"]:checked) {
background-color: #044C60 !important;
}
/* Label white when checked */
.selection-filter .jet-checkboxes-list__row.jet-filter-row:has(input[type="checkbox"]:checked) .jet-checkboxes-list__label {
color: white !important;
}
.growth-categories span.jet-checkboxes-list__label {
padding: 5px 20px 5px 20px ! IMPORTANT;
}
.hero-filter fieldset.jet-checkboxes-list-wrapper {
display: flex;
flex-wrap: wrap;
flex-direction: row;
column-gap: 10px ! IMPORTANT;
row-gap: 10px;
}
.hero-filter span.jet-checkboxes-list__label {
color: rgba(245, 245, 245, 0.8) !IMPORTANT;
}
.hero-filter span.jet-checkboxes-list__decorator {
display: none;
}
.hero-filter .jet-checkboxes-list__row.jet-filter-row {
background: rgba(245, 245, 245, 0.05);
display: flex;
justify-content: center;
align-items: center;
border-radius: 16px;
}
.hero-filter span.jet-checkboxes-list__label {
padding: 12px 20px 12px 20px ! IMPORTANT;
}
.u-r-form .jet-form-builder__label-text {
color: #044c60;
font-weight: 600;
font-size: 24px;
margin: 30px 0;
font-family: "Poppins", sans-serif;
}
.u-r-form .jet-form-builder__next-page-wrap {
text-align: right ! IMPORTANT;
}
.jet-form-builder__next-page-wrap {
text-align: right !IMPORTANT;
}
.u-r-form .jet-form-builder__next-page-wrap button {
background-color: #044c60;
border: unset;
}
.u-r-form {
font-family: "Poppins", sans-serif;
}
.u-r-form small {
font-size: 16px;
}
.u-r-form .jet-form-builder__desc {
margin-top: 20px;
}
.u-r-form .jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper.active-page .jet-form-builder-progress-pages__item--circle {
border: 2px solid #044c60;
background: #044c60;
color: #ffffff;
}
.u-r-form .jfb-progress-type--default .jet-form-builder-progress-pages__item--label {
color: #00617c
}
body.login.login-split-page .login-split {
left: 50% !important;
}
.tac-skip-filter-section.hero-filter .tac-jet-filter-checkbox-active.jet-checkboxes-list__row.jet-filter-row {
border: 1px solid#98B6BE !IMPORTANT;
border-radius: 16px;
}
/* .jet-checkboxes-list__row.jet-filter-row {
border: 1px solid #0e3843;
} */
.custom-new-menu a.elementor-item.elementor-item-active.has-submenu {
font-weight: 400 !Important;
}
/* Active tab button styling inside growth-categories */
/* li.g-and-m:hover ul {
display: grid !important;
grid-template-columns: repeat(2, 1fr);
gap: 5px;
min-width: 35em !important;
padding: 10px 20px !important;
}
li.g-and-m:hover ul li:first-child {
grid-column: 1 / -1;
}
li.g-and-m ul {
margin-top: 0;
padding-top: 10px;
} */
li.g-and-m ul[aria-expanded="true"] {
display: grid !important;
grid-template-columns: repeat(2, 1fr);
gap: 5px;
min-width: 35em !important;
padding: 10px 20px !important;
}
/* First item full width */
li.g-and-m ul[aria-expanded="true"] li:first-child {
grid-column: 1 / -1;
border-bottom: 1px solid #D9E4E7;
padding-bottom: 10px;
}
.sub-menu-staic-text a {
color: #2F6A7B ! IMPORTANT;
font-weight: 400 !IMPORTANT;
}
.one-sessions a {
border-bottom: 1px solid #D9E4E7;
padding-bottom: 10px !important;
}
.platform-menu a.elementor-sub-item:hover {
background: #18787F26 !important;
border-radius: 4px;
}
.platform-menu .sub-menu li.sub-menu-staic-text>a.elementor-sub-item:hover {
background: transparent !important;
border-radius: 0 !important;
cursor: default;
}
/* Medical expert tabbing */
/* Layout */
.custom-coursees .jet-listing-dynamic-field__content {
display: flex;
gap: 12px;
align-items: center;
}
/* Button base */
.custom-coursees .expert-resources {
position: relative;
display: inline-flex;
align-items: center;
height: 42px;
max-width: 38px;
padding-left: 38px;
border-radius: 8px;
font-weight: 600;
font-size: 11px;
color: #fff;
overflow: hidden;
white-space: nowrap;
transition: max-width 0.35s ease;
cursor: pointer;
text-align: center;
align-items: center;
}
/* Hover / Active */
.custom-coursees .expert-resources.active {
max-width: 500px;
/* large enough so text never cuts */
padding-right: 16px;
}
/* Text slide */
.custom-coursees .expert-resources {
transform: translateX(0);
}
.custom-coursees .expert-resources.active {
transform: translateX(0);
}
/* ICON */
.custom-coursees .expert-resources::before {
content: "";
position: absolute;
left: 8px;
top: 50%;
transform: translateY(-50%);
width: 22px;
height: 22px;
background-size: contain;
background-repeat: no-repeat;
}
/* Colors */
.custom-coursees .expert-resources.course {
background: #C93A3A !important;
border: 1px solid #F5F5F526;
}
.custom-coursees .expert-resources.one-to-one-sessions {
background: #044C60;
border: 1px solid #F5F5F526;
}
.custom-coursees .expert-resources.masterclasses {
background: #EFB023;
color: #08363b;
border: 1px solid #F5F5F526;
}
.custom-coursees .expert-resources.other-resources {
background: #A7D7DA;
color: #08363b;
border: 1px solid #F5F5F526;
}
/* Icons */
/* Course */
.custom-coursees .expert-resources.course::before {
background-image: url("/wp-content/uploads/2026/04/courses-5.svg");
}
/* One-to-One Sessions */
.custom-coursees .expert-resources.one-to-one-sessions::before {
background-image: url("/wp-content/uploads/2026/04/experts-4.svg");
}
/* Masterclasses */
.custom-coursees .expert-resources.masterclasses::before {
background-image: url("/wp-content/uploads/2026/04/stethoscope-3.svg");
}
/* Other Resources */
.custom-coursees .expert-resources.other-resources::before {
background-image: url("/wp-content/uploads/2026/04/resources-1.svg");
}
/* Medicap Experts Popup */
/* Label background always */
.med-exp .jet-checkboxes-list__input[value="Course"]+.jet-checkboxes-list__button .jet-checkboxes-list__label {
background: #C93A3A;
position: relative;
padding-left: 37px;
/* space for icon */
color: #F5F5F5;
padding-right: 10px;
border: 1px solid #F5F5F526;
border-radius: 8px;
}
/* Before SVG icon */
.med-exp .jet-checkboxes-list__input[value="Course"]+.jet-checkboxes-list__button .jet-checkboxes-list__label::before {
content: "";
position: absolute;
left: 11px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
background-image: url("/wp-content/uploads/2026/04/courses-5.svg");
background-size: contain;
background-repeat: no-repeat;
}
/* Label background always */
.med-exp .jet-checkboxes-list__input[value="Masterclass"]+.jet-checkboxes-list__button .jet-checkboxes-list__label {
background: #EFB023;
position: relative;
padding-left: 37px;
/* space for icon */
color: #033543;
padding-right: 10px;
border: 1px solid #F5F5F526;
border-radius: 8px;
}
/* Before SVG icon */
.med-exp .jet-checkboxes-list__input[value="Masterclass"]+.jet-checkboxes-list__button .jet-checkboxes-list__label::before {
content: "";
position: absolute;
left: 11px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
background-image: url("/wp-content/uploads/2026/04/stethoscope-3.svg");
background-size: contain;
background-repeat: no-repeat;
}
/* Label background always */
.med-exp .jet-checkboxes-list__input[value="One-to-One Sessions"]+.jet-checkboxes-list__button .jet-checkboxes-list__label {
background: #044C60;
position: relative;
padding-left: 37px;
/* space for icon */
color: #F5F5F5;
padding-right: 10px;
border: 1px solid #F5F5F526;
border-radius: 8px;
}
/* Before SVG icon */
.med-exp .jet-checkboxes-list__input[value="One-to-One Sessions"]+.jet-checkboxes-list__button .jet-checkboxes-list__label::before {
content: "";
position: absolute;
left: 11px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
background-image: url("/wp-content/uploads/2026/04/experts-4.svg");
background-size: contain;
background-repeat: no-repeat;
}
/* Label background always */
.med-exp .jet-checkboxes-list__input[value="Other Resources"]+.jet-checkboxes-list__button .jet-checkboxes-list__label {
background: #A7D7DA;
position: relative;
padding-left: 37px;
/* space for icon */
color: #033543;
padding-right: 10px;
border: 1px solid #F5F5F526;
border-radius: 8px;
}
/* Before SVG icon */
.med-exp .jet-checkboxes-list__input[value="Other Resources"]+.jet-checkboxes-list__button .jet-checkboxes-list__label::before {
content: "";
position: absolute;
left: 11px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
background-image: url("/wp-content/uploads/2026/04/resources-1.svg");
background-size: contain;
background-repeat: no-repeat;
}
/* Parent card */
.medical-expert-list-card {
position: relative;
cursor: pointer;
}
/* Make the widget wrapper not restrict positioning */
.medical-expert-list-card .for-link-height,
.medical-expert-list-card .jet-listing-dynamic-field,
.medical-expert-list-card .jet-listing-dynamic-field__inline-wrap,
.medical-expert-list-card .jet-listing-dynamic-field__content {
position: static;
}
/* Stretch the actual link */
.medical-expert-list-card .for-link-height a {
position: absolute;
inset: 0;
z-index: 5;
display: block;
/* hide text visually */
font-size: 0;
color: transparent;
}
.medical-expert-list-card .elementor-icon,
.medical-expert-list-card .expert-resources,
.medical-expert-list-card .custom-coursees {
position: relative;
z-index: 10;
}
.med-expert-filter .jet-checkboxes-list__row.jet-filter-row.tac-jet-filter-checkbox-active .jet-checkboxes-list__button,
.growth-categories .jet-checkboxes-list__row.jet-filter-row.tac-jet-filter-checkbox-active {
border: 1px solid #033543;
}
aside.buddypanel {
font-family: 'Poppins';
}
.discussions-column.custom-discusion .discussion-card-title {
padding-right: 30px;
}
li.newws-feeds.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1369495 {
border-top: 1px solid #97b3b6;
}
/* Medicap Experts Popup */
/* Groups page CSS Start */
body.groups {
font-family: 'Poppins', sans-serif;
}
body.groups .buddypress-wrap .grid.bp-list>li {
flex: 0 0 33.33%;
max-width: 33.33%;
}
body.groups .container {
max-width: 1300px;
}
body.groups #groups-list.bp-list .item-entry .list-wrap {
border: 1px solid #D9E4E7;
}
body.groups .buddypress-wrap ul.bp-list.groups-dir-list .bs-group-cover img {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
body.groups .bs-group-cover.only-grid-view {
height: 100%;
max-height: 140px;
}
body.groups .buddypress-wrap .grid.bp-list>li .list-wrap {
height: 375px;
}
body.groups .entry-content #groups-list .item-avatar a {
border: unset;
}
body.groups #groups-list.bp-list.grid.bb-cover-enabled .item-avatar .group-avatar-wrap {
margin-top: -65px;
}
.bb-template-v2 .entry-content #groups-list .item-avatar a {
border-radius: 18px !important;
}
body.groups h2.list-title.groups-title {
color: #033543;
font-weight: 700;
margin-bottom: 10px !Important;
}
body.groups h2.list-title.groups-title a {
font-size: 16px !IMPORTANT;
text-transform: capitalize;
}
body.groups .buddypress-wrap ul.bp-list.groups-dir-list .list-wrap .item-meta-wrap .item-meta.group-details>span {
font-size: 12px;
font-weight: 600;
color: #044C60;
}
.buddypress-wrap ul.bp-list.groups-dir-list .list-wrap .item-meta-wrap .item-meta .group-visibility+.group-type:before,
.buddypress-wrap ul.bp-list.groups-dir-list .list-wrap .item-meta-wrap .item-meta+.item-meta.last-activity:before {
content: "";
display: inline-block;
width: 1px;
height: 20px;
margin: 0 8px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='20' viewBox='0 0 1 20' fill='none'%3E%3Crect y='20' width='20' height='1' transform='rotate(-90 0 20)' fill='%23D9E4E7'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
}
/* body.groups .group-members-wrap {
padding: 5px 15px;
background: #F5F5F5;
border-radius: 100px;
} */
body.groups .buddypress-wrap ul.bp-list.groups-dir-list .bs-group-members .bs-group-member img {
border: unset;
border-radius: 6px;
}
body.groups #groups-list.bp-list .bs-group-members {
gap: 12px;
margin: 0px;
}
body.groups #groups-all a,
body.groups #groups-personal a {
position: relative;
padding-left: 10px;
padding-right: 10px;
}
body.groups #groups-all.selected>a::after,
body.groups #groups-personal.selected>a::after {
content: "";
position: absolute;
left: 0;
bottom: -13px;
/* adjust if needed */
width: 100%;
height: 100%;
/* match SVG height */
background-image: url("https://stg-locums-rpd-3f6x.ue1.rapydapps.cloud/wp-content/uploads/2026/04/tab_underline_1-2.svg");
background-repeat: no-repeat;
background-size: 100% 100%;
pointer-events: none;
}
body.groups ul.component-navigation.groups-nav li {
margin-right: -15px;
}
body.groups #groups-all>a:hover::after,
body.groups #groups-personal>a:hover::after {
content: "";
position: absolute;
left: 0;
bottom: -13px;
width: 100%;
height: 100%;
background-image: url("https://stg-locums-rpd-3f6x.ue1.rapydapps.cloud/wp-content/uploads/2026/04/tab_underline_1-2.svg");
background-repeat: no-repeat;
background-size: 100% 100%;
pointer-events: none;
opacity: 0.5;
}
body.groups #groups-all.selected>a,
body.groups #groups-personal.selected>a {
color: #033543;
font-weight: 700;
}
body.groups button.group-button {
border: 1px solid #D9E4E7 !IMPORTANT;
border-radius: 100px !Important;
}
body.groups button.group-button:hover {
background: #033543 !important;
}
body.groups button.group-button.leave-group.button.bp-toggle-action-button {
background: #D9E4E7 !Important;
}
/* body.groups .group-button.leave-group.button.bp-toggle-action-button:before {
border: 1px solid #033543;
border-radius: 100%;
height: 18px;
align-items: center !IMPORTANT;
display: inline-flex !IMPORTANT;
font-size: 13px;
padding: 3px 2px;
width: 18px;
} */
body.groups .group-button.leave-group.button.bp-toggle-action-button::before {
content: "" !important;
/* remove old icon */
font-family: unset !important;
/* remove font icon */
background: none !important;
/* reset previous styles */
display: inline-block;
width: 18px !important;
height: 18px !important;
background-image: url("https://stg-locums-rpd-3f6x.ue1.rapydapps.cloud/wp-content/uploads/2026/04/Vector-13.svg") !important;
background-repeat: no-repeat !important;
background-size: contain !important;
background-position: center !important;
margin-right: 6px !important;
vertical-align: middle !important;
}
body.groups .bs-group-cover a {
border-top-left-radius: 19px ! IMPORTANT;
border-top-right-radius: 19px ! IMPORTANT;
}
body.groups ul.component-navigation.groups-nav li a {
color: #033543;
font-weight: 500;
}
body.groups .bp-secondary-header .push-right.flex {
width: 100%;
}
body.groups .bp-secondary-header .push-right.flex .subnav-filters {
margin-right: auto;
}
body.groups .bp-secondary-header .push-right.flex .groups-dir-list {
margin-left: auto;
}
body.groups .bp-group-filter-wrap.subnav-filters.filters.no-ajax {
margin: 0 !Important;
}
body.groups .buddypress-wrap .select-wrap select {
background-color: #fafbfd !important;
border: none !important;
color: #033543;
font-weight: 500;
}
body.groups h1.entry-title {
font-size: 24px ! IMPORTANT;
font-weight: 400;
margin-top: 20px;
color: #033543 ! IMPORTANT;
}
body.groups .select-wrap {
border: none !IMPORTANT;
}
ul#groups-list.groups-dir-list:not(.grid) .group-item-wrap .item-block {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.item-desc.group-item-desc.only-list-view {
display: none;
}
body.groups ul#groups-list.groups-dir-list:not(.grid) .item-avatar {
height: 64px;
width: 64px;
}
body.groups ul#groups-list.groups-dir-list:not(.grid) a.group-avatar-wrap {
min-height: 64px !important;
min-width: 64px !important;
}
body.groups span.last-activity-label {
color: #2F6A7B;
font-weight: 400 !IMPORTANT;
}
body.groups p.last-activity.item-meta {
color: #044C60 !IMPORTANT;
font-weight: 600 !IMPORTANT;
font-size: 12px !IMPORTANT;
}
body.groups .bb-group-active-users {
order: -1;
}
body.groups span.bb-active-count {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 5px;
}
.joint-flexx {
display: flex;
align-items: center;
padding: 10px 20px;
background: #F5F5F5;
border-radius: 100px;
gap: 15px;
}
body.groups .bp-list.grid .item-avatar img {
max-width: 120px !important;
width: 100%;
border-radius: 16px !important;
}
body.groups #groups-list.bp-list:not(.grid) .item-entry .item .group-item-wrap {
flex: 0 0 calc(100% - 350px);
}
ul#groups-list.groups-dir-list:not(.grid) .group-footer-wrap {
gap: 30px;
}
@media (max-width: 1024px) {
ul#groups-list.groups-dir-list:not(.grid) .group-item-wrap .item-block {
display: block;
/* or unset */
flex-direction: unset;
align-items: unset;
justify-content: unset;
}
}
@media (max-width: 768px) {
ul#groups-list.groups-dir-list:not(.grid) .group-footer-wrap {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 20px;
width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
/* Targets .item, but excludes elements that also have .grid */
body.groups .item:not(.grid) {
display: flex;
flex-direction: row !important;
justify-content: space-between;
gap: 30px;
}
}
/* Groups page CSS End */
/* ── Active users badge on group listing ── */
.bb-group-active-users {
font-size: 12px;
font-weight: 500;
line-height: 1;
}
span.active-count-number {
font-weight: 700 !IMPORTANT;
color: #044C60;
}
span.bb-active-count {
color: #2F6A7B;
}
@keyframes bb-pulse {
0%,
100% {
opacity: 1;
transform: scale(1);
}
50% {
opacity: 0.6;
transform: scale(0.85);
}
}
/* Dark mode support */
.bb-dark-skin .bb-group-active-users,
[data-color-scheme="dark"] .bb-group-active-users {
background: rgba(34, 197, 94, 0.15);
border-color: rgba(34, 197, 94, 0.35);
color: #4ade80;
}
/* ── Group Members page: search bar + toggle between Members heading and cards ── */
/* Force the bar to span the full row in BOTH flex-grid and list layouts */
#members-list li.bb-gmb-bar,
#members-list.grid li.bb-gmb-bar {
/* flex-based full-width span (BuddyBoss grid uses display:flex + flex-wrap) */
flex: 0 0 100% !important;
max-width: 100% !important;
width: 100% !important;
/* also covers any CSS grid fallback */
grid-column: 1 / -1 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 0 12px !important;
border-radius: 0 !important;
}
/* Inner row: search left, toggles right */
.bb-gmb-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
width: 100%;
padding: 8px 0;
}
.bb-gmb-search {
display: flex;
align-items: center;
gap: 8px;
flex: 1;
max-width: 320px;
background: var(--bb-content-background-color, #fff);
border: 1px solid var(--bb-border-color, #dde1e7);
border-radius: 6px;
padding: 6px 12px;
}
.bb-gmb-search-icon {
color: var(--bb-secondary-text-color, #8a8a8a);
font-size: 14px;
line-height: 1;
flex-shrink: 0;
}
#bb-group-members-search {
border: none !important;
outline: none !important;
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
font-size: 14px;
color: var(--bb-body-text-color, #333);
width: 100%;
box-shadow: none !important;
height: auto !important;
min-height: unset !important;
}
#bb-group-members-search::placeholder {
color: var(--bb-secondary-text-color, #8a8a8a);
}
/* Toggle buttons */
.bb-gmb-views {
display: flex;
align-items: center;
gap: 4px;
}
.bb-gmb-views .layout-view {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 4px;
color: var(--bb-secondary-text-color, #8a8a8a);
font-size: 16px;
transition: color 0.2s, background 0.2s;
text-decoration: none;
}
.bb-gmb-views .layout-view:hover,
.bb-gmb-views .layout-view.active {
color: var(--bb-primary-color, #044C60);
background: var(--bb-light-background-color, #e8f4f7);
}
/* Hide the native BuddyBoss search/filter bar on group members page */
body.group-members .flex.bp-secondary-header,
body.group-members .bb-secondary-header,
body.group-members .subnav-filters,
body.group-members [data-bp-list="group_members"]~.flex,
body.group-members #members-group-list>.flex {
display: none !important;
}
/* Create Group Design */
body.groups.group-create .buddypress-wrap {
background: unset !important;
border: unset !important;
border-radius: unset !important;
max-width: 678px !important;
margin: 0px !important;
padding: 20px !important;
}
.groups.group-create .buddypress-wrap #group-create-tabs {
background: unset !important;
border: unset !important;
justify-content: start !important;
max-width: 1300px ! IMPORTANT;
margin: 0px !IMPORTANT;
padding: 0px !IMPORTANT;
margin-bottom: 40px ! IMPORTANT;
}
.groups.group-create .buddypress-wrap h2.bp-subhead {
margin-bottom: 50px;
text-align: left;
margin-top: 50px;
color: #033543;
font-weight: 700;
font-family: 'Poppins';
}
/* Form fields background */
body.groups.group-create .standard-form input,
body.groups.group-create .standard-form textarea,
body.groups.group-create .standard-form select {
background-color: #D9E4E780 !Important;
border: unset !important;
}
/* Placeholder color */
body.groups.group-create .standard-form input::placeholder,
body.groups.group-create .standard-form textarea::placeholder {
color: #2F6A7B;
opacity: 1;
/* ensure color shows properly */
}
/* Optional: for older browsers compatibility */
body.groups.group-create .standard-form input::-webkit-input-placeholder,
body.groups.group-create .standard-form textarea::-webkit-input-placeholder {
color: #2F6A7B;
}
body.groups.group-create .standard-form input:-ms-input-placeholder,
body.groups.group-create .standard-form textarea:-ms-input-placeholder {
color: #2F6A7B;
}
.groups.group-create .buddypress-wrap .submit {
justify-content: flex-end;
}
.groups.group-create input#group-creation-create {
margin: 0;
background: #044C60 ! IMPORTANT;
border-radius: 100px;
}
/* STEP CONTAINER */
.group-create-tabs,
#group-create-tabs {
display: flex;
justify-content: space-between;
align-items: flex-start;
position: relative;
list-style: none;
padding: 0;
margin: 0;
}
/* CONNECTED LINE — perfectly through dot centers */
.group-create-tabs::before,
#group-create-tabs::before {
content: "";
position: absolute;
top: 14px;
/* center of 28px circle */
left: 0;
right: 0;
height: 2px;
background: #c7d3d8;
z-index: 0;
}
/* EACH STEP */
.group-create-tabs li,
#group-create-tabs li {
position: relative;
flex: 1;
text-align: center;
z-index: 1;
}
/* DEFAULT / UPCOMING DOT */
/* NORMAL / UPCOMING STEP ICON */
.group-create-tabs li::before,
#group-create-tabs li::before {
content: "";
width: 28px;
height: 28px;
display: block;
margin: 0 auto 10px;
background-image: url("https://stg-locums-rpd-3f6x.ue1.rapydapps.cloud/wp-content/uploads/2026/04/Component-17-2.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-color: transparent;
}
/* COMPLETED DOT */
.group-create-tabs li.completed::before,
#group-create-tabs li.completed::before {
background-image: url("https://stg-locums-rpd-3f6x.ue1.rapydapps.cloud/wp-content/uploads/2026/04/Component-17.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-color: transparent;
}
/* CURRENT DOT */
.group-create-tabs li.current::before,
#group-create-tabs li.current::before {
background-image: url("https://stg-locums-rpd-3f6x.ue1.rapydapps.cloud/wp-content/uploads/2026/04/Component-17-1.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-color: transparent;
}
/* STEP LABEL — EXACTLY CENTERED BELOW DOT */
.group-create-tabs li a,
.group-create-tabs li span,
#group-create-tabs li a,
#group-create-tabs li span {
display: block;
text-align: center;
margin-top: 4px;
font-size: 14px;
line-height: 1.2;
color: #98B6BE;
}
/* CURRENT TEXT COLOR */
.group-create-tabs li.current a,
.group-create-tabs li.current span {
color: #033543;
font-weight: 600;
}
/* COMPLETED TEXT COLOR */
.group-create-tabs li.completed a {
color: #18787f;
}
.groups.group-create .buddypress-wrap .group-create-buttons li:not(:last-child) span:after {
display: none !important;
content: none !important;
width: 10px !important;
margin: 0 !important;
border: none !important;
}
/* Fully remove default connector */
.groups.group-create .buddypress-wrap .group-create-buttons li:not(:last-child) a:after {
display: none !important;
content: none !important;
width: 0 !important;
margin: 0 !important;
border: none !important;
}
ol.group-create-buttons.button-tabs li:not(:last-child) {
margin-right: 65px;
}
/* FIRST step — remove left spacing */
ol.group-create-buttons.button-tabs li:first-child::before {
margin-left: 0 !important;
}
/* LAST step — remove right spacing */
ol.group-create-buttons.button-tabs li:last-child::before {
margin-right: 0 !important;
}
li.current a {
color: #033543 ! IMPORTANT;
font-weight: 500;
}
li.completed a {
color: #18787F ! IMPORTANT;
font-weight: 500;
}
.groups.group-create .buddypress-wrap label {
color: #033543 ! IMPORTANT;
font-weight: 500;
margin-bottom: 10px;
}
.groups.group-create .buddypress-wrap legend {
border-bottom: 1px solid #D9E4E7 ! IMPORTANT;
}
.bb-template-v2 .bs-styled-radio:checked+.bb-radio-label:before,
.bb-template-v2 .bs-styled-radio:checked+label:before {
border-width: 6px;
border-color: #044C60 ! IMPORTANT;
}
.groups.group-create fieldset.radio.group-status-type li {
color: #2F6A7B;
margin-bottom: 10px;
}
.groups.group-create fieldset p {
color: #033543;
}
.groups.group-create .buddypress-wrap legend {
color: #033543 ! IMPORTANT;
}
.groups.group-create .gb-anonymous-wrapper {
background: unset;
}
.groups.group-create.group-settings .buddypress-wrap .submit {
justify-content: space-between;
}
.groups.group-create.forum.create .buddypress-wrap .submit {
justify-content: space-between;
}
.groups.group-create.forum.create p {
color: #033543;
}
.groups.group-create.forum.create h4 {
color: #033543;
border-bottom: 1px solid #D9E4E7;
padding-bottom: 15px;
}
input#group-creation-previous {
color: #033543 ! IMPORTANT;
border: 1px solid #D9E4E7 ! IMPORTANT;
background: unset !important;
border-radius: 100px ! IMPORTANT;
}
input#group-creation-next {
border: 1px solid #D9E4E7 ! IMPORTANT;
background: #044C60 ! IMPORTANT;
border-radius: 100px ! IMPORTANT;
}
.groups.group-create.group-avatar .buddypress-wrap .submit,
.groups.group-create.group-cover-image .buddypress-wrap .submit {
justify-content: space-between;
}
.groups.group-create input#bp-browse-button {
border: 1px solid #D9E4E7 ! IMPORTANT;
background: #044C60 ! IMPORTANT;
border-radius: 100px ! IMPORTANT;
}
.groups.group-create.group-avatar .main-column,
.group-create.group-cover-image p {
color: #2F6A7B;
}
.groups.group-create p.drag-drop-info {
color: #2F6A7B ! IMPORTANT;
font-weight: 500;
}
.group-create.group-cover-image .buddypress-wrap #group-create-body .bp-cover-image-status p.warning {
background: #F7DBAD;
color: #033543;
font-weight: 500;
font-size: 14px;
}
body.groups.group-create.group-invites .buddypress-wrap {
max-width: 1600px !Important;
}
body.groups.group-create.group-invites #group-create-tabs {
max-width: 640px !Important;
}
body.groups.group-create.group-invites h4.total-members-text {
color: #033543;
}
body.groups.group-create.group-invites span.select-members-text {
color: #033543;
}
#group-invites-container .bb-groups-invites-left .group-invites-members-listing .action button {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cpath fill='none' stroke='%23033543' stroke-linecap='round' stroke-linejoin='round' d='M14 8v12m6-6H8m6-13c7.18 0 13 5.82 13 13s-5.82 13-13 13S1 21.18 1 14 6.82 1 14 1z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
height: 26px;
width: 26px;
min-width: 26px;
padding: 0;
}
#group-invites-container .bb-groups-invites-left .group-invites-members-listing .action button {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='13' fill='%23033543'/%3E%3Cpath d='M14 8v12M20 14H8' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
height: 26px;
width: 26px;
min-width: 26px;
padding: 0;
}
#send_group_invite_form .select2-selection__choice__remove {
margin: 11px 0 0 10px !important;
}
body.groups.group-invites #send_group_invite_form .select2-container--default .select2-selection--multiple .select2-selection__choice {
padding: 0 30px;
}
body.groups.group-invites #members-list.item-list .member-name a {
color: #033543 ! IMPORTANT;
font-weight: 700 !IMPORTANT;
font-size: 14px ! IMPORTANT;
}
body.groups.group-invites li.select2-selection__choice {
background: #044C60 ! IMPORTANT;
padding-top: 6px ! IMPORTANT;
padding-bottom: 6px ! IMPORTANT;
border-radius: 20px ! IMPORTANT;
}
.bb-groups-invites-right-top div.bp-feedback {
background: #F7DBAD;
color: #033543;
font-weight: 500;
border: unset;
}
div#group-invites-container {
background: unset;
}
#group-invites-container .select2-container--default .select2-selection--multiple,
.group-invites #buddypress.buddypress-wrap.bp-single-vert-nav #item-body div#group-invites-container .select2-container--default .select2-selection--multiple {
background: unset;
}
body.groups.group-invites form#group_invites_search_form {
background: unset ! IMPORTANT;
border-radius: 100px ! IMPORTANT;
}
body.groups.group-invites input#group_invites_search {
background: unset ! IMPORTANT;
border-radius: 100px !IMPORTANT;
}
body.groups.group-invites span.bp-icon {
background: #FFECCD !important;
color: #033543 !important;
}
body.groups.group-invites input#group-creation-finish {
background: #044C60 ! IMPORTANT;
border-radius: 100px ! IMPORTANT;
}
body.groups.group-invites .buddypress-wrap .submit {
justify-content: space-between ! IMPORTANT;
}
body.groups.group-invites input#send_group_invite_button {
background: #044C60 ! IMPORTANT;
border-radius: 100px ! IMPORTANT;
}
body.groups.group-invites input#bp_invites_reset {
color: #033543 ! IMPORTANT;
border: 1px solid #D9E4E7 ! IMPORTANT;
background: unset !important;
border-radius: 100px ! IMPORTANT;
}
#group-invites-container,
.group-invites #buddypress.buddypress-wrap.bp-single-vert-nav #item-body div#group-invites-container {
border: 1px solid #D9E4E7;
margin: 0;
border-radius: 20px;
}
.bp-feedback.info .bp-icon:before {
content: "" !important;
font-family: none !important;
display: inline-block;
width: 20px;
height: 20px;
background: url("/wp-content/uploads/2026/04/Subtract-1.svg") no-repeat center !important;
background-size: contain;
}
/* Mobile only */
@media (max-width: 767px) {
ol.group-create-buttons.button-tabs {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: scroll !important;
-webkit-overflow-scrolling: touch;
/* smooth scroll on iPhone */
}
}
/* Hover background for group creation & invite buttons */
.groups.group-create input#group-creation-create:hover,
.groups.group-create input#group-creation-next:hover,
.groups.group-create input#bp-browse-button:hover,
body.groups.group-invites input#group-creation-finish:hover,
body.groups.group-invites input#send_group_invite_button:hover {
background-color: #18787F !important;
}
input#group-creation-previous:hover {
background: #044C60 !important;
color: #fff !important;
}
body.groups.group-members .buddypress-wrap .grid.bp-list>li {
flex: 0 0 33.33%;
max-width: 33.33%;
}
body.groups.group-members #buddypress div#item-header-cover-image .bb-bp-group-title {
color: #033543;
font-weight: 700;
font-size: 24px;
font-family: 'Poppins';
}
body.groups .item-header-wrap .bp-group-meta .group-type {
background: #F5F5F526;
color: #033543;
font-weight: 500;
border: 1px solid #03354326;
}
body.groups .group-description p {
color: #033543;
line-height: 26px;
}
body.single-item.single-item.groups #buddypress .groups-header #item-header-cover-image {
width: 100%;
display: flex;
align-items: flex-start !important;
margin-left: 0;
max-width: 1300px ! IMPORTANT;
margin: 0 auto;
padding: 0 20px;
}
body.single-item.single-item.groups #buddypress div#item-header #item-header-cover-image #item-actions,
body.single-item.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-content {
margin-top: 0;
margin-left: 0;
width: 650px ! IMPORTANT;
max-width: 100%;
}
body.single-item.single-item.groups .bp-wrap {
padding: 0 20px !important;
max-width: 1300px;
margin: 0 auto;
}
/* Active / Current tab underline */
body.groups .bp-groups-tab.current.selected>a::after {
content: "";
position: absolute;
left: 0;
bottom: -25px;
width: 100%;
height: 100%;
background-image: url("/wp-content/uploads/2026/04/tab_underline_1-2.svg");
background-repeat: no-repeat;
background-size: 100% 100%;
pointer-events: none;
}
/* Ensure positioning works correctly */
body.groups .bp-groups-tab>a {
position: relative;
}
/* Tab padding */
body.groups li.bp-groups-tab a {
padding-left: 10px !important;
padding-right: 10px !important;
}
.bb-template-v2 nav#object-nav>ul>.selected>a .bb-single-nav-item-point {
border-bottom: unset !important;
}
body.groups .bp-groups-tab.current.selected a {
font-weight: 700 !IMPORTANT;
color: #033543 !IMPORTANT;
}
body.groups .bp-groups-tab a {
font-weight: 500 !IMPORTANT;
color: #033543 !IMPORTANT;
}
/* Show underline only on hover */
body.groups .bp-groups-tab>a:hover::after {
content: "";
position: absolute;
left: 0;
bottom: -25px;
width: 100%;
height: 100%;
background-image: url("/wp-content/uploads/2026/04/tab_underline_1-2.svg");
background-repeat: no-repeat;
background-size: 100% 100%;
pointer-events: none;
opacity: 0.5;
}
/* Ensure proper positioning */
body.groups .bp-groups-tab>a {
position: relative;
}
/* ── Group single page: full-width container ── */
body.single-item.groups .container {
max-width: 100% !important;
width: 100% !important;
margin-top: 30px;
}
body.single-item.groups .site-content,
body.single-item.groups .content-area {
padding: 0px !important;
margin: 0px !important;
}
body.single-item.groups .bp-wrap {
padding: 0 20px !important;
}
body.single-item.groups #cover-image-container {
background-color: transparent !important;
box-shadow: none !important;
}
body.single-item.groups .bb-icon-check:before,
body.single-item.groups .bb-icon-trash:before {
color: #98B6BE;
}
body.single-item.groups a#bp-add-media,
body.single-item.groups a#bb-create-album {
color: #033543 ! IMPORTANT;
border: 1px solid #D9E4E7 ! IMPORTANT;
background: unset !important;
border-radius: 100px ! IMPORTANT;
}
body.single-item.groups a#bp-add-media:hover,
body.single-item.groups a#bb-create-album:hover {
background: #044C60 !important;
color: #fff !important;
}
body.single-item.groups a#bp-media-uploader-modal-title {
color: #033543;
font-weight: 400;
font-size: 24px;
line-height: 34px;
}
body.single-item.groups span.bb-icon-l.bb-icon-times {
background: #EAEAEA;
border-radius: 100%;
padding: 2px;
}
body.single-item.groups .dz-default.dz-message {
background: #D9E4E780;
}
body.single-item.groups button.dz-button {
color: #2F6A7B !Important;
}
body.single-item.groups a#bp-media-submit,
body.single-item.groups a#bp-media-create-album-submit {
border: 1px solid #D9E4E7 ! IMPORTANT;
background: #044C60 ! IMPORTANT;
border-radius: 100px ! IMPORTANT;
}
body.single-item.groups a#bp-media-submit:hover,
body.single-item.groups a#bp-media-create-album-submit:hover {
background-color: #18787F !important;
}
body.single-item.groups a#bp-media-photo-next {
color: #044C60 ! IMPORTANT;
}
body.groups.photos .buddypress-wrap .grid.bp-list>li,
body.groups.albums .buddypress-wrap .grid.bp-list>li {
flex: 0 0 25%;
max-width: 25%;
}
body.groups.albums .button.small,
ul.subnav li#pending-invites-groups-li a {
border: 1px solid #D9E4E7 ! IMPORTANT;
background: #044C60 ! IMPORTANT;
border-radius: 100px ! IMPORTANT;
}
body.groups.albums .button.small:hover,
ul.subnav li#pending-invites-groups-li a:hover {
background-color: #18787F !important;
}
body.groups.albums p {
color: #033543 !IMPORTANT;
margin-top: 20px;
}
a#bb-delete-album {
color: #033543 ! IMPORTANT;
border: 1px solid #D9E4E7 ! IMPORTANT;
background: unset !important;
border-radius: 100px ! IMPORTANT;
}
a#bb-delete-album:hover {
background: #044C60 !important;
color: #fff !important;
}
ul.subnav li#pending-invites-groups-li a {
color: #fff !important;
padding: 5px 25px ! IMPORTANT;
}
ul.subnav li#send-invites-groups-li a {
color: #033543 ! IMPORTANT;
border: 1px solid #D9E4E7 ! IMPORTANT;
background: unset !important;
border-radius: 100px ! IMPORTANT;
padding: 5px 25px ! IMPORTANT;
font-weight: 500 !important;
}
ul.subnav li#send-invites-groups-li a:hover {
background: #044C60 !important;
color: #fff !important;
}
/* ul.subnav li#send-invites-groups-li a {
background: #044C60 !important;
color: #fff !important;
} */
ul.subnav li#pending-invites-groups-li a::after,
ul.subnav li#send-invites-groups-li a::after {
content: none !important;
display: none !important;
}
body.group-admin.bb-template-v2.groups.group-admin .bp-navs.group-subnav .current a,
body.group-admin.bb-template-v2.groups.group-admin .bp-navs.group-subnav .selected a {
background: #033543 !important;
color: #ffffff !important;
}
body.group-admin input#save {
border: 1px solid #D9E4E7 ! IMPORTANT;
background: #044C60 ! IMPORTANT;
border-radius: 100px ! IMPORTANT;
}
body.group-admin input#save:hover {
background: #18787F !important;
}
body.group-admin form#group-settings-form label,
body.group-admin form#group-settings-form input:not([type="submit"]),
body.group-admin form#group-settings-form textarea {
color: #033543;
}
/* Placeholder color */
body.group-admin form#group-settings-form input:not([type="submit"])::placeholder,
body.group-admin form#group-settings-form textarea::placeholder {
color: #033543;
}
/* Background color */
body.group-admin form#group-settings-form input:not([type="submit"]),
body.group-admin form#group-settings-form textarea {
background-color: #D9E4E780 !important;
}
body.group-admin form#group-settings-form label {
color: #033543 !important;
font-weight: 500 !important;
}
body.group-admin .bs-styled-checkbox:checked+label:before {
background: #033543;
border-color: #033543;
}
body.groups .item-header-wrap .bp-group-meta-wrap .bp-group-status>span {
color: #044C60 ! IMPORTANT;
display: flex;
align-items: center;
}
body.groups .item-header-wrap span.group-visibility.public:before {
content: "" !important;
display: inline-block;
width: 24px;
height: 24px;
background: url("/wp-content/uploads/2026/04/groups-2.svg") no-repeat center;
background-size: contain;
}
button.group-button.join-group.button,
input#aw-whats-new-submit,
input#bp-browse-button {
border: 1px solid #D9E4E7 ! IMPORTANT;
background: #044C60 ! IMPORTANT;
border-radius: 100px ! IMPORTANT;
color: #ffffff !important;
}
button.group-button.join-group.button:hover,
input#aw-whats-new-submit:hover,
input#bp-browse-button:hover {
background: #18787F !important;
}
body.groups .bb-gmb-search {
border: 1px solid #D9E4E7;
border-radius: 100px;
}
/* Input text color */
body.groups .bb-gmb-search input {
color: #2F6A7B !Important;
}
/* Placeholder color */
body.groups .bb-gmb-search input::placeholder {
color: #2F6A7B !Important;
}
i.bb-icon-l.bb-icon-search {
color: #2F6A7B;
}
body.groups aside.bp-feedback.bp-messages.bp-template-notice.success {
max-width: 1260px ! IMPORTANT;
margin: 30px auto;
}
.activity-update-form .activity-form.focus-in #whats-new,
.bp-nouveau-activity-form-placeholder- .activity-form.focus-in #whats-new {
background: #D9E4E780;
padding: 10px;
color: #2F6A7B;
}
a.activity-post-user-name {
color: #033543 ! IMPORTANT;
}
.groups.group-admin #buddypress #drag-drop-area {
background: #D9E4E780 !important;
}
form#group-settings-form p {
color: #2F6A7B !important;
}
.bp-group-meta-wrap {
margin: 20px 0px ! IMPORTANT;
}
body.groups span.bs-group-members>span:not(:first-child):not(:last-child) {
display: none !important;
}
body.groups span.bp-member-type.bb-current-member-admin {
background: #044C60;
border: unset !IMPORTANT;
color: #ffffff;
border-radius: 100px;
font-weight: 500;
}
body.groups span.bp-member-type.bb-current-member- {
background: #044C60;
border: unset !IMPORTANT;
color: #ffffff;
border-radius: 100px;
font-weight: 500;
}
@media (max-width: 767px) {
body.groups.group-members .buddypress-wrap .grid.bp-list>li {
flex: 0 0 100% !important;
max-width: 100% !important;
}
ul#groups-list.groups-dir-list:not(.grid) .group-footer-wrap {
gap: 5px !important;
}
body.single-item.single-item.groups #buddypress .groups-header #item-header-cover-image {
padding: unset !important;
}
.bb-template-v2 #object-nav .sub-menu a,
.bb-template-v2 .bb-profile-grid.bb-grid .bp-navs ul.sub-menu a,
.bb-template-v2 .bp-navs .component-navigation .sub-menu a {
justify-content: left !important;
}
body.groups.photos .buddypress-wrap .grid.bp-list>li,
body.groups.albums .buddypress-wrap .grid.bp-list>li {
flex: 0 0 100%;
max-width: 100%;
}
body.groups .bp-groups-tab.current.selected>a::after {
content: "";
position: absolute;
left: 5px !important;
bottom: -41px !important;
width: 80px !important;
height: 100%;
background-image: url(/wp-content/uploads/2026/04/tab_underline_1-2.svg);
background-repeat: no-repeat;
background-size: unset !important;
pointer-events: none;
}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
body.groups.group-members .buddypress-wrap .grid.bp-list>li {
flex: 0 0 50% !important;
max-width: 50% !important;
}
body.groups.photos .buddypress-wrap .grid.bp-list>li,
body.groups.albums .buddypress-wrap .grid.bp-list>li {
flex: 0 0 50%;
max-width: 50%;
}
}
/* Parent becomes positioning context */
.discussion-author-right {
position: relative;
}
div#bp-group-invite-content #send-invites-control {
background: #D9E4E780;
margin-bottom: 20px;
}
div#bp-group-invite-content #send-invites-control #buddypress .dir-search input[type=search],
#buddypress .dir-search input[type=text],
#buddypress .groups-members-search input[type=search],
#buddypress .groups-members-search input[type=text],
#buddypress .standard-form input[type=color],
#buddypress .standard-form input[type=date],
#buddypress .standard-form input[type=datetime-local],
#buddypress .standard-form input[type=datetime],
#buddypress .standard-form input[type=email],
#buddypress .standard-form input[type=month],
#buddypress .standard-form input[type=number],
#buddypress .standard-form input[type=password],
#buddypress .standard-form input[type=range],
#buddypress .standard-form input[type=search],
#buddypress .standard-form input[type=tel],
#buddypress .standard-form input[type=text],
#buddypress .standard-form input[type=time],
#buddypress .standard-form input[type=url],
#buddypress .standard-form input[type=week],
#buddypress .standard-form select,
#buddypress .standard-form textarea {
color: #2F6A7B;
}
/* Tooltip rendered on parent */
.discussion-author-right::after {
content: attr(data-tooltip);
position: absolute;
bottom: calc(100% + 6px);
right: 0;
/* align with badge on right side */
transform: translateY(4px);
background: #000;
color: #fff;
font-size: 13px;
font-weight: 500;
padding: 6px 10px;
border-radius: 6px;
white-space: nowrap;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.2s ease, transform 0.2s ease;
z-index: 99999;
}
/* Show tooltip when hovering badge */
.discussion-author-right:hover::after {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.item-list.members-group-list.bp-list.members-list.list:not(.grid) p.item-meta.member-type.only-list-view {
display: none !important;
}
#bbpress-forums .activity-list.bp-list .activity-item,
#buddypress .activity-list.bp-list .activity-item,
#buddypress .activity-lists.bp-list .activity-item {
border: 1px solid #D9E4E7;
border-radius: 20px;
}
body.groups.activity .groups .activity-header a {
font-weight: 700;
color: #033543 ! IMPORTANT;
font-size: 16px;
}
body.groups.activity .groups .activity-header p {
color: #2F6A7B ! IMPORTANT;
}
form.ac-form .ac-reply-content .ac-submit-wrap {
background-color: #044C60;
}
body.groups.activity .generic-button a,
body.groups.activity .generic-button span {
color: #2F6A7B !Important;
}
/* Icon color */
body.groups.activity .generic-button i {
color: #033543 !Important;
}
.ac-reply-content:focus {
border: 1px solid #2F6A7B !important;
outline: none;
}
body.groups .custom-subscribe-bar button {
padding: 8px 15px;
border-radius: 3px;
border: unset;
font-size: 14px;
cursor: pointer;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 8px;
background: unset;
color: #033543;
transition: all 0.3s;
font-weight: 500;
font-family: 'poppins';
}
body.groups .custom-subscribe-bar button:hover,
body.groups .custom-subscribe-bar button:focus {
outline: none !Important;
text-decoration: none !Important;
background-color: unset !Important;
color: #033543 !Important;
border-color: unset !Important;
}
body.groups.forum .forum-section.forum-breadcrumb-section {
display: none;
}
body.groups.forum .forum-section {
max-width: 100%;
}
body.groups button.group-button.pending.membership-requested.button {
background: #004f63 ! IMPORTANT;
color: #ffffff ! IMPORTANT;
}
.anonymous-avatar~.nb-verified-badge {
display: none !important;
}