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

/* BB Display Custom Fields in Directory List Feed */

.buddypress-wrap .members-list li .member-name {
	margin-bottom:0 !important;
}

.member-custom-field-company-directory {
	font-size:0.75em;
	color:#000000;
	line-height:1.0;
}

.member-custom-field-title-directory {
	font-size:0.65em;
	color:#333333;
	line-height:1.0;
	font-style:italic;
}

.v-my-sessions-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.v-my-sessions-table th, .v-my-sessions-table td {
    border: 1px solid #ddd;
    padding: 8px;
}

.v-my-sessions-table td.session-title {
    border-right: none;
}

.v-my-sessions-table td.session-cancel {
    border-left: none;
}

.v-my-sessions-table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: var(--bb-primary-color);
    color: white;
}
.v-my-sessions-table a {
    color: var(--bb-primary-color);
    text-decoration: none;
}
.v-my-sessions-table a:hover {
    color: #45a049;
}

#meeting-message {
    width: 100%;
}

/* Directory search widget: Reset link moved to top of the form (CU-86bbd9a5c),
   without forking BuddyBoss's profile-search.php template. .submit-wrapper
   collapses to display:contents so its children (Reset link + Search button)
   become direct flex items of .bps-form. Reset's actual DOM position is
   moved to the front by custom.js (not CSS `order`, which only changes
   visual position and left keyboard/screen-reader tab order stuck after
   every filter and Search) so flexbox's default source-order placement
   renders it first. Reset never leaves its original classes, so BuddyBoss's
   native icon (:before) and base color/hover for .clear-from-wrap keep
   applying automatically, including through future BuddyBoss updates. Only
   the button chrome below (background/border/radius/full-width) is added on
   top, using the theme's own secondary-button variables. */

.bp-profile-search-widget .bps-form {
    display: flex;
    flex-direction: column;
}

.bp-profile-search-widget .submit-wrapper {
    display: contents;
}

.bp-profile-search-widget .clear-from-wrap a {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    color: var(--bb-secondary-button-text-regular);
    background-color: var(--bb-secondary-button-background-regular);
    border: 1px solid var(--bb-secondary-button-border-regular);
    border-radius: var(--bb-button-radius);
    padding: 6px 14px;
    margin-bottom: 15px;
    transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;
}

.bp-profile-search-widget .clear-from-wrap a:hover {
    color: var(--bb-secondary-button-text-hover);
    background-color: var(--bb-secondary-button-background-hover);
    border-color: var(--bb-secondary-button-border-hover);
}