{"id":180,"date":"2026-10-14T20:41:15","date_gmt":"2026-10-14T18:41:15","guid":{"rendered":"https:\/\/independentcitizenmovement.co.za\/devsite\/?page_id=180"},"modified":"2026-10-14T20:46:06","modified_gmt":"2026-10-14T18:46:06","slug":"wards-candidates","status":"publish","type":"page","link":"https:\/\/independentcitizenmovement.co.za\/devsite\/wards-candidates\/","title":{"rendered":"Wards &amp; Candidates"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"180\" class=\"elementor elementor-180\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6cb4903 e-con e-atomic-element e-flexbox-base e-default-div e-50f2cf9 \" data-id=\"6cb4903\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6cb4903\">\n    \t\t<div class=\"elementor-element elementor-element-4cd2665 elementor-widget elementor-widget-html\" data-id=\"4cd2665\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"icm-wards-page\">\r\n\r\n  <!-- HERO -->\r\n  <section class=\"icm-wards-hero\">\r\n\r\n    <div class=\"icm-wards-container\">\r\n\r\n      <span class=\"icm-wards-kicker\">\r\n        WARDS &amp; CANDIDATES\r\n      <\/span>\r\n\r\n      <h1>\r\n        YOUR WARD.<br>\r\n        YOUR CANDIDATE.<br>\r\n        <strong>YOUR VOICE.<\/strong>\r\n      <\/h1>\r\n\r\n      <p>\r\n        Find your ward, learn about local representation and connect with\r\n        the ICM candidate serving your community.\r\n      <\/p>\r\n\r\n      <a href=\"#find-your-ward\" class=\"icm-wards-btn red\">\r\n        FIND YOUR WARD \u2192\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- FIND YOUR WARD -->\r\n  <section class=\"icm-find-ward\" id=\"find-your-ward\">\r\n\r\n    <div class=\"icm-wards-container\">\r\n\r\n      <div class=\"icm-find-grid\">\r\n\r\n        <div>\r\n\r\n          <span class=\"icm-wards-kicker\">\r\n            FIND YOUR WARD\r\n          <\/span>\r\n\r\n          <h2>\r\n            START WITH<br>\r\n            <strong>YOUR AREA.<\/strong>\r\n          <\/h2>\r\n\r\n          <p>\r\n            Search by suburb, area or ward number to find the relevant\r\n            ICM ward and candidate information.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div>\r\n\r\n          <div class=\"icm-ward-search\">\r\n\r\n            <input\r\n              type=\"text\"\r\n              id=\"icmWardInput\"\r\n              placeholder=\"Enter suburb, area or ward number\">\r\n\r\n            <button\r\n              type=\"button\"\r\n              id=\"icmWardButton\">\r\n              SEARCH \u2192\r\n            <\/button>\r\n\r\n          <\/div>\r\n\r\n          <div\r\n            id=\"icmWardResult\"\r\n            class=\"icm-ward-result\">\r\n          <\/div>\r\n\r\n          <p class=\"icm-ward-note\">\r\n            Candidate and ward information will be connected here once\r\n            the official ICM dataset is loaded.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- BROWSE WARDS -->\r\n  <section class=\"icm-browse-wards\">\r\n\r\n    <div class=\"icm-wards-container\">\r\n\r\n      <div class=\"icm-wards-heading-row\">\r\n\r\n        <div>\r\n\r\n          <span class=\"icm-light-kicker\">\r\n            BROWSE WARDS\r\n          <\/span>\r\n\r\n          <h2>\r\n            LOCAL REPRESENTATION<br>\r\n            <strong>STARTS HERE.<\/strong>\r\n          <\/h2>\r\n\r\n        <\/div>\r\n\r\n        <p>\r\n          Each ward page will contain local areas, candidate information,\r\n          community priorities and engagement details.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"icm-ward-grid\">\r\n\r\n        <a href=\"#\" class=\"icm-ward-card\">\r\n          <span>WARD<\/span>\r\n          <strong>01<\/strong>\r\n          <p>Candidate information coming soon.<\/p>\r\n          <small>VIEW WARD \u2192<\/small>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"icm-ward-card\">\r\n          <span>WARD<\/span>\r\n          <strong>02<\/strong>\r\n          <p>Candidate information coming soon.<\/p>\r\n          <small>VIEW WARD \u2192<\/small>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"icm-ward-card\">\r\n          <span>WARD<\/span>\r\n          <strong>03<\/strong>\r\n          <p>Candidate information coming soon.<\/p>\r\n          <small>VIEW WARD \u2192<\/small>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"icm-ward-card\">\r\n          <span>WARD<\/span>\r\n          <strong>04<\/strong>\r\n          <p>Candidate information coming soon.<\/p>\r\n          <small>VIEW WARD \u2192<\/small>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"icm-ward-card\">\r\n          <span>WARD<\/span>\r\n          <strong>05<\/strong>\r\n          <p>Candidate information coming soon.<\/p>\r\n          <small>VIEW WARD \u2192<\/small>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"icm-ward-card\">\r\n          <span>WARD<\/span>\r\n          <strong>06<\/strong>\r\n          <p>Candidate information coming soon.<\/p>\r\n          <small>VIEW WARD \u2192<\/small>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"icm-ward-grid-note\">\r\n        The complete ward directory will be populated from the approved ICM\r\n        ward and candidate data.\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- CANDIDATE PROFILE -->\r\n  <section class=\"icm-candidate-preview\">\r\n\r\n    <div class=\"icm-wards-container\">\r\n\r\n      <div class=\"icm-candidate-grid\">\r\n\r\n        <div class=\"icm-candidate-visual\">\r\n\r\n          <div class=\"icm-candidate-placeholder\">\r\n            CANDIDATE<br>\r\n            PHOTO\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"icm-candidate-copy\">\r\n\r\n          <span class=\"icm-wards-kicker\">\r\n            MEET YOUR CANDIDATE\r\n          <\/span>\r\n\r\n          <h2>\r\n            LOCAL PEOPLE.<br>\r\n            LOCAL KNOWLEDGE.<br>\r\n            <strong>LOCAL ACCOUNTABILITY.<\/strong>\r\n          <\/h2>\r\n\r\n          <p>\r\n            Candidate profiles will introduce residents to the people\r\n            standing in their wards, including their background,\r\n            community involvement and ward priorities.\r\n          <\/p>\r\n\r\n          <div class=\"icm-candidate-fields\">\r\n\r\n            <div>\r\n              <span>WARD<\/span>\r\n              <strong>Ward Number<\/strong>\r\n            <\/div>\r\n\r\n            <div>\r\n              <span>AREAS<\/span>\r\n              <strong>Suburbs \/ Communities<\/strong>\r\n            <\/div>\r\n\r\n            <div>\r\n              <span>PRIORITIES<\/span>\r\n              <strong>Local Ward Priorities<\/strong>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <a href=\"#\" class=\"icm-wards-btn red\">\r\n            VIEW CANDIDATE PROFILE \u2192\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- HOW IT WORKS -->\r\n  <section class=\"icm-ward-process\">\r\n\r\n    <div class=\"icm-wards-container\">\r\n\r\n      <span class=\"icm-light-kicker\">\r\n        HOW IT WORKS\r\n      <\/span>\r\n\r\n      <h2>\r\n        FIND. CONNECT.<br>\r\n        <strong>ENGAGE.<\/strong>\r\n      <\/h2>\r\n\r\n\r\n      <div class=\"icm-process-grid\">\r\n\r\n        <div class=\"icm-process-card\">\r\n          <span>01<\/span>\r\n          <h3>FIND YOUR WARD<\/h3>\r\n          <p>\r\n            Confirm the ward where you are registered to vote.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"icm-process-card\">\r\n          <span>02<\/span>\r\n          <h3>MEET YOUR CANDIDATE<\/h3>\r\n          <p>\r\n            View the candidate representing your local ICM ward.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"icm-process-card\">\r\n          <span>03<\/span>\r\n          <h3>KNOW THE PRIORITIES<\/h3>\r\n          <p>\r\n            See the local concerns and priorities identified for the ward.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"icm-process-card\">\r\n          <span>04<\/span>\r\n          <h3>STAY ENGAGED<\/h3>\r\n          <p>\r\n            Attend community meetings, volunteer and stay connected.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- IEC -->\r\n  <section class=\"icm-iec-section\">\r\n\r\n    <div class=\"icm-wards-container\">\r\n\r\n      <div class=\"icm-iec-inner\">\r\n\r\n        <div>\r\n\r\n          <span class=\"icm-wards-kicker\">\r\n            OFFICIAL WARD INFORMATION\r\n          <\/span>\r\n\r\n          <h2>\r\n            NOT SURE WHICH<br>\r\n            <strong>WARD YOU\u2019RE IN?<\/strong>\r\n          <\/h2>\r\n\r\n          <p>\r\n            Use the Electoral Commission's official ward information service\r\n            to confirm your ward and registration details.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"icm-iec-action\">\r\n\r\n          <a\r\n            href=\"https:\/\/www.elections.org.za\/pw\/Voter\/Who-Is-My-Ward-Councillor\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n            class=\"icm-wards-btn yellow\">\r\n            OPEN IEC WARD FINDER \u2192\r\n          <\/a>\r\n\r\n          <small>\r\n            Opens the Electoral Commission of South Africa website.\r\n          <\/small>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- CTA -->\r\n  <section class=\"icm-wards-cta\">\r\n\r\n    <div class=\"icm-wards-container\">\r\n\r\n      <div class=\"icm-wards-cta-inner\">\r\n\r\n        <div>\r\n\r\n          <span>\r\n            GET INVOLVED\r\n          <\/span>\r\n\r\n          <h2>\r\n            YOUR COMMUNITY<br>\r\n            <strong>NEEDS YOUR VOICE.<\/strong>\r\n          <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"icm-wards-cta-actions\">\r\n\r\n          <a\r\n            href=\"\/devsite\/become-a-member\/\"\r\n            class=\"icm-wards-btn red\">\r\n            JOIN ICM \u2192\r\n          <\/a>\r\n\r\n          <a\r\n            href=\"\/devsite\/volunteer\/\"\r\n            class=\"icm-wards-btn outline-dark\">\r\n            VOLUNTEER\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n\/* GLOBAL *\/\r\n\r\n.icm-wards-page,\r\n.icm-wards-page * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.icm-wards-page {\r\n  width: 100%;\r\n  overflow: hidden;\r\n}\r\n\r\n.icm-wards-container {\r\n  width: 100%;\r\n  max-width: 1500px;\r\n\r\n  margin: 0 auto;\r\n}\r\n\r\n.icm-wards-kicker {\r\n  display: block;\r\n\r\n  margin-bottom: 18px;\r\n\r\n  color: #E31E24;\r\n\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 2.5px;\r\n}\r\n\r\n.icm-light-kicker {\r\n  display: block;\r\n\r\n  margin-bottom: 18px;\r\n\r\n  color: #F6C900;\r\n\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 2.5px;\r\n}\r\n\r\n\r\n\/* BUTTONS *\/\r\n\r\n.icm-wards-btn {\r\n  min-height: 52px;\r\n\r\n  padding: 0 24px;\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n\r\n  text-decoration: none;\r\n\r\n  transition: .25s ease;\r\n}\r\n\r\n.icm-wards-btn.red {\r\n  background: #E31E24;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-wards-btn.red:hover {\r\n  background: #008B57;\r\n}\r\n\r\n.icm-wards-btn.yellow {\r\n  background: #F6C900;\r\n\r\n  color: #171717;\r\n}\r\n\r\n.icm-wards-btn.yellow:hover {\r\n  background: #008B57;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-wards-btn.outline-dark {\r\n  border: 1px solid #171717;\r\n\r\n  color: #171717;\r\n}\r\n\r\n.icm-wards-btn.outline-dark:hover {\r\n  background: #171717;\r\n\r\n  color: #fff;\r\n}\r\n\r\n\r\n\/* HERO *\/\r\n\r\n.icm-wards-hero {\r\n  padding: 110px 6%;\r\n\r\n  background: #f5f2ec;\r\n}\r\n\r\n.icm-wards-hero h1 {\r\n  margin: 0;\r\n\r\n  max-width: 1100px;\r\n\r\n  color: #171717;\r\n\r\n  font-size: clamp(65px, 7vw, 110px);\r\n\r\n  line-height: .87;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: -5px;\r\n}\r\n\r\n.icm-wards-hero h1 strong {\r\n  color: #008B57;\r\n}\r\n\r\n.icm-wards-hero p {\r\n  max-width: 720px;\r\n\r\n  margin: 30px 0;\r\n\r\n  color: #555;\r\n\r\n  font-size: 19px;\r\n\r\n  line-height: 1.7;\r\n}\r\n\r\n\r\n\/* FIND *\/\r\n\r\n.icm-find-ward {\r\n  padding: 100px 6%;\r\n\r\n  background: #fff;\r\n}\r\n\r\n.icm-find-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    .9fr\r\n    1.1fr;\r\n\r\n  gap: 90px;\r\n\r\n  align-items: center;\r\n}\r\n\r\n.icm-find-grid h2,\r\n.icm-candidate-copy h2,\r\n.icm-iec-inner h2 {\r\n  margin: 0;\r\n\r\n  color: #171717;\r\n\r\n  font-size: clamp(48px, 4.8vw, 76px);\r\n\r\n  line-height: .95;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: -3px;\r\n}\r\n\r\n.icm-find-grid h2 strong,\r\n.icm-candidate-copy h2 strong,\r\n.icm-iec-inner h2 strong {\r\n  color: #2F4399;\r\n}\r\n\r\n.icm-find-grid p {\r\n  max-width: 580px;\r\n\r\n  margin-top: 25px;\r\n\r\n  color: #555;\r\n\r\n  font-size: 17px;\r\n\r\n  line-height: 1.7;\r\n}\r\n\r\n\r\n\/* SEARCH *\/\r\n\r\n.icm-ward-search {\r\n  width: 100%;\r\n\r\n  display: flex;\r\n\r\n  border: 1px solid #ccc;\r\n\r\n  background: #fff;\r\n}\r\n\r\n.icm-ward-search input {\r\n  flex: 1;\r\n\r\n  min-width: 0;\r\n\r\n  min-height: 62px;\r\n\r\n  padding: 0 20px;\r\n\r\n  border: 0;\r\n\r\n  outline: 0;\r\n\r\n  font-size: 15px;\r\n}\r\n\r\n.icm-ward-search button {\r\n  min-width: 150px;\r\n\r\n  border: 0;\r\n\r\n  background: #E31E24;\r\n\r\n  color: #fff;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 700;\r\n\r\n  cursor: pointer;\r\n}\r\n\r\n.icm-ward-search button:hover {\r\n  background: #008B57;\r\n}\r\n\r\n.icm-ward-result {\r\n  margin-top: 15px;\r\n\r\n  color: #171717;\r\n\r\n  font-size: 14px;\r\n\r\n  font-weight: 600;\r\n}\r\n\r\n.icm-ward-note {\r\n  margin-top: 12px !important;\r\n\r\n  color: #888 !important;\r\n\r\n  font-size: 12px !important;\r\n}\r\n\r\n\r\n\/* BROWSE WARDS *\/\r\n\r\n.icm-browse-wards {\r\n  padding: 100px 6%;\r\n\r\n  background: #171717;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-wards-heading-row {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    .8fr;\r\n\r\n  gap: 70px;\r\n\r\n  align-items: end;\r\n\r\n  margin-bottom: 55px;\r\n}\r\n\r\n.icm-wards-heading-row h2,\r\n.icm-ward-process h2 {\r\n  margin: 0;\r\n\r\n  color: #fff;\r\n\r\n  font-size: clamp(48px, 4.8vw, 76px);\r\n\r\n  line-height: .95;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: -3px;\r\n}\r\n\r\n.icm-wards-heading-row h2 strong,\r\n.icm-ward-process h2 strong {\r\n  color: #F6C900;\r\n}\r\n\r\n.icm-wards-heading-row > p {\r\n  margin: 0;\r\n\r\n  color: #bbb;\r\n\r\n  font-size: 17px;\r\n\r\n  line-height: 1.7;\r\n}\r\n\r\n.icm-ward-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns: repeat(3,1fr);\r\n\r\n  gap: 1px;\r\n\r\n  background: #444;\r\n}\r\n\r\n.icm-ward-card {\r\n  min-height: 280px;\r\n\r\n  padding: 28px;\r\n\r\n  background: #202020;\r\n\r\n  color: #fff;\r\n\r\n  text-decoration: none;\r\n\r\n  transition: .3s ease;\r\n}\r\n\r\n.icm-ward-card:hover {\r\n  background: #008B57;\r\n\r\n  transform: translateY(-5px);\r\n}\r\n\r\n.icm-ward-card > span {\r\n  display: block;\r\n\r\n  color: #F6C900;\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 1.5px;\r\n}\r\n\r\n.icm-ward-card strong {\r\n  display: block;\r\n\r\n  margin-top: 24px;\r\n\r\n  font-size: 54px;\r\n\r\n  line-height: 1;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n.icm-ward-card p {\r\n  margin: 45px 0 20px;\r\n\r\n  color: #aaa;\r\n\r\n  font-size: 14px;\r\n}\r\n\r\n.icm-ward-card:hover p {\r\n  color: #fff;\r\n}\r\n\r\n.icm-ward-card small {\r\n  font-size: 10px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.icm-ward-grid-note {\r\n  margin-top: 25px;\r\n\r\n  color: #888;\r\n\r\n  font-size: 12px;\r\n}\r\n\r\n\r\n\/* CANDIDATE PREVIEW *\/\r\n\r\n.icm-candidate-preview {\r\n  padding: 100px 6%;\r\n\r\n  background: #f5f2ec;\r\n}\r\n\r\n.icm-candidate-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    .85fr\r\n    1.15fr;\r\n\r\n  gap: 80px;\r\n\r\n  align-items: center;\r\n}\r\n\r\n.icm-candidate-placeholder {\r\n  height: 600px;\r\n\r\n  background: #2F4399;\r\n\r\n  color: #fff;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  text-align: center;\r\n\r\n  font-size: 44px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: -2px;\r\n}\r\n\r\n.icm-candidate-copy p {\r\n  max-width: 650px;\r\n\r\n  margin-top: 25px;\r\n\r\n  color: #555;\r\n\r\n  font-size: 17px;\r\n\r\n  line-height: 1.75;\r\n}\r\n\r\n.icm-candidate-fields {\r\n  margin: 30px 0;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns: repeat(3,1fr);\r\n\r\n  gap: 1px;\r\n\r\n  background: #d8d8d8;\r\n}\r\n\r\n.icm-candidate-fields > div {\r\n  padding: 22px;\r\n\r\n  background: #fff;\r\n}\r\n\r\n.icm-candidate-fields span {\r\n  display: block;\r\n\r\n  margin-bottom: 8px;\r\n\r\n  color: #E31E24;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 1.5px;\r\n}\r\n\r\n.icm-candidate-fields strong {\r\n  font-size: 14px;\r\n}\r\n\r\n\r\n\/* PROCESS *\/\r\n\r\n.icm-ward-process {\r\n  padding: 100px 6%;\r\n\r\n  background: #2F4399;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-process-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns: repeat(4,1fr);\r\n\r\n  gap: 1px;\r\n\r\n  margin-top: 50px;\r\n\r\n  background: rgba(255,255,255,.25);\r\n}\r\n\r\n.icm-process-card {\r\n  min-height: 280px;\r\n\r\n  padding: 28px;\r\n\r\n  background: rgba(0,0,0,.15);\r\n}\r\n\r\n.icm-process-card > span {\r\n  color: #F6C900;\r\n\r\n  font-size: 30px;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n.icm-process-card h3 {\r\n  margin: 60px 0 15px;\r\n\r\n  font-size: 20px;\r\n}\r\n\r\n.icm-process-card p {\r\n  margin: 0;\r\n\r\n  color: rgba(255,255,255,.8);\r\n\r\n  font-size: 14px;\r\n\r\n  line-height: 1.6;\r\n}\r\n\r\n\r\n\/* IEC *\/\r\n\r\n.icm-iec-section {\r\n  padding: 90px 6%;\r\n\r\n  background: #fff;\r\n}\r\n\r\n.icm-iec-inner {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    .7fr;\r\n\r\n  gap: 80px;\r\n\r\n  align-items: center;\r\n}\r\n\r\n.icm-iec-inner h2 strong {\r\n  color: #008B57;\r\n}\r\n\r\n.icm-iec-inner p {\r\n  max-width: 650px;\r\n\r\n  color: #555;\r\n\r\n  font-size: 17px;\r\n\r\n  line-height: 1.7;\r\n}\r\n\r\n.icm-iec-action {\r\n  text-align: right;\r\n}\r\n\r\n.icm-iec-action small {\r\n  display: block;\r\n\r\n  margin-top: 12px;\r\n\r\n  color: #888;\r\n}\r\n\r\n\r\n\/* CTA *\/\r\n\r\n.icm-wards-cta {\r\n  padding: 85px 6%;\r\n\r\n  background: #f5f2ec;\r\n}\r\n\r\n.icm-wards-cta-inner {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: space-between;\r\n\r\n  gap: 50px;\r\n}\r\n\r\n.icm-wards-cta-inner > div > span {\r\n  display: block;\r\n\r\n  margin-bottom: 14px;\r\n\r\n  color: #E31E24;\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.icm-wards-cta h2 {\r\n  margin: 0;\r\n\r\n  font-size: clamp(42px,4vw,64px);\r\n\r\n  line-height: .95;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: -2px;\r\n}\r\n\r\n.icm-wards-cta h2 strong {\r\n  color: #008B57;\r\n}\r\n\r\n.icm-wards-cta-actions {\r\n  display: flex;\r\n\r\n  gap: 12px;\r\n\r\n  flex-wrap: wrap;\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n  .icm-wards-hero,\r\n  .icm-find-ward,\r\n  .icm-browse-wards,\r\n  .icm-candidate-preview,\r\n  .icm-ward-process,\r\n  .icm-iec-section,\r\n  .icm-wards-cta {\r\n    padding-left: 35px;\r\n    padding-right: 35px;\r\n  }\r\n\r\n  .icm-find-grid,\r\n  .icm-wards-heading-row,\r\n  .icm-candidate-grid,\r\n  .icm-iec-inner {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .icm-ward-grid {\r\n    grid-template-columns: repeat(2,1fr);\r\n  }\r\n\r\n  .icm-process-grid {\r\n    grid-template-columns: repeat(2,1fr);\r\n  }\r\n\r\n  .icm-iec-action {\r\n    text-align: left;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n  .icm-wards-hero,\r\n  .icm-find-ward,\r\n  .icm-browse-wards,\r\n  .icm-candidate-preview,\r\n  .icm-ward-process,\r\n  .icm-iec-section,\r\n  .icm-wards-cta {\r\n    padding: 65px 20px;\r\n  }\r\n\r\n  .icm-wards-hero h1 {\r\n    font-size: 52px;\r\n\r\n    letter-spacing: -3px;\r\n  }\r\n\r\n  .icm-ward-search {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .icm-ward-search button {\r\n    min-height: 54px;\r\n  }\r\n\r\n  .icm-ward-grid,\r\n  .icm-process-grid,\r\n  .icm-candidate-fields {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .icm-candidate-placeholder {\r\n    height: 440px;\r\n\r\n    font-size: 32px;\r\n  }\r\n\r\n  .icm-wards-cta-inner {\r\n    align-items: flex-start;\r\n\r\n    flex-direction: column;\r\n  }\r\n\r\n  .icm-wards-cta-actions {\r\n    width: 100%;\r\n\r\n    flex-direction: column;\r\n  }\r\n\r\n  .icm-wards-btn {\r\n    width: 100%;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n  const input =\r\n    document.getElementById('icmWardInput');\r\n\r\n  const button =\r\n    document.getElementById('icmWardButton');\r\n\r\n  const result =\r\n    document.getElementById('icmWardResult');\r\n\r\n  if (!input || !button || !result) return;\r\n\r\n\r\n  function searchWard() {\r\n\r\n    const query =\r\n      input.value.trim();\r\n\r\n    if (!query) {\r\n\r\n      result.textContent =\r\n        'Please enter a suburb, area or ward number.';\r\n\r\n      return;\r\n\r\n    }\r\n\r\n    result.textContent =\r\n      'Ward and candidate data for \"' +\r\n      query +\r\n      '\" will appear here once the official ICM dataset is connected.';\r\n\r\n  }\r\n\r\n\r\n  button.addEventListener(\r\n    'click',\r\n    searchWard\r\n  );\r\n\r\n\r\n  input.addEventListener(\r\n    'keydown',\r\n    function (event) {\r\n\r\n      if (event.key === 'Enter') {\r\n        searchWard();\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WARDS &amp; CANDIDATES YOUR WARD. YOUR CANDIDATE. YOUR VOICE. Find your ward, learn about local representation and connect with the ICM candidate serving your community. FIND YOUR WARD \u2192 FIND YOUR WARD START WITH YOUR AREA. Search by suburb, area or ward number to find the relevant ICM ward and candidate information. SEARCH \u2192 Candidate [&hellip;]<\/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-180","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/pages\/180","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/comments?post=180"}],"version-history":[{"count":4,"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/pages\/180\/revisions"}],"predecessor-version":[{"id":185,"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/pages\/180\/revisions\/185"}],"wp:attachment":[{"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/media?parent=180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}