/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.0.0
*/

/* .bp-user .buddypress-wrap a {
    color: #32356B;
}

.bp-user .bp_members {
    max-width: 100% !important;
    padding: 0 !important;
}

.bp-user .page-header {
    display: none;
}

.bp-user .hello-elementor {
    margin-inline: auto;
    margin-bottom: 82px;
}

.bp-user .site-content {
    padding: 0 !important;
}

.bp-user .content-area.primary {
    margin: 0 !important;
}

.bp-user .ast-container {
    max-width: 100%;
    padding: 0;
}

.bp-user .buddypress-wrap #item-header-cover-image {
    max-width: 1140px;
    margin-right: auto !important;
    margin-left: auto !important;
}

.buddypress-wrap .bp-wrap {
    max-width: 1140px;
    margin: auto;
    padding-left: 24px;
    padding-right: 24px;
}

.bp-user .bp-list {
    padding: 0;
    margin: 0;
}

.bp-user .select-wrap {
    margin-bottom: 22px !important;

    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    display: flex;
    align-items: center;
    gap: 8px;
} */

.xoo-el-action-form .xoo-el-action-btn:hover,
.xoo-el-action-form .xoo-el-action-btn:focus {
    background-color: #2469B0;
}

.xoo-el-form-container ul.xoo-el-tabs li.xoo-el-active {
    background-color: #32356B;
}

.buddypress-wrap:not(.bp-single-vert-nav) .bp-navs li {
    background: transparent;
    box-shadow: none;
}

.buddypress-wrap.bp-dir-hori-nav:not(.bp-vertical-navs) nav:not(.tabbed-links) {
    border: none;
}

/* .buddypress-wrap .bp-navs.tabbed-links ul li a {
    padding: 0
} */

.bp-user .select-wrap {
    margin-bottom: 22px !important;
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    display: flex;
    align-items: center;
    gap: 8px;
}

.buddypress-wrap {
    overflow: hidden;
    margin-bottom: 100px;
}

.buddypress-wrap .bp-screen-title {
    font-size: 28px;
}

.buddypress-wrap .screen-heading {
    font-size: 18px !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}

.buddypress-wrap .main-navs:not(.dir-navs) li.current a,
.buddypress-wrap .main-navs:not(.dir-navs) li.selected a {
    background-color: #32356B;
    color: #fff;
}

.buddypress-wrap .bp-wrap {
    max-width: 1188px;
    margin: auto;
    padding-left: 24px;
    padding-right: 24px;
}

.buddypress-wrap .users-header {
    max-width: 1188px;
    margin: auto;
    padding-left: 24px;
    padding-right: 24px;
}

/* Force BuddyPress Cover Image to Viewport Full Width */
#buddypress #header-cover-image {
    width: 100vw;
    position: absolute;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw !important;
}

/* Ensure the background image covers the space properly */
#buddypress #header-cover-image img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
}

/* Optional: Remove any default padding from the parent container 
   to prevent small white gaps on the sides */
.buddypress-wrap #item-header {
    padding-top: 0 !important;
}

.select-wrap select {
    width: 100% !important;
}