.elementor-widget-section .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-section .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-25692 .elementor-element.elementor-element-7c786f2 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-25692 .elementor-element.elementor-element-7c786f2 > .elementor-background-overlay{background-color:var( --e-global-color-text );opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-25692 .elementor-element.elementor-element-7c786f2:not(.elementor-motion-effects-element-type-background), .elementor-25692 .elementor-element.elementor-element-7c786f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://caribbeanbiodiversityfund.org/wp-content/uploads/2026/01/OceanImageBank_MicheleRoux_27.jpg") 50% 50%;background-size:cover;}.elementor-25692 .elementor-element.elementor-element-7c786f2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-90px;margin-bottom:0px;}.elementor-25692 .elementor-element.elementor-element-7c786f2 > .elementor-shape-bottom .elementor-shape-fill{fill:#FFFFFF;}.elementor-25692 .elementor-element.elementor-element-7c786f2 > .elementor-shape-bottom svg{transform:translateX(-50%) rotateY(180deg);}.elementor-25692 .elementor-element.elementor-element-7c786f2 > .elementor-shape-bottom{z-index:2;pointer-events:none;}.elementor-bc-flex-widget .elementor-25692 .elementor-element.elementor-element-99d5951.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-25692 .elementor-element.elementor-element-99d5951.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-25692 .elementor-element.elementor-element-99d5951 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-25692 .elementor-element.elementor-element-99d5951 > .elementor-element-populated{margin:25px 25px 25px 25px;--e-column-margin-right:25px;--e-column-margin-left:25px;}.elementor-widget-theme-page-title .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-theme-page-title .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-theme-page-title .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-25692 .elementor-element.elementor-element-39c2814{text-align:center;}.elementor-widget-eael-breadcrumbs .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-eael-breadcrumbs .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-25692 .elementor-element.elementor-element-7994352 .eael-breadcrumbs{justify-content:center;}.elementor-25692 .elementor-element.elementor-element-7994352 .eael-breadcrumbs .eael-breadcrumbs__content{background-color:#f8f8fa;}.elementor-25692 .elementor-element.elementor-element-7994352 .eael-breadcrumbs .eael-breadcrumb-separator svg path{fill:#A5A4B0;}.elementor-25692 .elementor-element.elementor-element-7994352 .eael-breadcrumbs .eael-breadcrumb-separator{color:#A5A4B0;margin:0 10px;}.elementor-widget-text-editor .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-25692 .elementor-element.elementor-element-ad38f90 .elementor-widget-container > *{max-width:100%;}.elementor-25692 .elementor-element.elementor-element-ad38f90{text-align:center;font-family:"Outfit", Sans-serif;font-size:1.6vw;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}@media(max-width:1024px){.elementor-25692 .elementor-element.elementor-element-7c786f2 > .elementor-background-overlay{opacity:0.5;}.elementor-25692 .elementor-element.elementor-element-7c786f2{margin-top:-90px;margin-bottom:0px;}.elementor-25692 .elementor-element.elementor-element-ad38f90{font-size:3vw;}}@media(max-width:767px){.elementor-25692 .elementor-element.elementor-element-7c786f2 > .elementor-background-overlay{opacity:0.5;}.elementor-25692 .elementor-element.elementor-element-7c786f2{margin-top:-35px;margin-bottom:0px;}.elementor-25692 .elementor-element.elementor-element-99d5951 > .elementor-element-populated{padding:55px 55px 55px 55px;}.elementor-25692 .elementor-element.elementor-element-7994352 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-25692 .elementor-element.elementor-element-ad38f90{font-size:4vw;}}/* Start custom CSS for html, class: .elementor-element-7634c9d *//* ============================================================
   CBF Interactive Map, layout, scroll, and accessibility styles
   ============================================================ */

/* Visually hidden utility, used for form labels and the status live region */
.cbf-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Two-pane layout */
.cbf-map-container #cbf-map-wrapper {
    display: flex !important;
    align-items: flex-start !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
}

.cbf-map-container #cbf-map-wrapper #cbf-map {
    flex: 2 1 480px !important;
    min-width: 280px !important;
    height: 640px !important;
}

/* Sidebar sizes to its own content. Forced to block so the original
   snippet's fixed-height flex column can't steal the list's space. */
.cbf-map-container #cbf-map-wrapper #cbf-sidebar {
    flex: 1 1 340px !important;
    min-width: 280px !important;
    display: block !important;
    height: auto !important;
    max-height: none !important;
}

/* Toolbar (map toggle, search, filters, pager) stays pinned while
   the list below it scrolls */
.cbf-map-container #cbf-map-wrapper .cbf-sidebar-toolbar {
    position: sticky !important;
    top: 0 !important;
    background: #fff !important;
    z-index: 2 !important;
    padding-bottom: 10px !important;
}

/* The results list gets its own explicit scroll height, independent
   of the toolbar. ~480px shows about 5 to 6 project cards before scrolling. */
.cbf-map-container #cbf-map-wrapper #cbf-project-list {
    height: auto !important;
    max-height: 480px !important;
    overflow-y: auto !important;
}

/* "Hide map" state: sidebar full width, list uncapped so it grows
   down the page instead of scrolling inside a short box */
.cbf-map-container #cbf-map-wrapper.cbf-list-only #cbf-map {
    display: none !important;
}

.cbf-map-container #cbf-map-wrapper.cbf-list-only #cbf-sidebar {
    flex: 1 1 100% !important;
    max-width: 100% !important;
}

.cbf-map-container #cbf-map-wrapper.cbf-list-only #cbf-project-list {
    max-height: none !important;
    overflow-y: visible !important;
}

/* Map toggle button, full width, reads as a primary action */
#cbf-map-toggle {
    width: 100%;
    min-height: 44px;
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #0a8a65;
    border-radius: 6px;
    background: #fff;
    color: #0a8a65;
    cursor: pointer;
}

#cbf-map-toggle:hover {
    background: #eafaf4;
}

/* Apply / Clear buttons, adequate touch target */
#cbf-filter-apply,
#cbf-filter-clear {
    min-height: 44px;
    padding: 8px 16px;
    font-size: 14px;
}

/* Legend swatch, raised opacity plus a border in a darker shade of
   the same hue, so membership isn't communicated by a faint fill alone */
.cbf-legend-swatch {
    display: inline-block;
    width: 28px;
    height: 14px;
    border-radius: 3px;
    vertical-align: middle;
    margin: 0 4px;
}

.cbf-legend-member {
    background-color: #0ebb89;
    opacity: 0.55;
    border: 1px solid #0a8a65;
}

/* Keyboard focus visibility across the component */
#cbf-map-wrapper button:focus-visible,
#cbf-map-wrapper input:focus-visible,
#cbf-map-wrapper select:focus-visible,
#cbf-map-wrapper a:focus-visible,
#cbf-map-toggle:focus-visible {
    outline: 2px solid #0a8a65;
    outline-offset: 2px;
}

/* Small screens: stack map above the list, both full width */
@media (max-width: 768px) {
    .cbf-map-container #cbf-map-wrapper {
        flex-direction: column !important;
    }

    .cbf-map-container #cbf-map-wrapper #cbf-map,
    .cbf-map-container #cbf-map-wrapper #cbf-sidebar {
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }

    .cbf-map-container #cbf-map-wrapper #cbf-map {
        height: 320px !important;
    }

    .cbf-map-container #cbf-map-wrapper #cbf-project-list {
        max-height: 60vh !important;
    }

    .cbf-map-container #cbf-map-wrapper.cbf-list-only #cbf-project-list {
        max-height: none !important;
    }
}/* End custom CSS */
/* Start custom CSS *//* Interactive Map: old V3 hero hidden, kept for reference */
.elementor-25692 > .elementor-element-7c786f2{display:none!important}
.elementor-25692 .cbf-map-intro h2{display:none}
/* Hero motif */
.elementor-25692 .elementor-element-43d5a313::after{content:"";position:absolute;left:0;bottom:0;width:42%;height:120px;background:rgba(255,255,255,.32);-webkit-mask-image:var(--cbf-m-wave);mask-image:var(--cbf-m-wave);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none;z-index:0}
@media (max-width:1024px){.elementor-25692 .elementor-element-43d5a313::after{width:100%;height:70px}}/* End custom CSS */