.elementor-645 .elementor-element.elementor-element-e0b6f49{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-645 .elementor-element.elementor-element-1c90d05{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 5px 0px 5px;text-align:left;}.elementor-645 .elementor-element.elementor-element-1c90d05 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:29px;color:#000000;}.elementor-645 .elementor-element.elementor-element-4d187ab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-645 .elementor-element.elementor-element-4ecb644 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-645 .elementor-element.elementor-element-d66a6d0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#ECECEC;--border-color:#ECECEC;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-645 .elementor-element.elementor-element-d66a6d0:not(.elementor-motion-effects-element-type-background), .elementor-645 .elementor-element.elementor-element-d66a6d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-645 .elementor-element.elementor-element-7ae5a63{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-645 .elementor-element.elementor-element-32a5dba{padding:0px 0px 0px 15px;}.elementor-645 .elementor-element.elementor-element-32a5dba .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:27px;font-weight:600;letter-spacing:-2.5px;color:#000000;}.elementor-645 .elementor-element.elementor-element-80f5c44{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-645 .elementor-element.elementor-element-e0b6f49{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-645 .elementor-element.elementor-element-e0b6f49{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;}.elementor-645 .elementor-element.elementor-element-7ae5a63{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-4d187ab *//* --- BWMF MODERN EVENTS CALENDAR SKIN --- */

/* 1. CONTAINER: Tighten up the main box */
.bwmf-mec-modern .mec-wrap {
    padding: 0px !important; /* Reduce outer white space */
    background: transparent !important;
}

/* 2. HEADER: Fix "Too Big" Month Header */
.bwmf-mec-modern .mec-calendar-header h2,
.bwmf-mec-modern .mec-month-divider span,
.bwmf-mec-modern .mec-totalcal-box h2 {
    font-size: 18px !important; /* Much smaller, cleaner font */
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px !important; /* Less gap below header */
    padding-top: 0 !important;
}

/* 3. NAVIGATION: Modernize the Next/Prev Buttons */
.bwmf-mec-modern .mec-next, 
.bwmf-mec-modern .mec-previous {
    font-size: 14px !important;
    color: #888 !important;
    opacity: 0.7;
    transition: all 0.2s;
}
.bwmf-mec-modern .mec-next:hover, 
.bwmf-mec-modern .mec-previous:hover {
    opacity: 1;
    color: #000 !important;
}

/* 4. EVENTS: Modern Card Look (Shadows & Roundness) */
.bwmf-mec-modern .mec-event-article,
.bwmf-mec-modern .mec-calendar-day.mec-has-event {
    border-radius: 12px 12px 12px 12px !important; /*
    Rounded corners */
    box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important; /* Soft modern shadow */
    border: 1px solid #f0f0f0 !important; /* Clean subtle border */
    overflow: hidden;
    margin-bottom: 15px !important; /* Clean spacing between events */
    background: #fff !important;
}

/* 5. IMAGE: Fix clunky images */
.bwmf-mec-modern .mec-event-image img {
    border-radius: 5px  !important; /* Round top
    corners only */
    margin:0 0 0 5px ;
    
    width: 100% !important;
    object-fit: cover;
}

/* 6. CONTENT: Reduce text white space */
.bwmf-mec-modern .mec-event-content,
.bwmf-mec-modern .mec-event-detail {
    padding: 15px !important; /* Tighter internal padding */
}

.bwmf-mec-modern .mec-event-title h3,
.bwmf-mec-modern .mec-event-title h4 {
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 5px !important;
}

/* 7. DATES: Make the date badge cute & small */
.bwmf-mec-modern .mec-event-date,
.bwmf-mec-modern .mec-date-detail {
    font-size: 12px !important;
    color: #888 !important;
    text-transform: uppercase;
    font-weight: 500;
}



/* 2. HEADER: KILL THE GAP above "December 2025" */
.bwmf-mec-modern .mec-month-divider,
.bwmf-mec-modern .mec-calendar-header {
    margin-top: 0 !important; /* Removes the huge default top margin */
    padding-top: 0 !important;
    margin-bottom: 20px !important; /* Keeps space BELOW the header */
}/* End custom CSS */
/* Start custom CSS *//* --- FACEBOOK STYLE CARDS (Compact Version) --- */

.fb-near-me-wrapper {
    width: 100%;
    margin-bottom: 0px;
    /* Default font for body text */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* HEADER: Poppins 600 */
.fb-widget-header {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px; /* Slightly smaller for compactness */
    margin-bottom: 12px;
    color: #050505;
}

/* Horizontal Scroller */
.fb-scroll-container {
    display: flex;
    overflow-x: auto;
    gap: 10px; /* Tighter gap between cards */
    padding-bottom: 15px;
    scrollbar-width: none;
}
.fb-scroll-container::-webkit-scrollbar {
    display: none;
}

/* The Card (Compact Width) */
.fb-card {
    flex: 0 0 170px; /* Reduced from 200px to 170px */
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    border: 1px solid #ddd;
    display: flex;
    flex-direction: column;
}

/* Image Area */
.fb-card-image {
    display: block;
    width: 100%;
    height: 170px; /* Square aspect ratio with width */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Text Content (Tighter Padding) */
.fb-card-content {
    padding: 10px; /* Reduced from 12px */
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.fb-name {
    font-size: 14px; /* Reduced from 15px */
    font-weight: 600;
    color: #050505;
    text-decoration: none;
    margin-bottom: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}

.fb-location {
    font-size: 12px; /* Reduced from 13px */
    color: #65676b;
    margin-bottom: 6px;
    line-height: 1.2;
}

.fb-mutuals {
    font-size: 11px; /* Reduced from 13px */
    color: #65676b;
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 10px;
    margin-top: auto;
    line-height: 1.2;
}


/* Buttons Container */
.fb-actions {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

/* Primary Button (Add Friend) */
.fb-btn-primary a, 
.fb-btn-primary button {
    background: #e7f3ff !important;
    color: #1877f2 !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 15px !important; /* Increased to 10px for extra plumpness */
    width: 100% !important;
    font-weight: 600 !important;
    font-size: 14px !important; /* Slightly larger text */
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    display: block;
    transition: background 0.2s;
    line-height: normal !important;
}
.fb-btn-primary a:hover {
    background: #dbe7f2 !important;
}




/* Override BuddyPress Default Button Styles */
.fb-actions .friendship-button {
    background: transparent !important;
    padding: 6px !important;
    margin: 0 !important;
    width: 100%;
}
.fb-actions .friendship-button a {
    background: #e7f3ff !important;
    color: #1877f2 !important;
    width: 100%;
    display: block;
    padding: 10px 0; /* Matches Primary Button */
    border-radius: 6px;
    font-size: 14px;
}/* End custom CSS */