{"id":23,"date":"2018-10-04T20:19:56","date_gmt":"2018-10-04T20:19:56","guid":{"rendered":"https:\/\/mandankiwanis.com\/?page_id=23"},"modified":"2026-06-01T11:03:10","modified_gmt":"2026-06-01T16:03:10","slug":"leadership-programs","status":"publish","type":"page","link":"https:\/\/mandankiwanis.com\/index.php\/leadership-programs\/","title":{"rendered":"Community Outreach"},"content":{"rendered":"    <div class=\"kiwanis-outreach-container\" style=\"max-width: 1200px; margin: 0 auto; padding: 20px 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\">\r\n\r\n\r\n        <div style=\"background: #ffffff; border-radius: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); padding: 30px; margin-bottom: 40px; border-left: 5px solid #1a3c5e;\">\r\n            <h2 style=\"color: #1a3c5e; font-size: 1.8rem; font-weight: 800; margin-top: 0; margin-bottom: 15px;\">Mandan Kiwanis Club Community Outreach<\/h2>\r\n            <p style=\"color: #4a5568; font-size: 1.1rem; line-height: 1.7; margin: 0;\">\r\n                The Mandan Kiwanis club has extensive outreach in our beloved community which has lasted since 1952. We support a wide array of educational, recreational, and community assistance programs, focusing on our primary mission: serving the children of the world.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Filter Navigation -->\r\n        <div class=\"kiwanis-filter-bar\" style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: 35px; padding: 0 10px;\">\r\n            <button class=\"k-filter-btn active\" data-filter=\"all\" style=\"background: #1a3c5e; color: #ffffff; border: none; padding: 10px 22px; font-size: 0.95rem; font-weight: 700; border-radius: 30px; cursor: pointer; transition: all 0.25s ease; box-shadow: 0 2px 5px rgba(0,0,0,0.1);\">All Initiatives<\/button>\r\n            <button class=\"k-filter-btn\" data-filter=\"youth-edu\" style=\"background: #f1f5f9; color: #1a3c5e; border: none; padding: 10px 22px; font-size: 0.95rem; font-weight: 700; border-radius: 30px; cursor: pointer; transition: all 0.25s ease;\">Youth & Education<\/button>\r\n            <button class=\"k-filter-btn\" data-filter=\"sports-rec\" style=\"background: #f1f5f9; color: #1a3c5e; border: none; padding: 10px 22px; font-size: 0.95rem; font-weight: 700; border-radius: 30px; cursor: pointer; transition: all 0.25s ease;\">Sports & Recreation<\/button>\r\n            <button class=\"k-filter-btn\" data-filter=\"community-support\" style=\"background: #f1f5f9; color: #1a3c5e; border: none; padding: 10px 22px; font-size: 0.95rem; font-weight: 700; border-radius: 30px; cursor: pointer; transition: all 0.25s ease;\">Community Support<\/button>\r\n        <\/div>\r\n\r\n        <!-- Project Grid -->\r\n        <div class=\"kiwanis-project-grid\" style=\"display: flex; flex-wrap: wrap; gap: 25px; justify-content: center;\">\r\n                            <div class=\"k-project-card\" data-category=\"youth-edu\" style=\"flex: 1 1 calc(33.333% - 20px); min-width: 280px; max-width: 380px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.04); border-top: 4px solid #1a3c5e; display: flex; flex-direction: column; padding: 25px; transition: all 0.3s ease; transform: scale(1); opacity: 1;\">\r\n                    <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 15px;\">\r\n                        <span style=\"font-size: 2.2rem; line-height: 1;\">\ud83c\udf93<\/span>\r\n                        <span style=\"font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; background: rgba(230, 126, 34, 0.12); color: #e67e22; padding: 4px 10px; border-radius: 20px;\">\r\n                            Youth &amp; Education                        <\/span>\r\n                    <\/div>\r\n                    <h3 style=\"color: #1a3c5e; font-size: 1.15rem; font-weight: 700; margin-top: 0; margin-bottom: 12px; line-height: 1.4;\">\r\n                        MHS Graduating Scholarships                    <\/h3>\r\n                    <p style=\"color: #718096; font-size: 0.95rem; line-height: 1.6; margin: 0; flex-grow: 1;\">\r\n                        Mandan Kiwanis proudly offers three $1,500 scholarships annually to graduating seniors of Mandan High School to support their higher education journey.                    <\/p>\r\n                <\/div>\r\n                            <div class=\"k-project-card\" data-category=\"youth-edu\" style=\"flex: 1 1 calc(33.333% - 20px); min-width: 280px; max-width: 380px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.04); border-top: 4px solid #1a3c5e; display: flex; flex-direction: column; padding: 25px; transition: all 0.3s ease; transform: scale(1); opacity: 1;\">\r\n                    <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 15px;\">\r\n                        <span style=\"font-size: 2.2rem; line-height: 1;\">\ud83d\udcda<\/span>\r\n                        <span style=\"font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; background: rgba(230, 126, 34, 0.12); color: #e67e22; padding: 4px 10px; border-radius: 20px;\">\r\n                            Youth &amp; Education                        <\/span>\r\n                    <\/div>\r\n                    <h3 style=\"color: #1a3c5e; font-size: 1.15rem; font-weight: 700; margin-top: 0; margin-bottom: 12px; line-height: 1.4;\">\r\n                        West River Head Start Book Distribution                    <\/h3>\r\n                    <p style=\"color: #718096; font-size: 0.95rem; line-height: 1.6; margin: 0; flex-grow: 1;\">\r\n                        Extends to about 125 West River Head Start students in Carson, Hazen, New Salem, and Mandan. Students get to choose four free books each year to promote reading at home.                    <\/p>\r\n                <\/div>\r\n                            <div class=\"k-project-card\" data-category=\"youth-edu\" style=\"flex: 1 1 calc(33.333% - 20px); min-width: 280px; max-width: 380px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.04); border-top: 4px solid #1a3c5e; display: flex; flex-direction: column; padding: 25px; transition: all 0.3s ease; transform: scale(1); opacity: 1;\">\r\n                    <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 15px;\">\r\n                        <span style=\"font-size: 2.2rem; line-height: 1;\">\ud83d\udcd6<\/span>\r\n                        <span style=\"font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; background: rgba(230, 126, 34, 0.12); color: #e67e22; padding: 4px 10px; border-radius: 20px;\">\r\n                            Youth &amp; Education                        <\/span>\r\n                    <\/div>\r\n                    <h3 style=\"color: #1a3c5e; font-size: 1.15rem; font-weight: 700; margin-top: 0; margin-bottom: 12px; line-height: 1.4;\">\r\n                        Mandan Head Start Reading                    <\/h3>\r\n                    <p style=\"color: #718096; font-size: 0.95rem; line-height: 1.6; margin: 0; flex-grow: 1;\">\r\n                        Our dedicated club volunteers visit and read engaging stories directly to Mandan Head Start students four times throughout the school year.                    <\/p>\r\n                <\/div>\r\n                            <div class=\"k-project-card\" data-category=\"youth-edu\" style=\"flex: 1 1 calc(33.333% - 20px); min-width: 280px; max-width: 380px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.04); border-top: 4px solid #1a3c5e; display: flex; flex-direction: column; padding: 25px; transition: all 0.3s ease; transform: scale(1); opacity: 1;\">\r\n                    <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 15px;\">\r\n                        <span style=\"font-size: 2.2rem; line-height: 1;\">\ud83e\uddf9<\/span>\r\n                        <span style=\"font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; background: rgba(230, 126, 34, 0.12); color: #e67e22; padding: 4px 10px; border-radius: 20px;\">\r\n                            Youth &amp; Education                        <\/span>\r\n                    <\/div>\r\n                    <h3 style=\"color: #1a3c5e; font-size: 1.15rem; font-weight: 700; margin-top: 0; margin-bottom: 12px; line-height: 1.4;\">\r\n                        Head Start Beautification Project                    <\/h3>\r\n                    <p style=\"color: #718096; font-size: 0.95rem; line-height: 1.6; margin: 0; flex-grow: 1;\">\r\n                        Club volunteers gather prior to the start of the school year to mow, trim, paint, and clean up the grounds at the Mandan Head Start facility.                    <\/p>\r\n                <\/div>\r\n                            <div class=\"k-project-card\" data-category=\"sports-rec\" style=\"flex: 1 1 calc(33.333% - 20px); min-width: 280px; max-width: 380px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.04); border-top: 4px solid #1a3c5e; display: flex; flex-direction: column; padding: 25px; transition: all 0.3s ease; transform: scale(1); opacity: 1;\">\r\n                    <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 15px;\">\r\n                        <span style=\"font-size: 2.2rem; line-height: 1;\">\u26be<\/span>\r\n                        <span style=\"font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; background: rgba(230, 126, 34, 0.12); color: #e67e22; padding: 4px 10px; border-radius: 20px;\">\r\n                            Sports &amp; Recreation                        <\/span>\r\n                    <\/div>\r\n                    <h3 style=\"color: #1a3c5e; font-size: 1.15rem; font-weight: 700; margin-top: 0; margin-bottom: 12px; line-height: 1.4;\">\r\n                        Mandan Baseball Program                    <\/h3>\r\n                    <p style=\"color: #718096; font-size: 0.95rem; line-height: 1.6; margin: 0; flex-grow: 1;\">\r\n                        A sponsor of youth baseball from our club&#039;s inception over 60 years ago. We solicit sponsor funds to help support the program for about 650 youth managed by the Park Board.                    <\/p>\r\n                <\/div>\r\n                            <div class=\"k-project-card\" data-category=\"sports-rec\" style=\"flex: 1 1 calc(33.333% - 20px); min-width: 280px; max-width: 380px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.04); border-top: 4px solid #1a3c5e; display: flex; flex-direction: column; padding: 25px; transition: all 0.3s ease; transform: scale(1); opacity: 1;\">\r\n                    <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 15px;\">\r\n                        <span style=\"font-size: 2.2rem; line-height: 1;\">\u26bd<\/span>\r\n                        <span style=\"font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; background: rgba(230, 126, 34, 0.12); color: #e67e22; padding: 4px 10px; border-radius: 20px;\">\r\n                            Sports &amp; Recreation                        <\/span>\r\n                    <\/div>\r\n                    <h3 style=\"color: #1a3c5e; font-size: 1.15rem; font-weight: 700; margin-top: 0; margin-bottom: 12px; line-height: 1.4;\">\r\n                        Mandan Soccer Club                    <\/h3>\r\n                    <p style=\"color: #718096; font-size: 0.95rem; line-height: 1.6; margin: 0; flex-grow: 1;\">\r\n                        We sponsor and support over 700 local youth involved in the spring and fall club soccer programs organized by the Mandan Soccer Club.                    <\/p>\r\n                <\/div>\r\n                            <div class=\"k-project-card\" data-category=\"sports-rec\" style=\"flex: 1 1 calc(33.333% - 20px); min-width: 280px; max-width: 380px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.04); border-top: 4px solid #1a3c5e; display: flex; flex-direction: column; padding: 25px; transition: all 0.3s ease; transform: scale(1); opacity: 1;\">\r\n                    <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 15px;\">\r\n                        <span style=\"font-size: 2.2rem; line-height: 1;\">\ud83c\udf33<\/span>\r\n                        <span style=\"font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; background: rgba(230, 126, 34, 0.12); color: #e67e22; padding: 4px 10px; border-radius: 20px;\">\r\n                            Sports &amp; Recreation                        <\/span>\r\n                    <\/div>\r\n                    <h3 style=\"color: #1a3c5e; font-size: 1.15rem; font-weight: 700; margin-top: 0; margin-bottom: 12px; line-height: 1.4;\">\r\n                        Field of Dreams (Kiwanis Park)                    <\/h3>\r\n                    <p style=\"color: #718096; font-size: 0.95rem; line-height: 1.6; margin: 0; flex-grow: 1;\">\r\n                        We provide continual maintenance and financial support for the youth baseball park and facilities at Kiwanis Park, Field of Dreams.                    <\/p>\r\n                <\/div>\r\n                            <div class=\"k-project-card\" data-category=\"sports-rec\" style=\"flex: 1 1 calc(33.333% - 20px); min-width: 280px; max-width: 380px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.04); border-top: 4px solid #1a3c5e; display: flex; flex-direction: column; padding: 25px; transition: all 0.3s ease; transform: scale(1); opacity: 1;\">\r\n                    <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 15px;\">\r\n                        <span style=\"font-size: 2.2rem; line-height: 1;\">\ud83c\udfc3\u200d\u2640\ufe0f<\/span>\r\n                        <span style=\"font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; background: rgba(230, 126, 34, 0.12); color: #e67e22; padding: 4px 10px; border-radius: 20px;\">\r\n                            Sports &amp; Recreation                        <\/span>\r\n                    <\/div>\r\n                    <h3 style=\"color: #1a3c5e; font-size: 1.15rem; font-weight: 700; margin-top: 0; margin-bottom: 12px; line-height: 1.4;\">\r\n                        Kiwanis Girls Track &amp; Field Event                    <\/h3>\r\n                    <p style=\"color: #718096; font-size: 0.95rem; line-height: 1.6; margin: 0; flex-grow: 1;\">\r\n                        The Mandan Kiwanis Club sponsors and coordinates volunteers for the Mandan Kiwanis Girls Track and Field Event, held on the second Saturday of May each year.                    <\/p>\r\n                <\/div>\r\n                            <div class=\"k-project-card\" data-category=\"sports-rec\" style=\"flex: 1 1 calc(33.333% - 20px); min-width: 280px; max-width: 380px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.04); border-top: 4px solid #1a3c5e; display: flex; flex-direction: column; padding: 25px; transition: all 0.3s ease; transform: scale(1); opacity: 1;\">\r\n                    <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 15px;\">\r\n                        <span style=\"font-size: 2.2rem; line-height: 1;\">\ud83c\udf89<\/span>\r\n                        <span style=\"font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; background: rgba(230, 126, 34, 0.12); color: #e67e22; padding: 4px 10px; border-radius: 20px;\">\r\n                            Sports &amp; Recreation                        <\/span>\r\n                    <\/div>\r\n                    <h3 style=\"color: #1a3c5e; font-size: 1.15rem; font-weight: 700; margin-top: 0; margin-bottom: 12px; line-height: 1.4;\">\r\n                        MHS Ultimate Party                    <\/h3>\r\n                    <p style=\"color: #718096; font-size: 0.95rem; line-height: 1.6; margin: 0; flex-grow: 1;\">\r\n                        We sponsor the Mandan High School Ultimate Party to provide a safe, drug-and-alcohol-free environment for graduating high school students to celebrate.                    <\/p>\r\n                <\/div>\r\n                            <div class=\"k-project-card\" data-category=\"youth-edu\" style=\"flex: 1 1 calc(33.333% - 20px); min-width: 280px; max-width: 380px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.04); border-top: 4px solid #1a3c5e; display: flex; flex-direction: column; padding: 25px; transition: all 0.3s ease; transform: scale(1); opacity: 1;\">\r\n                    <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 15px;\">\r\n                        <span style=\"font-size: 2.2rem; line-height: 1;\">\ud83e\udd6a<\/span>\r\n                        <span style=\"font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; background: rgba(230, 126, 34, 0.12); color: #e67e22; padding: 4px 10px; border-radius: 20px;\">\r\n                            Youth &amp; Education                        <\/span>\r\n                    <\/div>\r\n                    <h3 style=\"color: #1a3c5e; font-size: 1.15rem; font-weight: 700; margin-top: 0; margin-bottom: 12px; line-height: 1.4;\">\r\n                        Summer Lunch with Heroes                    <\/h3>\r\n                    <p style=\"color: #718096; font-size: 0.95rem; line-height: 1.6; margin: 0; flex-grow: 1;\">\r\n                        An exciting program at Mandan Library every summer. Students and parents are provided a lunch served by Kiwanis volunteers and watch programs by local heroes.                    <\/p>\r\n                <\/div>\r\n                            <div class=\"k-project-card\" data-category=\"sports-rec\" style=\"flex: 1 1 calc(33.333% - 20px); min-width: 280px; max-width: 380px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.04); border-top: 4px solid #1a3c5e; display: flex; flex-direction: column; padding: 25px; transition: all 0.3s ease; transform: scale(1); opacity: 1;\">\r\n                    <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 15px;\">\r\n                        <span style=\"font-size: 2.2rem; line-height: 1;\">\ud83e\uddd2<\/span>\r\n                        <span style=\"font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; background: rgba(230, 126, 34, 0.12); color: #e67e22; padding: 4px 10px; border-radius: 20px;\">\r\n                            Sports &amp; Recreation                        <\/span>\r\n                    <\/div>\r\n                    <h3 style=\"color: #1a3c5e; font-size: 1.15rem; font-weight: 700; margin-top: 0; margin-bottom: 12px; line-height: 1.4;\">\r\n                        Universal Playground                    <\/h3>\r\n                    <p style=\"color: #718096; font-size: 0.95rem; line-height: 1.6; margin: 0; flex-grow: 1;\">\r\n                        We sponsor construction and ongoing maintenance of the Universal Playground, allowing children of all abilities to play together in an inclusive environment.                    <\/p>\r\n                <\/div>\r\n                            <div class=\"k-project-card\" data-category=\"community-support\" style=\"flex: 1 1 calc(33.333% - 20px); min-width: 280px; max-width: 380px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.04); border-top: 4px solid #1a3c5e; display: flex; flex-direction: column; padding: 25px; transition: all 0.3s ease; transform: scale(1); opacity: 1;\">\r\n                    <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 15px;\">\r\n                        <span style=\"font-size: 2.2rem; line-height: 1;\">\ud83c\udf49<\/span>\r\n                        <span style=\"font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; background: rgba(230, 126, 34, 0.12); color: #e67e22; padding: 4px 10px; border-radius: 20px;\">\r\n                            Community Support                        <\/span>\r\n                    <\/div>\r\n                    <h3 style=\"color: #1a3c5e; font-size: 1.15rem; font-weight: 700; margin-top: 0; margin-bottom: 12px; line-height: 1.4;\">\r\n                        Annual Member Picnic                    <\/h3>\r\n                    <p style=\"color: #718096; font-size: 0.95rem; line-height: 1.6; margin: 0; flex-grow: 1;\">\r\n                        Every August, we host a social club picnic for members, prospective members, friends, and family to connect and celebrate our work.                    <\/p>\r\n                <\/div>\r\n                            <div class=\"k-project-card\" data-category=\"sports-rec\" style=\"flex: 1 1 calc(33.333% - 20px); min-width: 280px; max-width: 380px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.04); border-top: 4px solid #1a3c5e; display: flex; flex-direction: column; padding: 25px; transition: all 0.3s ease; transform: scale(1); opacity: 1;\">\r\n                    <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 15px;\">\r\n                        <span style=\"font-size: 2.2rem; line-height: 1;\">\ud83d\udc5f<\/span>\r\n                        <span style=\"font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; background: rgba(230, 126, 34, 0.12); color: #e67e22; padding: 4px 10px; border-radius: 20px;\">\r\n                            Sports &amp; Recreation                        <\/span>\r\n                    <\/div>\r\n                    <h3 style=\"color: #1a3c5e; font-size: 1.15rem; font-weight: 700; margin-top: 0; margin-bottom: 12px; line-height: 1.4;\">\r\n                        Classic Cross-Country Meet                    <\/h3>\r\n                    <p style=\"color: #718096; font-size: 0.95rem; line-height: 1.6; margin: 0; flex-grow: 1;\">\r\n                        Sponsors and volunteers coordinate the Mandan Kiwanis Classic Cross-Country Meet every September for local student athletes.                    <\/p>\r\n                <\/div>\r\n                            <div class=\"k-project-card\" data-category=\"community-support\" style=\"flex: 1 1 calc(33.333% - 20px); min-width: 280px; max-width: 380px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.04); border-top: 4px solid #1a3c5e; display: flex; flex-direction: column; padding: 25px; transition: all 0.3s ease; transform: scale(1); opacity: 1;\">\r\n                    <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 15px;\">\r\n                        <span style=\"font-size: 2.2rem; line-height: 1;\">\u26f3<\/span>\r\n                        <span style=\"font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; background: rgba(230, 126, 34, 0.12); color: #e67e22; padding: 4px 10px; border-radius: 20px;\">\r\n                            Community Support                        <\/span>\r\n                    <\/div>\r\n                    <h3 style=\"color: #1a3c5e; font-size: 1.15rem; font-weight: 700; margin-top: 0; margin-bottom: 12px; line-height: 1.4;\">\r\n                        Golf Tournament Fundraiser                    <\/h3>\r\n                    <p style=\"color: #718096; font-size: 0.95rem; line-height: 1.6; margin: 0; flex-grow: 1;\">\r\n                        Held annually in August at Prairie West Golf Course. Up to 32 foursomes participate in this major fundraiser that funds our community programs.                    <\/p>\r\n                <\/div>\r\n                            <div class=\"k-project-card\" data-category=\"youth-edu\" style=\"flex: 1 1 calc(33.333% - 20px); min-width: 280px; max-width: 380px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.04); border-top: 4px solid #1a3c5e; display: flex; flex-direction: column; padding: 25px; transition: all 0.3s ease; transform: scale(1); opacity: 1;\">\r\n                    <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 15px;\">\r\n                        <span style=\"font-size: 2.2rem; line-height: 1;\">\ud83d\udc6e<\/span>\r\n                        <span style=\"font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; background: rgba(230, 126, 34, 0.12); color: #e67e22; padding: 4px 10px; border-radius: 20px;\">\r\n                            Youth &amp; Education                        <\/span>\r\n                    <\/div>\r\n                    <h3 style=\"color: #1a3c5e; font-size: 1.15rem; font-weight: 700; margin-top: 0; margin-bottom: 12px; line-height: 1.4;\">\r\n                        Police Explorer Post #2683                    <\/h3>\r\n                    <p style=\"color: #718096; font-size: 0.95rem; line-height: 1.6; margin: 0; flex-grow: 1;\">\r\n                        We provide financial support for youth to work alongside and learn career skills from local police personnel through the Mandan Police Explorer program.                    <\/p>\r\n                <\/div>\r\n                            <div class=\"k-project-card\" data-category=\"community-support\" style=\"flex: 1 1 calc(33.333% - 20px); min-width: 280px; max-width: 380px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.04); border-top: 4px solid #1a3c5e; display: flex; flex-direction: column; padding: 25px; transition: all 0.3s ease; transform: scale(1); opacity: 1;\">\r\n                    <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 15px;\">\r\n                        <span style=\"font-size: 2.2rem; line-height: 1;\">\ud83d\udd14<\/span>\r\n                        <span style=\"font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; background: rgba(230, 126, 34, 0.12); color: #e67e22; padding: 4px 10px; border-radius: 20px;\">\r\n                            Community Support                        <\/span>\r\n                    <\/div>\r\n                    <h3 style=\"color: #1a3c5e; font-size: 1.15rem; font-weight: 700; margin-top: 0; margin-bottom: 12px; line-height: 1.4;\">\r\n                        Salvation Army Bell Ringing                    <\/h3>\r\n                    <p style=\"color: #718096; font-size: 0.95rem; line-height: 1.6; margin: 0; flex-grow: 1;\">\r\n                        When the holiday season arrives, our volunteers ring the bells for the Salvation Army at Dan&#039;s Super Valu for nearly 5 weeks to raise critical funds.                    <\/p>\r\n                <\/div>\r\n                            <div class=\"k-project-card\" data-category=\"community-support\" style=\"flex: 1 1 calc(33.333% - 20px); min-width: 280px; max-width: 380px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.04); border-top: 4px solid #1a3c5e; display: flex; flex-direction: column; padding: 25px; transition: all 0.3s ease; transform: scale(1); opacity: 1;\">\r\n                    <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 15px;\">\r\n                        <span style=\"font-size: 2.2rem; line-height: 1;\">\ud83e\udd5e<\/span>\r\n                        <span style=\"font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; background: rgba(230, 126, 34, 0.12); color: #e67e22; padding: 4px 10px; border-radius: 20px;\">\r\n                            Community Support                        <\/span>\r\n                    <\/div>\r\n                    <h3 style=\"color: #1a3c5e; font-size: 1.15rem; font-weight: 700; margin-top: 0; margin-bottom: 12px; line-height: 1.4;\">\r\n                        Annual Kiwanis Breakfast                    <\/h3>\r\n                    <p style=\"color: #718096; font-size: 0.95rem; line-height: 1.6; margin: 0; flex-grow: 1;\">\r\n                        The first Saturday of December. One of our club&#039;s signature public fundraising projects. A fantastic breakfast event for the entire community.                    <\/p>\r\n                <\/div>\r\n                            <div class=\"k-project-card\" data-category=\"community-support\" style=\"flex: 1 1 calc(33.333% - 20px); min-width: 280px; max-width: 380px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.04); border-top: 4px solid #1a3c5e; display: flex; flex-direction: column; padding: 25px; transition: all 0.3s ease; transform: scale(1); opacity: 1;\">\r\n                    <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 15px;\">\r\n                        <span style=\"font-size: 2.2rem; line-height: 1;\">\u26ea<\/span>\r\n                        <span style=\"font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; background: rgba(230, 126, 34, 0.12); color: #e67e22; padding: 4px 10px; border-radius: 20px;\">\r\n                            Community Support                        <\/span>\r\n                    <\/div>\r\n                    <h3 style=\"color: #1a3c5e; font-size: 1.15rem; font-weight: 700; margin-top: 0; margin-bottom: 12px; line-height: 1.4;\">\r\n                        Mayor&#039;s Prayer Breakfast                    <\/h3>\r\n                    <p style=\"color: #718096; font-size: 0.95rem; line-height: 1.6; margin: 0; flex-grow: 1;\">\r\n                        We coordinate, host, and sponsor the spiritual Mandan Mayor&#039;s Prayer Breakfast for the community, bringing together local leaders and citizens annually.                    <\/p>\r\n                <\/div>\r\n                            <div class=\"k-project-card\" data-category=\"community-support\" style=\"flex: 1 1 calc(33.333% - 20px); min-width: 280px; max-width: 380px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.04); border-top: 4px solid #1a3c5e; display: flex; flex-direction: column; padding: 25px; transition: all 0.3s ease; transform: scale(1); opacity: 1;\">\r\n                    <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 15px;\">\r\n                        <span style=\"font-size: 2.2rem; line-height: 1;\">\ud83e\udd47<\/span>\r\n                        <span style=\"font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; background: rgba(230, 126, 34, 0.12); color: #e67e22; padding: 4px 10px; border-radius: 20px;\">\r\n                            Community Support                        <\/span>\r\n                    <\/div>\r\n                    <h3 style=\"color: #1a3c5e; font-size: 1.15rem; font-weight: 700; margin-top: 0; margin-bottom: 12px; line-height: 1.4;\">\r\n                        Special Olympics Lunch                    <\/h3>\r\n                    <p style=\"color: #718096; font-size: 0.95rem; line-height: 1.6; margin: 0; flex-grow: 1;\">\r\n                        On the first Sunday of May, we provide and serve lunch for athletes, coaches, and volunteers at the Special Olympic District Competition Event.                    <\/p>\r\n                <\/div>\r\n                            <div class=\"k-project-card\" data-category=\"community-support\" style=\"flex: 1 1 calc(33.333% - 20px); min-width: 280px; max-width: 380px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.04); border-top: 4px solid #1a3c5e; display: flex; flex-direction: column; padding: 25px; transition: all 0.3s ease; transform: scale(1); opacity: 1;\">\r\n                    <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 15px;\">\r\n                        <span style=\"font-size: 2.2rem; line-height: 1;\">\ud83c\udf81<\/span>\r\n                        <span style=\"font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; background: rgba(230, 126, 34, 0.12); color: #e67e22; padding: 4px 10px; border-radius: 20px;\">\r\n                            Community Support                        <\/span>\r\n                    <\/div>\r\n                    <h3 style=\"color: #1a3c5e; font-size: 1.15rem; font-weight: 700; margin-top: 0; margin-bottom: 12px; line-height: 1.4;\">\r\n                        Christmas &amp; Awards Event                    <\/h3>\r\n                    <p style=\"color: #718096; font-size: 0.95rem; line-height: 1.6; margin: 0; flex-grow: 1;\">\r\n                        An annual holiday celebration where we present club awards and honor a community member who goes above and beyond to support local youth.                    <\/p>\r\n                <\/div>\r\n                            <div class=\"k-project-card\" data-category=\"community-support\" style=\"flex: 1 1 calc(33.333% - 20px); min-width: 280px; max-width: 380px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.04); border-top: 4px solid #1a3c5e; display: flex; flex-direction: column; padding: 25px; transition: all 0.3s ease; transform: scale(1); opacity: 1;\">\r\n                    <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 15px;\">\r\n                        <span style=\"font-size: 2.2rem; line-height: 1;\">\ud83e\udd1d<\/span>\r\n                        <span style=\"font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; background: rgba(230, 126, 34, 0.12); color: #e67e22; padding: 4px 10px; border-radius: 20px;\">\r\n                            Community Support                        <\/span>\r\n                    <\/div>\r\n                    <h3 style=\"color: #1a3c5e; font-size: 1.15rem; font-weight: 700; margin-top: 0; margin-bottom: 12px; line-height: 1.4;\">\r\n                        Aid Inc. Care &amp; Share                    <\/h3>\r\n                    <p style=\"color: #718096; font-size: 0.95rem; line-height: 1.6; margin: 0; flex-grow: 1;\">\r\n                        We donate, volunteer, organize food and gifts, and help sort donations at the collection site to help distribute holiday cheer to Mandan families.                    <\/p>\r\n                <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n    .k-filter-btn:hover {\r\n        background: #e2e8f0;\r\n        transform: translateY(-1px);\r\n    }\r\n    .k-filter-btn.active:hover {\r\n        background: #1a3c5e;\r\n        transform: none;\r\n    }\r\n    .k-project-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 8px 25px rgba(0,0,0,0.08);\r\n    }\r\n    @media (max-width: 768px) {\r\n        .k-project-card {\r\n            flex: 1 1 100% !important;\r\n            max-width: 100% !important;\r\n        }\r\n        .kiwanis-filter-bar {\r\n            gap: 8px;\r\n        }\r\n        .k-filter-btn {\r\n            padding: 8px 16px;\r\n            font-size: 0.85rem;\r\n        }\r\n    }\r\n    <\/style>\r\n\r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const buttons = document.querySelectorAll('.k-filter-btn');\r\n        const cards = document.querySelectorAll('.k-project-card');\r\n\r\n        buttons.forEach(button => {\r\n            button.addEventListener('click', function() {\r\n                \/\/ Remove active class from all buttons\r\n                buttons.forEach(btn => {\r\n                    btn.classList.remove('active');\r\n                    btn.style.background = '#f1f5f9';\r\n                    btn.style.color = '#1a3c5e';\r\n                    btn.style.boxShadow = 'none';\r\n                });\r\n\r\n                \/\/ Add active class to clicked button\r\n                this.classList.add('active');\r\n                this.style.background = '#1a3c5e';\r\n                this.style.color = '#ffffff';\r\n                this.style.boxShadow = '0 2px 5px rgba(0,0,0,0.1)';\r\n\r\n                const filter = this.getAttribute('data-filter');\r\n\r\n                cards.forEach(card => {\r\n                    const cardCat = card.getAttribute('data-category');\r\n                    \r\n                    \/\/ Smooth transition animation\r\n                    card.style.transition = 'opacity 0.25s ease, transform 0.25s ease';\r\n                    \r\n                    if (filter === 'all' || cardCat === filter) {\r\n                        card.style.display = 'flex';\r\n                        setTimeout(() => {\r\n                            card.style.opacity = '1';\r\n                            card.style.transform = 'scale(1)';\r\n                        }, 20);\r\n                    } else {\r\n                        card.style.opacity = '0';\r\n                        card.style.transform = 'scale(0.95)';\r\n                        setTimeout(() => {\r\n                            card.style.display = 'none';\r\n                        }, 250);\r\n                    }\r\n                });\r\n            });\r\n        });\r\n    });\r\n    <\/script>\r\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-23","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mandankiwanis.com\/index.php\/wp-json\/wp\/v2\/pages\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mandankiwanis.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mandankiwanis.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mandankiwanis.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mandankiwanis.com\/index.php\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":0,"href":"https:\/\/mandankiwanis.com\/index.php\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"wp:attachment":[{"href":"https:\/\/mandankiwanis.com\/index.php\/wp-json\/wp\/v2\/media?parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}