{"id":353,"date":"2026-03-19T02:41:55","date_gmt":"2026-03-19T02:41:55","guid":{"rendered":"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/window-treatments\/outdoor-shades"},"modified":"2026-10-17T16:48:47","modified_gmt":"2026-10-17T16:48:47","slug":"outdoor-shades","status":"publish","type":"window_solution","link":"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/window-treatments\/outdoor-shades","title":{"rendered":"Outdoor Shades"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">Outdoor Shades in Brookline, MA<\/h1>\n\n\n\n<h3 class=\"wp-block-heading\">Transform Your Patio Into a Cool, Comfortable Outdoor Living Space<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Take back your outdoor space.<\/strong> Whether your patio gets blasted with afternoon sun or your porch feels too hot to enjoy, custom outdoor shades from Bumble Bee Blinds of Brookline give you instant relief\u2014without blocking your view.<\/p>\n\n\n\n<div id=\"window-treatment-info-block_4af274b51e8c547fac0ceccc94ad934b\" class=\"box-block-wrapper pt-8 pb-16\">\n    <div class=\"container grid lg:grid-cols-2 gap-12\">\n        <!-- Left Column - Product Video & Gallery -->\n        <div class=\"space-y-6\">\n                        <div id=\"gallery-block_4af274b51e8c547fac0ceccc94ad934b\" class=\"gallery-component space-y-4\">\n                <div class=\"relative aspect-video w-full overflow-hidden bg-gray-100\">\n                    <img loading=\"lazy\" decoding=\"async\" width=\"650\" height=\"439\" src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/sites\/70\/2026\/03\/Outdoor-Shades-1-650x439.png\" class=\"h-full w-full object-cover transition-opacity duration-300\" alt=\"\" id=\"hero-gallery-block_4af274b51e8c547fac0ceccc94ad934b\" srcset=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/sites\/70\/2026\/03\/Outdoor-Shades-1-650x439.png 650w, https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/sites\/70\/2026\/03\/Outdoor-Shades-1-300x203.png 300w, https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/sites\/70\/2026\/03\/Outdoor-Shades-1-768x518.png 768w, https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/sites\/70\/2026\/03\/Outdoor-Shades-1-450x304.png 450w, https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/sites\/70\/2026\/03\/Outdoor-Shades-1.png 957w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/>                <\/div>\n\n                \n                <div id=\"slider-block_4af274b51e8c547fac0ceccc94ad934b\" class=\"relative group w-full\">\n                    <div class=\"overflow-hidden w-full\"> \n                        <div id=\"track-slider-block_4af274b51e8c547fac0ceccc94ad934b\" class=\"flex gap-3 transition-transform duration-500 ease-out will-change-transform\" role=\"list\">\n                                                        <div class=\"relative shrink-0\" role=\"listitem\">\n                                <button \n                                    type=\"button\"\n                                    onclick=\"openLightbox('gallery-block_4af274b51e8c547fac0ceccc94ad934b', 0)\"\n                                    class=\"group\/img w-full aspect-square block overflow-hidden\"\n                                    aria-label=\"View image 1 of 11\">\n                                    <img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/sites\/70\/2026\/03\/Outdoor-Shades-1-150x150.png\" class=\"h-full w-full object-cover transition duration-300 group-hover\/img:scale-105 group-hover\/img:opacity-90\" alt=\"\" loading=\"lazy\" \/>                                <\/button>\n                            <\/div>\n                                                        <div class=\"relative shrink-0\" role=\"listitem\">\n                                <button \n                                    type=\"button\"\n                                    onclick=\"openLightbox('gallery-block_4af274b51e8c547fac0ceccc94ad934b', 1)\"\n                                    class=\"group\/img w-full aspect-square block overflow-hidden\"\n                                    aria-label=\"View image 2 of 11\">\n                                    <img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/sites\/70\/2026\/03\/Outdoor-Shades-2-150x150.png\" class=\"h-full w-full object-cover transition duration-300 group-hover\/img:scale-105 group-hover\/img:opacity-90\" alt=\"\" loading=\"lazy\" \/>                                <\/button>\n                            <\/div>\n                                                        <div class=\"relative shrink-0\" role=\"listitem\">\n                                <button \n                                    type=\"button\"\n                                    onclick=\"openLightbox('gallery-block_4af274b51e8c547fac0ceccc94ad934b', 2)\"\n                                    class=\"group\/img w-full aspect-square block overflow-hidden\"\n                                    aria-label=\"View image 3 of 11\">\n                                    <img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/sites\/70\/2026\/03\/Outdoor-Shades-3-150x150.png\" class=\"h-full w-full object-cover transition duration-300 group-hover\/img:scale-105 group-hover\/img:opacity-90\" alt=\"\" loading=\"lazy\" \/>                                <\/button>\n                            <\/div>\n                                                        <div class=\"relative shrink-0\" role=\"listitem\">\n                                <button \n                                    type=\"button\"\n                                    onclick=\"openLightbox('gallery-block_4af274b51e8c547fac0ceccc94ad934b', 3)\"\n                                    class=\"group\/img w-full aspect-square block overflow-hidden\"\n                                    aria-label=\"View image 4 of 11\">\n                                    <img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/sites\/70\/2026\/03\/Outdoor-Shades-4-150x150.png\" class=\"h-full w-full object-cover transition duration-300 group-hover\/img:scale-105 group-hover\/img:opacity-90\" alt=\"\" loading=\"lazy\" \/>                                <\/button>\n                            <\/div>\n                                                        <div class=\"relative shrink-0\" role=\"listitem\">\n                                <button \n                                    type=\"button\"\n                                    onclick=\"openLightbox('gallery-block_4af274b51e8c547fac0ceccc94ad934b', 4)\"\n                                    class=\"group\/img w-full aspect-square block overflow-hidden\"\n                                    aria-label=\"View image 5 of 11\">\n                                    <img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/sites\/70\/2026\/03\/Outdoor-Shades-5-150x150.png\" class=\"h-full w-full object-cover transition duration-300 group-hover\/img:scale-105 group-hover\/img:opacity-90\" alt=\"\" loading=\"lazy\" \/>                                <\/button>\n                            <\/div>\n                                                        <div class=\"relative shrink-0\" role=\"listitem\">\n                                <button \n                                    type=\"button\"\n                                    onclick=\"openLightbox('gallery-block_4af274b51e8c547fac0ceccc94ad934b', 5)\"\n                                    class=\"group\/img w-full aspect-square block overflow-hidden\"\n                                    aria-label=\"View image 6 of 11\">\n                                    <img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/sites\/70\/2026\/03\/Outdoor-Shades-6-150x150.png\" class=\"h-full w-full object-cover transition duration-300 group-hover\/img:scale-105 group-hover\/img:opacity-90\" alt=\"\" loading=\"lazy\" \/>                                <\/button>\n                            <\/div>\n                                                        <div class=\"relative shrink-0\" role=\"listitem\">\n                                <button \n                                    type=\"button\"\n                                    onclick=\"openLightbox('gallery-block_4af274b51e8c547fac0ceccc94ad934b', 6)\"\n                                    class=\"group\/img w-full aspect-square block overflow-hidden\"\n                                    aria-label=\"View image 7 of 11\">\n                                    <img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/sites\/70\/2026\/03\/Outdoor-Shades-7-150x150.png\" class=\"h-full w-full object-cover transition duration-300 group-hover\/img:scale-105 group-hover\/img:opacity-90\" alt=\"\" loading=\"lazy\" \/>                                <\/button>\n                            <\/div>\n                                                        <div class=\"relative shrink-0\" role=\"listitem\">\n                                <button \n                                    type=\"button\"\n                                    onclick=\"openLightbox('gallery-block_4af274b51e8c547fac0ceccc94ad934b', 7)\"\n                                    class=\"group\/img w-full aspect-square block overflow-hidden\"\n                                    aria-label=\"View image 8 of 11\">\n                                    <img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/sites\/70\/2026\/03\/Outdoor-Shades-8-150x150.png\" class=\"h-full w-full object-cover transition duration-300 group-hover\/img:scale-105 group-hover\/img:opacity-90\" alt=\"\" loading=\"lazy\" \/>                                <\/button>\n                            <\/div>\n                                                        <div class=\"relative shrink-0\" role=\"listitem\">\n                                <button \n                                    type=\"button\"\n                                    onclick=\"openLightbox('gallery-block_4af274b51e8c547fac0ceccc94ad934b', 8)\"\n                                    class=\"group\/img w-full aspect-square block overflow-hidden\"\n                                    aria-label=\"View image 9 of 11\">\n                                    <img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/sites\/70\/2026\/03\/Outdoor-Shades-9-150x150.png\" class=\"h-full w-full object-cover transition duration-300 group-hover\/img:scale-105 group-hover\/img:opacity-90\" alt=\"\" loading=\"lazy\" \/>                                <\/button>\n                            <\/div>\n                                                        <div class=\"relative shrink-0\" role=\"listitem\">\n                                <button \n                                    type=\"button\"\n                                    onclick=\"openLightbox('gallery-block_4af274b51e8c547fac0ceccc94ad934b', 9)\"\n                                    class=\"group\/img w-full aspect-square block overflow-hidden\"\n                                    aria-label=\"View image 10 of 11\">\n                                    <img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/sites\/70\/2026\/03\/Outdoor-Shades-10-150x150.png\" class=\"h-full w-full object-cover transition duration-300 group-hover\/img:scale-105 group-hover\/img:opacity-90\" alt=\"\" loading=\"lazy\" \/>                                <\/button>\n                            <\/div>\n                                                        <div class=\"relative shrink-0\" role=\"listitem\">\n                                <button \n                                    type=\"button\"\n                                    onclick=\"openLightbox('gallery-block_4af274b51e8c547fac0ceccc94ad934b', 10)\"\n                                    class=\"group\/img w-full aspect-square block overflow-hidden\"\n                                    aria-label=\"View image 11 of 11\">\n                                    <img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/sites\/70\/2026\/03\/Outdoor-Shades-11-150x150.png\" class=\"h-full w-full object-cover transition duration-300 group-hover\/img:scale-105 group-hover\/img:opacity-90\" alt=\"\" loading=\"lazy\" \/>                                <\/button>\n                            <\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <div class=\"flex items-center justify-center gap-4 mt-6\">\n                        <button \n                            id=\"btn-prev-slider-block_4af274b51e8c547fac0ceccc94ad934b\"\n                            type=\"button\"\n                            class=\"p-3 text-primary hover:text-accent transition-colors nav-btn\"\n                            onclick=\"moveCarousel('slider-block_4af274b51e8c547fac0ceccc94ad934b', 'prev')\"\n                            aria-label=\"Previous slide\">\n                            <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"\/><\/svg>\n                        <\/button>\n\n                        <button \n                            id=\"btn-next-slider-block_4af274b51e8c547fac0ceccc94ad934b\"\n                            type=\"button\"\n                            class=\"p-3 text-primary hover:text-accent transition-colors nav-btn\"\n                            onclick=\"moveCarousel('slider-block_4af274b51e8c547fac0ceccc94ad934b', 'next')\"\n                            aria-label=\"Next slide\">\n                            <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"\/><\/svg>\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n                <script id=\"data-gallery-block_4af274b51e8c547fac0ceccc94ad934b\" type=\"application\/json\">\n                    [{\"src\":\"https:\\\/\\\/www.bumblebeeblinds.com\\\/brookline-ma\\\/wp-content\\\/uploads\\\/sites\\\/70\\\/2026\\\/03\\\/Outdoor-Shades-1.png\",\"alt\":\"\"},{\"src\":\"https:\\\/\\\/www.bumblebeeblinds.com\\\/brookline-ma\\\/wp-content\\\/uploads\\\/sites\\\/70\\\/2026\\\/03\\\/Outdoor-Shades-2.png\",\"alt\":\"\"},{\"src\":\"https:\\\/\\\/www.bumblebeeblinds.com\\\/brookline-ma\\\/wp-content\\\/uploads\\\/sites\\\/70\\\/2026\\\/03\\\/Outdoor-Shades-3.png\",\"alt\":\"\"},{\"src\":\"https:\\\/\\\/www.bumblebeeblinds.com\\\/brookline-ma\\\/wp-content\\\/uploads\\\/sites\\\/70\\\/2026\\\/03\\\/Outdoor-Shades-4.png\",\"alt\":\"\"},{\"src\":\"https:\\\/\\\/www.bumblebeeblinds.com\\\/brookline-ma\\\/wp-content\\\/uploads\\\/sites\\\/70\\\/2026\\\/03\\\/Outdoor-Shades-5.png\",\"alt\":\"\"},{\"src\":\"https:\\\/\\\/www.bumblebeeblinds.com\\\/brookline-ma\\\/wp-content\\\/uploads\\\/sites\\\/70\\\/2026\\\/03\\\/Outdoor-Shades-6.png\",\"alt\":\"\"},{\"src\":\"https:\\\/\\\/www.bumblebeeblinds.com\\\/brookline-ma\\\/wp-content\\\/uploads\\\/sites\\\/70\\\/2026\\\/03\\\/Outdoor-Shades-7.png\",\"alt\":\"\"},{\"src\":\"https:\\\/\\\/www.bumblebeeblinds.com\\\/brookline-ma\\\/wp-content\\\/uploads\\\/sites\\\/70\\\/2026\\\/03\\\/Outdoor-Shades-8.png\",\"alt\":\"\"},{\"src\":\"https:\\\/\\\/www.bumblebeeblinds.com\\\/brookline-ma\\\/wp-content\\\/uploads\\\/sites\\\/70\\\/2026\\\/03\\\/Outdoor-Shades-9.png\",\"alt\":\"\"},{\"src\":\"https:\\\/\\\/www.bumblebeeblinds.com\\\/brookline-ma\\\/wp-content\\\/uploads\\\/sites\\\/70\\\/2026\\\/03\\\/Outdoor-Shades-10.png\",\"alt\":\"\"},{\"src\":\"https:\\\/\\\/www.bumblebeeblinds.com\\\/brookline-ma\\\/wp-content\\\/uploads\\\/sites\\\/70\\\/2026\\\/03\\\/Outdoor-Shades-11.png\",\"alt\":\"\"}]                <\/script>\n            <\/div>\n            \n            <!-- CTA Banner -->\n                        <div class=\"pt-6 pb-6\">\n                <div class=\"text-h4 has-border-color has-accent-border-color has-white-background-color has-background p-4\" style=\"border-width:2px\">\n                    <p>Let&#8217;s explore all of our Outdoor Shades designs during a free consultation &#8211; <button type=\"button\" class=\"hover:underline text-accent-700 se-booking-show\" role=\"button\">Schedule Design Consultation<\/button><\/p>                <\/div>\n            <\/div>\n            <style>\n                \/* CTA Banner: ensure WYSIWYG paragraphs inherit text-h4 styling *\/\n                .box-block-wrapper .text-h4 p { font-size: inherit; line-height: inherit; margin: 0; }\n            <\/style>\n        <\/div>\n\n        <!-- Right Column - Description, Features & Benefits -->\n        <div>\n                            \n                <h1 class=\"\">\n                    Premium Custom Outdoor Shades                <\/h1>\n\n                        <div class=\"acf-innerblocks-container\">\n\n<h2 class=\"wp-block-heading\">Stylish, Weather Resistant Window Coverings<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Outdoor spaces should feel just as comfortable as the indoors. Transform your patio, deck, or pool area into a cool retreat with custom outdoor shades from Bumble Bee Blinds. Designed to provide shade, reduce glare, and regulate temperature, our exterior window treatments let you enjoy the outdoors in style\u2014rain or shine.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Your dream outdoor space is just a call away. Call&nbsp;<span class=\"location-shortcode\" data-shortcode=\"LocalPhone\"><a href=\"tel:6177028382\" class=\"hover:underline hover:!text-accent transition-colors inline\">(617) 702-8382<\/a><\/span>&nbsp;for your free design consultation today.&nbsp;<a href=\"https:\/\/www.bumblebeeblinds.com\/services\/pro-installation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Professional installation<\/a>&nbsp;and a trusted&nbsp;<a href=\"https:\/\/www.bumblebeeblinds.com\/services\/warranty\/\" target=\"_blank\" rel=\"noreferrer noopener\">workmanship warranty<\/a>&nbsp;are included. Let\u2019s make your backyard the perfect retreat!<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Material Options:<\/h4>\n\n\n\n<ul class=\"wp-block-list hx-ul\">\n<li>Polyester Blend<\/li>\n\n\n\n<li>PVC-Coated Mesh<\/li>\n\n\n\n<li>Acrylic<\/li>\n\n\n\n<li>Vinyl<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Best For:<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Patios, Decks, Porches, Pergolas, Balconies, Gazebos, Sunrooms, Screened-in Porches, &amp; Outdoor Seating Areas<\/p>\n\n<\/div>\n\n                        <header>\n                <p class=\"text-h2\">Features &#038; Benefits<\/p>\n            <\/header>\n\n            <div class=\"features-accordion space-y-2\">\n                                <details class=\"group mb-2\">\n                    <summary class=\"text-h3 flex items-center justify-between cursor-pointer list-none outline-none focus:ring-2 focus:ring-offset-2 focus:text-accent bg-primary !text-white p-6\">\n                        <span class=\"m-0 inline-block\">\n                            Customizable Shade Solutions                        <\/span>\n                        \n                        <span class=\"transform accordion-icon transition-transform duration-200 [.group[open]_&#038;]:rotate-180\">\n                            <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                            <\/svg>\n                        <\/span>\n                    <\/summary>\n\n                    <div class=\"bg-primary-900\/95 p-6 text-white [&#038;_a]:text-accent [&#038;_a]:underline [&#038;_a:hover]:text-white\">\n                        <p>Choose from patio shades, motorized shades, or exterior roller shades to create the perfect outdoor oasis tailored to your needs.<\/p>\n                    <\/div>\n                <\/details>\n                                <details class=\"group mb-2\">\n                    <summary class=\"text-h3 flex items-center justify-between cursor-pointer list-none outline-none focus:ring-2 focus:ring-offset-2 focus:text-accent bg-primary !text-white p-6\">\n                        <span class=\"m-0 inline-block\">\n                            UV Protection u0026 Temperature Control                        <\/span>\n                        \n                        <span class=\"transform accordion-icon transition-transform duration-200 [.group[open]_&#038;]:rotate-180\">\n                            <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                            <\/svg>\n                        <\/span>\n                    <\/summary>\n\n                    <div class=\"bg-primary-900\/95 p-6 text-white [&#038;_a]:text-accent [&#038;_a]:underline [&#038;_a:hover]:text-white\">\n                        <p>Our outdoor shades block harmful UV rays and reduce heat, so you can enjoy your outdoor spaces all year long.<\/p>\n                    <\/div>\n                <\/details>\n                                <details class=\"group mb-2\">\n                    <summary class=\"text-h3 flex items-center justify-between cursor-pointer list-none outline-none focus:ring-2 focus:ring-offset-2 focus:text-accent bg-primary !text-white p-6\">\n                        <span class=\"m-0 inline-block\">\n                            Weather-Resistant Materials                        <\/span>\n                        \n                        <span class=\"transform accordion-icon transition-transform duration-200 [.group[open]_&#038;]:rotate-180\">\n                            <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                            <\/svg>\n                        <\/span>\n                    <\/summary>\n\n                    <div class=\"bg-primary-900\/95 p-6 text-white [&#038;_a]:text-accent [&#038;_a]:underline [&#038;_a:hover]:text-white\">\n                        <p>Strong, moisture-resistant fabrics hold up against rain and intense sun.<\/p>\n                    <\/div>\n                <\/details>\n                                <details class=\"group mb-2\">\n                    <summary class=\"text-h3 flex items-center justify-between cursor-pointer list-none outline-none focus:ring-2 focus:ring-offset-2 focus:text-accent bg-primary !text-white p-6\">\n                        <span class=\"m-0 inline-block\">\n                            Custom Fit for Any Space                        <\/span>\n                        \n                        <span class=\"transform accordion-icon transition-transform duration-200 [.group[open]_&#038;]:rotate-180\">\n                            <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                            <\/svg>\n                        <\/span>\n                    <\/summary>\n\n                    <div class=\"bg-primary-900\/95 p-6 text-white [&#038;_a]:text-accent [&#038;_a]:underline [&#038;_a:hover]:text-white\">\n                        <p>Choose from motorized or manual options to match your outdoor setup.<\/p>\n                    <\/div>\n                <\/details>\n                            <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n\n<div id=\"contact-section-block_ddf9ce4b5a10a7d6093b05b24114982f\" class=\"contact-form-block bg-light\">\n\t<div class=\"grid grid-cols-1 lg:grid-cols-2\">\n\n\t\t<!-- Form Section -->\n\t\t<div id=\"contact-form-section\" class=\"contact-form-section bg-light py-8 px-8\">\n\t\t\t<h1 class=\"mb-8\">Outdoor Shades<\/h1>\n\t\t\t\t\t\t<div class=\"acf-innerblocks-container\">\n<style id=\"wpforms-css-vars-70-block-dfc23c99-c18c-4fe6-8af0-fcde6bbb1d1d\">\n\t\t\t\t#wpforms-70.wpforms-block-dfc23c99-c18c-4fe6-8af0-fcde6bbb1d1d {\n\t\t\t\t--wpforms-label-color: #3d3835;\n--wpforms-label-sublabel-color: #79716b;\n--wpforms-label-error-color: #d63636;\n--wpforms-page-break-color: #e27730;\n--wpforms-field-border-color: #cbc6c2;\n--wpforms-field-border-color-spare: #cbc6c2;\n--wpforms-field-text-color: #3d3835;\n--wpforms-container-border-radius: 0px;\n--wpforms-button-border-radius: 0px;\n--wpforms-button-background-color: #F1A71E;\n--wpforms-button-text-color: #fcf1ea;\n--wpforms-button-border-color: #ff4500;\n--wpforms-background-color: rgba(0, 0, 0, 0);\n--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 20px;\n--wpforms-button-size-height: 48px;\n--wpforms-button-size-padding-h: 20px;\n--wpforms-button-size-margin-top: 15px;\n--wpforms-container-shadow-size-box-shadow: none;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-block wpforms-block-dfc23c99-c18c-4fe6-8af0-fcde6bbb1d1d wpforms-render-modern\" id=\"wpforms-70\"><form id=\"wpforms-form-70\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"70\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/brookline-ma\/wp-json\/wp\/v2\/window-treatments\/353\" data-token=\"8a4bdc7851e785add879337c5939ac67\" data-token-time=\"1794044700\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\">\t\t<div id=\"wpforms-70-field_1-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"1\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-70-field_1\" >First Comments Layout<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-70-field_1\" class=\"wpforms-field-medium\" name=\"wpforms[fields][1]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-70-field_2-container\" class=\"wpforms-field wpforms-field-layout\" data-field-type=\"layout\" data-field-id=\"2\"><div class=\"wpforms-field-layout-rows wpforms-field-large\"><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-70-field_3-container\" class=\"wpforms-field wpforms-field-name\" data-field-type=\"name\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-70-field_3\">First Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-70-field_3\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][3]\" aria-errormessage=\"wpforms-70-field_3-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-70-field_4-container\" class=\"wpforms-field wpforms-field-name\" data-field-type=\"name\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-70-field_4\">Last Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-70-field_4\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][4]\" aria-errormessage=\"wpforms-70-field_4-error\" required><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-70-field_5-container\" class=\"wpforms-field wpforms-field-email\" data-field-type=\"email\" data-field-id=\"5\"><label class=\"wpforms-field-label\" for=\"wpforms-70-field_5\">Email <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-70-field_5\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][5]\" spellcheck=\"false\" aria-errormessage=\"wpforms-70-field_5-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-70-field_6-container\" class=\"wpforms-field wpforms-field-phone\" data-field-type=\"phone\" data-field-id=\"6\"><label class=\"wpforms-field-label\" for=\"wpforms-70-field_6\">Phone<\/label><input type=\"tel\" id=\"wpforms-70-field_6\" class=\"wpforms-field-medium wpforms-smart-phone-field\" data-rule-smart-phone-field=\"true\" name=\"wpforms[fields][6]\" aria-label=\"Phone\" aria-errormessage=\"wpforms-70-field_6-error\" ><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-70-field_8-container\" class=\"wpforms-field wpforms-field-text\" data-field-type=\"text\" data-field-id=\"8\"><label class=\"wpforms-field-label\" for=\"wpforms-70-field_8\">Zip Code <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-70-field_8\" class=\"wpforms-field-medium wpforms-field-required wpforms-masked-input\" data-rule-inputmask-incomplete=\"1\" data-inputmask-mask=\"99999\" name=\"wpforms[fields][8]\" aria-errormessage=\"wpforms-70-field_8-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-70-field_9-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-classic\" data-field-type=\"select\" data-field-id=\"9\"><label class=\"wpforms-field-label\" for=\"wpforms-70-field_9\">How did you hear about us?<\/label><select id=\"wpforms-70-field_9\" class=\"wpforms-field-medium\" name=\"wpforms[fields][9]\"><option value=\"\" class=\"placeholder\" disabled >&#8212; Select Choice &#8212;<\/option><option value=\"Online Search\"  selected='selected' class=\"choice-1 depth-1\"  >Online Search<\/option><option value=\"Google Ad\"  selected='selected' class=\"choice-2 depth-1\"  >Google Ad<\/option><option value=\"Facebook or Instagram\"  selected='selected' class=\"choice-3 depth-1\"  >Facebook or Instagram<\/option><option value=\"Direct Mail\"  selected='selected' class=\"choice-4 depth-1\"  >Direct Mail<\/option><option value=\"Magazine or other publication\"  selected='selected' class=\"choice-5 depth-1\"  >Magazine or other publication<\/option><option value=\"TV ad\"  selected='selected' class=\"choice-6 depth-1\"  >TV ad<\/option><option value=\"Vehicle, door hanger or yard sign\"  selected='selected' class=\"choice-7 depth-1\"  >Vehicle, door hanger or yard sign<\/option><option value=\"Referral from industry professional\"  selected='selected' class=\"choice-8 depth-1\"  >Referral from industry professional<\/option><option value=\"ChatGPT, Claude or other AI search\"  selected='selected' class=\"choice-9 depth-1\"  >ChatGPT, Claude or other AI search<\/option><option value=\"Am a current or previous customer\"  selected='selected' class=\"choice-10 depth-1\"  >Am a current or previous customer<\/option><option value=\"Referral from customer\"  selected='selected' class=\"choice-11 depth-1\"  >Referral from customer<\/option><option value=\"Homeshow or other event\"  selected='selected' class=\"choice-12 depth-1\"  >Homeshow or other event<\/option><option value=\"Thumbtack\"  selected='selected' class=\"choice-13 depth-1\"  >Thumbtack<\/option><option value=\"Yelp\"  selected='selected' class=\"choice-14 depth-1\"  >Yelp<\/option><\/select><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-70-field_14-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-type=\"textarea\" data-field-id=\"14\"><label class=\"wpforms-field-label\" for=\"wpforms-70-field_14\">Comments<\/label><textarea id=\"wpforms-70-field_14\" class=\"wpforms-field-medium\" name=\"wpforms[fields][14]\" aria-errormessage=\"wpforms-70-field_14-error\" ><\/textarea><\/div><div id=\"wpforms-70-field_15-container\" class=\"wpforms-field wpforms-field-checkbox\" data-field-type=\"checkbox\" data-field-id=\"15\"><fieldset><legend class=\"wpforms-field-label wpforms-label-hide\" aria-hidden=\"false\">Checkboxes <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><ul id=\"wpforms-70-field_15\" class=\"wpforms-field-required\"><li class=\"choice-1 depth-1\"><input type=\"checkbox\" id=\"wpforms-70-field_15_1\" name=\"wpforms[fields][15][]\" value=\"By checking this box, I consent to receive SMS\/text messages via automated technology from Bumble Bee Blinds for conversational purposes, appointment reminders, follow-up on cases, order confirmations, and other notifications\u2014only if I select the opt-in option. Message frequency may vary and standard messaging and data rates may apply. I acknowledge that I can opt out of ALL future messages at any time by replying STOP. For assistance, reply HELP or email help@www.bumblebeeblinds.com. I confirm that I have read and agree to the Privacy Policy and Terms of Use.\" aria-errormessage=\"wpforms-70-field_15_1-error\" required ><label class=\"wpforms-field-label-inline\" for=\"wpforms-70-field_15_1\">By checking this box, I consent to receive SMS\/text messages via automated technology from Bumble Bee Blinds for conversational purposes, appointment reminders, follow-up on cases, order confirmations, and other notifications\u2014only if I select the opt-in option. Message frequency may vary and standard messaging and data rates may apply. I acknowledge that I can opt out of ALL future messages at any time by replying STOP. For assistance, reply HELP or email help@www.bumblebeeblinds.com. I confirm that I have read and agree to the Privacy Policy and Terms of Use.<\/label><\/li><\/ul><\/fieldset><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-70-field_1-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-70-field_1-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-70-field_1-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"70\"><input type=\"hidden\" name=\"wpforms[time_token]\" value=\"1794044700.a87c5f0a372261949fcd21df76885cc507baf96eaf2971781866606b589639e1\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-json\/wp\/v2\/window-treatments\/353\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-70\" class=\"wpforms-submit btn-primary\" data-alt-text=\"Sending...\" data-submit-text=\"Submit\" aria-live=\"assertive\" value=\"wpforms-submit\">Submit<\/button><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/plugins\/wpforms\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div>  <!-- .wpforms-container -->\n<\/div>\n\t\t<\/div>\n\n\t\t<!-- Hero Image Section -->\n\t\t<div class=\"contact-hero-section relative min-h-[500px] lg:min-h-0 bg-primary overflow-hidden\">\n\t\t\t<picture class=\"absolute inset-0 block w-full h-full\" role=\"presentation\">\n\t\t\t\t<source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/themes\/tailwind-boilerplate\/assets\/contact-mobile.2310061511130.jpg\">\n\t\t\t\t<source media=\"(max-width: 1279px)\" srcset=\"\/wp-content\/themes\/tailwind-boilerplate\/assets\/contact-tablet.2310061511133.jpg\">\n\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/themes\/tailwind-boilerplate\/assets\/contact.2310061511133.jpg\" alt=\"\" class=\"w-full h-full object-cover\" style=\"height: 100%;\">\n\t\t\t<\/picture>\n\n\t\t\t\t\t\t\t<!-- Smooth dark overlay for readability of the info card -->\n\t\t\t\t<div class=\"absolute inset-0 bg-gradient-to-r from-black\/75 via-black\/55 to-black\/40\" aria-hidden=\"true\"><\/div>\n\n\t\t\t\t<!-- Location info card (absolutely positioned, vertically centered over the hero) -->\n\t\t\t\t<div class=\"absolute inset-0 z-10 flex items-center lg:items-start justify-center p-6 md:p-10 lg:p-12 xl:p-16\">\n\t\t\t\t\t<div class=\"w-full max-w-md p-8 border-2 border-accent text-white\">\n\t\t\t\t\t\t<p class=\"text-h3 mb-6\">\n\t\t\t\t\t\t\t<span class=\"text-white\">Bumble Bee Blinds of Brookline<\/span>\n\t\t\t\t\t\t<\/p>\n\n\t\t\t\t\t\t<div class=\"space-y-6 text-white\">\n\t\t\t\t\t\t\t<!-- Phone -->\n\t\t\t\t\t\t\t<div class=\"flex items-center gap-3\">\n\t\t\t\t\t\t\t\t<svg class=\"w-5 h-5 flex-shrink-0 text-white\" fill=\"currentColor\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t<path d=\"M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z\" \/>\n\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t<p><span class=\"location-shortcode\" data-shortcode=\"LocalPhone\"><a href=\"tel:6177028382\" class=\"hover:underline hover:!text-accent transition-colors inline !text-white hover:!text-accent\">(617) 702-8382<\/a><\/span><\/p>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<!-- Address -->\n\t\t\t\t\t\t\t<div class=\"flex items-start gap-3\">\n\t\t\t\t\t\t\t\t<svg class=\"w-5 h-5 mt-1 flex-shrink-0 text-white\" fill=\"currentColor\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t<path fill-rule=\"evenodd\" d=\"M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z\" clip-rule=\"evenodd\" \/>\n\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>Hyde Park, MA 02136<\/p>\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/maps.app.goo.gl\/Bh7j8qTdKgKdVnrQ7\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"!text-white hover:!text-accent underline font-semibold\">\n\t\t\t\t\t\t\t\t\t\tMap &amp; Directions\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<!-- Hours -->\n\t\t\t\t\t\t\t<div class=\"flex items-start gap-3\">\n\t\t\t\t\t\t\t\t<svg class=\"w-5 h-5 mt-1 flex-shrink-0 text-white\" fill=\"currentColor\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t<path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z\" clip-rule=\"evenodd\" \/>\n\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<p class=\"text-white font-semibold\">Today&#8217;s Hours<\/p>\n\t\t\t\t\t\t\t\t\t<p>7:00 AM &#8211; 7:00 PM<\/p>\n\t\t\t\t\t\t\t\t\t<a href=\"#\" class=\"show-hours-popup !text-white hover:!text-accent underline font-semibold\">\n\t\t\t\t\t\t\t\t\t\tView All Hours\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t<\/div>\n<\/div>\n\n<!-- Hours Popup Modal -->\n<div id=\"hours-popup\" class=\"fixed inset-0 z-50 hidden items-center justify-center bg-light bg-opacity-70\" aria-hidden=\"true\" role=\"dialog\" aria-labelledby=\"hours-popup-title\">\n    <div class=\"relative bg-light text-primary max-w-md w-full mx-4 rounded-lg shadow-xl p-8\">\n        <!-- Close Button -->\n        <button\n            id=\"hours-popup-close\"\n            class=\"absolute top-4 right-4 text-primary hover:text-primary\/70 transition-colors\"\n            aria-label=\"Close hours popup\">\n            <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" \/>\n            <\/svg>\n        <\/button>\n\n        <!-- Title -->\n        <h2 id=\"hours-popup-title\" class=\"text-2xl font-bold mb-6 text-center\">\n            Bumble Bee Blinds of Brookline        <\/h2>\n\n        <!-- Hours List -->\n        <div class=\"space-y-3\">\n                            <div class=\"flex justify-between items-center\">\n                    <span class=\"font-semibold\">Monday:<\/span>\n                    <span>7:00 AM &#8211; 7:00 PM<\/span>\n                <\/div>\n                            <div class=\"flex justify-between items-center\">\n                    <span class=\"font-semibold\">Tuesday:<\/span>\n                    <span>7:00 AM &#8211; 7:00 PM<\/span>\n                <\/div>\n                            <div class=\"flex justify-between items-center\">\n                    <span class=\"font-semibold\">Wednesday:<\/span>\n                    <span>7:00 AM &#8211; 7:00 PM<\/span>\n                <\/div>\n                            <div class=\"flex justify-between items-center\">\n                    <span class=\"font-semibold\">Thursday:<\/span>\n                    <span>7:00 AM &#8211; 7:00 PM<\/span>\n                <\/div>\n                            <div class=\"flex justify-between items-center\">\n                    <span class=\"font-semibold\">Friday:<\/span>\n                    <span>7:00 AM &#8211; 7:00 PM<\/span>\n                <\/div>\n                            <div class=\"flex justify-between items-center\">\n                    <span class=\"font-semibold\">Saturday:<\/span>\n                    <span>7:00 AM &#8211; 7:00 PM<\/span>\n                <\/div>\n                            <div class=\"flex justify-between items-center\">\n                    <span class=\"font-semibold\">Sunday:<\/span>\n                    <span>7:00 AM &#8211; 7:00 PM<\/span>\n                <\/div>\n            \n                    <\/div>\n    <\/div>\n<\/div>\n\n<script>\n(function() {\n    const popup = document.getElementById('hours-popup');\n    const closeBtn = document.getElementById('hours-popup-close');\n    \n    if (!popup || !closeBtn) return;\n\n    \/\/ Function to open popup\n    function openPopup() {\n        popup.classList.remove('hidden');\n        popup.classList.add('flex');\n        document.body.style.overflow = 'hidden';\n        popup.setAttribute('aria-hidden', 'false');\n        \n        \/\/ Focus on close button for accessibility\n        closeBtn.focus();\n    }\n\n    \/\/ Function to close popup\n    function closePopup() {\n        popup.classList.add('hidden');\n        popup.classList.remove('flex');\n        document.body.style.overflow = '';\n        popup.setAttribute('aria-hidden', 'true');\n    }\n\n    \/\/ Close button click\n    closeBtn.addEventListener('click', closePopup);\n\n    \/\/ Close on backdrop click\n    popup.addEventListener('click', function(e) {\n        if (e.target === popup) {\n            closePopup();\n        }\n    });\n\n    \/\/ Close on Escape key\n    document.addEventListener('keydown', function(e) {\n        if (e.key === 'Escape' && !popup.classList.contains('hidden')) {\n            closePopup();\n        }\n    });\n\n    \/\/ Handle all links\/buttons with class \"show-hours-popup\"\n    document.addEventListener('click', function(e) {\n        const trigger = e.target.closest('.show-hours-popup');\n        if (trigger) {\n            e.preventDefault();\n            openPopup();\n        }\n    });\n})();\n<\/script>\n\n\n\n\r\n<section class=\"two-column-content-block py-component wp-block-tailwind-boilerplate-two-column-content has-background has-light-background-color\">\r\n    <div class=\"w-full\">\r\n        <div class=\"container mx-auto grid lg:grid-cols-2 gap-16 items-center\">\r\n                            <!-- Image Column (Left when reversed) -->\r\n                <div class=\"image-column lg:sticky lg:top-0 self-start\">\r\n                                            <img width=\"1024\" height=\"768\" src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/sites\/70\/2026\/03\/exterior1.webp\" class=\"w-full h-auto\" alt=\"Column image\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (min-width: 1024px) 50vw, 100vw\" srcset=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/sites\/70\/2026\/03\/exterior1.webp 1024w, https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/sites\/70\/2026\/03\/exterior1-300x225.webp 300w, https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/sites\/70\/2026\/03\/exterior1-768x576.webp 768w, https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/sites\/70\/2026\/03\/exterior1-450x338.webp 450w, https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/sites\/70\/2026\/03\/exterior1-650x488.webp 650w\" \/>                                    <\/div>\r\n\r\n                <!-- Content Column (Right when reversed) -->\r\n                <div class=\"content-column\">\r\n                    \n<h2 class=\"wp-block-heading\">Get a Free Design Consultation<\/h2>\n\n<p class=\"wp-block-paragraph\">Even if you&#8217;ve decided that it&#8217;s time to upgrade the look of your space with a new window treatment, where do you even start? From choosing between window blinds, shutters, shades, curtains, and more, to picking out the materials and colors to go with, there&#8217;s a lot to consider. Luckily, your friends at Bumble Bee Blinds are here to help!<\/p>\n\n<div class=\"button-block-wrapper text-left wp-block-tailwind-boilerplate-button-block\">\n\t\t\t<a href=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/contact\" class=\"inline-block transition-colors duration-200 whitespace-nowrap btn-primary\">\n\t\t\tSchedule Design Consultation\t\t<\/a>\n\t<\/div>\n                <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n<\/section>\n\n\n<div class=\"stepper-section-wrapper w-full wp-block-tailwind-boilerplate-stepper-section\">\n            <div class=\"bg-light py-16\">\n            <div class=\"container\">\n                <div class=\"flex flex-col gap-8 lg:items-center lg:flex-row\">\n                    <!-- Content Column -->\n                    <div class=\"flex-1 lg:pr-8\">\n                        <div class=\"flex items-start gap-4 mb-6\">\n                            <!-- Hexagon Icon -->\n                            <div class=\"relative flex-shrink-0\">\n                                <svg width=\"72\" height=\"82\" viewBox=\"0 0 72 82\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"text-accent\">\n                                    <path d=\"M35.5071 0L71.0141 20.5V61.5L35.5071 82L3.8147e-05 61.5V20.5L35.5071 0Z\" fill=\"currentColor\" \/>\n                                <\/svg>\n                                <div class=\"absolute inset-0 flex flex-col items-center justify-center text-primary mt-2\">\n                                    <span class=\"text-[16px] font-semibold leading-none\">STEP<\/span>\n                                    <span class=\"text-5xl font-bold leading-none -mt-1\">1<\/span>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"flex-1\">\n                                                                    <h2 class=\"text-h2 text-primary font-bold mb-2\">\n                                        Tailored Solutions for You and Your Home                                    <\/h2>\n                                \n                                                                    <h3 class=\"!text-[28px] text-primary font-semibold my-0 py-0\">\n                                        Your dedicated design consultant provides expert guidance to help you find the perfect solutionu003cbru003e                                    <\/h3>\n                                                            <\/div>\n                        <\/div>\n\n                        <div class=\"ml-0\">\n\n                            <hr class=\"border-accent border-t-2 mb-4\" \/>\n\n                            \n                                                            <ul class=\"stepper-section-list list-disc pl-6 space-y-2 mb-6\">\n                                                                                <li class=\"stepper-section-list-item text-body text-primary !font-semibold\">\n                                                Assess u0026 measure your windows for ideal style and function that fits your needs                                            <\/li>\n                                                                                <li class=\"stepper-section-list-item text-body text-primary !font-semibold\">\n                                                Explore samples of materials, finishes and color swatches to match your d\u00e9cor                                            <\/li>\n                                                                                <li class=\"stepper-section-list-item text-body text-primary !font-semibold\">\n                                                Expert recommendations for privacy, light filtering, room darkening, and aesthetics                                            <\/li>\n                                                                    <\/ul>\n                            \n                            <!-- Optional CTA Button -->\n                                                    <\/div>\n                    <\/div>\n\n                    <!-- Image Column -->\n                    <div class=\"w-full lg:flex-shrink-0 lg:max-w-[450px] lg:self-stretch lg:sticky lg:top-32 lg:h-fit\">\n                                                    <img decoding=\"async\"\n                                src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/sites\/70\/2026\/03\/Outdoor-Shades-9.png\"\n                                alt=\"Step 1 image\"\n                                class=\"w-full h-auto\" \/>\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n            <div class=\"bg-white py-16\">\n            <div class=\"container\">\n                <div class=\"flex flex-col gap-8 lg:items-center lg:flex-row-reverse\">\n                    <!-- Content Column -->\n                    <div class=\"flex-1 lg:pl-8\">\n                        <div class=\"flex items-start gap-4 mb-6\">\n                            <!-- Hexagon Icon -->\n                            <div class=\"relative flex-shrink-0\">\n                                <svg width=\"72\" height=\"82\" viewBox=\"0 0 72 82\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"text-accent\">\n                                    <path d=\"M35.5071 0L71.0141 20.5V61.5L35.5071 82L3.8147e-05 61.5V20.5L35.5071 0Z\" fill=\"currentColor\" \/>\n                                <\/svg>\n                                <div class=\"absolute inset-0 flex flex-col items-center justify-center text-primary mt-2\">\n                                    <span class=\"text-[16px] font-semibold leading-none\">STEP<\/span>\n                                    <span class=\"text-5xl font-bold leading-none -mt-1\">2<\/span>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"flex-1\">\n                                                                    <h2 class=\"text-h2 text-primary font-bold mb-2\">\n                                        Made for YOU &#8211; Your Design, Your Way                                    <\/h2>\n                                \n                                                                    <h3 class=\"!text-[28px] text-primary font-semibold my-0 py-0\">\n                                        Every window treatment is one-of-a-kind custom to your home&#8217;s specifications                                    <\/h3>\n                                                            <\/div>\n                        <\/div>\n\n                        <div class=\"ml-0\">\n\n                            <hr class=\"border-accent border-t-2 mb-4\" \/>\n\n                            \n                                                            <ul class=\"stepper-section-list list-disc pl-6 space-y-2 mb-6\">\n                                                                                <li class=\"stepper-section-list-item text-body text-primary !font-semibold\">\n                                                Designed by you, made for you custom window treatments uniquely yours                                            <\/li>\n                                                                                <li class=\"stepper-section-list-item text-body text-primary !font-semibold\">\n                                                Upon design approval, we handle everything &#8211; making the process seamless                                            <\/li>\n                                                                                <li class=\"stepper-section-list-item text-body text-primary !font-semibold\">\n                                                We&#8217;ll reach out to schedule installation as soon as your window treatments arrive                                            <\/li>\n                                                                    <\/ul>\n                            \n                            <!-- Optional CTA Button -->\n                                                    <\/div>\n                    <\/div>\n\n                    <!-- Image Column -->\n                    <div class=\"w-full lg:flex-shrink-0 lg:max-w-[450px] lg:self-stretch lg:sticky lg:top-32 lg:h-fit\">\n                                                    <img decoding=\"async\"\n                                src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/sites\/70\/2026\/03\/Outdoor-Shades-1.png\"\n                                alt=\"Step 2 image\"\n                                class=\"w-full h-auto\" \/>\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n            <div class=\"bg-light py-16\">\n            <div class=\"container\">\n                <div class=\"flex flex-col gap-8 lg:items-center lg:flex-row\">\n                    <!-- Content Column -->\n                    <div class=\"flex-1 lg:pr-8\">\n                        <div class=\"flex items-start gap-4 mb-6\">\n                            <!-- Hexagon Icon -->\n                            <div class=\"relative flex-shrink-0\">\n                                <svg width=\"72\" height=\"82\" viewBox=\"0 0 72 82\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"text-accent\">\n                                    <path d=\"M35.5071 0L71.0141 20.5V61.5L35.5071 82L3.8147e-05 61.5V20.5L35.5071 0Z\" fill=\"currentColor\" \/>\n                                <\/svg>\n                                <div class=\"absolute inset-0 flex flex-col items-center justify-center text-primary mt-2\">\n                                    <span class=\"text-[16px] font-semibold leading-none\">STEP<\/span>\n                                    <span class=\"text-5xl font-bold leading-none -mt-1\">3<\/span>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"flex-1\">\n                                                                    <h2 class=\"text-h2 text-primary font-bold mb-2\">\n                                        Professional Installation, Seamless Experiences                                    <\/h2>\n                                \n                                                                    <h3 class=\"!text-[28px] text-primary font-semibold my-0 py-0\">\n                                        Our experts install your window treatments on a schedule that works for you                                    <\/h3>\n                                                            <\/div>\n                        <\/div>\n\n                        <div class=\"ml-0\">\n\n                            <hr class=\"border-accent border-t-2 mb-4\" \/>\n\n                            \n                                                            <ul class=\"stepper-section-list list-disc pl-6 space-y-2 mb-6\">\n                                                                                <li class=\"stepper-section-list-item text-body text-primary !font-semibold\">\n                                                Our certified installers are precise, delivering a perfect fit and flawless finish                                            <\/li>\n                                                                                <li class=\"stepper-section-list-item text-body text-primary !font-semibold\">\n                                                Receive a post-installation walkthrough to guarantee complete satisfaction                                            <\/li>\n                                                                                <li class=\"stepper-section-list-item text-body text-primary !font-semibold\">\n                                                We&#8217;ll leave your space neat and ready for you to enjoy your new window treatments                                            <\/li>\n                                                                    <\/ul>\n                            \n                            <!-- Optional CTA Button -->\n                                                    <\/div>\n                    <\/div>\n\n                    <!-- Image Column -->\n                    <div class=\"w-full lg:flex-shrink-0 lg:max-w-[450px] lg:self-stretch lg:sticky lg:top-32 lg:h-fit\">\n                                                    <img decoding=\"async\"\n                                src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/sites\/70\/2026\/03\/Outdoor-Shades-6.png\"\n                                alt=\"Step 3 image\"\n                                class=\"w-full h-auto\" \/>\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n<div class=\"masonry-gallery-block wp-block-tailwind-boilerplate-masonry-gallery\">\n    <div class=\"py-component\">\n        <div class=\"container\">\n                            <h2 class=\"text-h2 mb-8 text-center\">See Our Work<\/h2>\n            \n                            <!-- Justified Gallery (always fills rows; cropped as needed) -->\n                <style>\n                    \/*\n                      Justified gallery layout (best practice for \u201calways fill the rectangle\u201d):\n                      - JS computes row heights so each row fills the full container width\n                      - Images are cropped (object-fit: cover) to fit the computed boxes\n                    *\/\n                    .masonry-gallery-grid {\n                        display: grid;\n                        grid-template-columns: repeat(2, 1fr);\n                        gap: 20px;\n                    }\n\n                    @media screen and (min-width: 1280px) {\n                        .masonry-gallery-grid {\n                            grid-template-columns: repeat(3, 1fr);\n                            grid-template-areas:\n                                'itm-1 itm-2 itm-3'\n                                'itm-1 itm-2 itm-6'\n                                'itm-4 itm-2 itm-6'\n                                'itm-4 itm-5 itm-6';\n                        }\n                        .masonry-gallery-grid > .gallery-item {\n                            max-width: 100% !important;\n                            width: 100% !important;\n                            overflow: hidden;\n                            min-height: 0;\n                        }\n                        .masonry-gallery-grid > .gallery-item:nth-child(1) {\n                            grid-area: itm-1;\n                        }\n                        .masonry-gallery-grid > .gallery-item:nth-child(2) {\n                            grid-area: itm-2;\n                        }\n                        .masonry-gallery-grid > .gallery-item:nth-child(3) {\n                            grid-area: itm-3;\n                        }\n                        .masonry-gallery-grid > .gallery-item:nth-child(4) {\n                            grid-area: itm-4;\n                        }\n                        .masonry-gallery-grid > .gallery-item:nth-child(5) {\n                            grid-area: itm-5;\n                        }\n                        .masonry-gallery-grid > .gallery-item:nth-child(6) {\n                            grid-area: itm-6;\n                        }\n                    }\n\n                    .masonry-gallery-grid .gallery-item {\n                        overflow: hidden;\n                        min-height: 0;\n                    }\n\n                    .masonry-gallery-grid .gallery-image {\n                        width: 100%;\n                        height: 100%;\n                        display: block;\n                        object-fit: cover;\n                        object-position: center;\n                    }\n                <\/style>\n                <div class=\"masonry-gallery-grid\" data-justified=\"true\" role=\"list\" aria-label=\"Image gallery\">\n                                            <div class=\"gallery-item\" role=\"listitem\">\n                            <img decoding=\"async\"\n                                src=\"https:\/\/www.bumblebeeblinds.com\/wp-content\/uploads\/2025\/12\/Outdoor-Shades__6-20240814_142932.2504041624311-scaled.webp\"\n                                data-full-src=\"https:\/\/www.bumblebeeblinds.com\/wp-content\/uploads\/2025\/12\/Outdoor-Shades__6-20240814_142932.2504041624311-scaled.webp\"\n                                data-aspect=\"1.5\"\n                                alt=\"\"\n                                class=\"gallery-image\"\n                                loading=\"lazy\"\n                                tabindex=\"0\"\n                                role=\"button\"\n                                aria-label=\"View image 1: \">\n                        <\/div>\n                                            <div class=\"gallery-item\" role=\"listitem\">\n                            <img decoding=\"async\"\n                                src=\"https:\/\/www.bumblebeeblinds.com\/wp-content\/uploads\/2025\/12\/Outdoor-Shades__5-20240702_124305.2504041624306-scaled.webp\"\n                                data-full-src=\"https:\/\/www.bumblebeeblinds.com\/wp-content\/uploads\/2025\/12\/Outdoor-Shades__5-20240702_124305.2504041624306-scaled.webp\"\n                                data-aspect=\"1.5\"\n                                alt=\"\"\n                                class=\"gallery-image\"\n                                loading=\"lazy\"\n                                tabindex=\"0\"\n                                role=\"button\"\n                                aria-label=\"View image 2: \">\n                        <\/div>\n                                            <div class=\"gallery-item\" role=\"listitem\">\n                            <img decoding=\"async\"\n                                src=\"https:\/\/www.bumblebeeblinds.com\/wp-content\/uploads\/2025\/12\/Outdoor-Shades__4-20240814_143157.2504041624306-scaled.webp\"\n                                data-full-src=\"https:\/\/www.bumblebeeblinds.com\/wp-content\/uploads\/2025\/12\/Outdoor-Shades__4-20240814_143157.2504041624306-scaled.webp\"\n                                data-aspect=\"1.5\"\n                                alt=\"\"\n                                class=\"gallery-image\"\n                                loading=\"lazy\"\n                                tabindex=\"0\"\n                                role=\"button\"\n                                aria-label=\"View image 3: \">\n                        <\/div>\n                                            <div class=\"gallery-item\" role=\"listitem\">\n                            <img decoding=\"async\"\n                                src=\"https:\/\/www.bumblebeeblinds.com\/wp-content\/uploads\/2025\/12\/Outdoor-Shades__3-20240702_123958.2504041624307-scaled.webp\"\n                                data-full-src=\"https:\/\/www.bumblebeeblinds.com\/wp-content\/uploads\/2025\/12\/Outdoor-Shades__3-20240702_123958.2504041624307-scaled.webp\"\n                                data-aspect=\"1.5\"\n                                alt=\"\"\n                                class=\"gallery-image\"\n                                loading=\"lazy\"\n                                tabindex=\"0\"\n                                role=\"button\"\n                                aria-label=\"View image 4: \">\n                        <\/div>\n                                            <div class=\"gallery-item\" role=\"listitem\">\n                            <img decoding=\"async\"\n                                src=\"https:\/\/www.bumblebeeblinds.com\/wp-content\/uploads\/2025\/12\/Outdoor-Shades__2-20240702_124204.2504041624306-scaled.webp\"\n                                data-full-src=\"https:\/\/www.bumblebeeblinds.com\/wp-content\/uploads\/2025\/12\/Outdoor-Shades__2-20240702_124204.2504041624306-scaled.webp\"\n                                data-aspect=\"1.5\"\n                                alt=\"\"\n                                class=\"gallery-image\"\n                                loading=\"lazy\"\n                                tabindex=\"0\"\n                                role=\"button\"\n                                aria-label=\"View image 5: \">\n                        <\/div>\n                                            <div class=\"gallery-item\" role=\"listitem\">\n                            <img decoding=\"async\"\n                                src=\"https:\/\/www.bumblebeeblinds.com\/wp-content\/uploads\/2025\/12\/Outdoor-Shades__15-GSS0816_RN041113CA.2504041624307.webp\"\n                                data-full-src=\"https:\/\/www.bumblebeeblinds.com\/wp-content\/uploads\/2025\/12\/Outdoor-Shades__15-GSS0816_RN041113CA.2504041624307.webp\"\n                                data-aspect=\"1.5\"\n                                alt=\"\"\n                                class=\"gallery-image\"\n                                loading=\"lazy\"\n                                tabindex=\"0\"\n                                role=\"button\"\n                                aria-label=\"View image 6: \">\n                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"text-center mt-12\">\n                        \n<div class=\"button-block-wrapper text-center wp-block-tailwind-boilerplate-button-block\">\n\t\t\t<a href=\"https:\/\/www.bumblebeeblinds.com\/photo-gallery\/outdoor-shades\" class=\"inline-block transition-colors duration-200 whitespace-nowrap btn-primary\">\n\t\t\tView More\t\t<\/a>\n\t<\/div>\n                    <\/div>\n                                    <\/div>\n    <\/div>\n<\/div>\n\n\n<section style=\"background-color: var(--wp--preset--color--light, #F4EFEA)\" class=\"faq-block-wrapper overflow-hidden wp-block-tailwind-boilerplate-faq-block has-background has-light-background-color\" id=\"faq-block-1\">\n    <div class=\"container grid lg:grid-cols-9 gap-4 py-section\">\n        <div class=\"lg:col-span-5\">\n            <!-- Use proper heading hierarchy -->\n            <h2 class=\"text-h2 text-black\">Your Questions, Answered<\/h2>\n\n            <!-- Use semantic HTML: dl (definition list) for Q&A pairs -->\n            <!-- Microdata removed - using JSON-LD only for schema -->\n            <dl class=\"mt-8 space-y-4\">\n                                                            <div class=\"faq-item\">\n                            <dt class=\"faq-question-wrapper\">\n                                <button\n                                    type=\"button\"\n                                    class=\"faq-question bg-primary !text-white px-6 text-h4 w-full text-left cursor-pointer hover:bg-opacity-90 transition-colors relative duration-300\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"faq-block-1-faq-1670\"\n                                    data-faq-toggle=\"faq-block-1-faq-1670\">\n                                    <h3 class=\"faq-question-text text-h4 !text-white !mb-0 pr-8 py-4\">What types of outdoor shades does Bumble Bee Blinds offer?<\/h3>\n                                    <span class=\"faq-icon absolute right-6 top-1\/2 -translate-y-1\/2 text-2xl !text-white transition-transform duration-300\" aria-hidden=\"true\">+<\/span>\n                                <\/button>\n                            <\/dt>\n\n                            <dd\n                                id=\"faq-block-1-faq-1670\"\n                                class=\"faq-answer bg-primary-900\/95 border border-primary overflow-hidden transition-all duration-300 max-h-0\"\n                                aria-hidden=\"true\">\n                                <div class=\"p-6 text-white [&#038;_a]:text-accent-700 [&#038;_a:hover]:text-primary [&#038;_a:hover]:underline [&#038;_a]:underline [&#038;_a]:font-semibold [&#038;_h2]:text-h2 [&#038;_h2]:text-white [&#038;_h2]:mb-4 [&#038;_h2]:mt-4 [&#038;_h3]:text-h3 [&#038;_h3]:text-white [&#038;_h3]:mb-3 [&#038;_h3]:mt-3\">\n                                    \n<p class=\"wp-block-paragraph\">Bumble Bee Blinds offers outdoor patio shades for versatile outdoor coverage. We provide motorized and automated shades for convenient operation. We also offer exterior roller shades for flexible light control. Our design consultants will work with you every step of the way, providing expert guidance on all of the outdoor shade options available and help you determine a style that fits your vision, space, and needs.<\/p>\n\n                                <\/div>\n                            <\/dd>\n                        <\/div>\n                                            <div class=\"faq-item\">\n                            <dt class=\"faq-question-wrapper\">\n                                <button\n                                    type=\"button\"\n                                    class=\"faq-question bg-primary !text-white px-6 text-h4 w-full text-left cursor-pointer hover:bg-opacity-90 transition-colors relative duration-300\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"faq-block-1-faq-1671\"\n                                    data-faq-toggle=\"faq-block-1-faq-1671\">\n                                    <h3 class=\"faq-question-text text-h4 !text-white !mb-0 pr-8 py-4\">How do outdoor shades from Bumble Bee Blinds enhance outdoor living spaces?<\/h3>\n                                    <span class=\"faq-icon absolute right-6 top-1\/2 -translate-y-1\/2 text-2xl !text-white transition-transform duration-300\" aria-hidden=\"true\">+<\/span>\n                                <\/button>\n                            <\/dt>\n\n                            <dd\n                                id=\"faq-block-1-faq-1671\"\n                                class=\"faq-answer bg-primary-900\/95 border border-primary overflow-hidden transition-all duration-300 max-h-0\"\n                                aria-hidden=\"true\">\n                                <div class=\"p-6 text-white [&#038;_a]:text-accent-700 [&#038;_a:hover]:text-primary [&#038;_a:hover]:underline [&#038;_a]:underline [&#038;_a]:font-semibold [&#038;_h2]:text-h2 [&#038;_h2]:text-white [&#038;_h2]:mb-4 [&#038;_h2]:mt-4 [&#038;_h3]:text-h3 [&#038;_h3]:text-white [&#038;_h3]:mb-3 [&#038;_h3]:mt-3\">\n                                    \n<p class=\"wp-block-paragraph\">Outdoor shades from Bumble Bee Blinds provide shade and privacy for outdoor areas. They help reduce glare, add privacy, and regulate temperature in your outdoor spaces. These shades allow comfortable outdoor enjoyment throughout the year.<\/p>\n\n                                <\/div>\n                            <\/dd>\n                        <\/div>\n                                            <div class=\"faq-item\">\n                            <dt class=\"faq-question-wrapper\">\n                                <button\n                                    type=\"button\"\n                                    class=\"faq-question bg-primary !text-white px-6 text-h4 w-full text-left cursor-pointer hover:bg-opacity-90 transition-colors relative duration-300\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"faq-block-1-faq-1672\"\n                                    data-faq-toggle=\"faq-block-1-faq-1672\">\n                                    <h3 class=\"faq-question-text text-h4 !text-white !mb-0 pr-8 py-4\">Are Bumble Bee Blinds&#8217; outdoor shades suitable for different architectural styles?<\/h3>\n                                    <span class=\"faq-icon absolute right-6 top-1\/2 -translate-y-1\/2 text-2xl !text-white transition-transform duration-300\" aria-hidden=\"true\">+<\/span>\n                                <\/button>\n                            <\/dt>\n\n                            <dd\n                                id=\"faq-block-1-faq-1672\"\n                                class=\"faq-answer bg-primary-900\/95 border border-primary overflow-hidden transition-all duration-300 max-h-0\"\n                                aria-hidden=\"true\">\n                                <div class=\"p-6 text-white [&#038;_a]:text-accent-700 [&#038;_a:hover]:text-primary [&#038;_a:hover]:underline [&#038;_a]:underline [&#038;_a]:font-semibold [&#038;_h2]:text-h2 [&#038;_h2]:text-white [&#038;_h2]:mb-4 [&#038;_h2]:mt-4 [&#038;_h3]:text-h3 [&#038;_h3]:text-white [&#038;_h3]:mb-3 [&#038;_h3]:mt-3\">\n                                    \n<p class=\"wp-block-paragraph\">Outdoor shades from Bumble Bee Blinds complement modern minimalist exterior spaces with clean lines. They enhance homes by adding privacy and uv protection, allowing you to spend more time outdoors. We offer many different outdoor shade options in an array of colors. These shades also suit rustic farmhouse, industrial, and traditional architectural styles. To determine what type of outdoor shades best suit your space, work with one of our design consultants. Our experts will provide guidance in selecting the outdoor shades that best fit your needs and your home.<\/p>\n\n                                <\/div>\n                            <\/dd>\n                        <\/div>\n                                            <div class=\"faq-item\">\n                            <dt class=\"faq-question-wrapper\">\n                                <button\n                                    type=\"button\"\n                                    class=\"faq-question bg-primary !text-white px-6 text-h4 w-full text-left cursor-pointer hover:bg-opacity-90 transition-colors relative duration-300\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"faq-block-1-faq-1673\"\n                                    data-faq-toggle=\"faq-block-1-faq-1673\">\n                                    <h3 class=\"faq-question-text text-h4 !text-white !mb-0 pr-8 py-4\">How do outdoor shades from Bumble Bee Blinds contribute to energy efficiency?<\/h3>\n                                    <span class=\"faq-icon absolute right-6 top-1\/2 -translate-y-1\/2 text-2xl !text-white transition-transform duration-300\" aria-hidden=\"true\">+<\/span>\n                                <\/button>\n                            <\/dt>\n\n                            <dd\n                                id=\"faq-block-1-faq-1673\"\n                                class=\"faq-answer bg-primary-900\/95 border border-primary overflow-hidden transition-all duration-300 max-h-0\"\n                                aria-hidden=\"true\">\n                                <div class=\"p-6 text-white [&#038;_a]:text-accent-700 [&#038;_a:hover]:text-primary [&#038;_a:hover]:underline [&#038;_a]:underline [&#038;_a]:font-semibold [&#038;_h2]:text-h2 [&#038;_h2]:text-white [&#038;_h2]:mb-4 [&#038;_h2]:mt-4 [&#038;_h3]:text-h3 [&#038;_h3]:text-white [&#038;_h3]:mb-3 [&#038;_h3]:mt-3\">\n                                    \n<p class=\"wp-block-paragraph\">Outdoor shades act as a barrier against direct sunlight, reducing heat gain. They help maintain cooler temperatures in outdoor and adjacent indoor areas. This can potentially lead to reduced reliance on air conditioning and energy savings.<\/p>\n\n                                <\/div>\n                            <\/dd>\n                        <\/div>\n                                            <div class=\"faq-item\">\n                            <dt class=\"faq-question-wrapper\">\n                                <button\n                                    type=\"button\"\n                                    class=\"faq-question bg-primary !text-white px-6 text-h4 w-full text-left cursor-pointer hover:bg-opacity-90 transition-colors relative duration-300\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"faq-block-1-faq-1674\"\n                                    data-faq-toggle=\"faq-block-1-faq-1674\">\n                                    <h3 class=\"faq-question-text text-h4 !text-white !mb-0 pr-8 py-4\">What is the process for getting outdoor shades from Bumble Bee Blinds?<\/h3>\n                                    <span class=\"faq-icon absolute right-6 top-1\/2 -translate-y-1\/2 text-2xl !text-white transition-transform duration-300\" aria-hidden=\"true\">+<\/span>\n                                <\/button>\n                            <\/dt>\n\n                            <dd\n                                id=\"faq-block-1-faq-1674\"\n                                class=\"faq-answer bg-primary-900\/95 border border-primary overflow-hidden transition-all duration-300 max-h-0\"\n                                aria-hidden=\"true\">\n                                <div class=\"p-6 text-white [&#038;_a]:text-accent-700 [&#038;_a:hover]:text-primary [&#038;_a:hover]:underline [&#038;_a]:underline [&#038;_a]:font-semibold [&#038;_h2]:text-h2 [&#038;_h2]:text-white [&#038;_h2]:mb-4 [&#038;_h2]:mt-4 [&#038;_h3]:text-h3 [&#038;_h3]:text-white [&#038;_h3]:mb-3 [&#038;_h3]:mt-3\">\n                                    \n<p class=\"wp-block-paragraph\">Our process is simple, we make it fun and easy!<\/p>\n\n\n<ul class=\"wp-block-list hx-ul\">\n<li>Schedule your free in-home design consultation<\/li>\n\n\n<li>Your dedicated Design Consultant will discuss your vision, needs, and preferences<\/li>\n\n\n<li>Then, your Design Consultant will walk you through a variety of options of outdoor shades for your space<\/li>\n\n\n<li>Receive a detailed quote for materials and installation based on your unique design and measurements<\/li>\n\n\n<li>Professional installation by the Bumble Bee Blinds team for a precise fit<\/li>\n\n\n<li>Warranty coverage for your investment<\/li>\n\n<\/ul>\n\n\n<p class=\"wp-block-paragraph\">To get started, simply call <span class=\"location-shortcode\" data-shortcode=\"LocalPhone\"><a href=\"tel:6177028382\" class=\"hover:underline hover:!text-accent transition-colors inline\">(617) 702-8382<\/a><\/span> to schedule your free design consultation<\/p>\n\n                                <\/div>\n                            <\/dd>\n                        <\/div>\n                                                <\/dl>\n        <\/div>\n\n                    <div class=\"lg:col-span-4 w-full\">\n                <div class=\"lg:!mt-12 flex flex-col justify-end order-first md:order-last\">\n                                            <a\n                            href=\"\/faqs\/\"\n                            class=\"text-accent-700 hover:text-primary font-bold underline text-right lg:mt-8 order-1 lg:order-2 transition-colors\"\n                            aria-label=\"View all FAQs: View All FAQs\">\n                            View All FAQs                        <\/a>\n                    \n                                                                        <img\n                                src=\"https:\/\/www.bumblebeeblinds.com\/wp-content\/uploads\/2025\/11\/curtains-faq.webp\"\n                                alt=\"Your Questions, Answered\"\n                                class=\"lg:mt-12 h-full hidden md:block mt-8 w-auto relative -right-16 scale-110 order-2 lg:order-1\"\n                                loading=\"lazy\"\n                                decoding=\"async\">\n                                                            <\/div>\n            <\/div>\n            <\/div>\n<\/section>\n\n<style>\n    \/* Smooth max-height transition for accordion - required for proper animation *\/\n    .faq-answer {\n        transition: max-height 0.3s ease-in-out;\n    }\n\n    \/* Ensure phone links inside FAQ answers are inline, not flex *\/\n    .faq-answer a[href^=\"tel:\"],\n    .faq-answer .location-shortcode,\n    .faq-answer .location-shortcode a {\n        display: inline !important;\n        flex-direction: unset !important;\n        align-items: unset !important;\n        gap: unset !important;\n    }\n<\/style>\n\n\n<section class=\"testimonial-block-wrapper bg-accent wp-block-tailwind-boilerplate-testimonial-block\" id=\"testimonial-block-6aeef31c58863\">\n\t<div class=\"container flex flex-col-reverse lg:flex-row items-center lg:items-end justify-center relative\">\n\t\t\t\t\t<!-- LEFT SIDE: Photo -->\n\t\t\t<div class=\"relative h-full w-full lg:w-1\/2 flex justify-center lg:justify-start lg:items-end\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/themes\/tailwind-boilerplate\/assets\/f571d457e87f412555a3a8704c803ff555280dfe.png\"\n\t\t\t\t\t\t\twidth=\"540\"\n\t\t\t\t\t\t\theight=\"540\"\n\t\t\t\t\t\t\talt=\"Testimonial\"\n\t\t\t\t\t\t\tclass=\"w-auto h-[320px] sm:h-[320px] lg:h-[540px] relative lg:absolute lg:left-1\/2 lg:-translate-x-1\/2 lg:bottom-0\"\n\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\tdecoding=\"async\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\n\t\t<!-- RIGHT SIDE: Testimonial content -->\n\t\t<div class=\"flex-1 text-center lg:pl-16 py-8 lg:py-component\">\n\t\t\t<h3 class=\"text-h3 text-primary mb-4\">What People Are Buzzing About<\/h3>\n\t\t\t<span class=\"block w-12 h-px bg-primary mx-auto mb-6\"><\/span>\n\n\t\t\t\t\t\t\t<div class=\"testimonial-carousel\" data-carousel-id=\"testimonial-block-6aeef31c58863\">\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"testimonial-slide active\"\n\t\t\t\t\t\t\tdata-slide-index=\"0\"\n\t\t\t\t\t\t\tdata-rating=\"5\"\n\t\t\t\t\t\t\tdata-content=\"Sarah was such a huge help through every step of the process. Communicative, thorough &amp; knowledgeable. End result was flawless and I can&#039;t say enough good things about working with her! Highly recommend her &amp; her team!!\"\n\t\t\t\t\t\t\tdata-author=\"Sarah D.\"\n\t\t\t\t\t\t\tdata-testimonial-id=\"514\">\n\t\t\t\t\t\t\t<div class=\"flex gap-1 mb-6 justify-center\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/themes\/tailwind-boilerplate\/assets\/200_19.svg\"\n\t\t\t\t\t\t\t\t\t\talt=\"star\"\n\t\t\t\t\t\t\t\t\t\tclass=\"w-8 h-8\"\n\t\t\t\t\t\t\t\t\t\twidth=\"32\"\n\t\t\t\t\t\t\t\t\t\theight=\"32\"\n\t\t\t\t\t\t\t\t\t\tdecoding=\"async\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/themes\/tailwind-boilerplate\/assets\/200_21.svg\"\n\t\t\t\t\t\t\t\t\t\talt=\"star\"\n\t\t\t\t\t\t\t\t\t\tclass=\"w-8 h-8\"\n\t\t\t\t\t\t\t\t\t\twidth=\"32\"\n\t\t\t\t\t\t\t\t\t\theight=\"32\"\n\t\t\t\t\t\t\t\t\t\tdecoding=\"async\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/themes\/tailwind-boilerplate\/assets\/200_23.svg\"\n\t\t\t\t\t\t\t\t\t\talt=\"star\"\n\t\t\t\t\t\t\t\t\t\tclass=\"w-8 h-8\"\n\t\t\t\t\t\t\t\t\t\twidth=\"32\"\n\t\t\t\t\t\t\t\t\t\theight=\"32\"\n\t\t\t\t\t\t\t\t\t\tdecoding=\"async\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/themes\/tailwind-boilerplate\/assets\/200_25.svg\"\n\t\t\t\t\t\t\t\t\t\talt=\"star\"\n\t\t\t\t\t\t\t\t\t\tclass=\"w-8 h-8\"\n\t\t\t\t\t\t\t\t\t\twidth=\"32\"\n\t\t\t\t\t\t\t\t\t\theight=\"32\"\n\t\t\t\t\t\t\t\t\t\tdecoding=\"async\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/themes\/tailwind-boilerplate\/assets\/200_27.svg\"\n\t\t\t\t\t\t\t\t\t\talt=\"star\"\n\t\t\t\t\t\t\t\t\t\tclass=\"w-8 h-8\"\n\t\t\t\t\t\t\t\t\t\twidth=\"32\"\n\t\t\t\t\t\t\t\t\t\theight=\"32\"\n\t\t\t\t\t\t\t\t\t\tdecoding=\"async\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<figure class=\"mb-6 testimonial-figure\">\n\t\t\t\t\t\t\t\t<blockquote class=\"font-normal text-2xl text-primary\">\n\t\t\t\t\t\t\t\t\t<div class=\"testimonial-quote-wrap\">\n\t\t\t\t\t\t\t\t\t\t<p class=\"font-normal text-2xl text-primary testimonial-text\">\n\t\t\t\t\t\t\t\t\t\t\t&ldquo;Sarah was such a huge help through every step of the process. Communicative, thorough &amp; knowledgeable. End result was flawless and I can&#039;t say enough good things about working with her! Highly recommend her &amp; her team!!&rdquo;\n\t\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"testimonial-readall\"\n\t\t\t\t\t\t\t\t\t\t\tdata-carousel-id=\"testimonial-block-6aeef31c58863\"\n\t\t\t\t\t\t\t\t\t\t\tdata-slide-index=\"0\"\n\t\t\t\t\t\t\t\t\t\t\taria-label=\"Read full testimonial\">\n\t\t\t\t\t\t\t\t\t\t\tRead all\t\t\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/blockquote>\n\t\t\t\t\t\t\t\t<figcaption class=\"block text-primary text-xl font-bold mt-4\">\n\t\t\t\t\t\t\t\t\t<cite class=\"not-italic\">Sarah D.<\/cite>\n\t\t\t\t\t\t\t\t<\/figcaption>\n\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t<div class=\"flex lg:justify-end justify-center mt-8\">\n\t\t\t\t\t<a href=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/about\/testimonials\/\" class=\"lg:text-right text-base text-center !text-black font-bold\">\n\t\t\t\t\t\tSee more reviews\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<\/div>\n\t<\/div>\n<\/section>\n\n<script>\n\t\/\/ Make theme URI available to frontend.js.\n\tif ( typeof window.testimonialThemeUri === 'undefined' ) {\n\t\twindow.testimonialThemeUri = 'https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/themes\/tailwind-boilerplate';\n\t}\n\n\t( function () {\n\t\tconst blockId   = 'testimonial-block-6aeef31c58863';\n\t\tconst autoSwipe = false;\n\t\tconst autoTime  = 1500;\n\t\tconst infinite  = true;\n\n\t\tfunction initCarousel() {\n\t\t\tconst block = document.getElementById( blockId );\n\t\t\tif ( ! block ) {\n\t\t\t\t\/\/ If block not found, try again after a short delay.\n\t\t\t\tif ( 'loading' === document.readyState ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tsetTimeout( initCarousel, 100 );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst carousel = block.querySelector( '.testimonial-carousel' );\n\t\t\tif ( ! carousel ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst slides      = carousel.querySelectorAll( '.testimonial-slide' );\n\t\t\tconst totalSlides = slides.length;\n\n\t\t\tif ( 1 >= totalSlides ) {\n\t\t\t\t\/\/ If only one slide, ensure it's visible.\n\t\t\t\tif ( 1 === slides.length ) {\n\t\t\t\t\tslides[ 0 ].classList.add( 'active' );\n\t\t\t\t}\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tlet currentSlide      = 0;\n\t\t\tlet autoSwipeInterval = null;\n\n\t\t\tconst prevBtn = block.querySelector( '.testimonial-prev' );\n\t\t\tconst nextBtn = block.querySelector( '.testimonial-next' );\n\n\t\t\tfunction showSlide( index ) {\n\t\t\t\tslides.forEach( ( slide, i ) => {\n\t\t\t\t\tif ( i === index ) {\n\t\t\t\t\t\tslide.classList.add( 'active' );\n\t\t\t\t\t} else {\n\t\t\t\t\t\tslide.classList.remove( 'active' );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t\tupdateButtonStates();\n\t\t\t}\n\n\t\t\tfunction updateButtonStates() {\n\t\t\t\tif ( ! prevBtn || ! nextBtn ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst canGoPrev = infinite || currentSlide > 0;\n\t\t\t\tconst canGoNext = infinite || currentSlide < totalSlides - 1;\n\n\t\t\t\tprevBtn.disabled = ! canGoPrev;\n\t\t\t\tnextBtn.disabled = ! canGoNext;\n\t\t\t}\n\n\t\t\tfunction goToNext() {\n\t\t\t\tif ( infinite || currentSlide < totalSlides - 1 ) {\n\t\t\t\t\tcurrentSlide = ( currentSlide + 1 ) % totalSlides;\n\t\t\t\t\tshowSlide( currentSlide );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfunction goToPrev() {\n\t\t\t\tif ( infinite || currentSlide > 0 ) {\n\t\t\t\t\tcurrentSlide = 0 === currentSlide ? totalSlides - 1 : currentSlide - 1;\n\t\t\t\t\tshowSlide( currentSlide );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfunction startAutoSwipe() {\n\t\t\t\tif ( ! autoSwipe ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tstopAutoSwipe();\n\t\t\t\tautoSwipeInterval = setInterval( () => {\n\t\t\t\t\tif ( ! infinite && currentSlide >= totalSlides - 1 ) {\n\t\t\t\t\t\tstopAutoSwipe();\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tgoToNext();\n\t\t\t\t}, autoTime );\n\t\t\t}\n\n\t\t\tfunction stopAutoSwipe() {\n\t\t\t\tif ( autoSwipeInterval ) {\n\t\t\t\t\tclearInterval( autoSwipeInterval );\n\t\t\t\t\tautoSwipeInterval = null;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t\/\/ Ensure first slide is visible immediately.\n\t\t\tshowSlide( 0 );\n\t\t\tif ( autoSwipe ) {\n\t\t\t\tstartAutoSwipe();\n\t\t\t}\n\n\t\t\tif ( prevBtn ) {\n\t\t\t\tprevBtn.addEventListener( 'click', ( e ) => {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tgoToPrev();\n\t\t\t\t\tif ( autoSwipe ) {\n\t\t\t\t\t\tstopAutoSwipe();\n\t\t\t\t\t\tstartAutoSwipe();\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tif ( nextBtn ) {\n\t\t\t\tnextBtn.addEventListener( 'click', ( e ) => {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tgoToNext();\n\t\t\t\t\tif ( autoSwipe ) {\n\t\t\t\t\t\tstopAutoSwipe();\n\t\t\t\t\t\tstartAutoSwipe();\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tif ( autoSwipe ) {\n\t\t\t\tcarousel.addEventListener( 'mouseenter', stopAutoSwipe );\n\t\t\t\tcarousel.addEventListener( 'mouseleave', startAutoSwipe );\n\t\t\t}\n\n\t\t\tcarousel.setAttribute( 'tabindex', '0' );\n\t\t\tcarousel.addEventListener( 'keydown', ( e ) => {\n\t\t\t\tif ( 'ArrowLeft' === e.key ) {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tgoToPrev();\n\t\t\t\t\tif ( autoSwipe ) {\n\t\t\t\t\t\tstopAutoSwipe();\n\t\t\t\t\t\tstartAutoSwipe();\n\t\t\t\t\t}\n\t\t\t\t} else if ( 'ArrowRight' === e.key ) {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tgoToNext();\n\t\t\t\t\tif ( autoSwipe ) {\n\t\t\t\t\t\tstopAutoSwipe();\n\t\t\t\t\t\tstartAutoSwipe();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\n\t\t\/\/ Wait for DOM to be ready.\n\t\tif ( 'loading' === document.readyState ) {\n\t\t\tdocument.addEventListener( 'DOMContentLoaded', initCarousel );\n\t\t} else {\n\t\t\t\/\/ DOM already ready, but use requestAnimationFrame to ensure layout is complete.\n\t\t\twindow.requestAnimationFrame( initCarousel );\n\t\t}\n\t} )();\n<\/script>\n\n\n\n<section class=\"partners-gallery-wrapper bg-white py-component wp-block-tailwind-boilerplate-partners-gallery\" id=\"partners-gallery-6aeef31c59cc4\">\n    <div class=\"container flex flex-col lg:flex-row items-center gap-12\">\n        <div class=\"lg:w-1\/4 flex flex-col items-center lg:items-end text-center lg:text-right\">\n            <h3 class=\"text-h3 text-primary font-bold text-center lg:text-right\">Our Partners<\/h3>\n        <\/div>\n        <div class=\"hidden lg:block w-px h-24 bg-accent\"><\/div>\n        <div class=\"lg:w-3\/4 flex-1\">\n                            \n                                                        <div class=\"logo-carousel\"  data-component=\"logo-carousel\" data-slides-to-show=\"4\" data-slides-to-scroll=\"1\" data-infinite=\"false\" data-autoplay=\"true\" data-autoplay-speed=\"3000\" data-speed=\"300\" data-arrows=\"true\" data-dots=\"false\" data-tablet-slides=\"3\" data-mobile-slides=\"2\">\n                        <div class=\"logo-carousel-track\">\n                                                                                            <div class=\"logo-carousel-slide\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/2025\/12\/alta-logo-blk.webp\" alt=\"Alta window fashions\" class=\"h-auto max-h-16 w-auto\" \/>\n                                                                    <\/div>\n                                                                                            <div class=\"logo-carousel-slide\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/2025\/12\/graber-delight-in-every-detail-2019-black6c.webp\" alt=\"Graber Delight in Every Detail\" class=\"h-auto max-h-16 w-auto\" \/>\n                                                                    <\/div>\n                                                                                            <div class=\"logo-carousel-slide\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/2025\/12\/horizons-logo.webp\" alt=\"Horizons Style That Makes a Statement\" class=\"h-auto max-h-16 w-auto\" \/>\n                                                                    <\/div>\n                                                                                            <div class=\"logo-carousel-slide\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/2025\/12\/luxhive-fashions-logo-fullcolor-2504180759325-scaled.webp\" alt=\"LuxeHive Fashions\" class=\"h-auto max-h-16 w-auto\" \/>\n                                                                    <\/div>\n                                                                                            <div class=\"logo-carousel-slide\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/2026\/04\/Hunter_Douglas_Logo.svg-scaled.png\" alt=\"Hunter_Douglas_Logo.svg\" class=\"h-auto max-h-16 w-auto\" \/>\n                                                                    <\/div>\n                                                                                            <div class=\"logo-carousel-slide\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/2026\/04\/ISR-logo08TransFlatCMYK.jpg\" alt=\"ISR-logo08TransFlatCMYK\" class=\"h-auto max-h-16 w-auto\" \/>\n                                                                    <\/div>\n                                                                                            <div class=\"logo-carousel-slide\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/2026\/04\/Norman-logo_blue.png\" alt=\"Norman-logo_blue\" class=\"h-auto max-h-16 w-auto\" \/>\n                                                                    <\/div>\n                                                                                            <div class=\"logo-carousel-slide\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/2026\/04\/universal_screens_llc_cover.jpeg\" alt=\"universal_screens_llc_cover\" class=\"h-auto max-h-16 w-auto\" \/>\n                                                                    <\/div>\n                                                    <\/div>\n                        <button type=\"button\" class=\"logo-carousel-prev\" data-action=\"prev\" aria-label=\"Previous\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\/><\/svg>                        <\/button>\n                        <button type=\"button\" class=\"logo-carousel-next\" data-action=\"next\" aria-label=\"Next\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L10 18l6-6-6-6-1.41 1.41L13.17 12z\"\/><\/svg>                        <\/button>\n                        <div class=\"logo-carousel-dots\"><\/div>\n                    <\/div>\n                \n                                    <\/div>\n    <\/div>\n<\/section>\n\n\n\n\r\n<!-- CTA Banner Section -->\r\n<section class=\"cta-banner-block relative min-h-[400px] wp-block-tailwind-boilerplate-cta-banner\" id=\"section-cta-banner\">\r\n                        <img\r\n                src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/themes\/tailwind-boilerplate\/assets\/bbb-logo-stacked.svg\"\r\n                alt=\"Bumble Bee Blinds Logo\"\r\n                class=\"w-[93px] h-auto absolute -top-10 left-1\/2 -translate-x-1\/2 z-10\"\r\n                decoding=\"async\"\r\n                loading=\"lazy\">\r\n            \r\n    <div class=\"absolute inset-0 overflow-hidden\">\r\n                    <img\r\n                src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/themes\/tailwind-boilerplate\/assets\/51e1d7e6eae2091cc3cc305ce680fdb7130883dd.png\"\r\n                alt=\"Stylish home interior\"\r\n                class=\"w-full h-full object-cover\"\r\n                style=\"min-height: 100%; min-width: 100%;\"\r\n                decoding=\"async\"\r\n                loading=\"lazy\">\r\n                <div class=\"absolute inset-0 bg-primary opacity-90\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"relative container py-24 sm:py-32 text-center\">\r\n        <h2 class=\"!text-h1 !text-white\">Find Your Buzz-Worthy<br>Window Treatments<\/h2>\r\n\r\n                                <div class=\"cta-banner-content cta-overlay-primary mt-4 !text-white [&amp;_a:not([class*=&quot;btn&quot;])]:!text-[#F1A71E] [&amp;_a:not([class*=&quot;btn&quot;])]:underline [&amp;_a:not([class*=&quot;btn&quot;])]:!font-bold [&amp;_a:not([class*=&quot;btn&quot;])]:hover:!text-[#F1A71E]\">\r\n                \n<p class=\"wp-block-paragraph\"><\/p>\n            <\/div>\r\n        \r\n                    <div class=\"mt-8\">\r\n                \n<div class=\"button-block-wrapper text-center wp-block-tailwind-boilerplate-button-block\">\n\t\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclass=\"inline-block transition-colors duration-200 whitespace-nowrap btn-primary se-booking-show\"\n\t\t\trole=\"button\">\n\t\t\tGet a Free Consultation\t\t<\/button>\n\t<\/div>\n            <\/div>\r\n            <\/div>\r\n<\/section>\n\n\r\n<section class=\"brands-block-wrapper bg-white py-section wp-block-tailwind-boilerplate-brands-block\">\r\n    <div class=\"container flex flex-col lg:flex-row items-center gap-12\">\r\n        <div class=\"lg:w-1\/4 flex flex-col items-center lg:items-end text-center lg:text-right\">\r\n            <h3 class=\"text-h3 text-black text-center lg:text-right\">\r\n                Explore our Family of Brands.            <\/h3>\r\n        <\/div>\r\n        <div class=\"hidden lg:block w-px h-24 bg-accent\"><\/div>\r\n        <div class=\"lg:w-3\/4\">\r\n                            <div class=\"grid grid-cols-2 md:grid-cols-4 gap-x-8 gap-y-12 items-center\">\r\n                                                                                                <a href=\"https:\/\/www.ifoam.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"justify-self-center\" aria-label=\"4e3d7e6e2dad4b8c49ece456502285a104e88afc\">\r\n                                <img decoding=\"async\"\r\n                                    src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/2025\/11\/4e3d7e6e2dad4b8c49ece456502285a104e88afc.png\"\r\n                                    alt=\"4e3d7e6e2dad4b8c49ece456502285a104e88afc\"\r\n                                    class=\"h-auto w-auto\" \/>\r\n                            <\/a>\r\n                                                                                                                        <a href=\"https:\/\/www.gatsbyglass.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"justify-self-center\" aria-label=\"69db73450dd84a86e21a86804f752faa27c09243\">\r\n                                <img decoding=\"async\"\r\n                                    src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/2025\/11\/69db73450dd84a86e21a86804f752faa27c09243.webp\"\r\n                                    alt=\"69db73450dd84a86e21a86804f752faa27c09243\"\r\n                                    class=\"h-auto w-auto\" \/>\r\n                            <\/a>\r\n                                                                                                                        <a href=\"https:\/\/www.heroeslawncare.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"justify-self-center\" aria-label=\"86a2ae1623576246404a255457c19a8b147c0a96\">\r\n                                <img decoding=\"async\"\r\n                                    src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/2025\/11\/86a2ae1623576246404a255457c19a8b147c0a96.webp\"\r\n                                    alt=\"86a2ae1623576246404a255457c19a8b147c0a96\"\r\n                                    class=\"h-auto w-auto\" \/>\r\n                            <\/a>\r\n                                                                                                                        <a href=\"https:\/\/www.blingle.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"justify-self-center\" aria-label=\"32548c7088784c731043db41e237eaeadb821d49\">\r\n                                <img decoding=\"async\"\r\n                                    src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/2025\/11\/32548c7088784c731043db41e237eaeadb821d49.webp\"\r\n                                    alt=\"32548c7088784c731043db41e237eaeadb821d49\"\r\n                                    class=\"h-auto w-auto\" \/>\r\n                            <\/a>\r\n                                                                                                                        <a href=\"https:\/\/www.standstrongfencing.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"justify-self-center\" aria-label=\"0932384c7fd26f3620f9ddf9f26767310b8a01f4\">\r\n                                <img decoding=\"async\"\r\n                                    src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/2025\/11\/0932384c7fd26f3620f9ddf9f26767310b8a01f4.webp\"\r\n                                    alt=\"0932384c7fd26f3620f9ddf9f26767310b8a01f4\"\r\n                                    class=\"h-auto w-auto\" \/>\r\n                            <\/a>\r\n                                                                                                                        <a href=\"https:\/\/www.groovyhues.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"justify-self-center\" aria-label=\"8314458a7a5f14fa4fe6d019090c7a39a0e13596\">\r\n                                <img decoding=\"async\"\r\n                                    src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/2025\/11\/8314458a7a5f14fa4fe6d019090c7a39a0e13596.webp\"\r\n                                    alt=\"8314458a7a5f14fa4fe6d019090c7a39a0e13596\"\r\n                                    class=\"h-auto w-auto\" \/>\r\n                            <\/a>\r\n                                                                                                                        <a href=\"https:\/\/www.mightydogroofing.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"justify-self-center\" aria-label=\"dde24360d0f310372afb42bf5def21f0c3b6c8cd\">\r\n                                <img decoding=\"async\"\r\n                                    src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/2025\/11\/dde24360d0f310372afb42bf5def21f0c3b6c8cd.webp\"\r\n                                    alt=\"dde24360d0f310372afb42bf5def21f0c3b6c8cd\"\r\n                                    class=\"h-auto w-auto\" \/>\r\n                            <\/a>\r\n                                                                                                                        <a href=\"https:\/\/www.varsityzone.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"justify-self-center\" aria-label=\"Varsity Zone\">\r\n                                <img decoding=\"async\"\r\n                                    src=\"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-content\/uploads\/2025\/12\/vz-logo-digital-black-primary.webp\"\r\n                                    alt=\"Varsity Zone\"\r\n                                    class=\"h-auto w-auto\" \/>\r\n                            <\/a>\r\n                                                            <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n","protected":false},"featured_media":0,"parent":0,"menu_order":0,"template":"","meta":{"_acf_changed":false,"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"_window_solution_parent_post_id":253,"_window_solution_url":"","_window_solution_localized_title":"","_window_solution_localized_content":"","_window_solution_order":0,"_window_solution_enabled":true,"_window_solution_description":"","_window_solution_buzzworthy_title":"","_window_solution_video_type":"youtube","_window_solution_video_url":"","_window_solution_video_poster_id":0,"_window_solution_video_file_id":0,"_custom_schema_markup":"","_bbb_schema_extension":"[]","_bbb_schema_webpage_type":"","_local_blog_meta_title":"","_local_blog_meta_description":"","_local_blog_og_title":"","_local_blog_og_description":"","_local_blog_og_image_id":0,"_local_blog_twitter_title":"","_local_blog_twitter_description":""},"class_list":["post-353","window_solution","type-window_solution","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-json\/wp\/v2\/window-treatments\/353","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-json\/wp\/v2\/window-treatments"}],"about":[{"href":"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-json\/wp\/v2\/types\/window_solution"}],"version-history":[{"count":1,"href":"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-json\/wp\/v2\/window-treatments\/353\/revisions"}],"predecessor-version":[{"id":845,"href":"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-json\/wp\/v2\/window-treatments\/353\/revisions\/845"}],"wp:attachment":[{"href":"https:\/\/www.bumblebeeblinds.com\/brookline-ma\/wp-json\/wp\/v2\/media?parent=353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}