{"id":243,"date":"2026-10-14T23:24:32","date_gmt":"2026-10-14T21:24:32","guid":{"rendered":"https:\/\/independentcitizenmovement.co.za\/devsite\/?page_id=243"},"modified":"2026-10-14T23:28:30","modified_gmt":"2026-10-14T21:28:30","slug":"our-logo","status":"publish","type":"page","link":"https:\/\/independentcitizenmovement.co.za\/devsite\/our-logo\/","title":{"rendered":"Our Logo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"243\" class=\"elementor elementor-243\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12562a1 e-con e-atomic-element e-flexbox-base e-default-div e-e9c0378 \" data-id=\"12562a1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"12562a1\">\n    \t\t<div class=\"elementor-element elementor-element-c8ab4c5 elementor-widget elementor-widget-html\" data-id=\"c8ab4c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"icm-logo-page\">\r\n\r\n  <!-- ==================================================\r\n       HERO\r\n  =================================================== -->\r\n  <section class=\"icm-logo-hero\">\r\n\r\n    <div class=\"icm-logo-container\">\r\n\r\n      <span class=\"icm-logo-kicker\">\r\n        ABOUT ICM\r\n      <\/span>\r\n\r\n      <h1>\r\n        FOUR COLOURS.<br>\r\n        ONE PEOPLE.<br>\r\n        <strong>ONE PURPOSE.<\/strong>\r\n      <\/h1>\r\n\r\n      <p>\r\n        The ICM logo represents individuality, unity, independent\r\n        thinking and the shared responsibility of citizens working\r\n        together for the future of South Africa.\r\n      <\/p>\r\n\r\n      <a href=\"#logo-story\" class=\"icm-logo-btn red\">\r\n        DISCOVER THE LOGO \u2192\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- ==================================================\r\n       LOGO STORY\r\n  =================================================== -->\r\n  <section class=\"icm-logo-story\" id=\"logo-story\">\r\n\r\n    <div class=\"icm-logo-container\">\r\n\r\n      <div class=\"icm-logo-story-grid\">\r\n\r\n        <!-- LOGO -->\r\n        <div class=\"icm-logo-visual\">\r\n\r\n          <div class=\"icm-logo-image-wrap\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-content\/uploads\/2026\/10\/ICM-Logo-1024x724-1.png\"\r\n              alt=\"Independent Citizens Movement Logo\">\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- COPY -->\r\n        <div class=\"icm-logo-story-copy\">\r\n\r\n          <span class=\"icm-logo-kicker\">\r\n            THE ICM LOGO\r\n          <\/span>\r\n\r\n          <h2>\r\n            INDIVIDUALITY<br>\r\n            AND <strong>TOGETHERNESS.<\/strong>\r\n          <\/h2>\r\n\r\n          <p class=\"icm-logo-lead\">\r\n            The ICM logo uses South African flag colours in the shape\r\n            of a human head, representing individuality and yet\r\n            togetherness - Ubuntu.\r\n          <\/p>\r\n\r\n          <p>\r\n            The national flag is central to the identity of the logo,\r\n            reinforcing the values of the country and reflecting ICM\u2019s\r\n            goal of contributing towards a South Africa that serves\r\n            all its people.\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  <!-- ==================================================\r\n       FOUR COLOURS\r\n  =================================================== -->\r\n  <section class=\"icm-logo-colours\">\r\n\r\n    <div class=\"icm-logo-container\">\r\n\r\n      <div class=\"icm-logo-heading-row\">\r\n\r\n        <div>\r\n\r\n          <span class=\"icm-light-kicker\">\r\n            THE FOUR COLOURS\r\n          <\/span>\r\n\r\n          <h2>\r\n            EVERY COLOUR<br>\r\n            <strong>HAS MEANING.<\/strong>\r\n          <\/h2>\r\n\r\n        <\/div>\r\n\r\n        <p>\r\n          The colours reflect different parts of South Africa\u2019s story -\r\n          its land, its wealth, its past and its future.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"icm-colour-grid\">\r\n\r\n        <!-- GREEN -->\r\n        <div class=\"icm-colour-card green\">\r\n\r\n          <span class=\"icm-colour-number\">\r\n            01\r\n          <\/span>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              GREEN\r\n            <\/small>\r\n\r\n            <h3>\r\n              THE LAND\r\n            <\/h3>\r\n\r\n            <p>\r\n              Green symbolises the fertility of the land and reflects\r\n              ICM\u2019s belief in coexistence, common values, shared goals\r\n              and synergy between citizens.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- GOLD -->\r\n        <div class=\"icm-colour-card yellow\">\r\n\r\n          <span class=\"icm-colour-number\">\r\n            02\r\n          <\/span>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              GOLD\r\n            <\/small>\r\n\r\n            <h3>\r\n              OUR WEALTH\r\n            <\/h3>\r\n\r\n            <p>\r\n              Gold represents the mineral wealth of South Africa and\r\n              the resources with which the country has been blessed.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- RED -->\r\n        <div class=\"icm-colour-card red\">\r\n\r\n          <span class=\"icm-colour-number\">\r\n            03\r\n          <\/span>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              RED\r\n            <\/small>\r\n\r\n            <h3>\r\n              OUR PAST\r\n            <\/h3>\r\n\r\n            <p>\r\n              Red symbolises the violence of South Africa\u2019s past -\r\n              a history that must be remembered if the country is\r\n              to move forward with purpose.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- BLUE -->\r\n        <div class=\"icm-colour-card blue\">\r\n\r\n          <span class=\"icm-colour-number\">\r\n            04\r\n          <\/span>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              BLUE\r\n            <\/small>\r\n\r\n            <h3>\r\n              OUR FUTURE\r\n            <\/h3>\r\n\r\n            <p>\r\n              Blue represents the future and the endless possibilities\r\n              that remain ahead for South Africa.\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       PUZZLE MEANING\r\n  =================================================== -->\r\n  <section class=\"icm-logo-puzzle\">\r\n\r\n    <div class=\"icm-logo-container\">\r\n\r\n      <div class=\"icm-puzzle-grid\">\r\n\r\n        <!-- LEFT -->\r\n        <div class=\"icm-puzzle-graphic\">\r\n\r\n          <span>\r\n            FOUR PIECES\r\n          <\/span>\r\n\r\n          <div class=\"icm-puzzle-blocks\">\r\n\r\n            <div class=\"icm-puzzle-piece red-piece\">\r\n              <strong>01<\/strong>\r\n            <\/div>\r\n\r\n            <div class=\"icm-puzzle-piece green-piece\">\r\n              <strong>02<\/strong>\r\n            <\/div>\r\n\r\n            <div class=\"icm-puzzle-piece blue-piece\">\r\n              <strong>03<\/strong>\r\n            <\/div>\r\n\r\n            <div class=\"icm-puzzle-piece yellow-piece\">\r\n              <strong>04<\/strong>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"icm-puzzle-caption\">\r\n            ONE COLLECTIVE PURPOSE\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- RIGHT -->\r\n        <div class=\"icm-puzzle-copy\">\r\n\r\n          <span class=\"icm-logo-kicker\">\r\n            THE PUZZLE PIECES\r\n          <\/span>\r\n\r\n          <h2>\r\n            DIFFERENT MINDS.<br>\r\n            <strong>ONE COLLECTIVE.<\/strong>\r\n          <\/h2>\r\n\r\n          <p>\r\n            The puzzle pieces represent independent thinking among\r\n            the people of the country while working together as a\r\n            collective to attain common interests.\r\n          <\/p>\r\n\r\n          <p>\r\n            Each piece is distinct, yet every piece contributes\r\n            towards something larger than itself.\r\n          <\/p>\r\n\r\n          <blockquote>\r\n            Independent in mind. United in diversity.\r\n          <\/blockquote>\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       HUMAN HEAD\r\n  =================================================== -->\r\n  <section class=\"icm-logo-human\">\r\n\r\n    <div class=\"icm-logo-container\">\r\n\r\n      <div class=\"icm-logo-heading-row dark\">\r\n\r\n        <div>\r\n\r\n          <span class=\"icm-light-kicker\">\r\n            THE HUMAN FORM\r\n          <\/span>\r\n\r\n          <h2>\r\n            THE CITIZEN<br>\r\n            AT THE <strong>CENTRE.<\/strong>\r\n          <\/h2>\r\n\r\n        <\/div>\r\n\r\n        <p>\r\n          The human head reinforces the idea that ICM begins with\r\n          the individual citizen - their thinking, their responsibility\r\n          and their contribution to society.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"icm-human-statement\">\r\n\r\n        <span>\r\n          ICM\r\n        <\/span>\r\n\r\n        <h3>\r\n          EVERY CITIZEN IS DIFFERENT.<br>\r\n          EVERY CITIZEN HAS A ROLE.<br>\r\n          <strong>TOGETHER, WE FORM THE WHOLE.<\/strong>\r\n        <\/h3>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- ==================================================\r\n       BRAND STATEMENT\r\n  =================================================== -->\r\n  <section class=\"icm-logo-statement\">\r\n\r\n    <div class=\"icm-logo-container\">\r\n\r\n      <span>\r\n        THE ICM IDENTITY\r\n      <\/span>\r\n\r\n      <h2>\r\n        INDEPENDENT<br>\r\n        IN MIND.<br>\r\n        <strong>UNITED IN DIVERSITY.<\/strong>\r\n      <\/h2>\r\n\r\n      <p>\r\n        The ICM identity reflects a movement of citizens who may come\r\n        from different backgrounds, communities and experiences,\r\n        but who can work together around shared values and common purpose.\r\n      <\/p>\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-logo-final\">\r\n\r\n    <div class=\"icm-logo-container\">\r\n\r\n      <div class=\"icm-logo-final-inner\">\r\n\r\n        <div>\r\n\r\n          <span>\r\n            DISCOVER MORE ABOUT ICM\r\n          <\/span>\r\n\r\n          <h2>\r\n            KNOW THE MOVEMENT.<br>\r\n            <strong>KNOW WHAT WE STAND FOR.<\/strong>\r\n          <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"icm-logo-final-actions\">\r\n\r\n          <a\r\n            href=\"\/devsite\/about-icm\/\"\r\n            class=\"icm-logo-btn yellow\">\r\n\r\n            ABOUT ICM \u2192\r\n\r\n          <\/a>\r\n\r\n          <a\r\n            href=\"\/devsite\/manifesto-2026\/\"\r\n            class=\"icm-logo-btn outline\">\r\n\r\n            MANIFESTO 2026\r\n\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-logo-page,\r\n.icm-logo-page * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.icm-logo-page {\r\n  width: 100%;\r\n  overflow: hidden;\r\n}\r\n\r\n.icm-logo-container {\r\n  width: 100%;\r\n  max-width: 1500px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.icm-logo-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-logo-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-logo-btn.red {\r\n  background: #E31E24;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-logo-btn.red:hover {\r\n  background: #008B57;\r\n}\r\n\r\n.icm-logo-btn.yellow {\r\n  background: #F6C900;\r\n\r\n  color: #171717;\r\n}\r\n\r\n.icm-logo-btn.yellow:hover {\r\n  background: #008B57;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-logo-btn.outline {\r\n  border: 1px solid #666;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-logo-btn.outline:hover {\r\n  background: #fff;\r\n\r\n  color: #171717;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   HERO\r\n================================================== *\/\r\n\r\n.icm-logo-hero {\r\n  padding: 110px 6%;\r\n\r\n  background: #f5f2ec;\r\n}\r\n\r\n.icm-logo-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(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-logo-hero h1 strong {\r\n  color: #2F4399;\r\n}\r\n\r\n.icm-logo-hero p {\r\n  max-width: 760px;\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   STORY\r\n================================================== *\/\r\n\r\n.icm-logo-story {\r\n  padding: 105px 6%;\r\n\r\n  background: #fff;\r\n}\r\n\r\n.icm-logo-story-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    1fr;\r\n\r\n  gap: 90px;\r\n\r\n  align-items: center;\r\n}\r\n\r\n.icm-logo-visual {\r\n  min-height: 600px;\r\n\r\n  background: #f5f2ec;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  padding: 50px;\r\n}\r\n\r\n.icm-logo-image-wrap {\r\n  width: 100%;\r\n  max-width: 620px;\r\n\r\n  margin: auto;\r\n}\r\n\r\n.icm-logo-image-wrap img {\r\n  width: 100%;\r\n  height: auto;\r\n\r\n  display: block;\r\n\r\n  object-fit: contain;\r\n}\r\n\r\n.icm-logo-story-copy 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-logo-story-copy h2 strong {\r\n  color: #008B57;\r\n}\r\n\r\n.icm-logo-story-copy p {\r\n  color: #555;\r\n\r\n  font-size: 17px;\r\n\r\n  line-height: 1.8;\r\n}\r\n\r\n.icm-logo-story-copy .icm-logo-lead {\r\n  margin-top: 28px;\r\n\r\n  color: #171717;\r\n\r\n  font-size: 22px;\r\n\r\n  line-height: 1.55;\r\n\r\n  font-weight: 600;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   HEADING\r\n================================================== *\/\r\n\r\n.icm-logo-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: 60px;\r\n}\r\n\r\n.icm-logo-heading-row 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-logo-heading-row h2 strong {\r\n  color: #F6C900;\r\n}\r\n\r\n.icm-logo-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.75;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   COLOURS\r\n================================================== *\/\r\n\r\n.icm-logo-colours {\r\n  padding: 105px 6%;\r\n\r\n  background: #171717;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-colour-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: #444;\r\n}\r\n\r\n.icm-colour-card {\r\n  min-height: 430px;\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-colour-card.green {\r\n  background: #008B57;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-colour-card.yellow {\r\n  background: #F6C900;\r\n\r\n  color: #171717;\r\n}\r\n\r\n.icm-colour-card.red {\r\n  background: #E31E24;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-colour-card.blue {\r\n  background: #2F4399;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-colour-number {\r\n  font-size: 40px;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n.icm-colour-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: 2px;\r\n\r\n  opacity: .8;\r\n}\r\n\r\n.icm-colour-card h3 {\r\n  margin: 0;\r\n\r\n  font-size: 32px;\r\n\r\n  line-height: 1;\r\n}\r\n\r\n.icm-colour-card p {\r\n  max-width: 300px;\r\n\r\n  margin: 20px 0 0;\r\n\r\n  font-size: 14px;\r\n\r\n  line-height: 1.7;\r\n\r\n  opacity: .88;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   PUZZLE\r\n================================================== *\/\r\n\r\n.icm-logo-puzzle {\r\n  padding: 105px 6%;\r\n\r\n  background: #f5f2ec;\r\n}\r\n\r\n.icm-puzzle-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-puzzle-graphic {\r\n  padding: 40px;\r\n\r\n  background: #171717;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-puzzle-graphic > span {\r\n  display: block;\r\n\r\n  margin-bottom: 25px;\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: 2px;\r\n}\r\n\r\n.icm-puzzle-blocks {\r\n  display: grid;\r\n\r\n  grid-template-columns: 1fr 1fr;\r\n\r\n  gap: 4px;\r\n}\r\n\r\n.icm-puzzle-piece {\r\n  min-height: 210px;\r\n\r\n  padding: 20px;\r\n\r\n  display: flex;\r\n\r\n  align-items: flex-end;\r\n\r\n  justify-content: flex-end;\r\n}\r\n\r\n.icm-puzzle-piece strong {\r\n  font-size: 55px;\r\n\r\n  line-height: 1;\r\n\r\n  opacity: .3;\r\n}\r\n\r\n.red-piece {\r\n  background: #E31E24;\r\n}\r\n\r\n.green-piece {\r\n  background: #008B57;\r\n}\r\n\r\n.blue-piece {\r\n  background: #2F4399;\r\n}\r\n\r\n.yellow-piece {\r\n  background: #F6C900;\r\n\r\n  color: #171717;\r\n}\r\n\r\n.icm-puzzle-caption {\r\n  padding-top: 25px;\r\n\r\n  font-size: 14px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 1.5px;\r\n}\r\n\r\n.icm-puzzle-copy 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-puzzle-copy h2 strong {\r\n  color: #E31E24;\r\n}\r\n\r\n.icm-puzzle-copy 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.8;\r\n}\r\n\r\n.icm-puzzle-copy blockquote {\r\n  margin: 35px 0 0;\r\n\r\n  padding: 25px 0 25px 25px;\r\n\r\n  border-left: 5px solid #008B57;\r\n\r\n  color: #171717;\r\n\r\n  font-size: 24px;\r\n\r\n  font-weight: 700;\r\n\r\n  line-height: 1.35;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   HUMAN\r\n================================================== *\/\r\n\r\n.icm-logo-human {\r\n  padding: 105px 6%;\r\n\r\n  background: #2F4399;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.icm-logo-heading-row.dark h2 {\r\n  color: #fff;\r\n}\r\n\r\n.icm-logo-heading-row.dark h2 strong {\r\n  color: #F6C900;\r\n}\r\n\r\n.icm-logo-heading-row.dark > p {\r\n  color: rgba(255,255,255,.75);\r\n}\r\n\r\n.icm-human-statement {\r\n  position: relative;\r\n\r\n  min-height: 420px;\r\n\r\n  padding: 45px;\r\n\r\n  background: rgba(0,0,0,.16);\r\n\r\n  overflow: hidden;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  justify-content: flex-end;\r\n}\r\n\r\n.icm-human-statement > span {\r\n  position: absolute;\r\n\r\n  top: -40px;\r\n  right: 40px;\r\n\r\n  color: rgba(255,255,255,.08);\r\n\r\n  font-size: clamp(180px,22vw,350px);\r\n\r\n  line-height: 1;\r\n\r\n  font-weight: 900;\r\n}\r\n\r\n.icm-human-statement h3 {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  max-width: 950px;\r\n\r\n  margin: 0;\r\n\r\n  font-size: clamp(38px,4.2vw,67px);\r\n\r\n  line-height: .96;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: -2px;\r\n}\r\n\r\n.icm-human-statement h3 strong {\r\n  color: #F6C900;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   STATEMENT\r\n================================================== *\/\r\n\r\n.icm-logo-statement {\r\n  padding: 115px 6%;\r\n\r\n  background: #F6C900;\r\n\r\n  color: #171717;\r\n}\r\n\r\n.icm-logo-statement > .icm-logo-container > span {\r\n  display: block;\r\n\r\n  margin-bottom: 25px;\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-logo-statement h2 {\r\n  max-width: 1150px;\r\n\r\n  margin: 0;\r\n\r\n  font-size: clamp(60px,6vw,98px);\r\n\r\n  line-height: .88;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: -4px;\r\n}\r\n\r\n.icm-logo-statement h2 strong {\r\n  color: #E31E24;\r\n}\r\n\r\n.icm-logo-statement p {\r\n  max-width: 750px;\r\n\r\n  margin: 35px 0 0;\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   FINAL CTA\r\n================================================== *\/\r\n\r\n.icm-logo-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-logo-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-logo-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-logo-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-logo-final h2 strong {\r\n  color: #E31E24;\r\n}\r\n\r\n.icm-logo-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-logo-hero,\r\n  .icm-logo-story,\r\n  .icm-logo-colours,\r\n  .icm-logo-puzzle,\r\n  .icm-logo-human,\r\n  .icm-logo-statement,\r\n  .icm-logo-final {\r\n    padding-left: 35px;\r\n\r\n    padding-right: 35px;\r\n  }\r\n\r\n  .icm-logo-story-grid,\r\n  .icm-logo-heading-row,\r\n  .icm-puzzle-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .icm-colour-grid {\r\n    grid-template-columns: 1fr 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-logo-hero,\r\n  .icm-logo-story,\r\n  .icm-logo-colours,\r\n  .icm-logo-puzzle,\r\n  .icm-logo-human,\r\n  .icm-logo-statement,\r\n  .icm-logo-final {\r\n    padding: 65px 20px;\r\n  }\r\n\r\n  .icm-logo-hero h1 {\r\n    font-size: 49px;\r\n\r\n    letter-spacing: -3px;\r\n  }\r\n\r\n  .icm-logo-visual {\r\n    min-height: 390px;\r\n\r\n    padding: 25px;\r\n  }\r\n\r\n  .icm-colour-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .icm-colour-card {\r\n    min-height: 330px;\r\n  }\r\n\r\n  .icm-puzzle-piece {\r\n    min-height: 145px;\r\n  }\r\n\r\n  .icm-puzzle-copy blockquote {\r\n    font-size: 20px;\r\n  }\r\n\r\n  .icm-human-statement {\r\n    min-height: 350px;\r\n\r\n    padding: 25px;\r\n  }\r\n\r\n  .icm-logo-statement h2 {\r\n    font-size: 48px;\r\n\r\n    letter-spacing: -3px;\r\n  }\r\n\r\n  .icm-logo-final-inner {\r\n    flex-direction: column;\r\n\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .icm-logo-final-actions {\r\n    width: 100%;\r\n\r\n    flex-direction: column;\r\n  }\r\n\r\n  .icm-logo-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>ABOUT ICM FOUR COLOURS. ONE PEOPLE. ONE PURPOSE. The ICM logo represents individuality, unity, independent thinking and the shared responsibility of citizens working together for the future of South Africa. DISCOVER THE LOGO \u2192 THE ICM LOGO INDIVIDUALITY AND TOGETHERNESS. The ICM logo uses South African flag colours in the shape of a human head, [&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-243","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/pages\/243","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=243"}],"version-history":[{"count":4,"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/pages\/243\/revisions"}],"predecessor-version":[{"id":247,"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/pages\/243\/revisions\/247"}],"wp:attachment":[{"href":"https:\/\/independentcitizenmovement.co.za\/devsite\/wp-json\/wp\/v2\/media?parent=243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}