{"id":4249,"date":"2025-07-16T23:02:57","date_gmt":"2025-07-16T21:02:57","guid":{"rendered":"https:\/\/silulofoundation.org\/dev\/?page_id=4249"},"modified":"2025-10-03T10:42:53","modified_gmt":"2025-10-03T08:42:53","slug":"directory","status":"publish","type":"page","link":"https:\/\/silulofoundation.org\/dev\/directory\/","title":{"rendered":"Directory"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4249\" class=\"elementor elementor-4249\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1317f00 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"1317f00\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c5d6576\" data-id=\"c5d6576\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2a7cc3f elementor-widget elementor-widget-heading\" data-id=\"2a7cc3f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Business Directory <\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1ee7f06 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1ee7f06\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ac197b1\" data-id=\"ac197b1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0cbe056 elementor-widget elementor-widget-business_directory\" data-id=\"0cbe056\" data-element_type=\"widget\" data-widget_type=\"business_directory.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <style>\r\n            .business-directory-container {\r\n                max-width: 1200px;\r\n                padding: 20px;\r\n                margin: 0px;\r\n                background: transparent;\r\n                border-radius: 0px;\r\n                border: 0px solid transparent;\r\n                box-shadow: none;\r\n                position: relative;\r\n                z-index: auto;\r\n                overflow: visible;\r\n                min-height: autoauto;\r\n                box-sizing: border-box;\r\n            }\r\n            \r\n            .business-directory-modern {\r\n                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n                background: transparent;\r\n                min-height: auto;\r\n                padding: 0;\r\n                color: #333333;\r\n            }\r\n            \r\n            .business-directory-container {\r\n                max-width: 1200px;\r\n                margin: 0 auto;\r\n            }\r\n            \r\n            \r\n            \/* Enhanced Controls Layout *\/\r\n            .business-directory-controls {\r\n                background: #f8f9fa;\r\n                backdrop-filter: blur(10px);\r\n                border: 1px solid rgba(255,255,255,0.3);\r\n                border-radius: 8px;\r\n                padding: 20px !important;\r\n                margin-bottom: 40px;\r\n                box-shadow: \r\n                    0 8px 32px rgba(0,0,0,0.12),\r\n                    0 4px 16px rgba(0,0,0,0.08),\r\n                    0 2px 8px rgba(0,0,0,0.06),\r\n                    inset 0 1px 0 rgba(255,255,255,0.1);\r\n                width: 100%;\r\n                max-width: 100%;\r\n                box-sizing: border-box;\r\n                position: relative;\r\n            }\r\n\r\n            \/* Main Controls Container *\/\r\n            .bd-controls-wrapper {\r\n                display: flex;\r\n                flex-direction: column;\r\n                gap: 20px;\r\n                max-width: 100%;\r\n            }\r\n\r\n\r\n            \/* Filters Row *\/\r\n            .bd-filters-row {\r\n                display: grid;\r\n                grid-template-columns: 1fr 1fr 1fr 1fr auto;\r\n                gap: 20px;\r\n                align-items: start;\r\n                width: 100%;\r\n                margin-bottom: 20px;\r\n            }\r\n\r\n            \/* Center the reset button vertically *\/\r\n            .bd-filters-row .bd-reset-filters {\r\n                align-self: center;\r\n            }\r\n\r\n            \/* Mobile Responsive Controls *\/\r\n            @media (max-width: 768px) {\r\n                .business-directory-controls {\r\n                    padding: 16px !important;\r\n                    margin-bottom: 20px !important;\r\n                }\r\n                \r\n                .bd-filters-row {\r\n                    display: flex !important;\r\n                    flex-direction: column !important;\r\n                    gap: 16px !important;\r\n                    grid-template-columns: none !important;\r\n                }\r\n                \r\n                .bd-filter-group {\r\n                    width: 100% !important;\r\n                    min-width: 100% !important;\r\n                }\r\n                \r\n                .bd-filter-search,\r\n                .bd-filter-select {\r\n                    width: 100% !important;\r\n                    min-height: 48px !important;\r\n                    font-size: 16px !important;\r\n                }\r\n            }\r\n\r\n            \/* Filter Groups *\/\r\n            .bd-filter-group {\r\n                position: relative;\r\n                width: 100%;\r\n                min-height: 60px;\r\n                display: flex;\r\n                flex-direction: column;\r\n                gap: 4px;\r\n            }\r\n\r\n            .bd-filter-label {\r\n                display: block;\r\n                font-size: 12px;\r\n                font-weight: 600;\r\n                color: #374151;\r\n                margin-bottom: 8px;\r\n                margin-top: 0;\r\n                text-transform: uppercase;\r\n                letter-spacing: 0.5px;\r\n                line-height: 1.2;\r\n                white-space: nowrap;\r\n                overflow: hidden;\r\n                text-overflow: ellipsis;\r\n            }\r\n\r\n            .bd-filter-select {\r\n                width: 100%;\r\n                background: rgba(255,255,255,0.95);\r\n                border: 1px solid rgba(255,255,255,0.3);\r\n                border-radius: 12px;\r\n                padding: 12px 16px;\r\n                font-size: 14px;\r\n                font-weight: 500;\r\n                color: #333;\r\n                cursor: pointer;\r\n                transition: all 0.3s ease;\r\n                appearance: none;\r\n                background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L2 4h8z'\/%3E%3C\/svg%3E\");\r\n                background-repeat: no-repeat;\r\n                background-position: right 12px center;\r\n                background-size: 12px;\r\n            }\r\n\r\n            .bd-filter-select:hover {\r\n                background: rgba(255,255,255,1);\r\n                border-color: rgba(102,126,234,0.3);\r\n                transform: translateY(-1px);\r\n                box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n            }\r\n\r\n            .bd-filter-select:focus {\r\n                outline: none;\r\n                border-color: #667eea;\r\n                box-shadow: 0 0 0 3px rgba(102,126,234,0.1);\r\n            }\r\n\r\n            .bd-filter-search {\r\n                width: 100%;\r\n                background: rgba(255,255,255,0.95);\r\n                border: 1px solid rgba(255,255,255,0.3);\r\n                border-radius: 12px;\r\n                padding: 12px 16px;\r\n                font-size: 14px;\r\n                font-weight: 500;\r\n                color: #333;\r\n                transition: all 0.3s ease;\r\n                box-sizing: border-box;\r\n            }\r\n\r\n            .bd-filter-search::placeholder {\r\n                color: #999;\r\n                font-weight: 400;\r\n            }\r\n\r\n            .bd-filter-search:hover {\r\n                background: rgba(255,255,255,1);\r\n                border-color: rgba(102,126,234,0.3);\r\n                transform: translateY(-1px);\r\n                box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n            }\r\n\r\n            .bd-filter-search:focus {\r\n                outline: none;\r\n                border-color: #667eea;\r\n                box-shadow: 0 0 0 3px rgba(102,126,234,0.1);\r\n                background: rgba(255,255,255,1);\r\n            }\r\n\r\n            \/* Action Buttons *\/\r\n            .bd-filter-actions {\r\n                display: flex;\r\n                gap: 10px;\r\n                width: 100%;\r\n            }\r\n\r\n            .bd-reset-filters {\r\n                background: linear-gradient(135deg, #1059ad, #764ba2);\r\n                color: white;\r\n                border: none;\r\n                padding: 12px 20px;\r\n                border-radius: 10px;\r\n                font-size: 14px;\r\n                font-weight: 600;\r\n                cursor: pointer;\r\n                transition: all 0.3s ease;\r\n                white-space: nowrap;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                vertical-align: middle;\r\n                line-height: 1;\r\n                min-height: 44px;\r\n                flex-shrink: 0;\r\n            }\r\n\r\n            .bd-reset-filters:hover {\r\n                transform: translateY(-2px);\r\n                box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);\r\n            }\r\n\r\n            .bd-reset-filters:disabled {\r\n                opacity: 0.5;\r\n                cursor: not-allowed;\r\n                transform: none;\r\n                box-shadow: none;\r\n            }\r\n\r\n\r\n\r\n            \/* Loading State *\/\r\n            .bd-controls-loading {\r\n                position: relative;\r\n                overflow: hidden;\r\n            }\r\n\r\n            .bd-controls-loading::after {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0;\r\n                left: -100%;\r\n                width: 100%;\r\n                height: 100%;\r\n                background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\r\n                animation: shimmer 1.5s infinite;\r\n            }\r\n\r\n            @keyframes shimmer {\r\n                0% { left: -100%; }\r\n                100% { left: 100%; }\r\n            }\r\n\r\n            \/* Mobile Responsive *\/\r\n            @media (max-width: 768px) {\r\n                .business-directory-controls {\r\n                    padding: 20px !important;\r\n                    margin-bottom: 30px;\r\n                }\r\n                \r\n                .bd-filters-row {\r\n                    grid-template-columns: 1fr;\r\n                    gap: 20px;\r\n                    align-items: stretch;\r\n                }\r\n                \r\n                .bd-filter-group {\r\n                    min-height: auto;\r\n                    margin-bottom: 10px;\r\n                }\r\n                \r\n                .bd-filter-label {\r\n                    margin-bottom: 6px;\r\n                    font-size: 11px;\r\n                }\r\n                \r\n                .bd-filter-actions {\r\n                    flex-direction: column;\r\n                    gap: 15px;\r\n                }\r\n                \r\n                .bd-reset-filters {\r\n                    width: 100%;\r\n                }\r\n                \r\n            }\r\n\r\n            @media (max-width: 480px) {\r\n                .business-directory-controls {\r\n                    padding: 20px !important;\r\n                }\r\n                \r\n                .bd-controls-wrapper {\r\n                    gap: 15px;\r\n                }\r\n                \r\n                .bd-filters-row {\r\n                    gap: 15px;\r\n                }\r\n                \r\n                .bd-filter-group {\r\n                    margin-bottom: 8px;\r\n                }\r\n                \r\n                .bd-filter-label {\r\n                    font-size: 10px;\r\n                    margin-bottom: 4px;\r\n                }\r\n                \r\n                .bd-filter-select {\r\n                    padding: 10px 14px;\r\n                    font-size: 13px;\r\n                }\r\n            }\r\n\r\n            \/* Accessibility *\/\r\n            @media (prefers-reduced-motion: reduce) {\r\n                .bd-filter-select,\r\n                .bd-reset-filters {\r\n                    transition: none;\r\n                }\r\n                \r\n                .bd-controls-loading::after {\r\n                    animation: none;\r\n                }\r\n            }\r\n            \r\n            \/* List View Styles *\/\r\n            .business-directory-grid.list-view {\r\n                grid-template-columns: 1fr;\r\n                gap: 20px;\r\n            }\r\n            \r\n            .business-directory-grid.list-view .business-card {\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 20px;\r\n                padding: 20px;\r\n            }\r\n            \r\n            .business-directory-grid.list-view .business-logo {\r\n                width: 60px;\r\n                height: 60px;\r\n                margin-bottom: 0;\r\n                flex-shrink: 0;\r\n            }\r\n            \r\n            .business-directory-grid.list-view .business-info {\r\n                flex: 1;\r\n            }\r\n            \r\n            .business-directory-grid.list-view .business-title {\r\n                margin-bottom: 5px;\r\n            }\r\n            \r\n            .business-directory-grid.list-view .business-category {\r\n                margin-bottom: 10px;\r\n            }\r\n            \r\n            .business-directory-grid.list-view .business-description {\r\n                margin-bottom: 15px;\r\n            }\r\n            \r\n            .business-directory-grid.list-view .business-contact {\r\n                margin-bottom: 15px;\r\n            }\r\n            \r\n            .business-directory-grid.list-view .business-social {\r\n                margin-top: 0;\r\n            }\r\n            \r\n            \/* No Results and Error Styles *\/\r\n            .no-results, .error-message {\r\n                text-align: center;\r\n                color: white;\r\n                padding: 40px;\r\n                background: rgba(255,255,255,0.1);\r\n                border-radius: 15px;\r\n                backdrop-filter: blur(10px);\r\n            }\r\n            \r\n            .no-results p, .error-message p {\r\n                margin: 0;\r\n                font-size: 16px;\r\n                opacity: 0.9;\r\n            }\r\n            \r\n            .business-directory-grid {\r\n                display: grid;\r\n                grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n                gap: 20px;\r\n                margin-bottom: 40px;\r\n                margin-top: 50px;\r\n            }\r\n            \r\n            .business-card {\r\n                background: #ffffff;\r\n                border-radius: 8px;\r\n                border: 1px solid rgba(0,0,0,0.1);\r\n                padding: 20px;\r\n                margin: 0px;\r\n                box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n                transition: all 0.3s ease;\r\n                position: relative;\r\n                overflow: hidden;\r\n            }\r\n            \r\n            .business-card:hover {\r\n                transform: translateY(-5px);\r\n                box-shadow: 0 20px 40px rgba(0,0,0,0.15);\r\n            }\r\n            \r\n            .business-card::before {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                right: 0;\r\n                height: 4px;\r\n                background: linear-gradient(90deg, #ffffff, #764BA200);\r\n            }\r\n            \r\n            .business-logo {\r\n                width: 220px;\r\n                height: 220px;\r\n                background: #f8f9fa;\r\n                border-radius: 20px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                margin-bottom: 20px;\r\n                font-size: 2rem;\r\n                box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n                overflow: hidden;\r\n                position: relative;\r\n            }\r\n            \r\n            .business-logo img {\r\n                width: 100%;\r\n                height: 100%;\r\n                object-fit: cover;\r\n                border-radius: 20px;\r\n                transition: transform 0.3s ease;\r\n            }\r\n            \r\n            .business-logo:hover img {\r\n                transform: scale(1.05);\r\n            }\r\n            \r\n            .business-logo .logo-placeholder {\r\n                font-size: 2.5rem;\r\n                color: #ffffff;\r\n                opacity: 0.7;\r\n            }\r\n            \r\n            .business-title {\r\n                font-size: 18px;\r\n                font-weight: 600;\r\n                margin-bottom: 10px;\r\n                color: #000000;\r\n            }\r\n            \r\n            .business-category {\r\n                display: inline-block;\r\n                background: linear-gradient(135deg, #ffffff, #764BA200);\r\n                color: white;\r\n                padding: 6px 12px;\r\n                border-radius: 20px;\r\n                font-size: 12px;\r\n                font-weight: 600;\r\n                margin-bottom: 15px;\r\n            }\r\n            \r\n            .bd-category-badge {\r\n                display: inline-flex !important;\r\n                align-items: center !important;\r\n                justify-content: center !important;\r\n                                background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;\r\n                                color: #ffffff !important;\r\n                padding: 4px 12px !important;\r\n                margin: 0 !important;\r\n                border-radius: 12px !important;\r\n                font-size: 0.7rem !important;\r\n                font-weight: 600 !important;\r\n                position: relative !important;\r\n                z-index: 10 !important;\r\n                text-decoration: none !important;\r\n                transition: all 0.3s ease !important;\r\n                white-space: nowrap !important;\r\n                width: auto !important;\r\n                min-width: fit-content !important;\r\n                max-width: 200px !important;\r\n                text-align: center !important;\r\n                box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;\r\n            }\r\n            \r\n            .bd-category-badge:hover {\r\n                transform: scale(1.05);\r\n                box-shadow: 0 4px 15px rgba(0,0,0,0.2);\r\n            }\r\n            \r\n            .bd-location-badge {\r\n                display: inline-flex !important;\r\n                align-items: center !important;\r\n                justify-content: center !important;\r\n                                background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%) !important;\r\n                                color: #ffffff !important;\r\n                padding: 4px 12px !important;\r\n                margin: 0 !important;\r\n                border-radius: 12px !important;\r\n                font-size: 0.7rem !important;\r\n                font-weight: 600 !important;\r\n                position: relative !important;\r\n                z-index: 10 !important;\r\n                text-decoration: none !important;\r\n                transition: all 0.3s ease !important;\r\n                white-space: nowrap !important;\r\n                width: auto !important;\r\n                min-width: fit-content !important;\r\n                max-width: 200px !important;\r\n                text-align: center !important;\r\n                box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;\r\n            }\r\n            \r\n            .bd-location-badge:hover {\r\n                transform: scale(1.05);\r\n                box-shadow: 0 4px 15px rgba(79, 172, 254, 0.3);\r\n            }\r\n            \r\n            .business-badges-container {\r\n                display: flex !important;\r\n                justify-content: center !important;\r\n                align-items: center !important;\r\n                gap: 8px !important;\r\n                margin: 6px 0 !important;\r\n                flex-wrap: wrap !important;\r\n                width: 100% !important;\r\n                min-height: 28px !important;\r\n            }\r\n            \r\n            .business-description {\r\n                color: #333333;\r\n                line-height: 1.6;\r\n                margin-bottom: 20px;\r\n                font-size: 14px;\r\n                opacity: 0.8;\r\n                display: -webkit-box !important;\r\n                -webkit-line-clamp: 3 !important;\r\n                -webkit-box-orient: vertical !important;\r\n                overflow: hidden !important;\r\n                text-overflow: ellipsis !important;\r\n                max-height: calc(1.6 * 3) !important;\r\n            }\r\n            \r\n            .business-contact {\r\n                display: flex;\r\n                gap: 15px;\r\n                flex-wrap: wrap;\r\n            }\r\n            \r\n            .business-contact a {\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 8px;\r\n                color: #ffffff;\r\n                text-decoration: none;\r\n                font-weight: 500;\r\n                font-size: 0.9rem;\r\n                transition: all 0.3s ease;\r\n            }\r\n            \r\n            .business-contact a:hover {\r\n                color: #764BA200;\r\n                transform: translateX(5px);\r\n            }\r\n            \r\n            .business-contact i {\r\n                font-size: 16px;\r\n            }\r\n            \r\n            .business-contact .contact-phone {\r\n                color: #667eea !important;\r\n                padding: 8px 12px !important;\r\n            }\r\n            \r\n            .business-contact .contact-phone:hover {\r\n                color: #764BA200 !important;\r\n            }\r\n            \r\n            .business-contact .contact-email {\r\n                color: #667eea !important;\r\n                padding: 8px 12px !important;\r\n            }\r\n            \r\n            .business-contact .contact-email:hover {\r\n                color: #764BA200 !important;\r\n            }\r\n            \r\n            .business-contact .contact-website {\r\n                color: #667eea !important;\r\n                padding: 8px 12px !important;\r\n            }\r\n            \r\n            .business-contact .contact-website:hover {\r\n                color: #764BA200 !important;\r\n            }\r\n            \r\n            .business-social {\r\n                display: flex;\r\n                gap: 10px;\r\n                margin-top: 20px;\r\n                justify-content: center;\r\n            }\r\n            \r\n            .social-icon {\r\n                width: 20px;\r\n                height: 20px;\r\n                padding: 8px;\r\n                border-radius: 50%;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                color: white;\r\n                text-decoration: none;\r\n                font-size: 1.1rem;\r\n                transition: all 0.3s ease;\r\n                box-shadow: 0 4px 12px rgba(0,0,0,0.15);\r\n                position: relative;\r\n                overflow: hidden;\r\n            }\r\n            \r\n            .social-icon i {\r\n                font-size: 1.2rem;\r\n                z-index: 2;\r\n                position: relative;\r\n            }\r\n            \r\n            .social-icon:hover {\r\n                transform: translateY(-3px);\r\n                box-shadow: 0 8px 20px rgba(0,0,0,0.25);\r\n            }\r\n            \r\n            .social-icon.facebook {\r\n                background: linear-gradient(135deg, #1877f2, #0d6efd);\r\n            }\r\n            \r\n            .social-icon.twitter {\r\n                background: linear-gradient(135deg, #1da1f2, #0ea5e9);\r\n            }\r\n            \r\n            .social-icon.instagram {\r\n                background: linear-gradient(135deg, #e4405f, #c13584);\r\n            }\r\n            \r\n            .social-icon.linkedin {\r\n                background: linear-gradient(135deg, #0077b5, #0a66c2);\r\n            }\r\n            \r\n            .social-icon.youtube {\r\n                background: linear-gradient(135deg, #ff0000, #cc0000);\r\n            }\r\n            \r\n            .social-icon.tiktok {\r\n                background: linear-gradient(135deg, #000000, #ff0050);\r\n            }\r\n            \r\n            .social-icon.pinterest {\r\n                background: linear-gradient(135deg, #e60023, #bd081c);\r\n            }\r\n            \r\n            .social-icon.snapchat {\r\n                background: linear-gradient(135deg, #fffc00, #ffeb3b);\r\n                color: #000000;\r\n            }\r\n            \r\n            .social-icon.whatsapp {\r\n                background: linear-gradient(135deg, #25d366, #128c7e);\r\n            }\r\n            \r\n            .social-icon.telegram {\r\n                background: linear-gradient(135deg, #0088cc, #229ed9);\r\n            }\r\n            \r\n            .social-icon.discord {\r\n                background: linear-gradient(135deg, #5865f2, #7289da);\r\n            }\r\n            \r\n            .social-icon.reddit {\r\n                background: linear-gradient(135deg, #ff4500, #ff6b35);\r\n            }\r\n            \r\n            .social-icon.twitch {\r\n                background: linear-gradient(135deg, #9146ff, #a970ff);\r\n            }\r\n            \r\n            .social-icon.github {\r\n                background: linear-gradient(135deg, #333333, #24292e);\r\n            }\r\n            \r\n            .social-icon.medium {\r\n                background: linear-gradient(135deg, #00ab6c, #00c851);\r\n            }\r\n            \r\n            .social-icon.tumblr {\r\n                background: linear-gradient(135deg, #001935, #2c4762);\r\n            }\r\n            \r\n            .social-icon.vimeo {\r\n                background: linear-gradient(135deg, #1ab7ea, #00a8cc);\r\n            }\r\n            \r\n            .social-icon.spotify {\r\n                background: linear-gradient(135deg, #1db954, #1ed760);\r\n            }\r\n            \r\n            .business-loading {\r\n                text-align: center;\r\n                padding: 40px;\r\n                color: white;\r\n            }\r\n            \r\n            .business-loading i {\r\n                font-size: 2rem;\r\n                animation: spin 1s linear infinite;\r\n            }\r\n            \r\n            @keyframes spin {\r\n                0% { transform: rotate(0deg); }\r\n                100% { transform: rotate(360deg); }\r\n            }\r\n            \r\n            @media (max-width: 768px) {\r\n                \r\n                .business-directory-controls {\r\n                    flex-direction: column;\r\n                    gap: 15px;\r\n                    align-items: stretch;\r\n                }\r\n                \r\n                .search-section {\r\n                    min-width: auto;\r\n                }\r\n                \r\n                .filters-section {\r\n                    justify-content: center;\r\n                }\r\n                \r\n                .business-directory-grid {\r\n                    grid-template-columns: repeat(2, 1fr);\r\n                    gap: calc(20px * 0.7);\r\n                }\r\n                \r\n                .business-card {\r\n                    padding: calc(20px * 0.7);\r\n                }\r\n            }\r\n            \r\n            @media (max-width: 480px) {\r\n                \r\n                .business-directory-controls {\r\n                    padding: 20px !important;\r\n                    margin-bottom: 20px;\r\n                    gap: 50px;\r\n                }\r\n                \r\n                .filters-section {\r\n                    flex-direction: column;\r\n                    align-items: stretch;\r\n                }\r\n                \r\n                .filters-section select {\r\n                    width: 100%;\r\n                }\r\n                \r\n                .business-directory-grid {\r\n                    grid-template-columns: repeat(1, 1fr);\r\n                    gap: calc(20px * 0.5);\r\n                }\r\n                \r\n                .business-card {\r\n                    padding: calc(20px * 0.6);\r\n                }\r\n                \r\n                .business-logo {\r\n                    width: calc(220px * 0.8);\r\n                    height: calc(220px * 0.8);\r\n                }\r\n            }\r\n        <\/style>\r\n        \r\n        <div class=\"business-directory-modern\">\r\n            <div class=\"business-directory-container\">\r\n                \r\n                                <div class=\"spacer\" style=\"height: 50px;\"><\/div>\r\n\r\n                <div class=\"business-directory-controls\">\r\n                \r\n                    <div class=\"bd-controls-wrapper\">\r\n                        \r\n                        \r\n                        <!-- Filters Row -->\r\n                                                <div class=\"bd-filters-row\">\r\n                            <div class=\"bd-filter-group\">\r\n                                <label for=\"business-search\" class=\"bd-filter-label\">Search<\/label>\r\n                                <input type=\"text\" \r\n                                       id=\"business-search\" \r\n                                       class=\"bd-filter-search\"\r\n                                       placeholder=\"Search businesses by name, description, or category...\"\r\n                                       autocomplete=\"off\"\r\n                                       autocorrect=\"off\"\r\n                                       autocapitalize=\"off\"\r\n                                       spellcheck=\"false\"\r\n                                       inputmode=\"search\">\r\n                            <\/div>\r\n                            \r\n                            <div class=\"bd-filter-group\">\r\n                                <label for=\"category-filter\" class=\"bd-filter-label\">Category<\/label>\r\n                                <select id=\"category-filter\" class=\"bd-filter-select\">\r\n                                    <option value=\"\">All Categories<\/option>\r\n                                    <option value=\"accommodation\">Accommodation<\/option><option value=\"beauty\">Beauty<\/option><option value=\"cleaning\">Cleaning<\/option><option value=\"coaching-consulting\">Coaching and Consulting<\/option><option value=\"construction\">Construction<\/option><option value=\"education\">Education<\/option><option value=\"energy\">Energy<\/option><option value=\"event-planning\">Event Planning<\/option><option value=\"fashion\">Fashion<\/option><option value=\"food-catering\">Food and Catering<\/option><option value=\"funeral-services\">Funeral Services<\/option><option value=\"health-wellness\">Health and Wellness<\/option><option value=\"horticulture\">Horticulture<\/option><option value=\"it-telecommunications\">IT and Telecommunications<\/option><option value=\"media-photography\">Media and Photography<\/option><option value=\"non-profit\">Non-Profit<\/option><option value=\"online-store\">Online Store<\/option><option value=\"real-estate\">Real Estate<\/option><option value=\"transport-tourism\">Transport and Tourism<\/option>                                <\/select>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"bd-filter-group\">\r\n                                <label for=\"location-filter\" class=\"bd-filter-label\">Location<\/label>\r\n                                <select id=\"location-filter\" class=\"bd-filter-select\">\r\n                                    <option value=\"\">All Locations<\/option>\r\n                                    <option value=\"21-zakhele-street-khayelitsha-7784\">21 Zakhele Street Khayelitsha 7784<\/option><option value=\"belhar\">Belhar<\/option><option value=\"bellville\">Bellville<\/option><option value=\"blue-downs\">Blue Downs<\/option><option value=\"bluerise-village\">BlueRise village<\/option><option value=\"brackenfell\">Brackenfell<\/option><option value=\"brooklyn\">Brooklyn<\/option><option value=\"cape-town\">Cape Town<\/option><option value=\"delft\">Delft<\/option><option value=\"eersteriver\">Eersteriver<\/option><option value=\"gugulethu\">Gugulethu<\/option><option value=\"khayelitsha\">Khayelitsha<\/option><option value=\"kuilsriver\">Kuilsriver<\/option><option value=\"litha-park\">Litha Park<\/option><option value=\"loevenstein\">Loevenstein<\/option><option value=\"mandalay-and-dunoon\">Mandalay and Dunoon<\/option><option value=\"mfuleni\">Mfuleni<\/option><option value=\"mitchells-plain\">Mitchell\u2019s plain<\/option><option value=\"nyanga\">Nyanga<\/option><option value=\"parow\">Parow<\/option><option value=\"phillipi\">phillipi<\/option><option value=\"strand\">Strand<\/option><option value=\"waterberg\">Waterberg<\/option>                                <\/select>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"bd-filter-group\">\r\n                                <label for=\"sort-filter\" class=\"bd-filter-label\">Sort By<\/label>\r\n                                                <select id=\"sort-filter\" class=\"bd-filter-select\">\r\n                    <option value=\"title\" selected>Name (A-Z)<\/option>\r\n                    <option value=\"title_desc\" >Name (Z-A)<\/option>\r\n                    <option value=\"date\" >Newest First<\/option>\r\n                    <option value=\"date_asc\" >Oldest First<\/option>\r\n                    <option value=\"category\" >Category<\/option>\r\n                    <option value=\"featured\" >Featured First<\/option>\r\n                <\/select>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"bd-filter-actions\">\r\n                                                                <button type=\"button\" id=\"reset-filters\" class=\"bd-reset-filters\" disabled>\r\n                                    <i class=\"fas fa-undo\"><\/i> Reset\r\n                                <\/button>\r\n                                                                \r\n                            <\/div>\r\n                        <\/div>\r\n                                                \r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"spacer\" style=\"height: 50px;\"><\/div>\r\n                                \r\n        <div id=\"business-directory-grid\" class=\"business-directory-grid\">\r\n            <div class=\"business-loading\">\r\n                <i class=\"fas fa-spinner\"><\/i>\r\n                <p>Loading businesses...<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Fallback for when JavaScript fails -->\r\n        <noscript>\r\n            <div class=\"bd-no-js-fallback\" style=\"background: #fff3cd; border: 1px solid #ffeaa7; padding: 20px; margin: 20px 0; border-radius: 5px;\">\r\n                <h3>\u26a0\ufe0f JavaScript Required<\/h3>\r\n                <p>This business directory requires JavaScript to function properly. Please enable JavaScript in your browser settings and refresh the page.<\/p>\r\n                <p><strong>Alternative:<\/strong> You can view businesses directly at: <a href=\"https:\/\/silulofoundation.org\/dev\/business\/\">Business Archive Page<\/a><\/p>\r\n            <\/div>\r\n        <\/noscript>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <script>\r\n        \/\/ Enhanced JavaScript for the improved controls\r\n        jQuery(document).ready(function($) {\r\n            \/\/ Security: HTML escaping function to prevent XSS\r\n            function escapeHtml(text) {\r\n                const div = document.createElement('div');\r\n                div.textContent = text;\r\n                return div.innerHTML;\r\n            }\r\n            \r\n            let searchTimeout;\r\n            let currentFilters = {\r\n                search: '',\r\n                category: '',\r\n                location: '',\r\n                sort: 'title'\r\n            };\r\n            \r\n            \/\/ Search input handling\r\n            $('#business-search').on('input', function() {\r\n                const searchValue = $(this).val();\r\n                currentFilters.search = searchValue;\r\n                \r\n                \/\/ Debounced search\r\n                clearTimeout(searchTimeout);\r\n                searchTimeout = setTimeout(() => {\r\n                    performSearch();\r\n                }, 300);\r\n            });\r\n            \r\n            \/\/ Filter changes\r\n            $('#category-filter, #location-filter, #sort-filter').on('change', function() {\r\n                const filterId = $(this).attr('id').replace('-filter', '');\r\n                currentFilters[filterId] = $(this).val();\r\n                performSearch();\r\n                updateResetButton();\r\n            });\r\n            \r\n            \/\/ Reset filters\r\n            $('#reset-filters').on('click', function() {\r\n                $('#business-search').val('');\r\n                $('#category-filter, #location-filter').val('');\r\n                $('#sort-filter').val('title');\r\n                \r\n                currentFilters = {\r\n                    search: '',\r\n                    category: '',\r\n                    location: '',\r\n                    sort: 'title'\r\n                };\r\n                \r\n                performSearch();\r\n                updateResetButton();\r\n            });\r\n            \r\n            \r\n            function performSearch() {\r\n                \/\/ Add loading state\r\n                $('.business-directory-controls').addClass('bd-controls-loading');\r\n                $('#business-directory-grid').html('<div class=\"business-loading\"><i class=\"fas fa-spinner\"><\/i><p>Searching businesses...<\/p><\/div>');\r\n                \r\n                $.ajax({\r\n                    url: bd_ajax.ajax_url,\r\n                    type: 'POST',\r\n                    data: {\r\n                        action: 'get_businesses',\r\n                        nonce: bd_ajax.nonce,\r\n                        search: currentFilters.search,\r\n                        category: currentFilters.category,\r\n                        location: currentFilters.location,\r\n                        sort: currentFilters.sort,\r\n                        limit: 100                    },\r\n                    success: function(response) {\r\n                        $('.business-directory-controls').removeClass('bd-controls-loading');\r\n                        \r\n                        if (response.success) {\r\n                            displayBusinesses(response.data.businesses);\r\n                        } else {\r\n                            $('#business-directory-grid').html('<div class=\"no-results\"><p>No businesses found matching your criteria.<\/p><\/div>');\r\n                        }\r\n                    },\r\n                    error: function() {\r\n                        $('.business-directory-controls').removeClass('bd-controls-loading');\r\n                        $('#business-directory-grid').html('<div class=\"error-message\"><p>Error loading businesses. Please try again.<\/p><\/div>');\r\n                    }\r\n                });\r\n            }\r\n            \r\n            function updateResetButton() {\r\n                const hasActiveFilters = currentFilters.search || currentFilters.category || \r\n                                        currentFilters.location || currentFilters.sort !== 'title';\r\n                $('#reset-filters').prop('disabled', !hasActiveFilters);\r\n            }\r\n            \r\n            \r\n            \r\n            function displayBusinesses(businesses) {\r\n                if (businesses.length === 0) {\r\n                    $('#business-directory-grid').html('<p style=\"text-align: center; color: white;\">No businesses found.<\/p>');\r\n                    return;\r\n                }\r\n                \r\n                let html = '';\r\n                const charLimit = 200;\r\n                const showEllipsis = 'yes' === 'yes';\r\n                const showCharCount = 'no' === 'yes';\r\n                \r\n                businesses.forEach(function(business) {\r\n                    let description = business.description || business.excerpt || '';\r\n                    let originalLength = description.length;\r\n                    \r\n                    \/\/ Apply character limit\r\n                    if (charLimit > 0 && description.length > charLimit) {\r\n                        description = description.substring(0, charLimit);\r\n                        if (showEllipsis) {\r\n                            description += '...';\r\n                        }\r\n                    }\r\n                    \r\n                    html += '<div class=\"business-card\">';\r\n                    html += '<div class=\"business-logo\">';\r\n                    if (business.featured_image) {\r\n                        html += '<img decoding=\"async\" src=\"' + escapeHtml(business.featured_image) + '\" alt=\"' + escapeHtml(business.title) + '\">';\r\n                    } else {\r\n                        html += '<div class=\"logo-placeholder\">\ud83c\udfe2<\/div>';\r\n                    }\r\n                    html += '<\/div>';\r\n                    html += '<h3 class=\"business-title\">' + escapeHtml(business.title) + '<\/h3>';\r\n                    \r\n                    \/\/ Category and Location Badges - Same Row\r\n                    if (business.category || business.location) {\r\n                        html += '<div class=\"business-badges-container\">';\r\n                        if (business.category) {\r\n                            html += '<span class=\"bd-category-badge\">' + escapeHtml(business.category) + '<\/span>';\r\n                        }\r\n                        if (business.location) {\r\n                            html += '<span class=\"bd-location-badge\">' + escapeHtml(business.location) + '<\/span>';\r\n                        }\r\n                        html += '<\/div>';\r\n                    }\r\n                    if (business.tagline) {\r\n                        \/\/ Clean up HTML entities in tagline\r\n                        let cleanTagline = business.tagline.replace(\/&#8220;\/g, '\"').replace(\/&#8221;\/g, '\"').replace(\/&#8217;\/g, \"'\").replace(\/&#8211;\/g, \"\u2013\").replace(\/&#8212;\/g, \"\u2014\");\r\n                        html += '<p class=\"business-tagline\">' + escapeHtml(cleanTagline) + '<\/p>';\r\n                    }\r\n                    \/\/ Clean up HTML entities in description\r\n                    description = description.replace(\/&#8220;\/g, '\"').replace(\/&#8221;\/g, '\"').replace(\/&#8217;\/g, \"'\").replace(\/&#8211;\/g, \"\u2013\").replace(\/&#8212;\/g, \"\u2014\");\r\n                    html += '<p class=\"business-description\">' + escapeHtml(description);\r\n                    \r\n                    \/\/ Add character count if enabled\r\n                    if (showCharCount && charLimit > 0) {\r\n                        const displayedLength = charLimit > 0 && originalLength > charLimit ? charLimit : originalLength;\r\n                        html += '<span class=\"bd-character-count\"> (' + displayedLength + '\/' + originalLength + ' characters)<\/span>';\r\n                    }\r\n                    \r\n                    html += '<\/p>';\r\n                    html += '<div class=\"business-contact\">';\r\n                    if (business.phone) {\r\n                        html += '<a href=\"tel:' + escapeHtml(business.phone) + '\" class=\"contact-phone phone-link\">';\r\n                        html += '<i class=\"fas fa-phone\"><\/i> ';\r\n                        html += '<span>Call<\/span>';\r\n                        html += '<\/a>';\r\n                    }\r\n                    if (business.email) {\r\n                        html += '<a href=\"mailto:' + escapeHtml(business.email) + '\" class=\"contact-email email-link\"><i class=\"fas fa-envelope\"><\/i> <span>Email<\/span><\/a>';\r\n                    }\r\n                    if (business.website) {\r\n                        html += '<a href=\"' + escapeHtml(business.website) + '\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"contact-website website-link\"><i class=\"fas fa-globe\"><\/i> <span>Website<\/span><\/a>';\r\n                    }\r\n                    html += '<\/div>';\r\n                    \r\n                    \/\/ Social Media Icons\r\n                    if (business.facebook || business.twitter || business.instagram || business.linkedin || business.youtube || business.tiktok || business.pinterest || business.snapchat || business.whatsapp || business.telegram || business.discord || business.reddit || business.twitch || business.github || business.medium || business.tumblr || business.vimeo || business.spotify) {\r\n                        html += '<div class=\"business-social\">';\r\n                        if (business.facebook) {\r\n                            html += '<a href=\"' + escapeHtml(business.facebook) + '\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon facebook\" title=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>';\r\n                        }\r\n                        if (business.twitter) {\r\n                            html += '<a href=\"' + escapeHtml(business.twitter) + '\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon twitter\" title=\"Twitter\/X\"><i class=\"fab fa-twitter\"><\/i><\/a>';\r\n                        }\r\n                        if (business.instagram) {\r\n                            html += '<a href=\"' + escapeHtml(business.instagram) + '\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon instagram\" title=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>';\r\n                        }\r\n                        if (business.linkedin) {\r\n                            html += '<a href=\"' + escapeHtml(business.linkedin) + '\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon linkedin\" title=\"LinkedIn\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>';\r\n                        }\r\n                        if (business.youtube) {\r\n                            html += '<a href=\"' + escapeHtml(business.youtube) + '\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon youtube\" title=\"YouTube\"><i class=\"fab fa-youtube\"><\/i><\/a>';\r\n                        }\r\n                        if (business.tiktok) {\r\n                            html += '<a href=\"' + escapeHtml(business.tiktok) + '\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon tiktok\" title=\"TikTok\"><i class=\"fab fa-tiktok\"><\/i><\/a>';\r\n                        }\r\n                        if (business.pinterest) {\r\n                            html += '<a href=\"' + escapeHtml(business.pinterest) + '\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon pinterest\" title=\"Pinterest\"><i class=\"fab fa-pinterest-p\"><\/i><\/a>';\r\n                        }\r\n                        if (business.snapchat) {\r\n                            const snapchatUrl = business.snapchat.startsWith('http') ? business.snapchat : 'https:\/\/snapchat.com\/add\/' + escapeHtml(business.snapchat);\r\n                            html += '<a href=\"' + snapchatUrl + '\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon snapchat\" title=\"Snapchat\"><i class=\"fab fa-snapchat-ghost\"><\/i><\/a>';\r\n                        }\r\n                        if (business.whatsapp) {\r\n                            let whatsappUrl;\r\n                            if (business.whatsapp.startsWith('http')) {\r\n                                \/\/ Already a URL\r\n                                whatsappUrl = business.whatsapp;\r\n                            } else if (business.whatsapp.startsWith('wa.me\/')) {\r\n                                \/\/ WhatsApp.me link without protocol\r\n                                whatsappUrl = 'https:\/\/' + business.whatsapp;\r\n                            } else if (business.whatsapp.startsWith('+') || \/^\\d\/.test(business.whatsapp)) {\r\n                                \/\/ Phone number (with or without +)\r\n                                const phoneNumber = business.whatsapp.replace(\/[^0-9+]\/g, '');\r\n                                whatsappUrl = 'https:\/\/wa.me\/' + phoneNumber;\r\n                            } else {\r\n                                \/\/ Username or other format\r\n                                whatsappUrl = 'https:\/\/wa.me\/' + escapeHtml(business.whatsapp);\r\n                            }\r\n                            html += '<a href=\"' + whatsappUrl + '\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon whatsapp\" title=\"WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>';\r\n                        }\r\n                        if (business.telegram) {\r\n                            const telegramUrl = business.telegram.startsWith('http') ? business.telegram : 'https:\/\/t.me\/' + escapeHtml(business.telegram.replace('@', ''));\r\n                            html += '<a href=\"' + telegramUrl + '\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon telegram\" title=\"Telegram\"><i class=\"fab fa-telegram-plane\"><\/i><\/a>';\r\n                        }\r\n                        if (business.discord) {\r\n                            const discordUrl = business.discord.startsWith('http') ? business.discord : 'https:\/\/discord.gg\/' + escapeHtml(business.discord);\r\n                            html += '<a href=\"' + discordUrl + '\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon discord\" title=\"Discord\"><i class=\"fab fa-discord\"><\/i><\/a>';\r\n                        }\r\n                        if (business.reddit) {\r\n                            html += '<a href=\"' + escapeHtml(business.reddit) + '\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon reddit\" title=\"Reddit\"><i class=\"fab fa-reddit-alien\"><\/i><\/a>';\r\n                        }\r\n                        if (business.twitch) {\r\n                            const twitchUrl = business.twitch.startsWith('http') ? business.twitch : 'https:\/\/twitch.tv\/' + escapeHtml(business.twitch);\r\n                            html += '<a href=\"' + twitchUrl + '\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon twitch\" title=\"Twitch\"><i class=\"fab fa-twitch\"><\/i><\/a>';\r\n                        }\r\n                        if (business.github) {\r\n                            html += '<a href=\"' + escapeHtml(business.github) + '\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon github\" title=\"GitHub\"><i class=\"fab fa-github\"><\/i><\/a>';\r\n                        }\r\n                        if (business.medium) {\r\n                            html += '<a href=\"' + escapeHtml(business.medium) + '\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon medium\" title=\"Medium\"><i class=\"fab fa-medium-m\"><\/i><\/a>';\r\n                        }\r\n                        if (business.tumblr) {\r\n                            html += '<a href=\"' + escapeHtml(business.tumblr) + '\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon tumblr\" title=\"Tumblr\"><i class=\"fab fa-tumblr\"><\/i><\/a>';\r\n                        }\r\n                        if (business.vimeo) {\r\n                            html += '<a href=\"' + escapeHtml(business.vimeo) + '\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon vimeo\" title=\"Vimeo\"><i class=\"fab fa-vimeo-v\"><\/i><\/a>';\r\n                        }\r\n                        if (business.spotify) {\r\n                            html += '<a href=\"' + escapeHtml(business.spotify) + '\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon spotify\" title=\"Spotify\"><i class=\"fab fa-spotify\"><\/i><\/a>';\r\n                        }\r\n                        html += '<\/div>';\r\n                    }\r\n                    html += '<\/div>';\r\n                });\r\n                \r\n                $('#business-directory-grid').html(html);\r\n            }\r\n            \r\n            \/\/ Initialize\r\n            updateResetButton();\r\n            performSearch();\r\n        });\r\n        <\/script>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Business Directory Search Category All CategoriesAccommodationBeautyCleaningCoaching and ConsultingConstructionEducationEnergyEvent PlanningFashionFood and CateringFuneral ServicesHealth and WellnessHorticultureIT and TelecommunicationsMedia and PhotographyNon-ProfitOnline StoreReal EstateTransport and Tourism Location All Locations21 Zakhele Street Khayelitsha 7784BelharBellvilleBlue DownsBlueRise villageBrackenfellBrooklynCape TownDelftEersteriverGugulethuKhayelitshaKuilsriverLitha ParkLoevensteinMandalay and DunoonMfuleniMitchell\u2019s plainNyangaParowphillipiStrandWaterberg Sort By Name (A-Z)Name (Z-A)Newest FirstOldest FirstCategoryFeatured First Reset Loading businesses&#8230; \u26a0\ufe0f JavaScript Required This business directory requires JavaScript [&hellip;]<\/p>\n","protected":false},"author":158,"featured_media":0,"parent":0,"menu_order":-4,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"pgc_sgb_lightbox_settings":"","footnotes":""},"class_list":["post-4249","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/silulofoundation.org\/dev\/wp-json\/wp\/v2\/pages\/4249","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/silulofoundation.org\/dev\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/silulofoundation.org\/dev\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/silulofoundation.org\/dev\/wp-json\/wp\/v2\/users\/158"}],"replies":[{"embeddable":true,"href":"https:\/\/silulofoundation.org\/dev\/wp-json\/wp\/v2\/comments?post=4249"}],"version-history":[{"count":73,"href":"https:\/\/silulofoundation.org\/dev\/wp-json\/wp\/v2\/pages\/4249\/revisions"}],"predecessor-version":[{"id":7374,"href":"https:\/\/silulofoundation.org\/dev\/wp-json\/wp\/v2\/pages\/4249\/revisions\/7374"}],"wp:attachment":[{"href":"https:\/\/silulofoundation.org\/dev\/wp-json\/wp\/v2\/media?parent=4249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}