{"id":164,"date":"2026-10-15T21:13:32","date_gmt":"2026-10-15T21:13:32","guid":{"rendered":"https:\/\/vpmc.co.ke\/staging\/?page_id=164"},"modified":"2026-10-15T21:18:01","modified_gmt":"2026-10-15T21:18:01","slug":"events","status":"publish","type":"page","link":"https:\/\/vpmc.co.ke\/staging\/events\/","title":{"rendered":"Events"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"164\" class=\"elementor elementor-164\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ecdfee e-con e-atomic-element e-flexbox-base e-default-div e-4c3941d \" data-id=\"2ecdfee\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2ecdfee\" data-e-type=\"e-flexbox\" data-id=\"2ecdfee\">\n    \t\t<div class=\"elementor-element elementor-element-ee444c2 elementor-widget elementor-widget-html\" data-id=\"ee444c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<section id=\"vpmc-events\">\n  <style>\n    #vpmc-events {\n      --blue: #174A86;\n      --dark: #103761;\n      --cyan: #08B5E5;\n      --text: #263238;\n      --muted: #64748b;\n      --light: #F4F8FC;\n      font-family: inherit;\n      color: var(--text);\n      background: #fff;\n      padding: 70px 22px 85px;\n      width: 100%;\n      box-sizing: border-box;\n    }\n\n    #vpmc-events * { box-sizing: border-box; }\n\n    #vpmc-events .events-inner {\n      max-width: 1220px;\n      margin: 0 auto;\n    }\n\n    #vpmc-events .events-hero {\n      position: relative;\n      overflow: hidden;\n      padding: 48px 35px;\n      border-radius: 20px;\n      background: linear-gradient(125deg, #103761 0%, #174A86 60%, #087eaf 100%);\n      color: #fff;\n      margin-bottom: 36px;\n    }\n\n    #vpmc-events .events-hero::after {\n      content: \"\";\n      position: absolute;\n      width: 290px;\n      height: 290px;\n      border: 45px solid rgba(255,255,255,.07);\n      border-radius: 50%;\n      right: -80px;\n      top: -125px;\n      pointer-events: none;\n    }\n\n    #vpmc-events .events-eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n      font-size: 12px;\n      font-weight: 800;\n      letter-spacing: 1.8px;\n      text-transform: uppercase;\n      color: #a9eaff;\n      margin-bottom: 15px;\n    }\n\n    #vpmc-events .events-eyebrow span {\n      width: 8px;\n      height: 8px;\n      background: var(--cyan);\n      border-radius: 50%;\n    }\n\n    #vpmc-events .events-hero h1 {\n      color: #fff;\n      font-size: clamp(34px, 4.6vw, 53px);\n      line-height: 1.12;\n      letter-spacing: -1.2px;\n      margin: 0 0 15px;\n      font-weight: 800;\n      max-width: 750px;\n    }\n\n    #vpmc-events .events-hero p {\n      color: rgba(255,255,255,.85);\n      font-size: 16px;\n      line-height: 1.8;\n      max-width: 700px;\n      margin: 0;\n    }\n\n    #vpmc-events .events-section-heading {\n      display: flex;\n      justify-content: space-between;\n      align-items: end;\n      gap: 20px;\n      margin: 0 0 22px;\n    }\n\n    #vpmc-events .events-section-heading h2 {\n      color: var(--dark);\n      font-size: clamp(24px, 3vw, 32px);\n      line-height: 1.3;\n      margin: 0 0 6px;\n      font-weight: 800;\n    }\n\n    #vpmc-events .events-section-heading p {\n      color: var(--muted);\n      margin: 0;\n      font-size: 14px;\n      line-height: 1.7;\n    }\n\n    #vpmc-events .events-count {\n      white-space: nowrap;\n      color: var(--blue);\n      background: #eaf5fc;\n      border: 1px solid #d5eaf7;\n      padding: 10px 14px;\n      border-radius: 30px;\n      font-size: 12px;\n      font-weight: 800;\n    }\n\n    #vpmc-events .next-event {\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) auto;\n      align-items: center;\n      gap: 28px;\n      background: var(--light);\n      border: 1px solid #dceaf5;\n      border-radius: 16px;\n      padding: 27px 30px;\n      margin-bottom: 42px;\n    }\n\n    #vpmc-events .next-label {\n      color: var(--blue);\n      font-size: 11px;\n      font-weight: 800;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin-bottom: 10px;\n    }\n\n    #vpmc-events .next-event h3 {\n      color: var(--dark);\n      font-size: clamp(20px, 2.6vw, 27px);\n      line-height: 1.35;\n      margin: 0 0 8px;\n      font-weight: 800;\n    }\n\n    #vpmc-events .next-event .next-details {\n      color: var(--muted);\n      font-size: 14px;\n      line-height: 1.8;\n      margin: 0;\n    }\n\n    #vpmc-events .countdown {\n      display: flex;\n      gap: 9px;\n      flex-shrink: 0;\n    }\n\n    #vpmc-events .time-unit {\n      min-width: 65px;\n      padding: 13px 9px 10px;\n      border-radius: 10px;\n      text-align: center;\n      background: #fff;\n      border: 1px solid #dce8f2;\n    }\n\n    #vpmc-events .time-number {\n      display: block;\n      color: var(--blue);\n      font-size: 27px;\n      line-height: 1.1;\n      font-weight: 800;\n      font-variant-numeric: tabular-nums;\n    }\n\n    #vpmc-events .time-label {\n      display: block;\n      color: var(--muted);\n      font-size: 9px;\n      letter-spacing: .8px;\n      text-transform: uppercase;\n      font-weight: 800;\n      margin-top: 7px;\n    }\n\n    #vpmc-events .events-list {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 22px;\n    }\n\n    #vpmc-events .event-card {\n      display: flex;\n      flex-direction: column;\n      min-width: 0;\n      background: #fff;\n      border: 1px solid #e0e9f2;\n      border-radius: 15px;\n      padding: 25px;\n      box-shadow: 0 8px 25px rgba(16,55,97,.055);\n      transition: transform .22s ease, box-shadow .22s ease;\n    }\n\n    #vpmc-events .event-card:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 14px 32px rgba(16,55,97,.10);\n    }\n\n    #vpmc-events .event-card-top {\n      display: flex;\n      align-items: flex-start;\n      justify-content: space-between;\n      gap: 12px;\n      margin-bottom: 18px;\n    }\n\n    #vpmc-events .event-date {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      background: #edf6fc;\n      color: var(--blue);\n      padding: 9px 12px;\n      border-radius: 7px;\n      font-size: 12px;\n      line-height: 1.4;\n      font-weight: 800;\n    }\n\n    #vpmc-events .event-date svg {\n      width: 16px;\n      height: 16px;\n      flex-shrink: 0;\n    }\n\n    #vpmc-events .event-status {\n      color: #087a67;\n      background: #e6f7f1;\n      padding: 7px 10px;\n      border-radius: 20px;\n      font-size: 10px;\n      font-weight: 800;\n      white-space: nowrap;\n    }\n\n    #vpmc-events .event-card h3 {\n      color: var(--dark);\n      font-size: 21px;\n      line-height: 1.45;\n      font-weight: 800;\n      margin: 0 0 19px;\n    }\n\n    #vpmc-events .event-info {\n      display: grid;\n      gap: 13px;\n      margin-bottom: 20px;\n    }\n\n    #vpmc-events .event-info-row {\n      display: flex;\n      align-items: flex-start;\n      gap: 11px;\n      color: var(--muted);\n      font-size: 13px;\n      line-height: 1.65;\n    }\n\n    #vpmc-events .event-info-row svg {\n      width: 18px;\n      height: 18px;\n      flex-shrink: 0;\n      margin-top: 1px;\n      color: var(--cyan);\n    }\n\n    #vpmc-events .event-info-row strong {\n      color: var(--text);\n      font-weight: 700;\n    }\n\n    #vpmc-events .event-bottom {\n      border-top: 1px solid #edf1f5;\n      padding-top: 17px;\n      margin-top: auto;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 12px;\n    }\n\n    #vpmc-events .event-price-label {\n      color: var(--muted);\n      font-size: 11px;\n      margin-bottom: 4px;\n    }\n\n    #vpmc-events .event-price {\n      color: var(--blue);\n      font-size: 23px;\n      line-height: 1.2;\n      font-weight: 800;\n    }\n\n    #vpmc-events .event-duration {\n      color: var(--muted);\n      font-size: 12px;\n      font-weight: 700;\n      text-align: right;\n    }\n\n    #vpmc-events .event-duration span {\n      display: block;\n      color: var(--dark);\n      font-size: 14px;\n      margin-top: 4px;\n    }\n\n    #vpmc-events .events-empty {\n      display: none;\n      padding: 38px 24px;\n      border: 1px dashed #cbdbe9;\n      background: var(--light);\n      text-align: center;\n      border-radius: 15px;\n      color: var(--muted);\n      line-height: 1.8;\n    }\n\n    #vpmc-events .events-empty h3 {\n      color: var(--dark);\n      margin: 0 0 8px;\n      font-size: 23px;\n    }\n\n    #vpmc-events .events-empty p {\n      margin: 0;\n    }\n\n    #vpmc-events .events-footnote {\n      margin-top: 25px;\n      color: var(--muted);\n      font-size: 12px;\n      line-height: 1.8;\n    }\n\n    @media (max-width: 900px) {\n      #vpmc-events .next-event {\n        grid-template-columns: 1fr;\n        gap: 20px;\n      }\n\n      #vpmc-events .countdown {\n        justify-content: flex-start;\n      }\n    }\n\n    @media (max-width: 640px) {\n      #vpmc-events {\n        padding: 42px 15px 58px;\n      }\n\n      #vpmc-events .events-hero {\n        padding: 34px 23px;\n        border-radius: 14px;\n      }\n\n      #vpmc-events .events-section-heading {\n        align-items: flex-start;\n        flex-direction: column;\n      }\n\n      #vpmc-events .next-event {\n        padding: 23px 18px;\n        margin-bottom: 32px;\n      }\n\n      #vpmc-events .countdown {\n        gap: 6px;\n      }\n\n      #vpmc-events .time-unit {\n        min-width: 0;\n        flex: 1;\n        padding: 12px 5px 10px;\n      }\n\n      #vpmc-events .time-number {\n        font-size: 23px;\n      }\n\n      #vpmc-events .events-list {\n        grid-template-columns: 1fr;\n        gap: 17px;\n      }\n\n      #vpmc-events .event-card {\n        padding: 21px 18px;\n      }\n\n      #vpmc-events .event-card h3 {\n        font-size: 19px;\n      }\n\n      #vpmc-events .event-card-top {\n        flex-wrap: wrap;\n      }\n\n      #vpmc-events .event-bottom {\n        align-items: flex-end;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      #vpmc-events .event-card {\n        transition: none;\n      }\n    }\n  <\/style>\n\n  <div class=\"events-inner\">\n    <header class=\"events-hero\">\n      <div class=\"events-eyebrow\"><span><\/span> VPMC Training Calendar 2026<\/div>\n      <h1>Events &amp; Professional Training<\/h1>\n      <p>\n        Discover upcoming VPMC training programmes designed to strengthen\n        leadership, workplace effectiveness, teamwork and professional\n        development. Explore the schedule and get ready for the next event.\n      <\/p>\n    <\/header>\n\n    <div class=\"events-section-heading\">\n      <div>\n        <h2>Upcoming Events<\/h2>\n        <p>Keep track of upcoming training dates and venues.<\/p>\n      <\/div>\n      <div class=\"events-count\" id=\"vpmc-events-count\" aria-live=\"polite\">\n        Checking events...\n      <\/div>\n    <\/div>\n\n    <section class=\"next-event\" id=\"vpmc-next-event\" aria-live=\"polite\">\n      <div>\n        <div class=\"next-label\">Countdown to the next event<\/div>\n        <h3 id=\"vpmc-next-title\">Loading next event...<\/h3>\n        <p class=\"next-details\" id=\"vpmc-next-details\">\n          Checking the training calendar.\n        <\/p>\n      <\/div>\n      <div class=\"countdown\" id=\"vpmc-countdown\" aria-label=\"Countdown\">\n        <div class=\"time-unit\"><span class=\"time-number\">--<\/span><span class=\"time-label\">Days<\/span><\/div>\n        <div class=\"time-unit\"><span class=\"time-number\">--<\/span><span class=\"time-label\">Hours<\/span><\/div>\n        <div class=\"time-unit\"><span class=\"time-number\">--<\/span><span class=\"time-label\">Minutes<\/span><\/div>\n        <div class=\"time-unit\"><span class=\"time-number\">--<\/span><span class=\"time-label\">Seconds<\/span><\/div>\n      <\/div>\n    <\/section>\n\n    <div class=\"events-list\" id=\"vpmc-events-list\">\n\n      <article class=\"event-card\"\n        data-start=\"2026-10-05\" data-end=\"2026-10-09\">\n        <div class=\"event-card-top\">\n          <div class=\"event-date\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/>\n              <path d=\"M16 3v4M8 3v4M3 11h18\"\/>\n            <\/svg>\n            5\u20139 October 2026\n          <\/div>\n          <span class=\"event-status\">Training Programme<\/span>\n        <\/div>\n        <h3>Pre-retirement Management<\/h3>\n        <div class=\"event-info\">\n          <div class=\"event-info-row\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <path d=\"M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\n            <\/svg>\n            <span><strong>Venue:<\/strong> Marble Arc Hotel \u2013 Nairobi<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"event-bottom\">\n          <div><div class=\"event-price-label\">Price per participant<\/div><div class=\"event-price\">KES 95,000<\/div><\/div>\n          <div class=\"event-duration\">Duration<span>5 Days<\/span><\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"event-card\"\n        data-start=\"2026-10-12\" data-end=\"2026-10-16\">\n        <div class=\"event-card-top\">\n          <div class=\"event-date\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/>\n              <path d=\"M16 3v4M8 3v4M3 11h18\"\/>\n            <\/svg>\n            12\u201316 October 2026\n          <\/div>\n          <span class=\"event-status\">Training Programme<\/span>\n        <\/div>\n        <h3>The Voice of Investment as a Mindset<\/h3>\n        <div class=\"event-info\">\n          <div class=\"event-info-row\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <path d=\"M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\n            <\/svg>\n            <span><strong>Venue:<\/strong> Royal Court Hotel \u2013 Mombasa<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"event-bottom\">\n          <div><div class=\"event-price-label\">Price per participant<\/div><div class=\"event-price\">KES 95,000<\/div><\/div>\n          <div class=\"event-duration\">Duration<span>5 Days<\/span><\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"event-card\"\n        data-start=\"2026-11-09\" data-end=\"2026-11-11\">\n        <div class=\"event-card-top\">\n          <div class=\"event-date\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/>\n              <path d=\"M16 3v4M8 3v4M3 11h18\"\/>\n            <\/svg>\n            9\u201311 November 2026\n          <\/div>\n          <span class=\"event-status\">Training Programme<\/span>\n        <\/div>\n        <h3>Kepner-Tregoe Method: Problem-Solving and Decision-Making Technique<\/h3>\n        <div class=\"event-info\">\n          <div class=\"event-info-row\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <path d=\"M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\n            <\/svg>\n            <span><strong>Venue:<\/strong> Eserian Hotel \u2013 Naivasha<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"event-bottom\">\n          <div><div class=\"event-price-label\">Price per participant<\/div><div class=\"event-price\">KES 85,000<\/div><\/div>\n          <div class=\"event-duration\">Duration<span>3 Days<\/span><\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"event-card\"\n        data-start=\"2026-11-23\" data-end=\"2026-11-27\">\n        <div class=\"event-card-top\">\n          <div class=\"event-date\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/>\n              <path d=\"M16 3v4M8 3v4M3 11h18\"\/>\n            <\/svg>\n            23\u201327 November 2026\n          <\/div>\n          <span class=\"event-status\">Training Programme<\/span>\n        <\/div>\n        <h3>Team Building<\/h3>\n        <div class=\"event-info\">\n          <div class=\"event-info-row\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <path d=\"M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\n            <\/svg>\n            <span><strong>Venue:<\/strong> Marble Arc Hotel \u2013 Nairobi<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"event-bottom\">\n          <div><div class=\"event-price-label\">Price per participant<\/div><div class=\"event-price\">KES 95,000<\/div><\/div>\n          <div class=\"event-duration\">Duration<span>5 Days<\/span><\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"event-card\"\n        data-start=\"2026-12-07\" data-end=\"2026-12-11\">\n        <div class=\"event-card-top\">\n          <div class=\"event-date\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/>\n              <path d=\"M16 3v4M8 3v4M3 11h18\"\/>\n            <\/svg>\n            7\u201311 December 2026\n          <\/div>\n          <span class=\"event-status\">Training Programme<\/span>\n        <\/div>\n        <h3>Dynamics of Customer Focused Team<\/h3>\n        <div class=\"event-info\">\n          <div class=\"event-info-row\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <path d=\"M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\n            <\/svg>\n            <span><strong>Venue:<\/strong> Accacia Hotel \u2013 Kisumu<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"event-bottom\">\n          <div><div class=\"event-price-label\">Price per participant<\/div><div class=\"event-price\">KES 95,000<\/div><\/div>\n          <div class=\"event-duration\">Duration<span>5 Days<\/span><\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"event-card\"\n        data-start=\"2026-12-07\" data-end=\"2026-12-11\">\n        <div class=\"event-card-top\">\n          <div class=\"event-date\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/>\n              <path d=\"M16 3v4M8 3v4M3 11h18\"\/>\n            <\/svg>\n            7\u201311 December 2026\n          <\/div>\n          <span class=\"event-status\">Training Programme<\/span>\n        <\/div>\n        <h3>HR Branding as a Business Driver<\/h3>\n        <div class=\"event-info\">\n          <div class=\"event-info-row\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <path d=\"M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\n            <\/svg>\n            <span><strong>Venue:<\/strong> Villa Grazia \u2013 Naivasha<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"event-bottom\">\n          <div><div class=\"event-price-label\">Price per participant<\/div><div class=\"event-price\">KES 95,000<\/div><\/div>\n          <div class=\"event-duration\">Duration<span>5 Days<\/span><\/div>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <div class=\"events-empty\" id=\"vpmc-events-empty\">\n      <h3>No upcoming events at the moment<\/h3>\n      <p>Please check back later for new VPMC training dates and programmes.<\/p>\n    <\/div>\n\n    <p class=\"events-footnote\">\n      All prices are shown in Kenyan shillings (KES) and exclude VAT,\n      as indicated in the supplied training schedule. Please confirm\n      programme availability and venue details with VPMC before making\n      arrangements.\n    <\/p>\n  <\/div>\n\n  <script>\n    (function () {\n      const root = document.getElementById('vpmc-events');\n      if (!root || root.dataset.initialized === 'true') return;\n      root.dataset.initialized = 'true';\n\n      const list = root.querySelector('#vpmc-events-list');\n      const cards = Array.from(list.querySelectorAll('.event-card'));\n      const count = root.querySelector('#vpmc-events-count');\n      const nextPanel = root.querySelector('#vpmc-next-event');\n      const nextTitle = root.querySelector('#vpmc-next-title');\n      const nextDetails = root.querySelector('#vpmc-next-details');\n      const countdown = root.querySelector('#vpmc-countdown');\n      const empty = root.querySelector('#vpmc-events-empty');\n\n      let nextEvent = null;\n      let timer = null;\n\n      \/\/ Dates use Kenya's local time (UTC+3).\n      function eventDate(dateString, endOfDay) {\n        const parts = dateString.split('-').map(Number);\n        return new Date(\n          parts[0], parts[1] - 1, parts[2],\n          endOfDay ? 23 : 0,\n          endOfDay ? 59 : 0,\n          endOfDay ? 59 : 0,\n          endOfDay ? 999 : 0\n        );\n      }\n\n      function formatDate(dateString) {\n        return eventDate(dateString, false).toLocaleDateString('en-GB', {\n          day: 'numeric',\n          month: 'long',\n          year: 'numeric'\n        });\n      }\n\n      function getTitle(card) {\n        const heading = card.querySelector('h3');\n        return heading ? heading.textContent.trim() : 'VPMC Training Event';\n      }\n\n      function getVenue(card) {\n        const venue = card.querySelector('.event-info-row strong');\n        return venue && venue.parentElement\n          ? venue.parentElement.textContent.replace('Venue:', '').trim()\n          : '';\n      }\n\n      function updateEvents() {\n        const now = new Date();\n        const upcoming = [];\n\n        cards.forEach(function (card) {\n          const startString = card.dataset.start;\n          const endString = card.dataset.end;\n          const start = eventDate(startString, false);\n          const end = eventDate(endString, true);\n\n          \/\/ Remove an event after its final scheduled day has ended.\n          if (now > end) {\n            card.remove();\n            return;\n          }\n\n          card.style.display = '';\n          upcoming.push({\n            card: card,\n            start: start,\n            end: end,\n            startString: startString,\n            endString: endString\n          });\n\n          const status = card.querySelector('.event-status');\n          if (status) {\n            status.textContent = now >= start ? 'In Progress' : 'Upcoming';\n          }\n        });\n\n        upcoming.sort(function (a, b) {\n          return a.start - b.start;\n        });\n\n        count.textContent = upcoming.length + (\n          upcoming.length === 1 ? ' event remaining' : ' events remaining'\n        );\n\n        empty.style.display = upcoming.length ? 'none' : 'block';\n        list.style.display = upcoming.length ? 'grid' : 'none';\n\n        \/\/ The countdown targets the next event that has not started.\n        nextEvent = upcoming.find(function (event) {\n          return now < event.start;\n        }) || null;\n\n        if (!nextEvent && upcoming.length) {\n          \/\/ If an event is already running, show that event.\n          nextEvent = upcoming[0];\n        }\n\n        if (!nextEvent) {\n          nextPanel.style.display = 'none';\n          if (timer) {\n            clearInterval(timer);\n            timer = null;\n          }\n          return;\n        }\n\n        nextPanel.style.display = 'grid';\n        nextTitle.textContent = getTitle(nextEvent.card);\n        nextDetails.textContent =\n          formatDate(nextEvent.startString) + ' \u2013 ' +\n          formatDate(nextEvent.endString) + ' \u00b7 ' +\n          getVenue(nextEvent.card);\n\n        updateCountdown();\n      }\n\n      function updateCountdown() {\n        if (!nextEvent) return;\n\n        const now = new Date();\n        const target = nextEvent.start;\n\n        if (now >= target) {\n          countdown.innerHTML =\n            '<div class=\"time-unit\" style=\"flex:1\">' +\n              '<span class=\"time-number\" style=\"font-size:20px\">LIVE<\/span>' +\n              '<span class=\"time-label\">Event started<\/span>' +\n            '<\/div>';\n\n          \/\/ Re-check events so the next upcoming event becomes active.\n          updateEvents();\n          return;\n        }\n\n        const distance = target.getTime() - now.getTime();\n        const days = Math.floor(distance \/ 86400000);\n        const hours = Math.floor((distance % 86400000) \/ 3600000);\n        const minutes = Math.floor((distance % 3600000) \/ 60000);\n        const seconds = Math.floor((distance % 60000) \/ 1000);\n\n        const values = [\n          [days, 'Days'],\n          [hours, 'Hours'],\n          [minutes, 'Minutes'],\n          [seconds, 'Seconds']\n        ];\n\n        countdown.innerHTML = values.map(function (item) {\n          return '<div class=\"time-unit\">' +\n            '<span class=\"time-number\">' +\n              String(item[0]).padStart(2, '0') +\n            '<\/span>' +\n            '<span class=\"time-label\">' + item[1] + '<\/span>' +\n          '<\/div>';\n        }).join('');\n      }\n\n      updateEvents();\n\n      timer = setInterval(function () {\n        updateEvents();\n      }, 1000);\n    })();\n  <\/script>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>VPMC Training Calendar 2026 Events &amp; Professional Training Discover upcoming VPMC training programmes designed to strengthen leadership, workplace effectiveness, teamwork and professional development. Explore the schedule and get ready for the next event. Upcoming Events Keep track of upcoming training dates and venues. Checking events&#8230; Countdown to the next event Loading next event&#8230; Checking the [&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-164","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vpmc.co.ke\/staging\/wp-json\/wp\/v2\/pages\/164","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vpmc.co.ke\/staging\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vpmc.co.ke\/staging\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vpmc.co.ke\/staging\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vpmc.co.ke\/staging\/wp-json\/wp\/v2\/comments?post=164"}],"version-history":[{"count":4,"href":"https:\/\/vpmc.co.ke\/staging\/wp-json\/wp\/v2\/pages\/164\/revisions"}],"predecessor-version":[{"id":168,"href":"https:\/\/vpmc.co.ke\/staging\/wp-json\/wp\/v2\/pages\/164\/revisions\/168"}],"wp:attachment":[{"href":"https:\/\/vpmc.co.ke\/staging\/wp-json\/wp\/v2\/media?parent=164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}