Contact Us – CSAAC<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap\" rel=\"stylesheet\">\n<style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }<\/p>\n<p> body {\n font-family: 'DM Sans', sans-serif;\n line-height: 1.6;\n color: #333;\n }<\/p>\n<p> \/* Hero Section *\/\n .hero {\n background: linear-gradient(135deg, #06505c 0%, #078199 100%);\n color: white;\n padding: 4rem 2rem;\n text-align: center;\n }<\/p>\n<p> .hero h1 {\n font-size: 3rem;\n margin-bottom: 1rem;\n }<\/p>\n<p> .hero p {\n font-size: 1.3rem;\n max-width: 800px;\n margin: 0 auto;\n }<\/p>\n<p> \/* Container *\/\n .container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 2rem 2rem;\n }<\/p>\n<p> .wide-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 2rem 2rem;\n }<\/p>\n<p> \/* Section Styles *\/\n .section {\n padding: 2rem 2rem;\n }<\/p>\n<p> .section-white {\n background: white;\n }<\/p>\n<p> .section-gray {\n background: #f8f9fa;\n }<\/p>\n<p> .section-title {\n font-size: 2.5rem;\n color: #06505c;\n margin-bottom: 1.5rem;\n text-align: center;\n }<\/p>\n<p> \/* Contact Grid *\/\n .contact-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2.5rem;\n margin: 2rem 0;\n }<\/p>\n<p> \/* Contact Info Cards *\/\n .contact-info {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n }<\/p>\n<p> .info-card {\n background: white;\n padding: 1.75rem;\n border-radius: 10px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n border-left: 8px solid #cbb777;\n }<\/p>\n<p> .info-card h3 {\n color: #06505c;\n font-size: 1.3rem;\n margin-bottom: 0.75rem;\n }<\/p>\n<p> .info-card p {\n color: #555;\n font-size: 1.05rem;\n line-height: 1.7;\n }<\/p>\n<p> .info-card a {\n color: #06505c;\n text-decoration: none;\n font-weight: 600;\n }<\/p>\n<p> .info-card a:hover {\n color: #078199;\n }<\/p>\n<p> \/* Contact Form *\/\n .contact-form-container {\n background: white;\n padding: 2rem;\n border-radius: 10px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n border-top: 5px solid #06505c;\n }<\/p>\n<p> .contact-form-container h3 {\n color: #06505c;\n font-size: 1.5rem;\n margin-bottom: 1.25rem;\n text-align: center;\n }<\/p>\n<p> .form-group {\n margin-bottom: 1.25rem;\n }<\/p>\n<p> .form-label {\n display: block;\n color: #06505c;\n font-weight: 600;\n margin-bottom: 0.4rem;\n font-size: 0.95rem;\n }<\/p>\n<p> .form-input,\n .form-textarea,\n .form-select {\n width: 100%;\n padding: 0.9rem;\n border: 2px solid #e9ecef;\n border-radius: 5px;\n font-size: 1rem;\n font-family: inherit;\n transition: border-color 0.3s;\n }<\/p>\n<p> .form-input:focus,\n .form-textarea:focus,\n .form-select:focus {\n outline: none;\n border-color: #06505c;\n }<\/p>\n<p> .form-textarea {\n resize: vertical;\n min-height: 120px;\n }<\/p>\n<p> \/* Department Cards *\/\n .departments-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n margin: 2rem 0;\n }<\/p>\n<p> .department-card {\n background: white;\n padding: 1.5rem;\n border-radius: 10px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n text-align: center;\n border-top: 5px solid #06505c;\n }<\/p>\n<p> .department-card h3 {\n color: #06505c;\n font-size: 1.2rem;\n margin-bottom: 0.5rem;\n }<\/p>\n<p> .department-card p {\n color: #555;\n font-size: 0.95rem;\n margin-bottom: 0.5rem;\n }<\/p>\n<p> .department-card a {\n color: #06505c;\n font-weight: 600;\n text-decoration: none;\n }<\/p>\n<p> .department-card a:hover {\n color: #078199;\n }<\/p>\n<p> \/* Button *\/\n .btn {\n padding: 1rem 2rem;\n text-decoration: none;\n border-radius: 5px;\n font-weight: 600;\n transition: all 0.3s;\n display: inline-block;\n background: #cbb777;\n color: #06505c;\n border: none;\n cursor: pointer;\n font-size: 1rem;\n }<\/p>\n<p> .btn:hover {\n background: #b8a566;\n transform: translateY(-2px);\n }<\/p>\n<p> .btn-large {\n padding: 1.25rem 2.5rem;\n font-size: 1.1rem;\n }<\/p>\n<p> \/* CTA Section *\/\n .cta-section {\n background: linear-gradient(135deg, #06505c 0%, #078199 100%);\n color: white;\n padding: 2.5rem 2rem;\n text-align: center;\n }<\/p>\n<p> .cta-section h2 {\n color: white;\n font-size: 2rem;\n margin-bottom: 1rem;\n }<\/p>\n<p> .cta-section p {\n font-size: 1.1rem;\n margin-bottom: 1.5rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }<\/p>\n<p> \/* Footer *\/\n .footer {\n background: #06505c;\n color: white;\n padding: 3rem 2rem 1rem;\n font-size: 1.1rem;\n }<\/p>\n<p> .footer-content {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-bottom: 2rem;\n }<\/p>\n<p> .footer-section h3 {\n color: #cbb777;\n margin-bottom: 1rem;\n font-size: 1.3rem;\n }<\/p>\n<p> .footer-section ul {\n list-style: none;\n }<\/p>\n<p> .footer-section ul li {\n margin-bottom: 0.5rem;\n }<\/p>\n<p> .footer-section a {\n color: #ccc;\n text-decoration: none;\n transition: color 0.3s;\n }<\/p>\n<p> .footer-section a:hover {\n color: #cbb777;\n }<\/p>\n<p> .newsletter-signup input {\n padding: 0.75rem;\n border: none;\n border-radius: 5px;\n width: 100%;\n margin-bottom: 0.5rem;\n }<\/p>\n<p> .newsletter-signup button {\n padding: 0.75rem 1.5rem;\n background: #cbb777;\n color: #06505c;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-weight: 600;\n transition: background 0.3s;\n }<\/p>\n<p> .newsletter-signup button:hover {\n background: #b8a566;\n }<\/p>\n<p> .social-links {\n display: flex;\n gap: 1rem;\n margin-top: 1rem;\n }<\/p>\n<p> .social-links a {\n display: inline-block;\n width: 55px;\n height: 55px;\n background: #cbb777;\n border-radius: 50%;\n text-align: center;\n line-height: 55px;\n transition: background 0.3s;\n color: #06505c;\n font-weight: bold;\n font-size: 1.3rem;\n }<\/p>\n<p> .social-links a:hover {\n background: #b8a566;\n }<\/p>\n<p> .footer-bottom {\n text-align: center;\n padding-top: 2rem;\n border-top: 1px solid rgba(255, 255, 255, 0.2);\n color: #ccc;\n }<\/p>\n<p> \/* ===== MOBILE RESPONSIVE ===== *\/\n @media (max-width: 992px) {\n .departments-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }<\/p>\n<p> @media (max-width: 768px) {\n \/* Hero *\/\n .hero {\n padding: 2rem 1rem;\n }\n .hero h1 {\n font-size: 1.75rem;\n margin-bottom: 0.5rem;\n }\n .hero p {\n font-size: 1rem;\n }<\/p>\n<p> \/* Containers *\/\n .container {\n padding: 1.5rem 1rem;\n }\n .wide-container {\n padding: 1.5rem 1rem;\n }<\/p>\n<p> \/* Sections *\/\n .section {\n padding: 1.5rem 1rem;\n }<\/p>\n<p> \/* Section Title *\/\n .section-title {\n font-size: 1.6rem;\n margin-bottom: 1rem;\n }<\/p>\n<p> \/* Contact Grid *\/\n .contact-grid {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n margin: 1.5rem 0;\n }<\/p>\n<p> \/* Contact Info *\/\n .contact-info {\n gap: 1rem;\n }\n .info-card {\n padding: 1.25rem;\n border-left-width: 5px;\n }\n .info-card h3 {\n font-size: 1.15rem;\n margin-bottom: 0.5rem;\n }\n .info-card p {\n font-size: 0.95rem;\n }<\/p>\n<p> \/* Contact Form *\/\n .contact-form-container {\n padding: 1.5rem;\n border-top-width: 4px;\n }\n .contact-form-container h3 {\n font-size: 1.3rem;\n margin-bottom: 1rem;\n }\n .form-group {\n margin-bottom: 1rem;\n }\n .form-label {\n font-size: 0.9rem;\n margin-bottom: 0.3rem;\n }\n .form-input,\n .form-textarea,\n .form-select {\n padding: 0.75rem;\n font-size: 0.95rem;\n }\n .form-textarea {\n min-height: 100px;\n }<\/p>\n<p> \/* Department Cards *\/\n .departments-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .department-card {\n padding: 1.25rem;\n border-top-width: 4px;\n }\n .department-card h3 {\n font-size: 1.1rem;\n }\n .department-card p {\n font-size: 0.9rem;\n }<\/p>\n<p> \/* CTA Section *\/\n .cta-section {\n padding: 2rem 1rem;\n }\n .cta-section h2 {\n font-size: 1.5rem;\n margin-bottom: 0.75rem;\n }\n .cta-section p {\n font-size: 1rem;\n margin-bottom: 1.25rem;\n }<\/p>\n<p> \/* Buttons *\/\n .btn {\n padding: 0.75rem 1.5rem;\n font-size: 0.95rem;\n }\n .btn-large {\n padding: 1rem 2rem;\n font-size: 1rem;\n }<\/p>\n<p> \/* Footer *\/\n .footer {\n padding: 1.5rem 1rem 1rem;\n font-size: 1rem;\n }\n .footer-content {\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n }\n .footer-section h3 {\n font-size: 1.1rem;\n margin-bottom: 0.75rem;\n }\n .social-links a {\n width: 45px;\n height: 45px;\n line-height: 45px;\n font-size: 1.1rem;\n }\n .footer-bottom {\n padding-top: 1.5rem;\n }\n }<\/p>\n<p> \/* Extra small phones *\/\n @media (max-width: 380px) {\n .hero h1 {\n font-size: 1.5rem;\n }\n .hero p {\n font-size: 0.9rem;\n }\n .section-title {\n font-size: 1.4rem;\n }\n .info-card h3 {\n font-size: 1.1rem;\n }\n .contact-form-container h3 {\n font-size: 1.2rem;\n }\n .cta-section h2 {\n font-size: 1.35rem;\n }\n }\n <\/style>\n<p><\/head><br \/>\n<body><br \/>\n <\/p>\n<section class=\"hero\">\n<h1>Contact Us<\/h1>\n<p>We’re here to help. Reach out to learn more about our programs and services.<\/p>\n<\/section>\n<p> <\/p>\n<section class=\"section section-gray\">\n<div class=\"wide-container\">\n<div class=\"contact-grid\">\n <\/p>\n<div class=\"contact-info\">\n<div class=\"info-card\">\n<h3>General Inquiries<\/h3>\n<p><strong>Phone:<\/strong> <a href=\"tel:2409122220\">(240) 912-2220<\/a><\/p>\n<p><strong>Email:<\/strong> <a href=\"mailto:csaac@csaac.org\">csaac@csaac.org<\/a><\/p>\n<\/p><\/div>\n<div class=\"info-card\">\n<h3>Office Hours<\/h3>\n<p><strong>Monday – Friday:<\/strong> 9:00 AM – 5:00 PM<br \/>\n <strong>Saturday – Sunday:<\/strong> Closed<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"contact-form-container\">\n<h3>Send Us a Message<\/h3>\n<form action=\"https:\/\/formspree.io\/f\/mrbnrlqg\" method=\"POST\">\n <input type=\"hidden\" name=\"_subject\" value=\"New Contact Form Submission - CSAAC\"><\/p>\n<div class=\"form-group\">\n <label class=\"form-label\" for=\"name\">Full Name<\/label><br \/>\n <input type=\"text\" id=\"name\" name=\"name\" class=\"form-input\" placeholder=\"Enter your full name\" required>\n <\/div>\n<div class=\"form-group\">\n <label class=\"form-label\" for=\"email\">Email Address<\/label><br \/>\n <input type=\"email\" id=\"email\" name=\"email\" class=\"form-input\" placeholder=\"Enter your email\" required>\n <\/div>\n<div class=\"form-group\">\n <label class=\"form-label\" for=\"phone\">Phone Number<\/label><br \/>\n <input type=\"tel\" id=\"phone\" name=\"phone\" class=\"form-input\" placeholder=\"Enter your phone number\">\n <\/div>\n<div class=\"form-group\">\n <label class=\"form-label\" for=\"subject\">Subject<\/label><br \/>\n <select id=\"subject\" name=\"subject\" class=\"form-select\" required><option value=\"\">Select a subject<\/option><option value=\"General Inquiry\">General Inquiry<\/option><option value=\"Admissions\">Admissions<\/option><option value=\"Donations\">Donations<\/option><option value=\"Volunteering\">Volunteering<\/option><option value=\"Careers\">Careers<\/option><option value=\"CSAAC Damascus Farm\">CSAAC Damascus Farm<\/option><option value=\"Empower Vending\">Empower Vending<\/option><option value=\"Media\/Press\">Media\/Press<\/option><option value=\"Other\">Other<\/option><\/select>\n <\/div>\n<div class=\"form-group\">\n <label class=\"form-label\" for=\"referral\">How did you hear about CSAAC?<\/label><br \/>\n <select id=\"referral\" name=\"referral\" class=\"form-select\"><option value=\"\">Select an option<\/option><option value=\"Search Engine (Google, Bing, etc.)\">Search Engine (Google, Bing, etc.)<\/option><option value=\"Social Media\">Social Media<\/option><option value=\"Friend or Family Member\">Friend or Family Member<\/option><option value=\"Healthcare Provider\">Healthcare Provider<\/option><option value=\"School or Educational Organization\">School or Educational Organization<\/option><option value=\"Community Event\">Community Event<\/option><option value=\"News or Media\">News or Media<\/option><option value=\"Another Organization\">Another Organization<\/option><option value=\"Other\">Other<\/option><\/select>\n <\/div>\n<div class=\"form-group\">\n <label class=\"form-label\" for=\"message\">Message<\/label><br \/>\n <textarea id=\"message\" name=\"message\" class=\"form-textarea\" placeholder=\"How can we help you?\" required><\/textarea>\n <\/div>\n<div class=\"form-group\" style=\"text-align: center;\">\n <button type=\"submit\" class=\"btn btn-large\">Send Message<\/button>\n <\/div>\n<\/p><\/form>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section class=\"cta-section\">\n<div class=\"container\">\n<h2>Ready to Learn More?<\/h2>\n<p>Whether you’re interested in our programs, want to support our mission, or are looking for career opportunities, we’d love to hear from you.<\/p>\n<p> <a href=\"tel:2409122220\" class=\"btn btn-large\"><strong>Call Us: (240) 912-2220<\/strong><\/a>\n <\/div>\n<\/section>\n<\/section>\n<p><\/p>\n<footer id=\"contact\" class=\"footer\">\n<div class=\"footer-content\">\n<div class=\"footer-section\">\n<h3>Quick Links<\/h3>\n<ul>\n<li><a href=\"https:\/\/csaac.org\/about-csaac-2\/\">About<\/a><\/li>\n<li><a href=\"https:\/\/csaac.org\/volunteer-at-csaac\/\">Join Our Mission<\/a><\/li>\n<li><a href=\"https:\/\/csaac.org\/careers-at-csaac\/\">Careers<\/a><\/li>\n<li><a href=\"https:\/\/csaac.org\/contact-csaac\/\">Contact<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"footer-section\">\n<h3>Contact Us<\/h3>\n<p>CSAAC<br \/>\n<br \/>Phone: <a href=\"tel:+12409122220\">(240) 912-2220<\/a><br \/>\n<br \/>Email: <a href=\"mailto:csaac@csaac.org\">csaac@csaac.org<\/a>\n<\/div>\n<div class=\"footer-section\">\n<h3>Newsletter Signup<\/h3>\n<form class=\"newsletter-signup\" action=\"https:\/\/formspree.io\/f\/xvgeqaql\" method=\"POST\"><input name=\"_subject\" type=\"hidden\" value=\"New Newsletter Signup - CSAAC\" \/><br \/>\n<input name=\"email\" required=\"\" type=\"email\" placeholder=\"Enter your email\" \/><br \/>\n<button type=\"submit\">Subscribe<\/button><\/form>\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n<div class=\"social-links\">\n <a href=\"https:\/\/www.facebook.com\/share\/1ASK295psM\/?mibextid=wwXIfr\" aria-label=\"Facebook\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-facebook-f\"><\/i><\/a><br \/>\n <a href=\"https:\/\/www.instagram.com\/csaac_org?igsh=dHgzcnFocThzejJq&utm_source=qr\" aria-label=\"Instagram\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-instagram\"><\/i><\/a><br \/>\n <a href=\"https:\/\/www.linkedin.com\/company\/csaac\/\" aria-label=\"LinkedIn\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n<\/div>\n<\/div>\n<div class=\"footer-bottom\">\n<p>\u00a9 2026 CSAAC. All rights reserved.<\/p>\n<\/div>\n<\/footer>\n\n","protected":false},"excerpt":{"rendered":"<p>Contact Us – CSAAC Contact Us We’re here to help. Reach out to learn more about our programs and services. General Inquiries Phone: (240) 912-2220 Email: csaac@csaac.org Office Hours Monday – Friday: 9:00 AM – 5:00 PM Saturday – Sunday: Closed Send Us a Message Full Name Email Address Phone Number Subject Select a subjectGeneral […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1993","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/csaac.org\/en\/wp-json\/wp\/v2\/pages\/1993","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/csaac.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/csaac.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/csaac.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/csaac.org\/en\/wp-json\/wp\/v2\/comments?post=1993"}],"version-history":[{"count":9,"href":"https:\/\/csaac.org\/en\/wp-json\/wp\/v2\/pages\/1993\/revisions"}],"predecessor-version":[{"id":4197,"href":"https:\/\/csaac.org\/en\/wp-json\/wp\/v2\/pages\/1993\/revisions\/4197"}],"wp:attachment":[{"href":"https:\/\/csaac.org\/en\/wp-json\/wp\/v2\/media?parent=1993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1993,"date":"2025-12-10T20:20:10","date_gmt":"2025-12-10T20:20:10","guid":{"rendered":"https:\/\/csaac.org\/?page_id=1993"},"modified":"2026-07-08T16:08:19","modified_gmt":"2026-07-08T16:08:19","slug":"contact-csaac","status":"publish","type":"page","link":"https:\/\/csaac.org\/en\/contact-csaac\/","title":{"rendered":"Contact CSAAC"},"content":{"rendered":"

\n
\n
\n
\n
\n Contact Us – CSAAC<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap\" rel=\"stylesheet\">\n<style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }<\/p>\n<p> body {\n font-family: 'DM Sans', sans-serif;\n line-height: 1.6;\n color: #333;\n }<\/p>\n<p> \/* Hero Section *\/\n .hero {\n background: linear-gradient(135deg, #06505c 0%, #078199 100%);\n color: white;\n padding: 4rem 2rem;\n text-align: center;\n }<\/p>\n<p> .hero h1 {\n font-size: 3rem;\n margin-bottom: 1rem;\n }<\/p>\n<p> .hero p {\n font-size: 1.3rem;\n max-width: 800px;\n margin: 0 auto;\n }<\/p>\n<p> \/* Container *\/\n .container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 2rem 2rem;\n }<\/p>\n<p> .wide-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 2rem 2rem;\n }<\/p>\n<p> \/* Section Styles *\/\n .section {\n padding: 2rem 2rem;\n }<\/p>\n<p> .section-white {\n background: white;\n }<\/p>\n<p> .section-gray {\n background: #f8f9fa;\n }<\/p>\n<p> .section-title {\n font-size: 2.5rem;\n color: #06505c;\n margin-bottom: 1.5rem;\n text-align: center;\n }<\/p>\n<p> \/* Contact Grid *\/\n .contact-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2.5rem;\n margin: 2rem 0;\n }<\/p>\n<p> \/* Contact Info Cards *\/\n .contact-info {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n }<\/p>\n<p> .info-card {\n background: white;\n padding: 1.75rem;\n border-radius: 10px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n border-left: 8px solid #cbb777;\n }<\/p>\n<p> .info-card h3 {\n color: #06505c;\n font-size: 1.3rem;\n margin-bottom: 0.75rem;\n }<\/p>\n<p> .info-card p {\n color: #555;\n font-size: 1.05rem;\n line-height: 1.7;\n }<\/p>\n<p> .info-card a {\n color: #06505c;\n text-decoration: none;\n font-weight: 600;\n }<\/p>\n<p> .info-card a:hover {\n color: #078199;\n }<\/p>\n<p> \/* Contact Form *\/\n .contact-form-container {\n background: white;\n padding: 2rem;\n border-radius: 10px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n border-top: 5px solid #06505c;\n }<\/p>\n<p> .contact-form-container h3 {\n color: #06505c;\n font-size: 1.5rem;\n margin-bottom: 1.25rem;\n text-align: center;\n }<\/p>\n<p> .form-group {\n margin-bottom: 1.25rem;\n }<\/p>\n<p> .form-label {\n display: block;\n color: #06505c;\n font-weight: 600;\n margin-bottom: 0.4rem;\n font-size: 0.95rem;\n }<\/p>\n<p> .form-input,\n .form-textarea,\n .form-select {\n width: 100%;\n padding: 0.9rem;\n border: 2px solid #e9ecef;\n border-radius: 5px;\n font-size: 1rem;\n font-family: inherit;\n transition: border-color 0.3s;\n }<\/p>\n<p> .form-input:focus,\n .form-textarea:focus,\n .form-select:focus {\n outline: none;\n border-color: #06505c;\n }<\/p>\n<p> .form-textarea {\n resize: vertical;\n min-height: 120px;\n }<\/p>\n<p> \/* Department Cards *\/\n .departments-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n margin: 2rem 0;\n }<\/p>\n<p> .department-card {\n background: white;\n padding: 1.5rem;\n border-radius: 10px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n text-align: center;\n border-top: 5px solid #06505c;\n }<\/p>\n<p> .department-card h3 {\n color: #06505c;\n font-size: 1.2rem;\n margin-bottom: 0.5rem;\n }<\/p>\n<p> .department-card p {\n color: #555;\n font-size: 0.95rem;\n margin-bottom: 0.5rem;\n }<\/p>\n<p> .department-card a {\n color: #06505c;\n font-weight: 600;\n text-decoration: none;\n }<\/p>\n<p> .department-card a:hover {\n color: #078199;\n }<\/p>\n<p> \/* Button *\/\n .btn {\n padding: 1rem 2rem;\n text-decoration: none;\n border-radius: 5px;\n font-weight: 600;\n transition: all 0.3s;\n display: inline-block;\n background: #cbb777;\n color: #06505c;\n border: none;\n cursor: pointer;\n font-size: 1rem;\n }<\/p>\n<p> .btn:hover {\n background: #b8a566;\n transform: translateY(-2px);\n }<\/p>\n<p> .btn-large {\n padding: 1.25rem 2.5rem;\n font-size: 1.1rem;\n }<\/p>\n<p> \/* CTA Section *\/\n .cta-section {\n background: linear-gradient(135deg, #06505c 0%, #078199 100%);\n color: white;\n padding: 2.5rem 2rem;\n text-align: center;\n }<\/p>\n<p> .cta-section h2 {\n color: white;\n font-size: 2rem;\n margin-bottom: 1rem;\n }<\/p>\n<p> .cta-section p {\n font-size: 1.1rem;\n margin-bottom: 1.5rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }<\/p>\n<p> \/* Footer *\/\n .footer {\n background: #06505c;\n color: white;\n padding: 3rem 2rem 1rem;\n font-size: 1.1rem;\n }<\/p>\n<p> .footer-content {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-bottom: 2rem;\n }<\/p>\n<p> .footer-section h3 {\n color: #cbb777;\n margin-bottom: 1rem;\n font-size: 1.3rem;\n }<\/p>\n<p> .footer-section ul {\n list-style: none;\n }<\/p>\n<p> .footer-section ul li {\n margin-bottom: 0.5rem;\n }<\/p>\n<p> .footer-section a {\n color: #ccc;\n text-decoration: none;\n transition: color 0.3s;\n }<\/p>\n<p> .footer-section a:hover {\n color: #cbb777;\n }<\/p>\n<p> .newsletter-signup input {\n padding: 0.75rem;\n border: none;\n border-radius: 5px;\n width: 100%;\n margin-bottom: 0.5rem;\n }<\/p>\n<p> .newsletter-signup button {\n padding: 0.75rem 1.5rem;\n background: #cbb777;\n color: #06505c;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-weight: 600;\n transition: background 0.3s;\n }<\/p>\n<p> .newsletter-signup button:hover {\n background: #b8a566;\n }<\/p>\n<p> .social-links {\n display: flex;\n gap: 1rem;\n margin-top: 1rem;\n }<\/p>\n<p> .social-links a {\n display: inline-block;\n width: 55px;\n height: 55px;\n background: #cbb777;\n border-radius: 50%;\n text-align: center;\n line-height: 55px;\n transition: background 0.3s;\n color: #06505c;\n font-weight: bold;\n font-size: 1.3rem;\n }<\/p>\n<p> .social-links a:hover {\n background: #b8a566;\n }<\/p>\n<p> .footer-bottom {\n text-align: center;\n padding-top: 2rem;\n border-top: 1px solid rgba(255, 255, 255, 0.2);\n color: #ccc;\n }<\/p>\n<p> \/* ===== MOBILE RESPONSIVE ===== *\/\n @media (max-width: 992px) {\n .departments-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }<\/p>\n<p> @media (max-width: 768px) {\n \/* Hero *\/\n .hero {\n padding: 2rem 1rem;\n }\n .hero h1 {\n font-size: 1.75rem;\n margin-bottom: 0.5rem;\n }\n .hero p {\n font-size: 1rem;\n }<\/p>\n<p> \/* Containers *\/\n .container {\n padding: 1.5rem 1rem;\n }\n .wide-container {\n padding: 1.5rem 1rem;\n }<\/p>\n<p> \/* Sections *\/\n .section {\n padding: 1.5rem 1rem;\n }<\/p>\n<p> \/* Section Title *\/\n .section-title {\n font-size: 1.6rem;\n margin-bottom: 1rem;\n }<\/p>\n<p> \/* Contact Grid *\/\n .contact-grid {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n margin: 1.5rem 0;\n }<\/p>\n<p> \/* Contact Info *\/\n .contact-info {\n gap: 1rem;\n }\n .info-card {\n padding: 1.25rem;\n border-left-width: 5px;\n }\n .info-card h3 {\n font-size: 1.15rem;\n margin-bottom: 0.5rem;\n }\n .info-card p {\n font-size: 0.95rem;\n }<\/p>\n<p> \/* Contact Form *\/\n .contact-form-container {\n padding: 1.5rem;\n border-top-width: 4px;\n }\n .contact-form-container h3 {\n font-size: 1.3rem;\n margin-bottom: 1rem;\n }\n .form-group {\n margin-bottom: 1rem;\n }\n .form-label {\n font-size: 0.9rem;\n margin-bottom: 0.3rem;\n }\n .form-input,\n .form-textarea,\n .form-select {\n padding: 0.75rem;\n font-size: 0.95rem;\n }\n .form-textarea {\n min-height: 100px;\n }<\/p>\n<p> \/* Department Cards *\/\n .departments-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .department-card {\n padding: 1.25rem;\n border-top-width: 4px;\n }\n .department-card h3 {\n font-size: 1.1rem;\n }\n .department-card p {\n font-size: 0.9rem;\n }<\/p>\n<p> \/* CTA Section *\/\n .cta-section {\n padding: 2rem 1rem;\n }\n .cta-section h2 {\n font-size: 1.5rem;\n margin-bottom: 0.75rem;\n }\n .cta-section p {\n font-size: 1rem;\n margin-bottom: 1.25rem;\n }<\/p>\n<p> \/* Buttons *\/\n .btn {\n padding: 0.75rem 1.5rem;\n font-size: 0.95rem;\n }\n .btn-large {\n padding: 1rem 2rem;\n font-size: 1rem;\n }<\/p>\n<p> \/* Footer *\/\n .footer {\n padding: 1.5rem 1rem 1rem;\n font-size: 1rem;\n }\n .footer-content {\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n }\n .footer-section h3 {\n font-size: 1.1rem;\n margin-bottom: 0.75rem;\n }\n .social-links a {\n width: 45px;\n height: 45px;\n line-height: 45px;\n font-size: 1.1rem;\n }\n .footer-bottom {\n padding-top: 1.5rem;\n }\n }<\/p>\n<p> \/* Extra small phones *\/\n @media (max-width: 380px) {\n .hero h1 {\n font-size: 1.5rem;\n }\n .hero p {\n font-size: 0.9rem;\n }\n .section-title {\n font-size: 1.4rem;\n }\n .info-card h3 {\n font-size: 1.1rem;\n }\n .contact-form-container h3 {\n font-size: 1.2rem;\n }\n .cta-section h2 {\n font-size: 1.35rem;\n }\n }\n <\/style>\n<p><\/head><br \/>\n<body><br \/>\n <\/p>\n<section class=\"hero\">\n<h1>Contact Us<\/h1>\n<p>We’re here to help. Reach out to learn more about our programs and services.<\/p>\n<\/section>\n<p> <\/p>\n<section class=\"section section-gray\">\n<div class=\"wide-container\">\n<div class=\"contact-grid\">\n <\/p>\n<div class=\"contact-info\">\n<div class=\"info-card\">\n<h3>General Inquiries<\/h3>\n<p><strong>Phone:<\/strong> <a href=\"tel:2409122220\">(240) 912-2220<\/a><\/p>\n<p><strong>Email:<\/strong> <a href=\"mailto:csaac@csaac.org\">csaac@csaac.org<\/a><\/p>\n<\/p><\/div>\n<div class=\"info-card\">\n<h3>Office Hours<\/h3>\n<p><strong>Monday – Friday:<\/strong> 9:00 AM – 5:00 PM<br \/>\n <strong>Saturday – Sunday:<\/strong> Closed<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"contact-form-container\">\n<h3>Send Us a Message<\/h3>\n<form action=\"https:\/\/formspree.io\/f\/mrbnrlqg\" method=\"POST\">\n <input type=\"hidden\" name=\"_subject\" value=\"New Contact Form Submission - CSAAC\"><\/p>\n<div class=\"form-group\">\n <label class=\"form-label\" for=\"name\">Full Name<\/label><br \/>\n <input type=\"text\" id=\"name\" name=\"name\" class=\"form-input\" placeholder=\"Enter your full name\" required>\n <\/div>\n<div class=\"form-group\">\n <label class=\"form-label\" for=\"email\">Email Address<\/label><br \/>\n <input type=\"email\" id=\"email\" name=\"email\" class=\"form-input\" placeholder=\"Enter your email\" required>\n <\/div>\n<div class=\"form-group\">\n <label class=\"form-label\" for=\"phone\">Phone Number<\/label><br \/>\n <input type=\"tel\" id=\"phone\" name=\"phone\" class=\"form-input\" placeholder=\"Enter your phone number\">\n <\/div>\n<div class=\"form-group\">\n <label class=\"form-label\" for=\"subject\">Subject<\/label><br \/>\n <select id=\"subject\" name=\"subject\" class=\"form-select\" required><option value=\"\">Select a subject<\/option><option value=\"General Inquiry\">General Inquiry<\/option><option value=\"Admissions\">Admissions<\/option><option value=\"Donations\">Donations<\/option><option value=\"Volunteering\">Volunteering<\/option><option value=\"Careers\">Careers<\/option><option value=\"CSAAC Damascus Farm\">CSAAC Damascus Farm<\/option><option value=\"Empower Vending\">Empower Vending<\/option><option value=\"Media\/Press\">Media\/Press<\/option><option value=\"Other\">Other<\/option><\/select>\n <\/div>\n<div class=\"form-group\">\n <label class=\"form-label\" for=\"referral\">How did you hear about CSAAC?<\/label><br \/>\n <select id=\"referral\" name=\"referral\" class=\"form-select\"><option value=\"\">Select an option<\/option><option value=\"Search Engine (Google, Bing, etc.)\">Search Engine (Google, Bing, etc.)<\/option><option value=\"Social Media\">Social Media<\/option><option value=\"Friend or Family Member\">Friend or Family Member<\/option><option value=\"Healthcare Provider\">Healthcare Provider<\/option><option value=\"School or Educational Organization\">School or Educational Organization<\/option><option value=\"Community Event\">Community Event<\/option><option value=\"News or Media\">News or Media<\/option><option value=\"Another Organization\">Another Organization<\/option><option value=\"Other\">Other<\/option><\/select>\n <\/div>\n<div class=\"form-group\">\n <label class=\"form-label\" for=\"message\">Message<\/label><br \/>\n <textarea id=\"message\" name=\"message\" class=\"form-textarea\" placeholder=\"How can we help you?\" required><\/textarea>\n <\/div>\n<div class=\"form-group\" style=\"text-align: center;\">\n <button type=\"submit\" class=\"btn btn-large\">Send Message<\/button>\n <\/div>\n<\/p><\/form>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section class=\"cta-section\">\n<div class=\"container\">\n<h2>Ready to Learn More?<\/h2>\n<p>Whether you’re interested in our programs, want to support our mission, or are looking for career opportunities, we’d love to hear from you.<\/p>\n<p> <a href=\"tel:2409122220\" class=\"btn btn-large\"><strong>Call Us: (240) 912-2220<\/strong><\/a>\n <\/div>\n<\/section>\n<\/section>\n<p><\/p>\n<footer id=\"contact\" class=\"footer\">\n<div class=\"footer-content\">\n<div class=\"footer-section\">\n<h3>Quick Links<\/h3>\n<ul>\n<li><a href=\"https:\/\/csaac.org\/about-csaac-2\/\">About<\/a><\/li>\n<li><a href=\"https:\/\/csaac.org\/volunteer-at-csaac\/\">Join Our Mission<\/a><\/li>\n<li><a href=\"https:\/\/csaac.org\/careers-at-csaac\/\">Careers<\/a><\/li>\n<li><a href=\"https:\/\/csaac.org\/contact-csaac\/\">Contact<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"footer-section\">\n<h3>Contact Us<\/h3>\n<p>CSAAC<br \/>\n<br \/>Phone: <a href=\"tel:+12409122220\">(240) 912-2220<\/a><br \/>\n<br \/>Email: <a href=\"mailto:csaac@csaac.org\">csaac@csaac.org<\/a>\n<\/div>\n<div class=\"footer-section\">\n<h3>Newsletter Signup<\/h3>\n<form class=\"newsletter-signup\" action=\"https:\/\/formspree.io\/f\/xvgeqaql\" method=\"POST\"><input name=\"_subject\" type=\"hidden\" value=\"New Newsletter Signup - CSAAC\" \/><br \/>\n<input name=\"email\" required=\"\" type=\"email\" placeholder=\"Enter your email\" \/><br \/>\n<button type=\"submit\">Subscribe<\/button><\/form>\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n<div class=\"social-links\">\n <a href=\"https:\/\/www.facebook.com\/share\/1ASK295psM\/?mibextid=wwXIfr\" aria-label=\"Facebook\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-facebook-f\"><\/i><\/a><br \/>\n <a href=\"https:\/\/www.instagram.com\/csaac_org?igsh=dHgzcnFocThzejJq&utm_source=qr\" aria-label=\"Instagram\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-instagram\"><\/i><\/a><br \/>\n <a href=\"https:\/\/www.linkedin.com\/company\/csaac\/\" aria-label=\"LinkedIn\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n<\/div>\n<\/div>\n<div class=\"footer-bottom\">\n<p>\u00a9 2026 CSAAC. All rights reserved.<\/p>\n<\/div>\n<\/footer>\n\n","protected":false},"excerpt":{"rendered":"<p>Contact Us – CSAAC Contact Us We’re here to help. Reach out to learn more about our programs and services. General Inquiries Phone: (240) 912-2220 Email: csaac@csaac.org Office Hours Monday – Friday: 9:00 AM – 5:00 PM Saturday – Sunday: Closed Send Us a Message Full Name Email Address Phone Number Subject Select a subjectGeneral […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1993","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/csaac.org\/en\/wp-json\/wp\/v2\/pages\/1993","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/csaac.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/csaac.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/csaac.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/csaac.org\/en\/wp-json\/wp\/v2\/comments?post=1993"}],"version-history":[{"count":9,"href":"https:\/\/csaac.org\/en\/wp-json\/wp\/v2\/pages\/1993\/revisions"}],"predecessor-version":[{"id":4197,"href":"https:\/\/csaac.org\/en\/wp-json\/wp\/v2\/pages\/1993\/revisions\/4197"}],"wp:attachment":[{"href":"https:\/\/csaac.org\/en\/wp-json\/wp\/v2\/media?parent=1993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}