{"id":199,"date":"2026-10-14T22:03:37","date_gmt":"2026-10-14T20:03:37","guid":{"rendered":"https:\/\/independentcitizenmovement.co.za\/devsite\/?page_id=199"},"modified":"2026-10-14T22:06:38","modified_gmt":"2026-10-14T20:06:38","slug":"events","status":"publish","type":"page","link":"https:\/\/independentcitizenmovement.co.za\/devsite\/events\/","title":{"rendered":"Events"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"199\" class=\"elementor elementor-199\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d2b44d e-con e-atomic-element e-flexbox-base e-default-div e-e14f054 \" data-id=\"8d2b44d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8d2b44d\">\n    \t\t<div class=\"elementor-element elementor-element-ab10967 elementor-widget elementor-widget-html\" data-id=\"ab10967\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"icm-events-page\">\r\n\r\n  <!-- HERO -->\r\n  <section class=\"icm-events-hero\">\r\n\r\n    <div class=\"icm-events-container\">\r\n\r\n      <span class=\"icm-events-kicker\">\r\n        EVENTS\r\n      <\/span>\r\n\r\n      <h1>\r\n        MEET.<br>\r\n        LISTEN.<br>\r\n        <strong>ENGAGE.<\/strong>\r\n      <\/h1>\r\n\r\n      <p>\r\n        Follow upcoming ICM community meetings, public engagements,\r\n        campaign activities and events across Ekurhuleni.\r\n      <\/p>\r\n\r\n      <a href=\"#upcoming-events\" class=\"icm-events-btn red\">\r\n        VIEW UPCOMING EVENTS \u2192\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- FEATURED EVENT -->\r\n  <section class=\"icm-featured-event\">\r\n\r\n    <div class=\"icm-events-container\">\r\n\r\n      <div class=\"icm-featured-event-grid\">\r\n\r\n        <div class=\"icm-event-date-block\">\r\n\r\n          <span class=\"icm-event-month\">\r\n            NEXT EVENT\r\n          <\/span>\r\n\r\n          <strong>\u2014<\/strong>\r\n\r\n          <small>\r\n            DATE TO BE CONFIRMED\r\n          <\/small>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"icm-featured-event-copy\">\r\n\r\n          <span class=\"icm-events-kicker\">\r\n            FEATURED EVENT\r\n          <\/span>\r\n\r\n          <h2>\r\n            COMMUNITY<br>\r\n            <strong>ENGAGEMENT.<\/strong>\r\n          <\/h2>\r\n\r\n          <p>\r\n            Upcoming featured community engagements and public meetings\r\n            will be published here once event details are confirmed.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"icm-event-details\">\r\n\r\n            <div>\r\n              <span>DATE<\/span>\r\n              <strong>To be confirmed<\/strong>\r\n            <\/div>\r\n\r\n            <div>\r\n              <span>TIME<\/span>\r\n              <strong>To be confirmed<\/strong>\r\n            <\/div>\r\n\r\n            <div>\r\n              <span>VENUE<\/span>\r\n              <strong>To be confirmed<\/strong>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <a href=\"#\" class=\"icm-events-btn red\">\r\n            EVENT DETAILS \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  <!-- UPCOMING EVENTS -->\r\n  <section class=\"icm-upcoming-events\" id=\"upcoming-events\">\r\n\r\n    <div class=\"icm-events-container\">\r\n\r\n      <div class=\"icm-events-heading-row\">\r\n\r\n        <div>\r\n\r\n          <span class=\"icm-light-kicker\">\r\n            UPCOMING\r\n          <\/span>\r\n\r\n          <h2>\r\n            WHAT\u2019S<br>\r\n            <strong>HAPPENING NEXT.<\/strong>\r\n          <\/h2>\r\n\r\n        <\/div>\r\n\r\n        <p>\r\n          Community meetings, public engagements, campaign activities\r\n          and other ICM events will be listed here.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"icm-event-list\">\r\n\r\n        <!-- EVENT 1 -->\r\n        <article class=\"icm-event-row\">\r\n\r\n          <div class=\"icm-event-row-date\">\r\n\r\n            <span>DATE<\/span>\r\n\r\n            <strong>\u2014<\/strong>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"icm-event-row-main\">\r\n\r\n            <span>COMMUNITY ENGAGEMENT<\/span>\r\n\r\n            <h3>\r\n              Upcoming ICM Community Meeting\r\n            <\/h3>\r\n\r\n            <p>\r\n              Event information will be added once confirmed.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"icm-event-row-location\">\r\n\r\n            <span>LOCATION<\/span>\r\n\r\n            <strong>\r\n              Ekurhuleni\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"icm-event-row-action\">\r\n            <a href=\"#\">\r\n              \u2192\r\n            <\/a>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- EVENT 2 -->\r\n        <article class=\"icm-event-row\">\r\n\r\n          <div class=\"icm-event-row-date\">\r\n\r\n            <span>DATE<\/span>\r\n\r\n            <strong>\u2014<\/strong>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"icm-event-row-main\">\r\n\r\n            <span>WARD ACTIVITY<\/span>\r\n\r\n            <h3>\r\n              Ward Community Engagement\r\n            <\/h3>\r\n\r\n            <p>\r\n              Ward-based meetings and activities will appear here.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"icm-event-row-location\">\r\n\r\n            <span>LOCATION<\/span>\r\n\r\n            <strong>\r\n              To be confirmed\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"icm-event-row-action\">\r\n            <a href=\"#\">\r\n              \u2192\r\n            <\/a>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- EVENT 3 -->\r\n        <article class=\"icm-event-row\">\r\n\r\n          <div class=\"icm-event-row-date\">\r\n\r\n            <span>DATE<\/span>\r\n\r\n            <strong>\u2014<\/strong>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"icm-event-row-main\">\r\n\r\n            <span>PUBLIC ENGAGEMENT<\/span>\r\n\r\n            <h3>\r\n              ICM Public Engagement\r\n            <\/h3>\r\n\r\n            <p>\r\n              Public discussions and community engagements will appear here.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"icm-event-row-location\">\r\n\r\n            <span>LOCATION<\/span>\r\n\r\n            <strong>\r\n              To be confirmed\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"icm-event-row-action\">\r\n            <a href=\"#\">\r\n              \u2192\r\n            <\/a>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- EVENT TYPES -->\r\n  <section class=\"icm-event-types\">\r\n\r\n    <div class=\"icm-events-container\">\r\n\r\n      <span class=\"icm-events-kicker\">\r\n        GET INVOLVED\r\n      <\/span>\r\n\r\n      <h2>\r\n        DIFFERENT WAYS<br>\r\n        TO <strong>PARTICIPATE.<\/strong>\r\n      <\/h2>\r\n\r\n\r\n      <div class=\"icm-event-type-grid\">\r\n\r\n        <div class=\"icm-event-type-card yellow\">\r\n\r\n          <span>01<\/span>\r\n\r\n          <h3>\r\n            COMMUNITY<br>\r\n            MEETINGS\r\n          <\/h3>\r\n\r\n          <p>\r\n            Local engagements focused on community concerns,\r\n            priorities and participation.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"icm-event-type-card blue\">\r\n\r\n          <span>02<\/span>\r\n\r\n          <h3>\r\n            WARD<br>\r\n            ENGAGEMENTS\r\n          <\/h3>\r\n\r\n          <p>\r\n            Ward-based activities connecting residents with\r\n            local candidates and representatives.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"icm-event-type-card green\">\r\n\r\n          <span>03<\/span>\r\n\r\n          <h3>\r\n            PUBLIC<br>\r\n            DISCUSSIONS\r\n          <\/h3>\r\n\r\n          <p>\r\n            Conversations, Q&amp;A sessions and public engagements\r\n            on issues affecting Ekurhuleni.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"icm-event-type-card red\">\r\n\r\n          <span>04<\/span>\r\n\r\n          <h3>\r\n            CAMPAIGN<br>\r\n            ACTIVITIES\r\n          <\/h3>\r\n\r\n          <p>\r\n            Campaign launches, volunteer activities and\r\n            voter engagement initiatives.\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  <!-- PAST EVENTS -->\r\n  <section class=\"icm-past-events\">\r\n\r\n    <div class=\"icm-events-container\">\r\n\r\n      <div class=\"icm-events-heading-row light-heading\">\r\n\r\n        <div>\r\n\r\n          <span class=\"icm-light-kicker\">\r\n            PAST EVENTS\r\n          <\/span>\r\n\r\n          <h2>\r\n            WHERE WE\u2019VE<br>\r\n            <strong>BEEN.<\/strong>\r\n          <\/h2>\r\n\r\n        <\/div>\r\n\r\n        <p>\r\n          Previous community engagements, meetings and events can be\r\n          archived here with photographs and video coverage.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"icm-past-grid\">\r\n\r\n        <article class=\"icm-past-card\">\r\n\r\n          <div class=\"icm-past-card-media\">\r\n            <span>EVENT<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"icm-past-card-copy\">\r\n\r\n            <small>COMMUNITY<\/small>\r\n\r\n            <h3>\r\n              Past Community Engagement\r\n            <\/h3>\r\n\r\n            <p>\r\n              Event photographs, videos and highlights can be added here.\r\n            <\/p>\r\n\r\n            <a href=\"#\">\r\n              VIEW EVENT \u2192\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <article class=\"icm-past-card\">\r\n\r\n          <div class=\"icm-past-card-media blue\">\r\n            <span>ICM<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"icm-past-card-copy\">\r\n\r\n            <small>PUBLIC ENGAGEMENT<\/small>\r\n\r\n            <h3>\r\n              Public Meeting &amp; Discussion\r\n            <\/h3>\r\n\r\n            <p>\r\n              Previous public meetings and leadership engagements.\r\n            <\/p>\r\n\r\n            <a href=\"#\">\r\n              VIEW EVENT \u2192\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <article class=\"icm-past-card\">\r\n\r\n          <div class=\"icm-past-card-media green\">\r\n            <span>WARD<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"icm-past-card-copy\">\r\n\r\n            <small>WARD ACTIVITY<\/small>\r\n\r\n            <h3>\r\n              Local Ward Engagement\r\n            <\/h3>\r\n\r\n            <p>\r\n              Ward-based community activity and engagement coverage.\r\n            <\/p>\r\n\r\n            <a href=\"#\">\r\n              VIEW EVENT \u2192\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- HOST \/ INVITE ICM -->\r\n  <section class=\"icm-host-event\">\r\n\r\n    <div class=\"icm-events-container\">\r\n\r\n      <div class=\"icm-host-grid\">\r\n\r\n        <div>\r\n\r\n          <span class=\"icm-events-kicker\">\r\n            CONNECT WITH ICM\r\n          <\/span>\r\n\r\n          <h2>\r\n            HOST A<br>\r\n            COMMUNITY<br>\r\n            <strong>ENGAGEMENT.<\/strong>\r\n          <\/h2>\r\n\r\n          <p>\r\n            Communities, organisations and stakeholders can contact ICM\r\n            regarding public engagements, community meetings and\r\n            participation opportunities.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"icm-host-card\">\r\n\r\n          <span>\r\n            EVENT ENQUIRIES\r\n          <\/span>\r\n\r\n          <h3>\r\n            GET IN TOUCH\r\n          <\/h3>\r\n\r\n          <p>\r\n            Contact ICM regarding event information, community engagements\r\n            and participation.\r\n          <\/p>\r\n\r\n          <a href=\"\/devsite\/contact\/\" class=\"icm-events-btn red\">\r\n            CONTACT ICM \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  <!-- FINAL CTA -->\r\n  <section class=\"icm-events-cta\">\r\n\r\n    <div class=\"icm-events-container\">\r\n\r\n      <div class=\"icm-events-cta-inner\">\r\n\r\n        <div>\r\n\r\n          <span>\r\n            STAY CONNECTED\r\n          <\/span>\r\n\r\n          <h2>\r\n            KNOW WHAT\u2019S<br>\r\n            <strong>HAPPENING NEXT.<\/strong>\r\n          <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"icm-events-cta-actions\">\r\n\r\n          <a\r\n            href=\"\/devsite\/get-updates\/\"\r\n            class=\"icm-events-btn yellow\">\r\n            GET ICM UPDATES \u2192\r\n          <\/a>\r\n\r\n          <a\r\n            href=\"\/devsite\/volunteer\/\"\r\n            class=\"icm-events-btn outline\">\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\/* ==================================================\r\n   GLOBAL\r\n================================================== *\/\r\n\r\n.icm-events-page,\r\n.icm-events-page * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.icm-events-page {\r\n  width: 100%;\r\n  overflow: hidden;\r\n}\r\n\r\n.icm-events-container {\r\n  width: 100%;\r\n  max-width: 1500px;\r\n\r\n  margin: 0 auto;\r\n}\r\n\r\n.icm-events-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-events-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-events-btn.red {\r\n  background: #E31E24;\r\n\r\n  color: #ffffff;\r\n}\r\n\r\n.icm-events-btn.red:hover {\r\n  background: #008B57;\r\n}\r\n\r\n.icm-events-btn.yellow {\r\n  background: #F6C900;\r\n\r\n  color: #171717;\r\n}\r\n\r\n.icm-events-btn.yellow:hover {\r\n  background: #008B57;\r\n\r\n  color: #ffffff;\r\n}\r\n\r\n.icm-events-btn.outline {\r\n  border: 1px solid #666;\r\n\r\n  color: #ffffff;\r\n}\r\n\r\n.icm-events-btn.outline:hover {\r\n  background: #ffffff;\r\n\r\n  color: #171717;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   HERO\r\n================================================== *\/\r\n\r\n.icm-events-hero {\r\n  padding: 110px 6%;\r\n\r\n  background: #f5f2ec;\r\n}\r\n\r\n.icm-events-hero h1 {\r\n  max-width: 1000px;\r\n\r\n  margin: 0;\r\n\r\n  color: #171717;\r\n\r\n  font-size: clamp(68px,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-events-hero h1 strong {\r\n  color: #008B57;\r\n}\r\n\r\n.icm-events-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\/* ==================================================\r\n   FEATURED EVENT\r\n================================================== *\/\r\n\r\n.icm-featured-event {\r\n  padding: 100px 6%;\r\n\r\n  background: #ffffff;\r\n}\r\n\r\n.icm-featured-event-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    .65fr\r\n    1.35fr;\r\n\r\n  gap: 70px;\r\n\r\n  align-items: stretch;\r\n}\r\n\r\n.icm-event-date-block {\r\n  min-height: 500px;\r\n\r\n  padding: 40px;\r\n\r\n  background: #171717;\r\n\r\n  color: #fff;\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-event-month {\r\n  color: #F6C900;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.icm-event-date-block > strong {\r\n  color: #ffffff;\r\n\r\n  font-size: clamp(110px,12vw,180px);\r\n\r\n  line-height: .8;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n.icm-event-date-block small {\r\n  color: #999;\r\n\r\n  font-size: 11px;\r\n\r\n  letter-spacing: 1px;\r\n}\r\n\r\n\r\n.icm-featured-event-copy {\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  justify-content: center;\r\n}\r\n\r\n.icm-featured-event-copy h2,\r\n.icm-host-grid 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-featured-event-copy h2 strong,\r\n.icm-host-grid h2 strong {\r\n  color: #2F4399;\r\n}\r\n\r\n.icm-featured-event-copy > p,\r\n.icm-host-grid > div > p {\r\n  max-width: 650px;\r\n\r\n  margin: 25px 0 30px;\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\r\n\/* EVENT DETAILS *\/\r\n\r\n.icm-event-details {\r\n  display: grid;\r\n\r\n  grid-template-columns: repeat(3,1fr);\r\n\r\n  gap: 1px;\r\n\r\n  margin-bottom: 30px;\r\n\r\n  background: #ddd;\r\n}\r\n\r\n.icm-event-details > div {\r\n  padding: 20px;\r\n\r\n  background: #f5f2ec;\r\n}\r\n\r\n.icm-event-details 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-event-details strong {\r\n  font-size: 14px;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   HEADING ROW\r\n================================================== *\/\r\n\r\n.icm-events-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-events-heading-row h2 {\r\n  margin: 0;\r\n\r\n  color: #ffffff;\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-events-heading-row h2 strong {\r\n  color: #F6C900;\r\n}\r\n\r\n.icm-events-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\r\n\/* ==================================================\r\n   UPCOMING EVENTS\r\n================================================== *\/\r\n\r\n.icm-upcoming-events {\r\n  padding: 100px 6%;\r\n\r\n  background: #171717;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-event-list {\r\n  border-top: 1px solid #444;\r\n}\r\n\r\n.icm-event-row {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    120px\r\n    1fr\r\n    220px\r\n    60px;\r\n\r\n  gap: 30px;\r\n\r\n  align-items: center;\r\n\r\n  padding: 28px 0;\r\n\r\n  border-bottom: 1px solid #444;\r\n\r\n  transition: .25s ease;\r\n}\r\n\r\n.icm-event-row:hover {\r\n  padding-left: 18px;\r\n\r\n  background: #202020;\r\n}\r\n\r\n.icm-event-row-date span,\r\n.icm-event-row-main > span,\r\n.icm-event-row-location span {\r\n  display: block;\r\n\r\n  color: #F6C900;\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-event-row-date strong {\r\n  display: block;\r\n\r\n  margin-top: 6px;\r\n\r\n  font-size: 24px;\r\n}\r\n\r\n.icm-event-row-main h3 {\r\n  margin: 7px 0;\r\n\r\n  color: #fff;\r\n\r\n  font-size: 21px;\r\n}\r\n\r\n.icm-event-row-main p {\r\n  margin: 0;\r\n\r\n  color: #999;\r\n\r\n  font-size: 13px;\r\n}\r\n\r\n.icm-event-row-location strong {\r\n  display: block;\r\n\r\n  margin-top: 7px;\r\n\r\n  color: #fff;\r\n\r\n  font-size: 14px;\r\n}\r\n\r\n.icm-event-row-action a {\r\n  color: #fff;\r\n\r\n  font-size: 25px;\r\n\r\n  text-decoration: none;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   EVENT TYPES\r\n================================================== *\/\r\n\r\n.icm-event-types {\r\n  padding: 100px 6%;\r\n\r\n  background: #ffffff;\r\n}\r\n\r\n.icm-event-types 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-event-types h2 strong {\r\n  color: #E31E24;\r\n}\r\n\r\n.icm-event-type-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: 55px;\r\n\r\n  background: #ddd;\r\n}\r\n\r\n.icm-event-type-card {\r\n  min-height: 370px;\r\n\r\n  padding: 30px;\r\n\r\n  color: #fff;\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-event-type-card.yellow {\r\n  background: #F6C900;\r\n\r\n  color: #171717;\r\n}\r\n\r\n.icm-event-type-card.blue {\r\n  background: #2F4399;\r\n}\r\n\r\n.icm-event-type-card.green {\r\n  background: #008B57;\r\n}\r\n\r\n.icm-event-type-card.red {\r\n  background: #E31E24;\r\n}\r\n\r\n.icm-event-type-card > span {\r\n  font-size: 34px;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n.icm-event-type-card h3 {\r\n  margin: auto 0 20px;\r\n\r\n  font-size: 28px;\r\n\r\n  line-height: 1.05;\r\n}\r\n\r\n.icm-event-type-card p {\r\n  margin: 0;\r\n\r\n  font-size: 14px;\r\n\r\n  line-height: 1.7;\r\n\r\n  opacity: .9;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   PAST EVENTS\r\n================================================== *\/\r\n\r\n.icm-past-events {\r\n  padding: 100px 6%;\r\n\r\n  background: #2F4399;\r\n\r\n  color: #ffffff;\r\n}\r\n\r\n.icm-past-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns: repeat(3,1fr);\r\n\r\n  gap: 20px;\r\n}\r\n\r\n.icm-past-card {\r\n  background: #ffffff;\r\n\r\n  color: #171717;\r\n}\r\n\r\n.icm-past-card-media {\r\n  height: 220px;\r\n\r\n  background: #F6C900;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  color: #171717;\r\n\r\n  font-size: 45px;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n.icm-past-card-media.blue {\r\n  background: #171717;\r\n\r\n  color: #ffffff;\r\n}\r\n\r\n.icm-past-card-media.green {\r\n  background: #008B57;\r\n\r\n  color: #ffffff;\r\n}\r\n\r\n.icm-past-card-copy {\r\n  padding: 28px;\r\n}\r\n\r\n.icm-past-card-copy small {\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-past-card-copy h3 {\r\n  margin: 16px 0;\r\n\r\n  font-size: 21px;\r\n\r\n  line-height: 1.2;\r\n}\r\n\r\n.icm-past-card-copy p {\r\n  color: #666;\r\n\r\n  font-size: 14px;\r\n\r\n  line-height: 1.7;\r\n}\r\n\r\n.icm-past-card-copy a {\r\n  display: inline-block;\r\n\r\n  margin-top: 10px;\r\n\r\n  color: #171717;\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 700;\r\n\r\n  text-decoration: none;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   HOST EVENT\r\n================================================== *\/\r\n\r\n.icm-host-event {\r\n  padding: 100px 6%;\r\n\r\n  background: #f5f2ec;\r\n}\r\n\r\n.icm-host-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1.1fr\r\n    .9fr;\r\n\r\n  gap: 80px;\r\n\r\n  align-items: center;\r\n}\r\n\r\n.icm-host-card {\r\n  padding: 40px;\r\n\r\n  background: #171717;\r\n\r\n  color: #ffffff;\r\n}\r\n\r\n.icm-host-card > span {\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-host-card h3 {\r\n  margin: 30px 0 15px;\r\n\r\n  font-size: 34px;\r\n}\r\n\r\n.icm-host-card p {\r\n  margin: 0 0 28px;\r\n\r\n  color: #bbb;\r\n\r\n  font-size: 15px;\r\n\r\n  line-height: 1.7;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   CTA\r\n================================================== *\/\r\n\r\n.icm-events-cta {\r\n  padding: 85px 6%;\r\n\r\n  background: #171717;\r\n\r\n  color: #ffffff;\r\n}\r\n\r\n.icm-events-cta-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-events-cta-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-events-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-events-cta h2 strong {\r\n  color: #E31E24;\r\n}\r\n\r\n.icm-events-cta-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-events-hero,\r\n  .icm-featured-event,\r\n  .icm-upcoming-events,\r\n  .icm-event-types,\r\n  .icm-past-events,\r\n  .icm-host-event,\r\n  .icm-events-cta {\r\n    padding-left: 35px;\r\n    padding-right: 35px;\r\n  }\r\n\r\n  .icm-featured-event-grid,\r\n  .icm-events-heading-row,\r\n  .icm-host-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .icm-event-type-grid {\r\n    grid-template-columns: repeat(2,1fr);\r\n  }\r\n\r\n  .icm-past-grid {\r\n    grid-template-columns: repeat(2,1fr);\r\n  }\r\n\r\n  .icm-event-row {\r\n    grid-template-columns:\r\n      100px\r\n      1fr\r\n      160px;\r\n  }\r\n\r\n  .icm-event-row-action {\r\n    display: none;\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-events-hero,\r\n  .icm-featured-event,\r\n  .icm-upcoming-events,\r\n  .icm-event-types,\r\n  .icm-past-events,\r\n  .icm-host-event,\r\n  .icm-events-cta {\r\n    padding: 65px 20px;\r\n  }\r\n\r\n  .icm-events-hero h1 {\r\n    font-size: 52px;\r\n\r\n    letter-spacing: -3px;\r\n  }\r\n\r\n  .icm-event-details {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .icm-event-row {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 15px;\r\n  }\r\n\r\n  .icm-event-type-grid,\r\n  .icm-past-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .icm-event-date-block {\r\n    min-height: 380px;\r\n  }\r\n\r\n  .icm-events-cta-inner {\r\n    flex-direction: column;\r\n\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .icm-events-cta-actions {\r\n    width: 100%;\r\n\r\n    flex-direction: column;\r\n  }\r\n\r\n  .icm-events-btn {\r\n    width: 100%;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>EVENTS MEET. LISTEN. ENGAGE. Follow upcoming ICM community meetings, public engagements, campaign activities and events across Ekurhuleni. VIEW UPCOMING EVENTS \u2192 NEXT EVENT \u2014 DATE TO BE CONFIRMED FEATURED EVENT COMMUNITY ENGAGEMENT. Upcoming featured community engagements and public meetings will be published here once event details are confirmed. DATE To be confirmed TIME To be [&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-199","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/pages\/199","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=199"}],"version-history":[{"count":4,"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/pages\/199\/revisions"}],"predecessor-version":[{"id":203,"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/pages\/199\/revisions\/203"}],"wp:attachment":[{"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/media?parent=199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}