/*--------------------------------------------------------------
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
--------------------------------------------------------------*/

#nav-projects-groups-li, #members-groups-li {
    display: none !important;
}

.bs-group-members {
    display: none !important;
}


div.group-members-wrap.only-grid-view > span.members {
    display:  none !important;
}

/*#groups-dir-list {*/
/*    display: none !important;*/
/*}*/

#groups-all {
    display: none !important;
}

.bb-course-member-wrap, .lms-course-members-list {
    display: none !important;
}

.bb-single-course-sidebar .bb-button-wrap {
    padding-top: 20px;
}

.bb-course-points a.anchor-course-points, .bb-single-course-sidebar .bb-button-wrap .learndash_join_button+.bb-course-type { 
    display: none !important;
}


/*---
Login / Change Password Page
----*/

.login-page {
  background-color: transparent;
  background-image: linear-gradient(180deg, #141414 0%, #133747 100%);
}

.login-page h2, .login-page p {
    margin:  0;
    margin-bottom: 15px;
}

.login-page p {
        font-size: 0.9rem;
    line-height: 1.3em;
}

.login-wrapper {
    display:  flex;
    justify-content: center;
    width: 40%;
}

.login-container {
    min-width:  300px;
    max-width:  500px;
    display: flex;
    justify-content: center;
    background: white;
    padding: 15px 3.33% 25px;
    border-radius: 5px;
    box-shadow: 0 1px 30px rgb(0 0 0 / 10%);

}

.login-img {
    width:  180px;
    margin-top:  0px !important;
    margin-bottom:  15px !important;
    margin:  0 auto;
}

.login-username input, .login-password input, #memb_password_send-1-email-input {
    width:  100%;
}


#memb_password_send-1-email-label {
    display:  none;
}

#memb_password_send-1-block2 input {
    margin: 10px auto;
    display: block;
}

#header-messages-dropdown-elem {
    display:  none;
}

.search-form {
    display: inline-block;
    position: relative;
    width: auto; /* Adjust width to your preference */
}

.search-field {
    display: block;
    width: 250px; /* Adjust width as needed */
    padding: 8px 12px;
    border: none;
    border-radius: 5px; /* Rounded corners */
    background-color: #333; /* Matches dark theme background */
    color: #fff; /* White text for contrast */
    font-size: 14px;
    box-shadow: none;
    outline: none;
    background-image: none !important;
}

.search-field::placeholder {
    color: #999; /* Placeholder text color */
}

.search-field:focus {
    background-color: #444; /* Slightly lighter background on focus */
    outline: 2px solid #fff; /* Optional focus outline */
}

.header-aside-inner {
    display: flex;
    align-items: center; /* Aligns children vertically in the center */
    justify-content: flex-end; /* Adjust alignment if needed */
    height: 100%; /* Ensure parent has a defined height */
}

.search-form {
    display: flex;
    align-items: center; /* Aligns input field within the search form */
    margin: 0; /* Remove any unnecessary margin */
}

.search-field {
    vertical-align: middle; /* Ensures the input field aligns in the middle */
    height: 36px; /* Adjust as needed for consistent height */
    padding: 0 12px; /* Add padding for spacing */
    border-radius: 5px;
    box-sizing: border-box; /* Ensures padding doesn’t affect the total size */
}