.tribe-events-calendar-month__body > .tribe-events-calendar-month__week .tribe-events-calendar-month__mobile-events-icon {
  background-color: #e61d26;
}
#sidebar .et_pb_widget:not(.woocommerce) button {
  background-color: #ffffff;
}
.tribe-events-calendar-month__week > .tribe-events-calendar-month__day--current > .tribe-events-calendar-month__day-cell--mobile .tribe-events-calendar-month__day-date-daynum {
  font-weight: 700;
}
.tribe_events .tribe-common-c-btn-border {
  color: #e61d26 !important;
  background-color: #ffffff !important;
  border-color: #e61d26 !important;
}
.tribe-events-single-section .tribe-venue > a {
  color: #e61d26;
}
#top-header span {
  display: none;
}
.tribe-tickets__rsvp-actions-wrapper .tribe-common-c-btn {
  background-color: #e61d26 !important;
}
.tribe-events-single-section .tec-events-pro-series-meta-detail--link > a {
  color: #e61d26;
}
.tribe-events-calendar-list__event-header .tec_series_marker__title {
  color: #e61d26;
}
.tribe-common .tribe-common-c-btn-border {
  border-color: #e61d26 !important;
  color: #e61d26 !important;
  background-color: #ffffff !important;
}
#sidebar .et_pb_widget:not(.woocommerce) a {
  color: #e61d26;
}
.odd .last-activity {
  display: none;
}
.even .last-activity {
  display: none;
}
#subnav-filters > #dir-filters > #members-order-select #members-order-by {
  display: none;
}
#subnav-filters > #dir-filters > #members-order-select .select-arrow {
  display: none;
}
.entry-content > #buddypress #cover-image-container > div {
  background-size: contain;
  color: white;
}
#header-cover-image {
  background-color: white;
}
.screen-content > #members-dir-list .odd > .list-wrap {
  padding: 20px 5px 20px 5px;
}
.screen-content > #members-dir-list .even > .list-wrap {
  padding: 20px 5px 20px 5px;
}
#members-dir-list .even > .list-wrap > div {
  margin-top: 30px;
}
#members-dir-list .odd > .list-wrap > div {
  margin-top: 30px;
}
.tribe-events-single-section .tribe-events-event-categories > a {
  color: #d51d29;
}
/*
 * BuddyPress Member Directory - Card Grid Layout
 */
/* 1. The Grid Container (the <ul>) */
#buddypress ul#members-list {
  display: grid;
  /* On desktops, create 3 equal-width columns */
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  /* This is the space between the cards */
  list-style-type: none;
  /* Removes the default list bullets */
  margin: 0;
  padding: 0;
}
/* 2. Styling Each Member as a Card (the <li>) */
#buddypress ul#members-list li {
  padding: 25px;
  margin: 0;
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  /* Rounded corners for the card */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  display: flex;
  /* We'll use flexbox to align content *inside* the card */
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
#buddypress ul#members-list li:hover {
  transform: translateY(-5px);
  /* Adds a subtle lift effect on hover */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
}
/* 3. Styling the Content Inside Each Card */
#buddypress ul#members-list li .item-avatar {
  margin-bottom: 15px;
  /* Space below the avatar */
}
#buddypress ul#members-list li .item-avatar img {
  width: 90px !important;
  /* Set a fixed size for the avatar */
  height: 90px !important;
  border-radius: 50%;
  /* Ensure the avatar is a perfect circle */
}
#buddypress ul#members-list li .item-title a {
  font-size: 1.2em;
  /* Make the member's name bigger */
  font-weight: bold;
  color: #333;
}
#buddypress ul#members-list li .member-company {
  color: #555;
  margin-top: 5px;
  margin-bottom: 10px;
  /* Space between company and 'last active' */
}
#buddypress ul#members-list li .item-meta .activity {
  color: #888;
  font-size: 0.9em;
}
#buddypress ul#members-list li .action {
  margin-top: auto;
  /* This pushes the action buttons (e.g., "Add Friend") to the bottom of the card */
  padding-top: 15px;
}
/* --- 4. Make the Grid Responsive --- */
/* For Tablets: Switch to 2 columns */
/* For Mobile Phones: Switch to 1 column */
@media (max-width: 991px) {
  #buddypress ul#members-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  #buddypress ul#members-list {
    grid-template-columns: 1fr;
  }
}
