/*--------------------------------------------------------------
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
--------------------------------------------------------------*/
/* === Better visibility in User Settings === */
.wp-tab-panel {
	max-height: 400px !important;
}
/* === MEMBER MAP CUSTOM CSS === */

/* -------------------------------------------------
   Layout
-------------------------------------------------- */

.bb-member-map-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  min-height: 500px;
}

/* Map area */
.bb-member-map {
  flex: 1 1 60%;
  min-height: 500px;
  border-radius: 12px;
  overflow: hidden;
}

/* Sidebar */
.bb-member-map-sidebar {
  flex: 0 0 280px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  border: 1px solid #e2e2e2;
  background: #ffffff;
  padding: 12px 16px;
  box-sizing: border-box;
}

/* Sidebar Title */
.bb-member-map-sidebar-title {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 600;
  color: #ff6a35;
}

/* -------------------------------------------------
   Search + Filter Controls
-------------------------------------------------- */

.bb-member-map-controls {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 8px;
}

.bb-member-map-controls input,
.bb-member-map-controls select {
  padding: 6px 8px;
  border-radius: 6px;
  border: 1px solid #ddd;
  font-size: 13px;
}

/* -------------------------------------------------
   Sidebar Scroll Area
-------------------------------------------------- */

.bb-member-map-sidebar-list {
  overflow-y: auto;
  max-height: 460px;
  color: #333333;
}

/* -------------------------------------------------
   Sidebar List Items
-------------------------------------------------- */

.bb-member-map-list-item {
  display: flex;
  align-items: flex-start;
  padding: 10px 6px;
  border-bottom: 1px solid #f1f1f1;
  cursor: pointer;
  transition: background 0.15s ease;
  font-size: 13px;
}

.bb-member-map-list-item:last-child {
  border-bottom: none;
}

.bb-member-map-list-item:hover {
  background: #f2f2f2;
}

/* Avatar */
.bb-member-map-list-avatar {
  margin-right: 8px;
  flex: 0 0 auto;
	margin-top: 1px;
}

.bb-member-map-list-avatar img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
}

/* Text container */
.bb-member-map-list-text {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

/* Member Name */
.bb-member-map-list-name {
  font-size: 14px;
  font-weight: 600;
  color: #333333;
}

/* Labeled rows */
.bb-member-map-list-row {
  font-size: 12px;
  color: #555555;
  line-height: 1.3;
}

.bb-member-map-list-row span {
  font-weight: 600;
  color: #333333;
}

/* -------------------------------------------------
   Leaflet Popup Styling
-------------------------------------------------- */

#bb-member-map .leaflet-popup-content-wrapper {
  border-radius: 12px;
}

#bb-member-map .leaflet-popup-content {
  margin: 14px 16px;
  min-width: 200px;
}

/* Popup layout */
.bb-member-map-popup {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.bb-member-map-popup-avatar img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
}

.bb-member-map-popup-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  line-height: 1.25;
  color: #333333;
}

.bb-member-map-popup-name {
  font-size: 15px;
  font-weight: 700;
}

.bb-member-map-popup-company {
  font-size: 13px;
  font-weight: 600;
}

.bb-member-map-popup-city {
  font-size: 13px;
  color: #444444;
}

.bb-member-map-popup-link {
  margin-top: 4px;
  display: inline-block;
  font-size: 13px;
  text-decoration: none;
}

/* -------------------------------------------------
   Responsive Tweaks
-------------------------------------------------- */

@media (max-width: 900px) {
  .bb-member-map-wrapper {
    flex-direction: column;
  }

  .bb-member-map {
    flex: 1 1 100%;
    min-height: 300px;
  }

  .bb-member-map-sidebar {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 260px;
  }

  .bb-member-map-sidebar-list {
    max-height: 220px;
  }
}

/* === END MEMBER MAP CSS === */


/* Tighten Main Menu */
.menu-item {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
div#site-logo {
    padding-right: 0px;
}


/* Remove ALL page titles globally - also affects H1 Header visibility across entire site */
/* .entry-header,
.entry-title {
    display: none !important;
} */

/* Remove Fusion Builder titles */
/* h1.fusion-responsive-typography-calculated {
    display: none !important;
} */

/* Add space between the header and the MEC event container */
/* .mec-container {
    padding-top: 40px !important;
} */
.mec-single-event .mec-event-content {
    padding: 10px 0 0px;
    margin-bottom: 0px;
}
h4.mec-event-title.fusion-responsive-typography-calculated {
    font-size: 16px;
}
.mec-event-grid-clean .mec-event-content {
    padding: 15px 0px 0;
}
.col-md-3.col-sm-3 {
    padding-left: 5px;
    padding-right: 5px;
}
.mec-single-event-date,
.mec-single-event-time,
.mec-event-cost,
.mec-event-more-info,
.mec-single-event-location {
    margin-bottom: 0px;
	padding-top: 0px;
    padding-bottom: 0px;
}
.mec-single-event-category {
    margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	display:none;
}
a.mec-booking-button {
    margin-top: 10px;
}
.mec-event-social.mec-frontbox {
    padding-top: 10px;
}
.mec-event-info-desktop.mec-event-meta.mec-color-before.mec-frontbox {
    padding: 20px;
}
article dl {
    margin-top: 0px;
}
article dd.location,
article dd.author.fn.org,
article dd.mec-location-url {
    padding-left: 10px !important;
}
h3.mec-events-single-section-title.mec-category.fusion-responsive-typography-calculated {
    margin-bottom: 0px;
}

/* .mec-single-title {
    color: #eeeeee !important;
} */
.mec-wrap .mec-single-title {
	margin-bottom: 0px;
	font-size: 24px;
	color: #eeeeee !important;

}
.mec-single-event .mec-events-meta-group-countdown {
	margin-bottom: 0px;
}
.mec-wrap p,
.mec-single-event-description.mec-events-content ul li {
	color: #eeeeee;
}
.mec-wrap strong,
.mec-border-color:hover,
.mec-bg-color-hover {
	color: #ff6a35;
}
a.mec-color,
.mec-border-color {
    background-color: #eeeeee;
}
.mec-events-meta-group.mec-events-meta-group-countdown {
    background-color: transparent;
    border-color: transparent;
}
.mec-single-event .mec-event-social {
    background-color: transparent;
    border-color: transparent;
}
.mec-single-event-description h3.fusion-responsive-typography-calculated,
.mec-single-event .mec-event-social h3,
.mec-single-event-description h4.fusion-responsive-typography-calculated {
	color: #eeeeee;
}
.mec-single-event-description h2.fusion-responsive-typography-calculated {
	color: #ff6a35;
}
.mec-wrap .flip-clock-divider .flip-clock-label {
    color: #eeeeee;
}
.mec-wrap .flip-clock-wrapper ul li a div div.inn {
    background-color: #ff6a35 !important; /* main tile background */
}
.mec-event-export-module.mec-frontbox {
    background-color: transparent;
    border-color: transparent;
    padding-top: 0px;
    padding-bottom: 0px;
}
.mec-wrap.colorskin-custom .mec-bg-color-hover:hover {
	background-color: #ff6a35;
}
i.mec-fa-long-arrow-right:hover {
    color: #eeeeee;
}
/* ============================================================
   SPACING ABOVE MEC CALENDAR (AFTER REMOVING TITLE)
   ============================================================ */
#main-content.mec-container {
    margin-top: 20px !important;
}

/* Hide the "Responses" title in the comments area */
#comments .comments-title {
    display: none !important;
}

/* ============================================================
   BUDDYBOSS CHECKBOX CUSTOM STYLING
   Applies to: "Notify me of new replies" checkbox
   ============================================================ */

/* Unchecked state (border color) */
.bs-styled-checkbox + label::before {
    border-color: #ffffff !important; /* white border */
}

/* Hover state (border highlight) */
.bs-styled-checkbox:hover + label::before {
    border-color: #ff6a35 !important; /* orange hover border */
}

/* Checked state (background + border) */
.bs-styled-checkbox:checked + label::before {
    background-color: #ff6a35 !important; /* orange background */
    border-color: #ff6a35 !important;
}

/* Checked state checkmark color */
.bs-styled-checkbox:checked + label::after {
    color: #262626 !important; /* dark checkmark */
}

#bbpress-forums .bbp-breadcrumb { display: block; }

/* Force white text inside all BuddyBoss register inputs */
.register-section input[type="text"],
.register-section input[type="email"],
.register-section input[type="password"],
#basic-details-section input,
#profile-details-section input,
.bb-signup-field input,
.editfield input {
    color: #ffffff !important; /* Text you type */
    caret-color: #ffffff !important; /* Cursor color */
}

/* Fix dark background fields where text may inherit internal styling */
.register-section input[type="text"]::placeholder,
.register-section input[type="email"]::placeholder,
.register-section input[type="password"]::placeholder {
    color: #cccccc !important;
}

/* Fix BuddyBoss input wrapper (they use inner pseudo-elements) */
.bb-password-wrap input.password-entry {
    color: #ffffff !important;
}

.bb-password-wrap input.password-entry::placeholder {
    color: #cccccc !important;
}

/* Fix highlighted/active border */
.register-section input:focus,
.bb-password-wrap input:focus {
    border-color: #ff6a35 !important;
    box-shadow: 0 0 0 1px #ff6a35 !important;
}

/* Fix BP XProfile fields typing color */
.editfield input[type="text"] {
    color: #ffffff !important;
}

/* Prevent browser autofill from forcing white-on-white */
.register-section input:-webkit-autofill {
    -webkit-text-fill-color: #ffffff !important;
    transition: background-color 9999s ease-in-out 0s;
}

@media screen and (min-width: 46.8em) {
    body.buddypress .site-content {
        padding-top: 50px !important;
    }
}


/* Only affects pages that have the class we added */
.clean-auth-page #masthead,
.clean-auth-page header,
.clean-auth-page .site-header,
.clean-auth-page #secondary,
.clean-auth-page aside,
.clean-auth-page .sidebar,
.clean-auth-page nav {
	display: none !important;
}

/* Make the main content full-width and centered */
.clean-auth-page #primary,
.clean-auth-page main,
.clean-auth-page .site-content,
.clean-auth-page .content-area {
	width: 100% !important;
	max-width: 720px;
	margin: 0 auto !important;
	padding: 24px !important;
	float: none !important;
}

/* Optional: remove extra spacing some themes add */
.clean-auth-page .container,
.clean-auth-page .wrap {
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Hide the nickname field row */
table.profile-fields .field_3.field_nickname {
    display: none;
}

.bp-profile-wrapper.need-separator .group-separator-block {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
}

.sub-menu .user-mention {
	display: none;
}

form.ac-form .ac-reply-content .ac-textarea .ac-input[contenteditable=true] {
color: #B8C0CC;
}

.bb-template-v2 #message-threads .current>a {
	Background: #1f232a;
}

#member-invites-table tr td input {
	color: #B8C0CC;
}

#buddypress .standard-form select {
	color: #B8C0CC;
}

/* Tighten + Lift up Page headers */
.flex.bp-secondary-header.align-items-center {
    margin-top: -5%;
}

/* ============================================================

*********************** MOBILE FIXES **************************

============================================================ */
@media screen and (max-width: 768px) {
    #buddypress ul.item-list {
        max-width: 95vw;
    }
}
@media screen and (max-width: 768px) {

    html, body {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .buddypress #buddypress,
    .buddypress .buddypress-wrap,
    .bb-page,
    .site,
    .site-content,
    .container,
    .wrap {
        max-width: 100% !important;
    }
}
/* Fix Z Index on menu items on Mobile */
.mec-date-search {
    position: inherit;
    z-index: 1;
}
/* tighten up Members Tiles */
#members-list .list-wrap {
    padding-top: 0px !important;
    padding-bottom: 30px !important;
}
#members-list img.avatar.avatar-300.photo {
    max-height: 80px;
}
#members-list span.member-status.online {
    margin-top: -15%;
}
#members-list .item-avatar {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
/* 1LD.ai Acess Sync to Community */
.ai-restricted-item {
    display: none !important;
}
/* Accelerator Access Sync to Community */
.accelerator-restricted-item {
    display: none !important;
}
/* BG Hover color for menu */
.site-header #primary-navbar .primary-menu .menu-item .bb-sub-menu > li > a:hover {
    background-color: #ff6a35 !important;
    /* color: #ffffff;  Optional text color change on hover */
}
/* Fix GIPHY Popup Display to avoid cutoff */
.activity-list .gif-media-search-dropdown {
    bottom: -10px;
    top: initial;
}
.gif-media-search-dropdown.open {
    z-index: 1000 !important;
}

/* Header */
.post-group-header {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 0 0 10px 0;
  opacity: 0.85;
  color: #ffffff;
}

/* Container */
.post-group-quicklinks {
  display: flex;
  gap: 5px;
  align-items: center;
  margin-bottom: 10px;
  flex-wrap: wrap; /* desktop can wrap */
}

/* Chip base style */
.post-group-quicklinks .bb-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 14px;
  border-radius: 999px; /* chip/pill */
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  color: #ffffff;
  text-decoration: none;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.7);
  white-space: nowrap; /* prevents awkward breaks */
  transition: opacity 0.15s ease, transform 0.15s ease;
}

.post-group-quicklinks .bb-chip:hover {
  opacity: 0.85;
  transform: translateY(-1px);
}

/* Group colors */
.post-group-quicklinks .chip-general { background: #ffbd96; color: #1b1b1b; }
.post-group-quicklinks .chip-ops { background: #ff6a35; color: #1b1b1b; }
.post-group-quicklinks .chip-people { background: #56ee1f; color: #1b1b1b; }
.post-group-quicklinks .chip-customers { background: #37b7ff; color: #1b1b1b; }
.post-group-quicklinks .chip-finance { background: #ffd21e; color: #1b1b1b; }
.post-group-quicklinks .chip-life { background: #f37476; color: #1b1b1b; }
.post-group-quicklinks .chip-1ld90 { background: #ff6a35; }
.post-group-quicklinks .chip-laya { background: #000000; }
.post-group-quicklinks .chip-accelerator { background: #c15a64; }



/* Mobile: single-row, swipeable chips */
@media (max-width: 768px) {
  .post-group-quicklinks {
    flex-wrap: nowrap;            /* force one row */
    overflow-x: auto;             /* enable swipe */
    -webkit-overflow-scrolling: touch;
    padding-bottom: 6px;          /* breathing room for scroll */
    margin-bottom: 12px;
  }

  .post-group-quicklinks::-webkit-scrollbar {
    display: none;                /* hides scrollbar on iOS/Chrome */
  }

  .post-group-quicklinks .bb-chip {
    padding: 8px 12px;
    font-size: 13px;
  }
}


@media screen and (max-width: 768px) and (min-height: 550px) {
    .bb-is-mobile .activity-update-form.modal-popup #whats-new-form, .bb-is-mobile .bp-nouveau-activity-form-placeholder-.modal-popup #whats-new-form {
		top: 15px;
	}
}

/* Default: hide Admin Bar menu toggle links */
.hide-admin-bar,
.show-admin-bar {
  display: none !important;
}

/* Admin bar hidden state */
html.ld-hide-adminbar {
  margin-top: 0 !important;
}

html.ld-hide-adminbar #wpadminbar {
  display: none !important;
}

/* Mobile Chat Margins */
@media (max-width: 767px) {
	.buddypress-wrap .activity-comments .acomment-display {
    padding-right: 15px;
	}
	div#primary.content-area.bs-bp-container {
    padding-left: 0px;
    padding-right: 0px;
	}
}

/* MOBILE: floating CTA on top of the event image */
/* Hide the duplicated CTA on desktop by default */
.mec-top-cta { display: none; }

/* Show ONLY on mobile */
@media (max-width: 768px) {
  .mec-top-cta {
    display: block;
    text-align: center;
    margin: 20px 0;
    padding: 16px;
    font-size: 16px;
    font-weight: 700;
  }
}

/* ========== 1LD Livestream Layout (BuddyBoss Override Safe) ========== */

body .bb-livestream-wrapper{
  width:100% !important;
  max-width:1100px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:20px !important;
  box-sizing:border-box !important;
}

/* Shared video wrapper */
body .bb-livestream-wrapper .bb-live-embed{
  position:relative !important;
  width:100% !important;
  overflow:hidden !important;
  border-radius:12px !important;
  background:#000 !important;
}

body .bb-livestream-wrapper .bb-live-embed--16x9{
  aspect-ratio:16 / 9 !important;
}

body .bb-livestream-wrapper .bb-live-embed iframe{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  border:0 !important;
  display:block !important;
}

/* Engagement panel (mobile split) */
body .bb-livestream-wrapper .bb-live-engagement{
  margin-top:16px !important;
  width:100% !important;
  min-height:680px !important;
  border-radius:12px !important;
  overflow:hidden !important;
  background:#111 !important;
}

body .bb-livestream-wrapper .bb-live-engagement iframe{
  width:100% !important;
  height:680px !important;
  border:0 !important;
  display:block !important;
}

/* ===== Visibility Control ===== */

/* Default = Desktop */
body .bb-livestream-wrapper .bb-live-desktop{
  display:block !important;
}
body .bb-livestream-wrapper .bb-live-mobile{
  display:none !important;
}

/* Mobile Switch */
@media (max-width: 768px){

  body .bb-livestream-wrapper{
    max-width:100% !important;
    padding:12px !important;
  }

  body .bb-livestream-wrapper .bb-live-desktop{
    display:none !important;
  }

  body .bb-livestream-wrapper .bb-live-mobile{
    display:block !important;
  }

  body .bb-livestream-wrapper .bb-live-engagement{
    min-height:750px !important;
  }

  body .bb-livestream-wrapper .bb-live-engagement iframe{
    height:750px !important;
  }
}

.activity-list .activity-item .activity-inner blockquote:not(.wp-embedded-content) {
	background: Transparent;
	border-color: #FF6A35;
}