{"id":227,"date":"2026-10-14T22:53:14","date_gmt":"2026-10-14T20:53:14","guid":{"rendered":"https:\/\/independentcitizenmovement.co.za\/devsite\/?page_id=227"},"modified":"2026-10-14T22:54:38","modified_gmt":"2026-10-14T20:54:38","slug":"get-updates","status":"publish","type":"page","link":"https:\/\/independentcitizenmovement.co.za\/devsite\/get-updates\/","title":{"rendered":"Get Updates"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"227\" class=\"elementor elementor-227\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8682ecc e-con e-atomic-element e-flexbox-base e-default-div e-9860bbd \" data-id=\"8682ecc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8682ecc\">\n    \t\t<div class=\"elementor-element elementor-element-0fe1f9b elementor-widget elementor-widget-html\" data-id=\"0fe1f9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"icm-updates-page\">\r\n\r\n  <!-- ==================================================\r\n       HERO\r\n  =================================================== -->\r\n  <section class=\"icm-updates-hero\">\r\n\r\n    <div class=\"icm-updates-container\">\r\n\r\n      <span class=\"icm-updates-kicker\">\r\n        GET ICM UPDATES\r\n      <\/span>\r\n\r\n      <h1>\r\n        STAY INFORMED.<br>\r\n        STAY INVOLVED.<br>\r\n        <strong>STAY CONNECTED.<\/strong>\r\n      <\/h1>\r\n\r\n      <p>\r\n        Receive important ICM news, community updates, events,\r\n        public engagements and campaign information directly.\r\n      <\/p>\r\n\r\n      <a href=\"#updates-form\" class=\"icm-updates-btn red\">\r\n        SIGN UP FOR UPDATES \u2192\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- ==================================================\r\n       WHAT YOU'LL RECEIVE\r\n  =================================================== -->\r\n  <section class=\"icm-updates-content\">\r\n\r\n    <div class=\"icm-updates-container\">\r\n\r\n      <div class=\"icm-updates-heading-row\">\r\n\r\n        <div>\r\n\r\n          <span class=\"icm-updates-kicker\">\r\n            STAY UP TO DATE\r\n          <\/span>\r\n\r\n          <h2>\r\n            KNOW WHAT\u2019S<br>\r\n            <strong>HAPPENING.<\/strong>\r\n          <\/h2>\r\n\r\n        <\/div>\r\n\r\n        <p>\r\n          Choose to receive relevant information about ICM activities,\r\n          community engagements and important campaign updates.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"icm-updates-card-grid\">\r\n\r\n        <div class=\"icm-updates-card yellow\">\r\n\r\n          <span>01<\/span>\r\n\r\n          <div>\r\n\r\n            <small>NEWS<\/small>\r\n\r\n            <h3>\r\n              ICM<br>\r\n              UPDATES\r\n            <\/h3>\r\n\r\n            <p>\r\n              News, announcements and important information from ICM.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"icm-updates-card blue\">\r\n\r\n          <span>02<\/span>\r\n\r\n          <div>\r\n\r\n            <small>EVENTS<\/small>\r\n\r\n            <h3>\r\n              COMMUNITY<br>\r\n              ENGAGEMENTS\r\n            <\/h3>\r\n\r\n            <p>\r\n              Information about meetings, public engagements and events.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"icm-updates-card green\">\r\n\r\n          <span>03<\/span>\r\n\r\n          <div>\r\n\r\n            <small>LOCAL<\/small>\r\n\r\n            <h3>\r\n              WARD<br>\r\n              ACTIVITY\r\n            <\/h3>\r\n\r\n            <p>\r\n              Updates relating to wards, candidates and community activity.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"icm-updates-card red\">\r\n\r\n          <span>04<\/span>\r\n\r\n          <div>\r\n\r\n            <small>2026<\/small>\r\n\r\n            <h3>\r\n              CAMPAIGN<br>\r\n              INFORMATION\r\n            <\/h3>\r\n\r\n            <p>\r\n              Campaign information and important election-related updates.\r\n            <\/p>\r\n\r\n          <\/div>\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  <!-- ==================================================\r\n       SUBSCRIBE FORM\r\n  =================================================== -->\r\n  <section class=\"icm-updates-form-section\" id=\"updates-form\">\r\n\r\n    <div class=\"icm-updates-container\">\r\n\r\n      <div class=\"icm-updates-form-grid\">\r\n\r\n        <!-- LEFT -->\r\n        <div class=\"icm-updates-form-intro\">\r\n\r\n          <span class=\"icm-light-kicker\">\r\n            JOIN THE UPDATE LIST\r\n          <\/span>\r\n\r\n          <h2>\r\n            GET THE<br>\r\n            <strong>LATEST FROM ICM.<\/strong>\r\n          <\/h2>\r\n\r\n          <p>\r\n            Complete your details and choose the type of information\r\n            you would like to receive.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"icm-updates-note\">\r\n\r\n            <span>\r\n              YOU ARE IN CONTROL\r\n            <\/span>\r\n\r\n            <p>\r\n              Your details will be used to send relevant ICM\r\n              communications and updates. You can request to stop\r\n              receiving communications at any time.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FORM -->\r\n        <form class=\"icm-updates-form\" id=\"icmUpdatesForm\">\r\n\r\n          <div class=\"icm-updates-form-two\">\r\n\r\n            <div class=\"icm-updates-field\">\r\n\r\n              <label for=\"updatesFirstName\">\r\n                FIRST NAME *\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"text\"\r\n                id=\"updatesFirstName\"\r\n                name=\"first_name\"\r\n                required\r\n                placeholder=\"First name\">\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"icm-updates-field\">\r\n\r\n              <label for=\"updatesSurname\">\r\n                SURNAME *\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"text\"\r\n                id=\"updatesSurname\"\r\n                name=\"surname\"\r\n                required\r\n                placeholder=\"Surname\">\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"icm-updates-form-two\">\r\n\r\n            <div class=\"icm-updates-field\">\r\n\r\n              <label for=\"updatesEmail\">\r\n                EMAIL ADDRESS *\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"email\"\r\n                id=\"updatesEmail\"\r\n                name=\"email\"\r\n                required\r\n                placeholder=\"Email address\">\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"icm-updates-field\">\r\n\r\n              <label for=\"updatesMobile\">\r\n                MOBILE NUMBER\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"tel\"\r\n                id=\"updatesMobile\"\r\n                name=\"mobile\"\r\n                placeholder=\"Mobile number\">\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"icm-updates-form-two\">\r\n\r\n            <div class=\"icm-updates-field\">\r\n\r\n              <label for=\"updatesArea\">\r\n                AREA \/ SUBURB\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"text\"\r\n                id=\"updatesArea\"\r\n                name=\"area\"\r\n                placeholder=\"Area or suburb\">\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"icm-updates-field\">\r\n\r\n              <label for=\"updatesWard\">\r\n                WARD NUMBER\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"text\"\r\n                id=\"updatesWard\"\r\n                name=\"ward\"\r\n                placeholder=\"If known\">\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- INTERESTS -->\r\n          <div class=\"icm-updates-field\">\r\n\r\n            <label>\r\n              WHAT WOULD YOU LIKE TO RECEIVE?\r\n            <\/label>\r\n\r\n            <div class=\"icm-update-options\">\r\n\r\n              <label>\r\n\r\n                <input\r\n                  type=\"checkbox\"\r\n                  name=\"update_type[]\"\r\n                  value=\"news\">\r\n\r\n                <span>\r\n                  ICM News &amp; Announcements\r\n                <\/span>\r\n\r\n              <\/label>\r\n\r\n\r\n              <label>\r\n\r\n                <input\r\n                  type=\"checkbox\"\r\n                  name=\"update_type[]\"\r\n                  value=\"events\">\r\n\r\n                <span>\r\n                  Events &amp; Community Meetings\r\n                <\/span>\r\n\r\n              <\/label>\r\n\r\n\r\n              <label>\r\n\r\n                <input\r\n                  type=\"checkbox\"\r\n                  name=\"update_type[]\"\r\n                  value=\"wards\">\r\n\r\n                <span>\r\n                  Ward &amp; Candidate Updates\r\n                <\/span>\r\n\r\n              <\/label>\r\n\r\n\r\n              <label>\r\n\r\n                <input\r\n                  type=\"checkbox\"\r\n                  name=\"update_type[]\"\r\n                  value=\"campaign\">\r\n\r\n                <span>\r\n                  Campaign Updates\r\n                <\/span>\r\n\r\n              <\/label>\r\n\r\n\r\n              <label>\r\n\r\n                <input\r\n                  type=\"checkbox\"\r\n                  name=\"update_type[]\"\r\n                  value=\"all\">\r\n\r\n                <span>\r\n                  All ICM Updates\r\n                <\/span>\r\n\r\n              <\/label>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- CONTACT PREFERENCE -->\r\n          <div class=\"icm-updates-field\">\r\n\r\n            <label for=\"updatesMethod\">\r\n              PREFERRED COMMUNICATION METHOD\r\n            <\/label>\r\n\r\n            <select\r\n              id=\"updatesMethod\"\r\n              name=\"communication_method\">\r\n\r\n              <option value=\"\">\r\n                Please select\r\n              <\/option>\r\n\r\n              <option value=\"email\">\r\n                Email\r\n              <\/option>\r\n\r\n              <option value=\"mobile\">\r\n                Mobile \/ SMS\r\n              <\/option>\r\n\r\n              <option value=\"both\">\r\n                Email and Mobile\r\n              <\/option>\r\n\r\n            <\/select>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- CONSENT -->\r\n          <label class=\"icm-updates-consent\">\r\n\r\n            <input\r\n              type=\"checkbox\"\r\n              id=\"updatesConsent\"\r\n              required>\r\n\r\n            <span>\r\n              I consent to ICM collecting and processing my information\r\n              for the purpose of sending news, campaign information,\r\n              community updates and related communications.\r\n            <\/span>\r\n\r\n          <\/label>\r\n\r\n\r\n          <button\r\n            type=\"submit\"\r\n            class=\"icm-updates-submit\">\r\n\r\n            SIGN ME UP \u2192\r\n\r\n          <\/button>\r\n\r\n\r\n          <div\r\n            class=\"icm-updates-form-response\"\r\n            id=\"icmUpdatesResponse\"\r\n            aria-live=\"polite\">\r\n          <\/div>\r\n\r\n        <\/form>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- ==================================================\r\n       OTHER WAYS TO CONNECT\r\n  =================================================== -->\r\n  <section class=\"icm-updates-connect\">\r\n\r\n    <div class=\"icm-updates-container\">\r\n\r\n      <div class=\"icm-updates-heading-row dark\">\r\n\r\n        <div>\r\n\r\n          <span class=\"icm-light-kicker\">\r\n            STAY CONNECTED\r\n          <\/span>\r\n\r\n          <h2>\r\n            MORE WAYS<br>\r\n            TO <strong>ENGAGE.<\/strong>\r\n          <\/h2>\r\n\r\n        <\/div>\r\n\r\n        <p>\r\n          Stay connected to ICM through community participation,\r\n          events and the movement\u2019s digital platforms.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"icm-updates-connect-grid\">\r\n\r\n        <a href=\"\/devsite\/news-media\/\" class=\"icm-updates-connect-card\">\r\n\r\n          <span>01<\/span>\r\n\r\n          <h3>\r\n            NEWS &amp;<br>\r\n            MEDIA\r\n          <\/h3>\r\n\r\n          <p>\r\n            Read statements, watch videos and follow ICM activity.\r\n          <\/p>\r\n\r\n          <strong>\r\n            VIEW NEWS \u2192\r\n          <\/strong>\r\n\r\n        <\/a>\r\n\r\n\r\n        <a href=\"\/devsite\/events\/\" class=\"icm-updates-connect-card\">\r\n\r\n          <span>02<\/span>\r\n\r\n          <h3>\r\n            UPCOMING<br>\r\n            EVENTS\r\n          <\/h3>\r\n\r\n          <p>\r\n            Find community meetings and upcoming engagements.\r\n          <\/p>\r\n\r\n          <strong>\r\n            VIEW EVENTS \u2192\r\n          <\/strong>\r\n\r\n        <\/a>\r\n\r\n\r\n        <a href=\"\/devsite\/wards-candidates\/\" class=\"icm-updates-connect-card\">\r\n\r\n          <span>03<\/span>\r\n\r\n          <h3>\r\n            YOUR<br>\r\n            WARD\r\n          <\/h3>\r\n\r\n          <p>\r\n            Find ward and candidate information.\r\n          <\/p>\r\n\r\n          <strong>\r\n            FIND YOUR WARD \u2192\r\n          <\/strong>\r\n\r\n        <\/a>\r\n\r\n\r\n        <a href=\"\/devsite\/get-involved\/\" class=\"icm-updates-connect-card\">\r\n\r\n          <span>04<\/span>\r\n\r\n          <h3>\r\n            GET<br>\r\n            INVOLVED\r\n          <\/h3>\r\n\r\n          <p>\r\n            Volunteer, participate or become part of the movement.\r\n          <\/p>\r\n\r\n          <strong>\r\n            GET INVOLVED \u2192\r\n          <\/strong>\r\n\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- ==================================================\r\n       FINAL CTA\r\n  =================================================== -->\r\n  <section class=\"icm-updates-final\">\r\n\r\n    <div class=\"icm-updates-container\">\r\n\r\n      <div class=\"icm-updates-final-inner\">\r\n\r\n        <div>\r\n\r\n          <span>\r\n            DON\u2019T MISS WHAT HAPPENS NEXT\r\n          <\/span>\r\n\r\n          <h2>\r\n            STAY INFORMED.<br>\r\n            <strong>STAY INVOLVED.<\/strong>\r\n          <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"icm-updates-final-actions\">\r\n\r\n          <a href=\"#updates-form\" class=\"icm-updates-btn yellow\">\r\n            GET UPDATES \u2192\r\n          <\/a>\r\n\r\n          <a href=\"\/devsite\/get-involved\/\" class=\"icm-updates-btn outline\">\r\n            GET INVOLVED\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\/* ==================================================\r\n   GLOBAL\r\n================================================== *\/\r\n\r\n.icm-updates-page,\r\n.icm-updates-page * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.icm-updates-page {\r\n  width: 100%;\r\n  overflow: hidden;\r\n}\r\n\r\n.icm-updates-container {\r\n  width: 100%;\r\n  max-width: 1500px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.icm-updates-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\/* ==================================================\r\n   BUTTONS\r\n================================================== *\/\r\n\r\n.icm-updates-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-updates-btn.red {\r\n  background: #E31E24;\r\n  color: #fff;\r\n}\r\n\r\n.icm-updates-btn.red:hover {\r\n  background: #008B57;\r\n}\r\n\r\n.icm-updates-btn.yellow {\r\n  background: #F6C900;\r\n  color: #171717;\r\n}\r\n\r\n.icm-updates-btn.yellow:hover {\r\n  background: #008B57;\r\n  color: #fff;\r\n}\r\n\r\n.icm-updates-btn.outline {\r\n  border: 1px solid #666;\r\n  color: #fff;\r\n}\r\n\r\n.icm-updates-btn.outline:hover {\r\n  background: #fff;\r\n  color: #171717;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   HERO\r\n================================================== *\/\r\n\r\n.icm-updates-hero {\r\n  padding: 110px 6%;\r\n\r\n  background: #f5f2ec;\r\n}\r\n\r\n.icm-updates-hero h1 {\r\n  max-width: 1100px;\r\n\r\n  margin: 0;\r\n\r\n  color: #171717;\r\n\r\n  font-size: clamp(66px,6.8vw,108px);\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-updates-hero h1 strong {\r\n  color: #2F4399;\r\n}\r\n\r\n.icm-updates-hero p {\r\n  max-width: 720px;\r\n\r\n  margin: 32px 0;\r\n\r\n  color: #555;\r\n\r\n  font-size: 19px;\r\n\r\n  line-height: 1.75;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   HEADING\r\n================================================== *\/\r\n\r\n.icm-updates-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-updates-heading-row 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-updates-heading-row h2 strong {\r\n  color: #008B57;\r\n}\r\n\r\n.icm-updates-heading-row > p {\r\n  margin: 0;\r\n\r\n  color: #666;\r\n\r\n  font-size: 17px;\r\n\r\n  line-height: 1.75;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   CONTENT\r\n================================================== *\/\r\n\r\n.icm-updates-content {\r\n  padding: 100px 6%;\r\n\r\n  background: #fff;\r\n}\r\n\r\n.icm-updates-card-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  background: #ddd;\r\n}\r\n\r\n.icm-updates-card {\r\n  min-height: 380px;\r\n\r\n  padding: 30px;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  justify-content: space-between;\r\n}\r\n\r\n.icm-updates-card.yellow {\r\n  background: #F6C900;\r\n\r\n  color: #171717;\r\n}\r\n\r\n.icm-updates-card.blue {\r\n  background: #2F4399;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-updates-card.green {\r\n  background: #008B57;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-updates-card.red {\r\n  background: #E31E24;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-updates-card > span {\r\n  font-size: 38px;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n.icm-updates-card small {\r\n  display: block;\r\n\r\n  margin-bottom: 12px;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 1.6px;\r\n\r\n  opacity: .8;\r\n}\r\n\r\n.icm-updates-card h3 {\r\n  margin: 0;\r\n\r\n  font-size: 28px;\r\n\r\n  line-height: 1.05;\r\n}\r\n\r\n.icm-updates-card p {\r\n  margin: 18px 0 0;\r\n\r\n  font-size: 14px;\r\n\r\n  line-height: 1.65;\r\n\r\n  opacity: .88;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   FORM SECTION\r\n================================================== *\/\r\n\r\n.icm-updates-form-section {\r\n  padding: 110px 6%;\r\n\r\n  background: #171717;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-updates-form-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    .8fr\r\n    1.2fr;\r\n\r\n  gap: 90px;\r\n\r\n  align-items: start;\r\n}\r\n\r\n.icm-updates-form-intro h2 {\r\n  margin: 0;\r\n\r\n  color: #fff;\r\n\r\n  font-size: clamp(50px,5vw,80px);\r\n\r\n  line-height: .93;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: -3px;\r\n}\r\n\r\n.icm-updates-form-intro h2 strong {\r\n  color: #F6C900;\r\n}\r\n\r\n.icm-updates-form-intro > p {\r\n  max-width: 560px;\r\n\r\n  margin-top: 28px;\r\n\r\n  color: #bbb;\r\n\r\n  font-size: 17px;\r\n\r\n  line-height: 1.75;\r\n}\r\n\r\n.icm-updates-note {\r\n  margin-top: 40px;\r\n\r\n  padding: 28px;\r\n\r\n  border-left: 4px solid #008B57;\r\n\r\n  background: #222;\r\n}\r\n\r\n.icm-updates-note span {\r\n  color: #F6C900;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.icm-updates-note p {\r\n  margin: 12px 0 0;\r\n\r\n  color: #aaa;\r\n\r\n  font-size: 13px;\r\n\r\n  line-height: 1.65;\r\n}\r\n\r\n\r\n\/* FORM *\/\r\n\r\n.icm-updates-form {\r\n  padding: 42px;\r\n\r\n  background: #f5f2ec;\r\n\r\n  color: #171717;\r\n}\r\n\r\n.icm-updates-form-two {\r\n  display: grid;\r\n\r\n  grid-template-columns: 1fr 1fr;\r\n\r\n  gap: 18px;\r\n}\r\n\r\n.icm-updates-field {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.icm-updates-field > label {\r\n  display: block;\r\n\r\n  margin-bottom: 9px;\r\n\r\n  color: #171717;\r\n\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-updates-field input,\r\n.icm-updates-field select {\r\n  width: 100%;\r\n\r\n  min-height: 55px;\r\n\r\n  padding: 0 15px;\r\n\r\n  border: 1px solid #d4d4d4;\r\n\r\n  border-radius: 0;\r\n\r\n  background: #fff;\r\n\r\n  color: #171717;\r\n\r\n  font-family: inherit;\r\n\r\n  font-size: 15px;\r\n\r\n  outline: none;\r\n}\r\n\r\n.icm-updates-field input:focus,\r\n.icm-updates-field select:focus {\r\n  border-color: #2F4399;\r\n}\r\n\r\n\r\n\/* CHECKBOX OPTIONS *\/\r\n\r\n.icm-update-options {\r\n  display: grid;\r\n\r\n  grid-template-columns: 1fr 1fr;\r\n\r\n  gap: 10px;\r\n}\r\n\r\n.icm-update-options label {\r\n  min-height: 58px;\r\n\r\n  padding: 14px;\r\n\r\n  border: 1px solid #d6d6d6;\r\n\r\n  background: #fff;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 10px;\r\n\r\n  cursor: pointer;\r\n\r\n  font-size: 13px;\r\n\r\n  line-height: 1.4;\r\n}\r\n\r\n.icm-update-options input {\r\n  width: auto;\r\n\r\n  min-height: auto;\r\n}\r\n\r\n\r\n\/* CONSENT *\/\r\n\r\n.icm-updates-consent {\r\n  display: flex;\r\n\r\n  align-items: flex-start;\r\n\r\n  gap: 12px;\r\n\r\n  margin: 8px 0 25px;\r\n\r\n  color: #555;\r\n\r\n  font-size: 12px;\r\n\r\n  line-height: 1.55;\r\n}\r\n\r\n.icm-updates-consent input {\r\n  margin-top: 3px;\r\n}\r\n\r\n\r\n\/* SUBMIT *\/\r\n\r\n.icm-updates-submit {\r\n  min-height: 56px;\r\n\r\n  padding: 0 28px;\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  transition: .25s ease;\r\n}\r\n\r\n.icm-updates-submit:hover {\r\n  background: #008B57;\r\n}\r\n\r\n.icm-updates-form-response {\r\n  margin-top: 16px;\r\n\r\n  color: #008B57;\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 600;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   CONNECT\r\n================================================== *\/\r\n\r\n.icm-updates-connect {\r\n  padding: 100px 6%;\r\n\r\n  background: #2F4399;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-updates-heading-row.dark h2 {\r\n  color: #fff;\r\n}\r\n\r\n.icm-updates-heading-row.dark h2 strong {\r\n  color: #F6C900;\r\n}\r\n\r\n.icm-updates-heading-row.dark > p {\r\n  color: rgba(255,255,255,.75);\r\n}\r\n\r\n.icm-updates-connect-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  background: rgba(255,255,255,.22);\r\n}\r\n\r\n.icm-updates-connect-card {\r\n  min-height: 360px;\r\n\r\n  padding: 30px;\r\n\r\n  background: rgba(0,0,0,.14);\r\n\r\n  color: #fff;\r\n\r\n  text-decoration: none;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  transition: .25s ease;\r\n}\r\n\r\n.icm-updates-connect-card:hover {\r\n  background: rgba(0,0,0,.28);\r\n}\r\n\r\n.icm-updates-connect-card > span {\r\n  color: #F6C900;\r\n\r\n  font-size: 34px;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n.icm-updates-connect-card h3 {\r\n  margin: 65px 0 18px;\r\n\r\n  font-size: 26px;\r\n\r\n  line-height: 1.05;\r\n}\r\n\r\n.icm-updates-connect-card p {\r\n  margin: 0 0 25px;\r\n\r\n  color: rgba(255,255,255,.8);\r\n\r\n  font-size: 14px;\r\n\r\n  line-height: 1.65;\r\n}\r\n\r\n.icm-updates-connect-card strong {\r\n  margin-top: auto;\r\n\r\n  font-size: 10px;\r\n\r\n  letter-spacing: 1px;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   FINAL\r\n================================================== *\/\r\n\r\n.icm-updates-final {\r\n  padding: 85px 6%;\r\n\r\n  background: #171717;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-updates-final-inner {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  gap: 50px;\r\n}\r\n\r\n.icm-updates-final-inner > div > span {\r\n  display: block;\r\n\r\n  margin-bottom: 14px;\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: 2px;\r\n}\r\n\r\n.icm-updates-final 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-updates-final h2 strong {\r\n  color: #E31E24;\r\n}\r\n\r\n.icm-updates-final-actions {\r\n  display: flex;\r\n\r\n  flex-wrap: wrap;\r\n\r\n  gap: 12px;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   TABLET\r\n================================================== *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n  .icm-updates-hero,\r\n  .icm-updates-content,\r\n  .icm-updates-form-section,\r\n  .icm-updates-connect,\r\n  .icm-updates-final {\r\n    padding-left: 35px;\r\n    padding-right: 35px;\r\n  }\r\n\r\n  .icm-updates-heading-row,\r\n  .icm-updates-form-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .icm-updates-card-grid,\r\n  .icm-updates-connect-grid {\r\n    grid-template-columns: repeat(2,1fr);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   MOBILE\r\n================================================== *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n  .icm-updates-hero,\r\n  .icm-updates-content,\r\n  .icm-updates-form-section,\r\n  .icm-updates-connect,\r\n  .icm-updates-final {\r\n    padding: 65px 20px;\r\n  }\r\n\r\n  .icm-updates-hero h1 {\r\n    font-size: 48px;\r\n\r\n    letter-spacing: -3px;\r\n  }\r\n\r\n  .icm-updates-card-grid,\r\n  .icm-updates-connect-grid,\r\n  .icm-updates-form-two,\r\n  .icm-update-options {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .icm-updates-form {\r\n    padding: 25px;\r\n  }\r\n\r\n  .icm-updates-final-inner {\r\n    flex-direction: column;\r\n\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .icm-updates-final-actions {\r\n    width: 100%;\r\n\r\n    flex-direction: column;\r\n  }\r\n\r\n  .icm-updates-btn,\r\n  .icm-updates-submit {\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 form =\r\n    document.getElementById('icmUpdatesForm');\r\n\r\n  const response =\r\n    document.getElementById('icmUpdatesResponse');\r\n\r\n  if (!form || !response) return;\r\n\r\n\r\n  form.addEventListener('submit', function(event) {\r\n\r\n    event.preventDefault();\r\n\r\n    response.textContent =\r\n      'Thank you. The update subscription form is currently in preview mode and will be connected to the live subscriber system before launch.';\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>GET ICM UPDATES STAY INFORMED. STAY INVOLVED. STAY CONNECTED. Receive important ICM news, community updates, events, public engagements and campaign information directly. SIGN UP FOR UPDATES \u2192 STAY UP TO DATE KNOW WHAT\u2019S HAPPENING. Choose to receive relevant information about ICM activities, community engagements and important campaign updates. 01 NEWS ICM UPDATES News, announcements and [&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-227","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/pages\/227","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=227"}],"version-history":[{"count":4,"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/pages\/227\/revisions"}],"predecessor-version":[{"id":231,"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/pages\/227\/revisions\/231"}],"wp:attachment":[{"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/media?parent=227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}