/**
 * BuddyBoss Platform Custom Styles
 *
 * This file contains custom CSS specifically for BuddyBoss platform customizations.
 * Use this file for styling BuddyBoss components like profiles, activity feeds,
 * groups, messaging, and other social networking features.
 */

/*body.buddypress.register.login-split-page .split-overlay {*/
/*    background-color: var(--blue) !important;*/
/*}*/

/*body.buddypress.register.login-split-page .login-split__entry {*/
/*    padding: 100px 0 !important;*/
/*}*/

#buddypanel-menu {
    gap: 10px !important;
}

.bb-template-v2.buddypanel-open .buddypanel .side-panel-inner li:not(.current-menu-item) a i:not(.bb-icon-angle-down),
ul.buddypanel-menu li.bb-menu-section a {
    opacity: 1 !important;
}

.bb-template-v2 .side-panel-menu a {
    border-radius: 0 !important;
}

#primary-navbar .bp-login-nav,
#primary-navbar .bp-register-nav {
    display: none !important;
}

.bb-template-v2.groups.group-admin .bp-navs.group-subnav .current a,
.bb-template-v2.groups.group-admin .bp-navs.group-subnav .selected a,
body .list-title a:hover,
.bb-template-v2 .bp-navs>ul>li a:hover {
    color: var(--red) !important;
}

.register form input[type=checkbox]:before,
body.register form input:not([type=submit]) {
    border-radius: 0 !important;
    border-color: var(--border-color) !important;
    color: var(--text) !important;
    opacity: 1 !important;
}

.register form input[type=submit] {
    border: none !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    padding: 15px 32px !important;
}

.bs-bp-container-reg #buddypress #signup-form.standard-form label,
.bs-bp-container-reg #buddypress #signup-form.standard-form legend {
    font-size: 14px !important;
}

.login .message, .login .notice, .login .success {
    background: var(--light-grey) !important;
    border: 1px solid var(--border-color) !important;
}

.mobile-logo-wrapper img {
    max-width: 180px !important;
}

.bb-mobile-panel-wrapper a {
    background: transparent !important;
    color: var(--text) !important;
}

.primary-menu .current-menu-item>a,
.primary-menu .current-page-item>a,
.current-page-item a {
    font-weight: 400 !important;
}

.bb-template-v2 .primary-menu>li.current-menu-ancestor>a,
.bb-template-v2 .primary-menu>li.current-menu-item>a,
.bb-template-v2 .primary-menu>li.current-menu-parent>a,
.bb-template-v2 .primary-menu>li.current_page_item>a {
    border-color: var(--blue);
}

.primary-menu > li > a:hover {
    border-color: var(--red) !important;
}

.bs-card-forum-details h3 a:hover,
.buddypress-wrap .grid-filters a.active {
    color: var(--red) !important;
}

body.bb-template-v2 #buddypress:not(.round-avatars) .groups-header #item-header-cover-image #item-header-avatar .link-change-overlay,
body.bb-template-v2 #buddypress:not(.round-avatars) .groups-header #item-header-cover-image #item-header-avatar img.avatar {
    border-radius: 50% !important;
    border-color: var(--light-blue) !important;
}

.registration .mfp-bg, body.login .mfp-bg,
.activity-update-form.modal-popup,
.bp-nouveau-activity-form-placeholder-.modal-popup {
    background-color: rgba(0,8,41,.8) !important;
}

body.register .registration-popup {
    background: var(--content-bg-color) !important;
}

.bb-topic-banner img {
    width: 100% !important;
}

#content h1.entry-title {
    font-size: 36px !important;
}

body #buddypress img.avatar {
    border-color: var(--light-blue) !important;
}

.bs-card-forum-details h3,
#bbpress-forums#bbpress-forums .bs-forums-items .bs-section-title,
#members-list.item-list .member-name a,
.buddypress-wrap ul.bp-list.groups-dir-list .list-wrap .item .list-title a,
body .widget-title,
body #buddypress h2.widget-title {
    font-size: 24px !important;
}

.bb-template-v2.groups.group-admin .bp-navs.group-subnav .current a,
.bb-template-v2.groups.group-admin .bp-navs.group-subnav .selected a {
    color: white !important;
}

/* My Dashboard */

.bb-dash-grid {
    overflow: hidden;
}

.bb-dash-grid__block:hover:before,
.bb-dash-grid__block:hover:after {
    display: none !important;
}

.profile_bit__heading .progress_bit_graph--sm .progress-bit__ring,
.profile_bit__heading {
    background: var(--light-grey) !important;
    border: 1px solid var(--border-color) !important;
}

.bb-dash-grid__image {
    margin-bottom: 0px !important;
}

.bb-dash-grid__image img {
    display: none;
}

.bb-dash-grid__cols-3 .bb-dash-grid__image:before {
    width: 1em;
    height: 1em;
    display: inline-block;
    position: relative;
    font-family: "bb-icons";
    font-size: 60px;
    font-weight: 200;
    margin-top: 20px;
}

.bb-ldactivity .bb-la__media:after {
    background-color: unset !important;
}

.bb-dash-grid__cols-3 .bb-dash-grid__block:nth-child(1) .bb-dash-grid__image:before {
    content: '\ee3f' !important;
}

.bb-dash-grid__cols-3 .bb-dash-grid__block:nth-child(2) .bb-dash-grid__image:before {
    content: '\e95d' !important;
}

.bb-dash-grid__cols-3 .bb-dash-grid__block:nth-child(3) .bb-dash-grid__image:before {
    content: '\e854' !important;
}

.elementor-cta--la-my-align-right .bb-la-activity-btn.bb-la-activity-btn--isslick {
    right: 0;
}


.bb-dash-grid__block:hover {
    background: transparent;

    .bb-icon-l {
        background-color: var(--red) !important;
        border-color: var(--red) !important;
        color: white;
    }
}

body .bb-no-data .bb-no-data__link,
.bb-forums-activity-btn__link,
.bb-la-activity-btn__link {
    border: none !important;
    border-radius: 0 !important;
    background: var(--blue);
    color: white !important;
    font-size: 12px !important;
    padding: 5px 20px !important;
    transition: all 250ms ease;

    &:hover {
        background: var(--red) !important;
        transition: all 250ms ease;
    }
}

.activity-head-bar .bb-subnav-filters-container.bb-subnav-filters-filtering .subnav-filters-opener[aria-controls=bb-subnav-filter-by] span {
    letter-spacing: 0 !important;
}

.activity-list {
    .activity-title h2 {
        font-size: 22px !important;
        color: var(--blue) !important;
    }
}

#profile-card {
    h4 {
        letter-spacing: 0 !important;
    }
}

.users-header {
    h2 {
        font-size: 28px !important;
    }
}

@media(max-width: 1300px) {
    .bb-dash-grid__cols-3 .bb-dash-grid__image:before {
        font-size: 50px;
    }
}

@media(max-width: 1000px) {
    .bb-dash-grid__cols-3 .bb-dash-grid__image:before {
        font-size: 46px;
    }
}

@media(max-width: 800px) {
    .bb-dash-grid__cols-3 .bb-dash-grid__image:before {
        font-size: 60px;
    }
}

@media(max-width: 767px) {
    .elementor-widget-ld-activity .bb-la-slide .bb-la__body {
        padding: 20px 20px 20px !important;
    }

    .elementor-widget-ld-activity .bb-la .slick-arrow {
        margin-top: -30px !important;
    }
}