{"id":1547,"date":"2026-03-02T09:40:37","date_gmt":"2026-03-02T09:40:37","guid":{"rendered":"https:\/\/www.newforesight.com\/?page_id=1547"},"modified":"2026-10-01T13:30:59","modified_gmt":"2026-10-01T12:30:59","slug":"events","status":"publish","type":"page","link":"https:\/\/www.newforesight.com\/nl\/events\/","title":{"rendered":"Events"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1547\" class=\"elementor elementor-1547\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9646cf3 e-con-full e-flex e-con e-parent\" data-id=\"9646cf3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a6a8a9 elementor-widget elementor-widget-shortcode\" data-id=\"7a6a8a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n\r\n<style>\r\n\r\n\r\n\/* =========================================================\r\n   PAGE\r\n========================================================= *\/\r\n\r\nhtml,\r\nbody {\r\n    overflow-x: hidden;\r\n}\r\n\r\n\r\n.nf-events-breakout {\r\n\r\n    width: 100vw;\r\n\r\n    max-width: 100vw;\r\n\r\n    position: relative;\r\n\r\n    left: 50%;\r\n\r\n    margin-left: -50vw;\r\n}\r\n\r\n\r\n.nf-events-page {\r\n\r\n    --nf-blue: #000061;\r\n\r\n    --nf-light-blue: #17B8FF;\r\n\r\n    --nf-yellow: #FDC52C;\r\n\r\n    --nf-text: #15154f;\r\n\r\n    --nf-muted: #666b80;\r\n\r\n    --nf-border: #e4e8ef;\r\n\r\n    --nf-bg: #f7f9fc;\r\n\r\n    --nf-soft-blue: #eef8fd;\r\n\r\n    width: 100%;\r\n\r\n    font-family:\r\n        \"Rubik\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    color:\r\n        var(--nf-text);\r\n}\r\n\r\n\r\n.nf-events-page *,\r\n.nf-events-page *::before,\r\n.nf-events-page *::after {\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.nf-events-inner {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 1440px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding-left: 40px;\r\n\r\n    padding-right: 40px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n.nf-events-hero {\r\n\r\n    width: 100%;\r\n\r\n    background:\r\n        var(--nf-blue);\r\n\r\n    color: #fff;\r\n}\r\n\r\n\r\n.nf-events-hero-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,48%)\r\n        minmax(0,52%);\r\n\r\n    min-height: 590px;\r\n}\r\n\r\n\r\n.nf-events-hero-copy {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n\r\n    padding:\r\n        140px\r\n        clamp(55px,6vw,105px)\r\n        75px;\r\n\r\n    background:\r\n        var(--nf-blue);\r\n}\r\n\r\n\r\n.nf-events-eyebrow {\r\n\r\n    margin-bottom: 22px;\r\n\r\n    color:\r\n        var(--nf-light-blue);\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .13em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.nf-events-hero h1 {\r\n\r\n    max-width: 700px;\r\n\r\n    margin:\r\n        0\r\n        0\r\n        24px;\r\n\r\n    color: #fff;\r\n\r\n    font-size:\r\n        clamp(\r\n            50px,\r\n            4.4vw,\r\n            76px\r\n        );\r\n\r\n    line-height: .98;\r\n\r\n    letter-spacing: -.045em;\r\n}\r\n\r\n\r\n.nf-events-hero p {\r\n\r\n    max-width: 690px;\r\n\r\n    margin: 0;\r\n\r\n    color: #fff;\r\n\r\n    font-size:\r\n        clamp(\r\n            17px,\r\n            1.25vw,\r\n            20px\r\n        );\r\n\r\n    line-height: 1.6;\r\n}\r\n\r\n\r\n.nf-events-hero-actions {\r\n\r\n    display: flex;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    gap: 12px;\r\n\r\n    margin-top: 30px;\r\n}\r\n\r\n\r\n.nf-events-hero-button {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    min-height: 49px;\r\n\r\n    padding:\r\n        13px\r\n        22px;\r\n\r\n    border-radius: 5px;\r\n\r\n    background:\r\n        var(--nf-yellow);\r\n\r\n    color:\r\n        var(--nf-blue) !important;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 700;\r\n\r\n    text-decoration:\r\n        none !important;\r\n}\r\n\r\n\r\n.nf-events-hero-button-secondary {\r\n\r\n    background: transparent;\r\n\r\n    color:\r\n        #fff !important;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.65);\r\n}\r\n\r\n\r\n.nf-events-hero-image {\r\n\r\n    min-height: 590px;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(0,0,97,.18),\r\n            rgba(0,0,97,0)\r\n        ),\r\n        url('http:\/\/www.newforesight.com\/wp-content\/uploads\/2026\/09\/68-_MGL1617.jpg');\r\n\r\n    background-size: cover;\r\n\r\n    background-position: 48% 30%;\r\n\r\n    background-repeat: no-repeat;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FILTERS\r\n========================================================= *\/\r\n\r\n.nf-events-filter-section {\r\n\r\n    padding:\r\n        30px\r\n        0;\r\n\r\n    background: #fff;\r\n}\r\n\r\n\r\n.nf-events-filters {\r\n\r\n    padding: 20px;\r\n\r\n    background: #fff;\r\n\r\n    border:\r\n        1px solid\r\n        var(--nf-border);\r\n\r\n    border-radius: 10px;\r\n\r\n    box-shadow:\r\n        0\r\n        8px\r\n        28px\r\n        rgba(0,0,70,.06);\r\n}\r\n\r\n\r\n.nf-filter-row {\r\n\r\n    display: flex;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    align-items: center;\r\n\r\n    gap: 11px;\r\n}\r\n\r\n\r\n.nf-filter-row + .nf-filter-row {\r\n\r\n    margin-top: 14px;\r\n\r\n    padding-top: 14px;\r\n\r\n    border-top:\r\n        1px solid\r\n        #edf0f5;\r\n}\r\n\r\n\r\n.nf-filter-label {\r\n\r\n    min-width: 65px;\r\n\r\n    color:\r\n        var(--nf-blue);\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n.nf-filter-button {\r\n\r\n    appearance: none;\r\n\r\n    min-height: 42px;\r\n\r\n    padding:\r\n        10px\r\n        16px;\r\n\r\n    border:\r\n        1px solid\r\n        #dce2ec;\r\n\r\n    border-radius: 6px;\r\n\r\n    background: #fff;\r\n\r\n    color:\r\n        var(--nf-blue);\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 600;\r\n\r\n    cursor: pointer;\r\n}\r\n\r\n\r\n.nf-filter-button:hover,\r\n.nf-filter-button.is-active {\r\n\r\n    border-color:\r\n        var(--nf-blue);\r\n\r\n    background:\r\n        var(--nf-blue);\r\n\r\n    color: #fff;\r\n}\r\n\r\n\r\n.nf-events-select {\r\n\r\n    min-height: 43px;\r\n\r\n    padding:\r\n        9px\r\n        38px\r\n        9px\r\n        14px;\r\n\r\n    border:\r\n        1px solid\r\n        #dce2ec;\r\n\r\n    border-radius: 6px;\r\n\r\n    background: #fff;\r\n\r\n    color:\r\n        var(--nf-blue);\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n.nf-events-topic-filter {\r\n\r\n    flex:\r\n        1 1 320px;\r\n\r\n    max-width: 390px;\r\n}\r\n\r\n\r\n.nf-events-date-filter {\r\n\r\n    flex:\r\n        1 1 220px;\r\n\r\n    max-width: 250px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SECTIONS\r\n========================================================= *\/\r\n\r\n.nf-events-section {\r\n\r\n    width: 100%;\r\n\r\n    padding:\r\n        68px\r\n        0;\r\n}\r\n\r\n\r\n.nf-events-section-alt {\r\n\r\n    background:\r\n        var(--nf-bg);\r\n}\r\n\r\n\r\n.nf-events-section-now {\r\n\r\n    background:\r\n        #eef9ff;\r\n\r\n    border-top:\r\n        1px solid\r\n        #dceff9;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        #dceff9;\r\n}\r\n\r\n\r\n.nf-events-section-heading {\r\n\r\n    display: flex;\r\n\r\n    justify-content: space-between;\r\n\r\n    align-items: flex-end;\r\n\r\n    gap: 40px;\r\n\r\n    margin-bottom: 30px;\r\n}\r\n\r\n\r\n.nf-events-section-heading h2 {\r\n\r\n    margin: 0;\r\n\r\n    color:\r\n        var(--nf-blue);\r\n\r\n    font-size:\r\n        clamp(\r\n            32px,\r\n            3vw,\r\n            46px\r\n        );\r\n\r\n    line-height: 1.05;\r\n\r\n    letter-spacing: -.025em;\r\n}\r\n\r\n\r\n.nf-events-section-heading p {\r\n\r\n    max-width: 500px;\r\n\r\n    margin: 0;\r\n\r\n    color:\r\n        var(--nf-muted);\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.6;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FEATURED\r\n========================================================= *\/\r\n\r\n.nf-featured-event {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,48%)\r\n        minmax(0,52%);\r\n\r\n    min-height: 440px;\r\n\r\n    background: #fff;\r\n\r\n    border:\r\n        1px solid\r\n        var(--nf-border);\r\n\r\n    border-radius: 12px;\r\n\r\n    overflow: hidden;\r\n\r\n    box-shadow:\r\n        0\r\n        12px\r\n        34px\r\n        rgba(0,0,65,.07);\r\n}\r\n\r\n\r\n.nf-featured-image {\r\n\r\n    min-height: 440px;\r\n\r\n    background-size: cover;\r\n\r\n    background-position: center;\r\n\r\n    background-repeat: no-repeat;\r\n\r\n    background-color: #edf2f7;\r\n}\r\n\r\n\r\n.nf-featured-content {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n\r\n    padding: 50px;\r\n}\r\n\r\n\r\n.nf-event-tag {\r\n\r\n    display: inline-flex;\r\n\r\n    align-self: flex-start;\r\n\r\n    margin-bottom: 17px;\r\n\r\n    padding:\r\n        7px\r\n        14px;\r\n\r\n    border-radius: 999px;\r\n\r\n    background: #dff5ff;\r\n\r\n    color:\r\n        var(--nf-blue);\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n.nf-featured-content h3 {\r\n\r\n    margin:\r\n        0\r\n        0\r\n        16px;\r\n\r\n    color:\r\n        var(--nf-blue);\r\n\r\n    font-size:\r\n        clamp(\r\n            30px,\r\n            3vw,\r\n            46px\r\n        );\r\n\r\n    line-height: 1.05;\r\n}\r\n\r\n\r\n.nf-event-description {\r\n\r\n    margin-bottom: 24px;\r\n\r\n    color:\r\n        var(--nf-muted);\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.65;\r\n}\r\n\r\n\r\n.nf-event-meta {\r\n\r\n    display: flex;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    gap:\r\n        12px\r\n        25px;\r\n\r\n    margin-bottom: 28px;\r\n\r\n    font-size: 14px;\r\n}\r\n\r\n\r\n.nf-event-button {\r\n\r\n    display: inline-flex;\r\n\r\n    align-self: flex-start;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    min-height: 48px;\r\n\r\n    padding:\r\n        13px\r\n        24px;\r\n\r\n    border-radius: 5px;\r\n\r\n    background:\r\n        var(--nf-yellow);\r\n\r\n    color:\r\n        var(--nf-blue) !important;\r\n\r\n    text-decoration:\r\n        none !important;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   UPCOMING + HAPPENING NOW\r\n   4 COLUMNS DESKTOP\r\n========================================================= *\/\r\n\r\n.nf-events-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(\r\n            4,\r\n            minmax(0,1fr)\r\n        );\r\n\r\n    gap: 22px;\r\n}\r\n\r\n\r\n.nf-event-card {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    min-width: 0;\r\n\r\n    background: #fff;\r\n\r\n    border:\r\n        1px solid\r\n        var(--nf-border);\r\n\r\n    border-radius: 10px;\r\n\r\n    overflow: hidden;\r\n\r\n    box-shadow:\r\n        0\r\n        7px\r\n        24px\r\n        rgba(0,0,65,.05);\r\n}\r\n\r\n\r\n.nf-card-image {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    aspect-ratio:\r\n        16 \/ 9;\r\n\r\n    background-size: cover;\r\n\r\n    background-position: center;\r\n\r\n    background-repeat: no-repeat;\r\n\r\n    background-color: #edf2f7;\r\n}\r\n\r\n\r\n.nf-card-date {\r\n\r\n    position: absolute;\r\n\r\n    top: 16px;\r\n\r\n    left: 16px;\r\n\r\n    min-width: 68px;\r\n\r\n    padding: 10px;\r\n\r\n    border-radius: 7px;\r\n\r\n    background: #fff;\r\n\r\n    text-align: center;\r\n\r\n    box-shadow:\r\n        0\r\n        5px\r\n        18px\r\n        rgba(0,0,0,.10);\r\n}\r\n\r\n\r\n.nf-card-date-day {\r\n\r\n    display: block;\r\n\r\n    color:\r\n        var(--nf-blue);\r\n\r\n    font-size: 25px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n.nf-card-date-month {\r\n\r\n    display: block;\r\n\r\n    margin-top: 4px;\r\n\r\n    color:\r\n        var(--nf-blue);\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n.nf-card-date-year {\r\n\r\n    display: block;\r\n\r\n    margin-top: 4px;\r\n\r\n    color: #70758b;\r\n\r\n    font-size: 10px;\r\n}\r\n\r\n\r\n.nf-card-content {\r\n\r\n    display: flex;\r\n\r\n    flex: 1;\r\n\r\n    flex-direction: column;\r\n\r\n    padding: 22px;\r\n}\r\n\r\n\r\n.nf-card-format {\r\n\r\n    margin-bottom: 12px;\r\n\r\n    color: #008fd2;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n.nf-card-content h3 {\r\n\r\n    margin:\r\n        0\r\n        0\r\n        12px;\r\n\r\n    color:\r\n        var(--nf-blue);\r\n\r\n    font-size: 20px;\r\n\r\n    line-height: 1.15;\r\n}\r\n\r\n\r\n.nf-card-description {\r\n\r\n    margin-bottom: 20px;\r\n\r\n    color:\r\n        var(--nf-muted);\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.55;\r\n}\r\n\r\n\r\n.nf-card-meta {\r\n\r\n    margin-top: auto;\r\n\r\n    margin-bottom: 20px;\r\n\r\n    color:\r\n        var(--nf-text);\r\n\r\n    font-size: 12px;\r\n\r\n    line-height: 1.6;\r\n}\r\n\r\n\r\n.nf-card-meta div + div {\r\n\r\n    margin-top: 5px;\r\n}\r\n\r\n\r\n.nf-card-button {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    width: 100%;\r\n\r\n    min-height: 45px;\r\n\r\n    padding:\r\n        12px\r\n        16px;\r\n\r\n    border-radius: 5px;\r\n\r\n    background:\r\n        var(--nf-yellow);\r\n\r\n    color:\r\n        var(--nf-blue) !important;\r\n\r\n    text-decoration:\r\n        none !important;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PAST EVENTS\r\n========================================================= *\/\r\n\r\n.nf-past-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(\r\n            4,\r\n            minmax(0,1fr)\r\n        );\r\n\r\n    gap: 22px;\r\n}\r\n\r\n\r\n.nf-past-card {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    min-width: 0;\r\n\r\n    background: #fff;\r\n\r\n    border:\r\n        1px solid\r\n        var(--nf-border);\r\n\r\n    border-radius: 10px;\r\n\r\n    overflow: hidden;\r\n\r\n    box-shadow:\r\n        0\r\n        7px\r\n        22px\r\n        rgba(0,0,65,.05);\r\n}\r\n\r\n\r\n.nf-past-card-image {\r\n\r\n    width: 100%;\r\n\r\n    aspect-ratio:\r\n        16 \/ 9;\r\n\r\n    background-size: cover;\r\n\r\n    background-position: center;\r\n\r\n    background-repeat: no-repeat;\r\n\r\n    background-color: #edf2f7;\r\n}\r\n\r\n\r\n.nf-past-card-content {\r\n\r\n    display: flex;\r\n\r\n    flex: 1;\r\n\r\n    flex-direction: column;\r\n\r\n    padding: 20px;\r\n}\r\n\r\n\r\n.nf-past-format {\r\n\r\n    margin-bottom: 9px;\r\n\r\n    color: #008fd2;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n.nf-past-card h3 {\r\n\r\n    margin:\r\n        0\r\n        0\r\n        10px;\r\n\r\n    color:\r\n        var(--nf-blue);\r\n\r\n    font-size: 18px;\r\n\r\n    line-height: 1.2;\r\n}\r\n\r\n\r\n.nf-past-date {\r\n\r\n    margin-bottom: 18px;\r\n\r\n    color:\r\n        var(--nf-muted);\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n.nf-past-button {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    width: 100%;\r\n\r\n    min-height: 41px;\r\n\r\n    margin-top: auto;\r\n\r\n    padding:\r\n        10px\r\n        12px;\r\n\r\n    border:\r\n        1px solid\r\n        #ccd4e1;\r\n\r\n    border-radius: 5px;\r\n\r\n    background: #fff;\r\n\r\n    color:\r\n        var(--nf-blue) !important;\r\n\r\n    text-decoration:\r\n        none !important;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n.nf-past-button:hover {\r\n\r\n    background:\r\n        var(--nf-blue);\r\n\r\n    color:\r\n        #fff !important;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PAGINATION\r\n========================================================= *\/\r\n\r\n.nf-events-pagination {\r\n\r\n    display: flex;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    justify-content: center;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    margin-top: 38px;\r\n}\r\n\r\n\r\n.nf-events-page-button {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    min-width: 42px;\r\n\r\n    height: 42px;\r\n\r\n    padding:\r\n        8px\r\n        12px;\r\n\r\n    border:\r\n        1px solid\r\n        #d5dce7;\r\n\r\n    border-radius: 6px;\r\n\r\n    background: #fff;\r\n\r\n    color:\r\n        var(--nf-blue);\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 700;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        .2s ease;\r\n}\r\n\r\n\r\n.nf-events-page-button:hover,\r\n.nf-events-page-button.is-active {\r\n\r\n    border-color:\r\n        var(--nf-blue);\r\n\r\n    background:\r\n        var(--nf-blue);\r\n\r\n    color: #fff;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   EMPTY \/ FILTER STATES\r\n========================================================= *\/\r\n\r\n.nf-events-empty,\r\n.nf-events-no-results {\r\n\r\n    padding: 32px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--nf-border);\r\n\r\n    border-radius: 9px;\r\n\r\n    background: #fff;\r\n\r\n    color:\r\n        var(--nf-muted);\r\n\r\n    font-size: 15px;\r\n}\r\n\r\n\r\n.nf-events-no-results {\r\n\r\n    display: none;\r\n\r\n    margin-top: 18px;\r\n}\r\n\r\n\r\n.nf-filterable-event.is-hidden {\r\n\r\n    display:\r\n        none !important;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LARGE SCREEN\r\n========================================================= *\/\r\n\r\n@media(min-width:1700px) {\r\n\r\n    .nf-events-inner {\r\n\r\n        max-width: 1540px;\r\n\r\n        padding-left: 60px;\r\n\r\n        padding-right: 60px;\r\n    }\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SMALL LAPTOP\r\n========================================================= *\/\r\n\r\n@media(max-width:1200px) {\r\n\r\n    .nf-events-grid,\r\n    .nf-past-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(\r\n                3,\r\n                minmax(0,1fr)\r\n            );\r\n    }\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:900px) {\r\n\r\n    .nf-events-inner {\r\n\r\n        padding-left: 24px;\r\n\r\n        padding-right: 24px;\r\n    }\r\n\r\n\r\n    .nf-events-hero-grid {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n    }\r\n\r\n\r\n    .nf-events-hero-image {\r\n\r\n        order: 1;\r\n\r\n        min-height: 380px;\r\n    }\r\n\r\n\r\n    .nf-events-hero-copy {\r\n\r\n        order: 2;\r\n\r\n        padding:\r\n            55px\r\n            40px\r\n            65px;\r\n    }\r\n\r\n\r\n    .nf-featured-event {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n    }\r\n\r\n\r\n    .nf-featured-image {\r\n\r\n        min-height: 350px;\r\n    }\r\n\r\n\r\n    .nf-events-grid,\r\n    .nf-past-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(\r\n                2,\r\n                minmax(0,1fr)\r\n            );\r\n    }\r\n\r\n\r\n    .nf-filter-label {\r\n\r\n        width: 100%;\r\n\r\n        min-width: 0;\r\n    }\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:600px) {\r\n\r\n    .nf-events-inner {\r\n\r\n        padding-left: 16px;\r\n\r\n        padding-right: 16px;\r\n    }\r\n\r\n\r\n    .nf-events-hero-image {\r\n\r\n        min-height: 300px;\r\n\r\n        background-position: 48% 20%;\r\n    }\r\n\r\n\r\n    .nf-events-hero-copy {\r\n\r\n        padding:\r\n            45px\r\n            24px\r\n            52px;\r\n    }\r\n\r\n\r\n    .nf-events-hero h1 {\r\n\r\n        font-size: 44px;\r\n    }\r\n\r\n\r\n    .nf-events-hero p {\r\n\r\n        font-size: 16px;\r\n    }\r\n\r\n\r\n    .nf-events-hero-actions {\r\n\r\n        flex-direction: column;\r\n    }\r\n\r\n\r\n    .nf-events-hero-button {\r\n\r\n        width: 100%;\r\n    }\r\n\r\n\r\n    .nf-filter-button {\r\n\r\n        flex:\r\n            1 1\r\n            calc(50% - 8px);\r\n    }\r\n\r\n\r\n    .nf-events-topic-filter,\r\n    .nf-events-date-filter {\r\n\r\n        width: 100%;\r\n\r\n        max-width: none;\r\n\r\n        flex-basis: 100%;\r\n    }\r\n\r\n\r\n    .nf-events-section {\r\n\r\n        padding:\r\n            50px\r\n            0;\r\n    }\r\n\r\n\r\n    .nf-events-section-heading {\r\n\r\n        align-items: flex-start;\r\n\r\n        flex-direction: column;\r\n\r\n        gap: 12px;\r\n    }\r\n\r\n\r\n    .nf-featured-content {\r\n\r\n        padding:\r\n            30px\r\n            24px;\r\n    }\r\n\r\n\r\n    .nf-featured-image {\r\n\r\n        min-height: 260px;\r\n    }\r\n\r\n\r\n    .nf-events-grid,\r\n    .nf-past-grid {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n    }\r\n\r\n\r\n    .nf-events-page-button {\r\n\r\n        min-width: 39px;\r\n\r\n        height: 39px;\r\n\r\n        padding:\r\n            7px\r\n            10px;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<div class=\"nf-events-breakout\">\r\n\r\n<div class=\"nf-events-page\">\r\n\r\n\r\n\r\n<!-- =====================================================\r\n     HERO\r\n====================================================== -->\r\n\r\n<section class=\"nf-events-hero\">\r\n\r\n    <div class=\"nf-events-hero-grid\">\r\n\r\n\r\n        <div class=\"nf-events-hero-copy\">\r\n\r\n\r\n            <div class=\"nf-events-eyebrow\">\r\n\r\n                Events & learning experiences\r\n\r\n            <\/div>\r\n\r\n\r\n            <h1>\r\n\r\n                Come meet us\r\n\r\n            <\/h1>\r\n\r\n\r\n            <p>\r\n\r\n                You\u2019ll find us speaking at conferences,\r\n                hosting conversations and running trainings\r\n                throughout the year. See where the\r\n                NewForesight team will be next \u2014 and connect\r\n                with us so we can meet face to face.\r\n\r\n            <\/p>\r\n\r\n\r\n            <div class=\"nf-events-hero-actions\">\r\n\r\n\r\n                <a\r\n                    href=\"#upcoming-events\"\r\n                    class=\"nf-events-hero-button\"\r\n                >\r\n                    See upcoming events \u2193\r\n                <\/a>\r\n\r\n\r\n                <a\r\n                    href=\"https:\/\/www.newforesight.com\/keynote-speaker\/\"\r\n                    class=\"nf-events-hero-button nf-events-hero-button-secondary\"\r\n                >\r\n                    Invite us to speak \u2192\r\n                <\/a>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <div\r\n            class=\"nf-events-hero-image\"\r\n            role=\"img\"\r\n            aria-label=\"NewForesight event\"\r\n        ><\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =====================================================\r\n     FILTERS\r\n====================================================== -->\r\n\r\n<section class=\"nf-events-filter-section\">\r\n\r\n    <div class=\"nf-events-inner\">\r\n\r\n        <div class=\"nf-events-filters\">\r\n\r\n\r\n            <div class=\"nf-filter-row\">\r\n\r\n\r\n                <span class=\"nf-filter-label\">\r\n\r\n                    Format:\r\n\r\n                <\/span>\r\n\r\n\r\n                <button\r\n                    class=\"nf-filter-button is-active\"\r\n                    type=\"button\"\r\n                    data-format=\"all\"\r\n                >\r\n                    All events\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    class=\"nf-filter-button\"\r\n                    type=\"button\"\r\n                    data-format=\"keynote\"\r\n                >\r\n                    Keynotes\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    class=\"nf-filter-button\"\r\n                    type=\"button\"\r\n                    data-format=\"webinar\"\r\n                >\r\n                    Webinars\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    class=\"nf-filter-button\"\r\n                    type=\"button\"\r\n                    data-format=\"training-course\"\r\n                >\r\n                    Training courses\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    class=\"nf-filter-button\"\r\n                    type=\"button\"\r\n                    data-format=\"workshop\"\r\n                >\r\n                    Workshops\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    class=\"nf-filter-button\"\r\n                    type=\"button\"\r\n                    data-format=\"panel-discussion\"\r\n                >\r\n                    Panel discussions\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    class=\"nf-filter-button\"\r\n                    type=\"button\"\r\n                    data-format=\"events-conferences\"\r\n                >\r\n                    Events & Conferences\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    class=\"nf-filter-button\"\r\n                    type=\"button\"\r\n                    data-format=\"presentation\"\r\n                >\r\n                    Presentations\r\n                <\/button>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"nf-filter-row\">\r\n\r\n\r\n                <span class=\"nf-filter-label\">\r\n\r\n                    Topic:\r\n\r\n                <\/span>\r\n\r\n\r\n                <select\r\n                    class=\"nf-events-select nf-events-topic-filter\"\r\n                    id=\"nf-events-topic-filter\"\r\n                >\r\n\r\n\r\n                    <option value=\"all\">\r\n\r\n                        All topics\r\n\r\n                    <\/option>\r\n\r\n\r\n                    \r\n\r\n                        <option\r\n                            value=\"sustainable-sourcing-and-impact\"\r\n                        >\r\n\r\n                            Sustainable Sourcing and Impact\r\n                        <\/option>\r\n\r\n\r\n                    \r\n\r\n                        <option\r\n                            value=\"newforesight-events\"\r\n                        >\r\n\r\n                            NewForesight Events\r\n                        <\/option>\r\n\r\n\r\n                    \r\n\r\n                        <option\r\n                            value=\"sector-convening\"\r\n                        >\r\n\r\n                            Sector Convening\r\n                        <\/option>\r\n\r\n\r\n                    \r\n\r\n                        <option\r\n                            value=\"transformative-finance-and-investment\"\r\n                        >\r\n\r\n                            Transformative Finance and Investment\r\n                        <\/option>\r\n\r\n\r\n                    \r\n\r\n                        <option\r\n                            value=\"transformative-organisations\"\r\n                        >\r\n\r\n                            Transformative Organisations\r\n                        <\/option>\r\n\r\n\r\n                    \r\n\r\n                        <option\r\n                            value=\"transmission\"\r\n                        >\r\n\r\n                            TransMission\r\n                        <\/option>\r\n\r\n\r\n                    \r\n\r\n                <\/select>\r\n\r\n\r\n\r\n                <select\r\n                    class=\"nf-events-select nf-events-date-filter\"\r\n                    id=\"nf-events-date-filter\"\r\n                >\r\n\r\n\r\n                    <option value=\"all\">\r\n                        All dates\r\n                    <\/option>\r\n\r\n\r\n                    <option value=\"30\">\r\n                        Next 30 days\r\n                    <\/option>\r\n\r\n\r\n                    <option value=\"90\">\r\n                        Next 3 months\r\n                    <\/option>\r\n\r\n\r\n                    <option value=\"365\">\r\n                        Next 12 months\r\n                    <\/option>\r\n\r\n\r\n                <\/select>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =====================================================\r\n     FEATURED EVENT\r\n====================================================== -->\r\n\r\n<section class=\"nf-events-section\">\r\n\r\n    <div class=\"nf-events-inner\">\r\n\r\n\r\n        <div class=\"nf-events-section-heading\">\r\n\r\n\r\n            <h2>\r\n\r\n                Featured event\r\n\r\n            <\/h2>\r\n\r\n\r\n            <p>\r\n\r\n                A highlighted opportunity to connect,\r\n                learn and engage with transition leaders.\r\n\r\n            <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        \r\n\r\n            \r\n\r\n            <article\r\n                class=\"nf-featured-event nf-filterable-event\"\r\n                data-format=\"training-course\"\r\n                data-topics=\"transmission\"\r\n                data-date=\"20260929\"\r\n                data-event-type=\"future\"\r\n                data-section=\"featured\"\r\n            >\r\n\r\n\r\n                <div\r\n                    class=\"nf-featured-image\"\r\n                                            style=\"background-image:url('https:\/\/www.newforesight.com\/wp-content\/uploads\/2026\/09\/Changing-the-Game-LinkedIn-36-1024x1024.jpg');\"\r\n                                    ><\/div>\r\n\r\n\r\n                <div class=\"nf-featured-content\">\r\n\r\n\r\n                    \r\n                        <span class=\"nf-event-tag\">\r\n\r\n                            Training course\r\n                        <\/span>\r\n\r\n                    \r\n\r\n                    <h3>\r\n\r\n                        Changing The Game\r\n                    <\/h3>\r\n\r\n\r\n                    \r\n                        <div class=\"nf-event-description\">\r\n\r\n                            A four-day intensive course for project leaders, managers and decision makers who want to understand, design and accelerate complex sustainability transitions.\r\n                        <\/div>\r\n\r\n                    \r\n\r\n                    <div class=\"nf-event-meta\">\r\n\r\n\r\n                        \r\n                            <span>\r\n\r\n                                \u25eb\r\n\r\n                                29 september 2026\r\n                            <\/span>\r\n\r\n                        \r\n\r\n                        \r\n                            <span>\r\n\r\n                                \u25f7\r\n\r\n                                8:00 am\r\n                                \r\n                                    \u2013 5:00 pm\r\n                                \r\n                                \r\n                            <\/span>\r\n\r\n                        \r\n\r\n                        \r\n                            <span>\r\n\r\n                                \u25cf Nyenrode Business Universiteit, Straatweg 25, 3621 BG Breukelen, The Netherlands\r\n                            <\/span>\r\n\r\n                        \r\n\r\n                    <\/div>\r\n\r\n\r\n                    <a\r\n                        href=\"https:\/\/www.newforesight.com\/nl\/events\/changing-the-game\/\"\r\n                        class=\"nf-event-button\"\r\n                    >\r\n                        More details \u2192\r\n                    <\/a>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/article>\r\n\r\n\r\n        \r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =====================================================\r\n     HAPPENING NOW\r\n====================================================== -->\r\n\r\n\r\n\r\n<section class=\"nf-events-section nf-events-section-now\">\r\n\r\n    <div class=\"nf-events-inner\">\r\n\r\n\r\n        <div class=\"nf-events-section-heading\">\r\n\r\n\r\n            <h2>\r\n\r\n                Happening now\r\n\r\n            <\/h2>\r\n\r\n\r\n            <p>\r\n\r\n                Events, sessions and trainings\r\n                currently underway.\r\n\r\n            <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"nf-events-grid\">\r\n\r\n\r\n            \r\n\r\n                \r\n        <article\r\n            class=\"nf-event-card nf-filterable-event\"\r\n            data-format=\"training-course\"\r\n            data-topics=\"transmission\"\r\n            data-date=\"20260929\"\r\n            data-event-type=\"future\"\r\n            data-section=\"happening\"\r\n            data-filter-match=\"yes\"\r\n        >\r\n\r\n            <div\r\n                class=\"nf-card-image\"\r\n                                    style=\"background-image:url('https:\/\/www.newforesight.com\/wp-content\/uploads\/2026\/09\/Changing-the-Game-LinkedIn-36-1024x1024.jpg');\"\r\n                            >\r\n\r\n                \r\n                    <div class=\"nf-card-date\">\r\n\r\n                        <span class=\"nf-card-date-day\">\r\n                            29                        <\/span>\r\n\r\n                        <span class=\"nf-card-date-month\">\r\n                            SEP                        <\/span>\r\n\r\n                        <span class=\"nf-card-date-year\">\r\n                            2026                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                \r\n            <\/div>\r\n\r\n\r\n            <div class=\"nf-card-content\">\r\n\r\n                \r\n                    <div class=\"nf-card-format\">\r\n                        Training course                    <\/div>\r\n\r\n                \r\n\r\n                <h3>\r\n                    Changing The Game                <\/h3>\r\n\r\n\r\n                \r\n                    <div class=\"nf-card-description\">\r\n                        A four-day intensive course for project leaders, managers and decision makers who want to understand, design and accelerate complex sustainability transitions.                    <\/div>\r\n\r\n                \r\n\r\n                <div class=\"nf-card-meta\">\r\n\r\n                    \r\n                        <div>\r\n\r\n                            \u25f7\r\n\r\n                            8:00 am\r\n                                                            \u2013 5:00 pm                            \r\n                            \r\n                        <\/div>\r\n\r\n                    \r\n\r\n                    \r\n                        <div>\r\n                            \u25cf Nyenrode Business Universiteit, Straatweg 25, 3621 BG Breukelen, The Netherlands                        <\/div>\r\n\r\n                    \r\n                <\/div>\r\n\r\n\r\n                <a\r\n                    href=\"https:\/\/www.newforesight.com\/nl\/events\/changing-the-game\/\"\r\n                    class=\"nf-card-button\"\r\n                >\r\n                    More details \u2192\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n        \r\n\r\n            \r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n\r\n<!-- =====================================================\r\n     UPCOMING EVENTS\r\n====================================================== -->\r\n\r\n<section\r\n    class=\"nf-events-section nf-events-section-alt\"\r\n    id=\"upcoming-events\"\r\n>\r\n\r\n    <div class=\"nf-events-inner\">\r\n\r\n\r\n        <div class=\"nf-events-section-heading\">\r\n\r\n\r\n            <h2>\r\n\r\n                Upcoming events\r\n\r\n            <\/h2>\r\n\r\n\r\n            <p>\r\n\r\n                Find out where we\u2019ll be speaking,\r\n                convening, training and connecting next.\r\n\r\n            <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        \r\n\r\n            <div\r\n                class=\"nf-events-grid\"\r\n                id=\"nf-upcoming-grid\"\r\n            >\r\n\r\n\r\n                \r\n\r\n                    \r\n        <article\r\n            class=\"nf-event-card nf-filterable-event\"\r\n            data-format=\"panel-discussion\"\r\n            data-topics=\"sustainable-sourcing-and-impact\"\r\n            data-date=\"20261008\"\r\n            data-event-type=\"future\"\r\n            data-section=\"upcoming\"\r\n            data-filter-match=\"yes\"\r\n        >\r\n\r\n            <div\r\n                class=\"nf-card-image\"\r\n                                    style=\"background-image:url('https:\/\/www.newforesight.com\/wp-content\/uploads\/2026\/03\/Untitled-design-9-1024x768.jpg');\"\r\n                            >\r\n\r\n                \r\n                    <div class=\"nf-card-date\">\r\n\r\n                        <span class=\"nf-card-date-day\">\r\n                            08                        <\/span>\r\n\r\n                        <span class=\"nf-card-date-month\">\r\n                            OKT                        <\/span>\r\n\r\n                        <span class=\"nf-card-date-year\">\r\n                            2026                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                \r\n            <\/div>\r\n\r\n\r\n            <div class=\"nf-card-content\">\r\n\r\n                \r\n                    <div class=\"nf-card-format\">\r\n                        Panel discussion                    <\/div>\r\n\r\n                \r\n\r\n                <h3>\r\n                    Fruit Attraction: Driving Water Stewardship and Regenerative Agriculture in the Fruit Industry                <\/h3>\r\n\r\n\r\n                \r\n                    <div class=\"nf-card-description\">\r\n                        Join the WAVE Aconcagua Partnership at Fruit Attraction in Madrid for a panel discussion on how growers, supply chain partners and local stakeholders are working together to strengthen water stewardship, regenerative agriculture and long-term resilience in Chile\u2019s Aconcagua Valley.                    <\/div>\r\n\r\n                \r\n\r\n                <div class=\"nf-card-meta\">\r\n\r\n                    \r\n                        <div>\r\n\r\n                            \u25f7\r\n\r\n                            11:30 am\r\n                                                            \u2013 12:15 pm                            \r\n                            \r\n                        <\/div>\r\n\r\n                    \r\n\r\n                    \r\n                        <div>\r\n                            \u25cf Fruit Attraction, Fruit Next 10 Forum, Hall 10, Stand 10B29, Madrid, Spain                        <\/div>\r\n\r\n                    \r\n                <\/div>\r\n\r\n\r\n                <a\r\n                    href=\"https:\/\/www.newforesight.com\/nl\/events\/fruit-attraction-driving-water-stewardship-and-regenerative-agriculture-in-the-fruit-industry\/\"\r\n                    class=\"nf-card-button\"\r\n                >\r\n                    More details \u2192\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n        \r\n\r\n                \r\n\r\n                    \r\n        <article\r\n            class=\"nf-event-card nf-filterable-event\"\r\n            data-format=\"webinar\"\r\n            data-topics=\"transmission\"\r\n            data-date=\"20261012\"\r\n            data-event-type=\"future\"\r\n            data-section=\"upcoming\"\r\n            data-filter-match=\"yes\"\r\n        >\r\n\r\n            <div\r\n                class=\"nf-card-image\"\r\n                                    style=\"background-image:url('https:\/\/www.newforesight.com\/wp-content\/uploads\/2025\/12\/sector_collab-767x1024.jpg');\"\r\n                            >\r\n\r\n                \r\n                    <div class=\"nf-card-date\">\r\n\r\n                        <span class=\"nf-card-date-day\">\r\n                            12                        <\/span>\r\n\r\n                        <span class=\"nf-card-date-month\">\r\n                            OKT                        <\/span>\r\n\r\n                        <span class=\"nf-card-date-year\">\r\n                            2026                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                \r\n            <\/div>\r\n\r\n\r\n            <div class=\"nf-card-content\">\r\n\r\n                \r\n                    <div class=\"nf-card-format\">\r\n                        Webinar                    <\/div>\r\n\r\n                \r\n\r\n                <h3>\r\n                    Why collaboration on system change gets stuck                <\/h3>\r\n\r\n\r\n                \r\n                    <div class=\"nf-card-description\">\r\n                        Why do collaborations aimed at system change so often get stuck, even when everyone shares the same ambition? In this Future Up webinar, Maarten Tuinhof introduces the TransMission framework and shows how transition thinking can help coalitions move from alignment to action                    <\/div>\r\n\r\n                \r\n\r\n                <div class=\"nf-card-meta\">\r\n\r\n                    \r\n                        <div>\r\n\r\n                            \u25f7\r\n\r\n                            1:00 pm\r\n                                                            \u2013 2:00 pm                            \r\n                            \r\n                        <\/div>\r\n\r\n                    \r\n\r\n                    \r\n                <\/div>\r\n\r\n\r\n                <a\r\n                    href=\"https:\/\/www.newforesight.com\/nl\/events\/why-collaboration-on-system-change-gets-stuck\/\"\r\n                    class=\"nf-card-button\"\r\n                >\r\n                    More details \u2192\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n        \r\n\r\n                \r\n\r\n            <\/div>\r\n\r\n\r\n            <div\r\n                class=\"nf-events-no-results\"\r\n                id=\"nf-upcoming-no-results\"\r\n            >\r\n\r\n                No upcoming events match these filters.\r\n\r\n            <\/div>\r\n\r\n\r\n            <div\r\n                class=\"nf-events-pagination\"\r\n                id=\"nf-upcoming-pagination\"\r\n            ><\/div>\r\n\r\n\r\n        \r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =====================================================\r\n     PAST EVENTS\r\n====================================================== -->\r\n\r\n<section class=\"nf-events-section\">\r\n\r\n    <div class=\"nf-events-inner\">\r\n\r\n\r\n        <div class=\"nf-events-section-heading\">\r\n\r\n\r\n            <h2>\r\n\r\n                Past events\r\n\r\n            <\/h2>\r\n\r\n\r\n            <p>\r\n\r\n                Explore past events, recordings,\r\n                resources and key takeaways.\r\n\r\n            <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        \r\n\r\n            <div\r\n                class=\"nf-past-grid\"\r\n                id=\"nf-past-grid\"\r\n            >\r\n\r\n\r\n                \r\n\r\n                    \r\n\r\n                    <article\r\n                        class=\"nf-past-card nf-filterable-event\"\r\n                        data-format=\"keynote\"\r\n                        data-topics=\"transmission\"\r\n                        data-date=\"20261007\"\r\n                        data-event-type=\"past\"\r\n                        data-section=\"past\"\r\n                        data-filter-match=\"yes\"\r\n                    >\r\n\r\n\r\n                        <div\r\n                            class=\"nf-past-card-image\"\r\n                                                            style=\"background-image:url('https:\/\/www.newforesight.com\/wp-content\/uploads\/2026\/10\/Screenshot-2026-10-01-092511-768x357.png');\"\r\n                                                    ><\/div>\r\n\r\n\r\n                        <div class=\"nf-past-card-content\">\r\n\r\n\r\n                            \r\n                                <div class=\"nf-past-format\">\r\n\r\n                                    Keynote\r\n                                <\/div>\r\n\r\n                            \r\n\r\n                            <h3>\r\n\r\n                                Rabobank Impact Commissaris Event\r\n                            <\/h3>\r\n\r\n\r\n                            \r\n                                <div class=\"nf-past-date\">\r\n\r\n                                    7 oktober 2026\r\n                                <\/div>\r\n\r\n                            \r\n\r\n                            <a\r\n                                href=\"https:\/\/www.newforesight.com\/nl\/events\/rabobank-impact-commissaris-event-2\/\"\r\n                                class=\"nf-past-button\"\r\n                            >\r\n\r\n                                View event resources \u2192\r\n\r\n                            <\/a>\r\n\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/article>\r\n\r\n\r\n                \r\n\r\n                    \r\n\r\n                    <article\r\n                        class=\"nf-past-card nf-filterable-event\"\r\n                        data-format=\"keynote\"\r\n                        data-topics=\"transmission\"\r\n                        data-date=\"20261006\"\r\n                        data-event-type=\"past\"\r\n                        data-section=\"past\"\r\n                        data-filter-match=\"yes\"\r\n                    >\r\n\r\n\r\n                        <div\r\n                            class=\"nf-past-card-image\"\r\n                                                            style=\"background-image:url('https:\/\/www.newforesight.com\/wp-content\/uploads\/2026\/10\/Screenshot-2026-10-05-141520-768x344.png');\"\r\n                                                    ><\/div>\r\n\r\n\r\n                        <div class=\"nf-past-card-content\">\r\n\r\n\r\n                            \r\n                                <div class=\"nf-past-format\">\r\n\r\n                                    Keynote\r\n                                <\/div>\r\n\r\n                            \r\n\r\n                            <h3>\r\n\r\n                                Belgium Green Building Council\r\n                            <\/h3>\r\n\r\n\r\n                            \r\n                                <div class=\"nf-past-date\">\r\n\r\n                                    6 oktober 2026\r\n                                <\/div>\r\n\r\n                            \r\n\r\n                            <a\r\n                                href=\"https:\/\/www.newforesight.com\/nl\/events\/belgium-green-building-council\/\"\r\n                                class=\"nf-past-button\"\r\n                            >\r\n\r\n                                View event resources \u2192\r\n\r\n                            <\/a>\r\n\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/article>\r\n\r\n\r\n                \r\n\r\n                    \r\n\r\n                    <article\r\n                        class=\"nf-past-card nf-filterable-event\"\r\n                        data-format=\"keynote\"\r\n                        data-topics=\"transmission\"\r\n                        data-date=\"20260908\"\r\n                        data-event-type=\"past\"\r\n                        data-section=\"past\"\r\n                        data-filter-match=\"yes\"\r\n                    >\r\n\r\n\r\n                        <div\r\n                            class=\"nf-past-card-image\"\r\n                                                            style=\"background-image:url('https:\/\/www.newforesight.com\/wp-content\/uploads\/2026\/09\/Screenshot-2026-09-30-171039-768x464.png');\"\r\n                                                    ><\/div>\r\n\r\n\r\n                        <div class=\"nf-past-card-content\">\r\n\r\n\r\n                            \r\n                                <div class=\"nf-past-format\">\r\n\r\n                                    Keynote\r\n                                <\/div>\r\n\r\n                            \r\n\r\n                            <h3>\r\n\r\n                                Dutch Green Building Council\r\n                            <\/h3>\r\n\r\n\r\n                            \r\n                                <div class=\"nf-past-date\">\r\n\r\n                                    8 september 2026\r\n                                <\/div>\r\n\r\n                            \r\n\r\n                            <a\r\n                                href=\"https:\/\/www.newforesight.com\/dutch-green-building-council\/\"\r\n                                class=\"nf-past-button\"\r\n                            >\r\n\r\n                                View event resources \u2192\r\n\r\n                            <\/a>\r\n\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/article>\r\n\r\n\r\n                \r\n\r\n                    \r\n\r\n                    <article\r\n                        class=\"nf-past-card nf-filterable-event\"\r\n                        data-format=\"keynote\"\r\n                        data-topics=\"\"\r\n                        data-date=\"20260831\"\r\n                        data-event-type=\"past\"\r\n                        data-section=\"past\"\r\n                        data-filter-match=\"yes\"\r\n                    >\r\n\r\n\r\n                        <div\r\n                            class=\"nf-past-card-image\"\r\n                                                            style=\"background-image:url('https:\/\/www.newforesight.com\/wp-content\/uploads\/2026\/08\/MGL1658-768x512.jpg');\"\r\n                                                    ><\/div>\r\n\r\n\r\n                        <div class=\"nf-past-card-content\">\r\n\r\n\r\n                            \r\n                                <div class=\"nf-past-format\">\r\n\r\n                                    Keynote\r\n                                <\/div>\r\n\r\n                            \r\n\r\n                            <h3>\r\n\r\n                                Leaders In Transition Launch\r\n                            <\/h3>\r\n\r\n\r\n                            \r\n                                <div class=\"nf-past-date\">\r\n\r\n                                    31 augustus 2026\r\n                                <\/div>\r\n\r\n                            \r\n\r\n                            <a\r\n                                href=\"https:\/\/www.newforesight.com\/launching-leaders-in-transition\/\"\r\n                                class=\"nf-past-button\"\r\n                            >\r\n\r\n                                View event resources \u2192\r\n\r\n                            <\/a>\r\n\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/article>\r\n\r\n\r\n                \r\n\r\n                    \r\n\r\n                    <article\r\n                        class=\"nf-past-card nf-filterable-event\"\r\n                        data-format=\"keynote\"\r\n                        data-topics=\"transmission\"\r\n                        data-date=\"20260611\"\r\n                        data-event-type=\"past\"\r\n                        data-section=\"past\"\r\n                        data-filter-match=\"yes\"\r\n                    >\r\n\r\n\r\n                        <div\r\n                            class=\"nf-past-card-image\"\r\n                                                            style=\"background-image:url('https:\/\/www.newforesight.com\/wp-content\/uploads\/2026\/09\/Screenshot-2026-09-30-171923-768x317.png');\"\r\n                                                    ><\/div>\r\n\r\n\r\n                        <div class=\"nf-past-card-content\">\r\n\r\n\r\n                            \r\n                                <div class=\"nf-past-format\">\r\n\r\n                                    Keynote\r\n                                <\/div>\r\n\r\n                            \r\n\r\n                            <h3>\r\n\r\n                                Concrete Change\r\n                            <\/h3>\r\n\r\n\r\n                            \r\n                                <div class=\"nf-past-date\">\r\n\r\n                                    11 juni 2026\r\n                                <\/div>\r\n\r\n                            \r\n\r\n                            <a\r\n                                href=\"https:\/\/www.newforesight.com\/concrete-change\/\"\r\n                                class=\"nf-past-button\"\r\n                            >\r\n\r\n                                View event resources \u2192\r\n\r\n                            <\/a>\r\n\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/article>\r\n\r\n\r\n                \r\n\r\n                    \r\n\r\n                    <article\r\n                        class=\"nf-past-card nf-filterable-event\"\r\n                        data-format=\"keynote\"\r\n                        data-topics=\"transmission\"\r\n                        data-date=\"20260611\"\r\n                        data-event-type=\"past\"\r\n                        data-section=\"past\"\r\n                        data-filter-match=\"yes\"\r\n                    >\r\n\r\n\r\n                        <div\r\n                            class=\"nf-past-card-image\"\r\n                                                            style=\"background-image:url('https:\/\/www.newforesight.com\/wp-content\/uploads\/2026\/09\/Screenshot-2026-09-30-172255.png');\"\r\n                                                    ><\/div>\r\n\r\n\r\n                        <div class=\"nf-past-card-content\">\r\n\r\n\r\n                            \r\n                                <div class=\"nf-past-format\">\r\n\r\n                                    Keynote\r\n                                <\/div>\r\n\r\n                            \r\n\r\n                            <h3>\r\n\r\n                                Samen Netwerken \u2013 Beleidsdomein MOW\r\n                            <\/h3>\r\n\r\n\r\n                            \r\n                                <div class=\"nf-past-date\">\r\n\r\n                                    11 juni 2026\r\n                                <\/div>\r\n\r\n                            \r\n\r\n                            <a\r\n                                href=\"https:\/\/www.newforesight.com\/samen-netwerken-beleidsdomein-mow\/\"\r\n                                class=\"nf-past-button\"\r\n                            >\r\n\r\n                                View event resources \u2192\r\n\r\n                            <\/a>\r\n\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/article>\r\n\r\n\r\n                \r\n\r\n                    \r\n\r\n                    <article\r\n                        class=\"nf-past-card nf-filterable-event\"\r\n                        data-format=\"keynote\"\r\n                        data-topics=\"transmission\"\r\n                        data-date=\"20260604\"\r\n                        data-event-type=\"past\"\r\n                        data-section=\"past\"\r\n                        data-filter-match=\"yes\"\r\n                    >\r\n\r\n\r\n                        <div\r\n                            class=\"nf-past-card-image\"\r\n                                                            style=\"background-image:url('https:\/\/www.newforesight.com\/wp-content\/uploads\/2026\/09\/Screenshot-2026-09-30-172633-768x325.png');\"\r\n                                                    ><\/div>\r\n\r\n\r\n                        <div class=\"nf-past-card-content\">\r\n\r\n\r\n                            \r\n                                <div class=\"nf-past-format\">\r\n\r\n                                    Keynote\r\n                                <\/div>\r\n\r\n                            \r\n\r\n                            <h3>\r\n\r\n                                STZ Ziekenhuizen\r\n                            <\/h3>\r\n\r\n\r\n                            \r\n                                <div class=\"nf-past-date\">\r\n\r\n                                    4 juni 2026\r\n                                <\/div>\r\n\r\n                            \r\n\r\n                            <a\r\n                                href=\"https:\/\/www.newforesight.com\/stz-ziekenhuizen\/\"\r\n                                class=\"nf-past-button\"\r\n                            >\r\n\r\n                                View event resources \u2192\r\n\r\n                            <\/a>\r\n\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/article>\r\n\r\n\r\n                \r\n\r\n                    \r\n\r\n                    <article\r\n                        class=\"nf-past-card nf-filterable-event\"\r\n                        data-format=\"training-course\"\r\n                        data-topics=\"transmission\"\r\n                        data-date=\"20260227\"\r\n                        data-event-type=\"past\"\r\n                        data-section=\"past\"\r\n                        data-filter-match=\"yes\"\r\n                    >\r\n\r\n\r\n                        <div\r\n                            class=\"nf-past-card-image\"\r\n                                                            style=\"background-image:url('https:\/\/www.newforesight.com\/wp-content\/uploads\/2026\/06\/DSC_6083-3-768x614.jpg');\"\r\n                                                    ><\/div>\r\n\r\n\r\n                        <div class=\"nf-past-card-content\">\r\n\r\n\r\n                            \r\n                                <div class=\"nf-past-format\">\r\n\r\n                                    Training course\r\n                                <\/div>\r\n\r\n                            \r\n\r\n                            <h3>\r\n\r\n                                Transition Masterclass\r\n                            <\/h3>\r\n\r\n\r\n                            \r\n                                <div class=\"nf-past-date\">\r\n\r\n                                    27 februari 2026\r\n                                <\/div>\r\n\r\n                            \r\n\r\n                            <a\r\n                                href=\"https:\/\/www.newforesight.com\/thank-you-for-participating-in-the-transition-masterclass-in-cape-town\/\"\r\n                                class=\"nf-past-button\"\r\n                            >\r\n\r\n                                View event resources \u2192\r\n\r\n                            <\/a>\r\n\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/article>\r\n\r\n\r\n                \r\n\r\n            <\/div>\r\n\r\n\r\n            <div\r\n                class=\"nf-events-no-results\"\r\n                id=\"nf-past-no-results\"\r\n            >\r\n\r\n                No past events match these filters.\r\n\r\n            <\/div>\r\n\r\n\r\n            <div\r\n                class=\"nf-events-pagination\"\r\n                id=\"nf-past-pagination\"\r\n            ><\/div>\r\n\r\n\r\n        \r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\r\n    'DOMContentLoaded',\r\n    function () {\r\n\r\n\r\n        \/* =====================================================\r\n           ELEMENTS\r\n        ====================================================== *\/\r\n\r\n        const formatButtons =\r\n            Array.from(\r\n                document.querySelectorAll(\r\n                    '.nf-filter-button'\r\n                )\r\n            );\r\n\r\n\r\n        const topicFilter =\r\n            document.getElementById(\r\n                'nf-events-topic-filter'\r\n            );\r\n\r\n\r\n        const dateFilter =\r\n            document.getElementById(\r\n                'nf-events-date-filter'\r\n            );\r\n\r\n\r\n        const allEvents =\r\n            Array.from(\r\n                document.querySelectorAll(\r\n                    '.nf-filterable-event'\r\n                )\r\n            );\r\n\r\n\r\n        const upcomingCards =\r\n            Array.from(\r\n                document.querySelectorAll(\r\n                    '[data-section=\"upcoming\"]'\r\n                )\r\n            );\r\n\r\n\r\n        const pastCards =\r\n            Array.from(\r\n                document.querySelectorAll(\r\n                    '[data-section=\"past\"]'\r\n                )\r\n            );\r\n\r\n\r\n        const upcomingPagination =\r\n            document.getElementById(\r\n                'nf-upcoming-pagination'\r\n            );\r\n\r\n\r\n        const pastPagination =\r\n            document.getElementById(\r\n                'nf-past-pagination'\r\n            );\r\n\r\n\r\n        const upcomingNoResults =\r\n            document.getElementById(\r\n                'nf-upcoming-no-results'\r\n            );\r\n\r\n\r\n        const pastNoResults =\r\n            document.getElementById(\r\n                'nf-past-no-results'\r\n            );\r\n\r\n\r\n        let activeFormat =\r\n            'all';\r\n\r\n\r\n        let currentUpcomingPage =\r\n            1;\r\n\r\n\r\n        let currentPastPage =\r\n            1;\r\n\r\n\r\n        \/*\r\n         * 4 columns \u00d7 2 rows\r\n         *\/\r\n\r\n        const upcomingPerPage =\r\n            8;\r\n\r\n\r\n        const pastPerPage =\r\n            8;\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           FILTER MATCHING\r\n        ====================================================== *\/\r\n\r\n        function eventMatchesFormat(event) {\r\n\r\n            const format =\r\n                event.dataset.format ||\r\n                '';\r\n\r\n\r\n            return (\r\n                activeFormat === 'all' ||\r\n                format === activeFormat\r\n            );\r\n        }\r\n\r\n\r\n\r\n        function eventMatchesTopic(event) {\r\n\r\n            const selectedTopic =\r\n                topicFilter\r\n                    ? topicFilter.value\r\n                    : 'all';\r\n\r\n\r\n            if (\r\n                selectedTopic === 'all'\r\n            ) {\r\n                return true;\r\n            }\r\n\r\n\r\n            const topics =\r\n                (\r\n                    event.dataset.topics ||\r\n                    ''\r\n                )\r\n                .split(' ')\r\n                .filter(Boolean);\r\n\r\n\r\n            return topics.includes(\r\n                selectedTopic\r\n            );\r\n        }\r\n\r\n\r\n\r\n        function parseEventDate(value) {\r\n\r\n            if (!value) {\r\n                return null;\r\n            }\r\n\r\n\r\n            \/*\r\n             * Supports:\r\n             * 2026-10-08\r\n             * 08\/10\/2026\r\n             * 20261008\r\n             *\/\r\n\r\n            if (\r\n                \/^\\d{8}$\/.test(value)\r\n            ) {\r\n\r\n                const year =\r\n                    parseInt(\r\n                        value.substring(0,4),\r\n                        10\r\n                    );\r\n\r\n                const month =\r\n                    parseInt(\r\n                        value.substring(4,6),\r\n                        10\r\n                    ) - 1;\r\n\r\n                const day =\r\n                    parseInt(\r\n                        value.substring(6,8),\r\n                        10\r\n                    );\r\n\r\n\r\n                return new Date(\r\n                    year,\r\n                    month,\r\n                    day\r\n                );\r\n            }\r\n\r\n\r\n            const parsed =\r\n                new Date(value);\r\n\r\n\r\n            if (\r\n                isNaN(\r\n                    parsed.getTime()\r\n                )\r\n            ) {\r\n                return null;\r\n            }\r\n\r\n\r\n            return parsed;\r\n        }\r\n\r\n\r\n\r\n        function eventMatchesDate(event) {\r\n\r\n            \/*\r\n             * Date filter does not hide past events.\r\n             *\/\r\n\r\n            if (\r\n                event.dataset.eventType ===\r\n                'past'\r\n            ) {\r\n                return true;\r\n            }\r\n\r\n\r\n            const selectedDays =\r\n                dateFilter\r\n                    ? dateFilter.value\r\n                    : 'all';\r\n\r\n\r\n            if (\r\n                selectedDays === 'all'\r\n            ) {\r\n                return true;\r\n            }\r\n\r\n\r\n            const eventDate =\r\n                parseEventDate(\r\n                    event.dataset.date ||\r\n                    ''\r\n                );\r\n\r\n\r\n            if (!eventDate) {\r\n                return true;\r\n            }\r\n\r\n\r\n            const today =\r\n                new Date();\r\n\r\n\r\n            today.setHours(\r\n                0,\r\n                0,\r\n                0,\r\n                0\r\n            );\r\n\r\n\r\n            eventDate.setHours(\r\n                0,\r\n                0,\r\n                0,\r\n                0\r\n            );\r\n\r\n\r\n            const futureDate =\r\n                new Date(today);\r\n\r\n\r\n            futureDate.setDate(\r\n                futureDate.getDate() +\r\n                parseInt(\r\n                    selectedDays,\r\n                    10\r\n                )\r\n            );\r\n\r\n\r\n            return (\r\n                eventDate >= today &&\r\n                eventDate <= futureDate\r\n            );\r\n        }\r\n\r\n\r\n\r\n        function eventMatchesFilters(event) {\r\n\r\n            return (\r\n                eventMatchesFormat(event) &&\r\n                eventMatchesTopic(event) &&\r\n                eventMatchesDate(event)\r\n            );\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           PAGINATION BUTTON BUILDER\r\n        ====================================================== *\/\r\n\r\n        function buildPagination(\r\n            container,\r\n            currentPage,\r\n            totalPages,\r\n            changePage\r\n        ) {\r\n\r\n            if (!container) {\r\n                return;\r\n            }\r\n\r\n\r\n            container.innerHTML =\r\n                '';\r\n\r\n\r\n            if (totalPages <= 1) {\r\n                return;\r\n            }\r\n\r\n\r\n            \/*\r\n             * PREVIOUS\r\n             *\/\r\n\r\n            if (currentPage > 1) {\r\n\r\n                const prev =\r\n                    document.createElement(\r\n                        'button'\r\n                    );\r\n\r\n\r\n                prev.type =\r\n                    'button';\r\n\r\n\r\n                prev.className =\r\n                    'nf-events-page-button';\r\n\r\n\r\n                prev.textContent =\r\n                    '\u2190';\r\n\r\n\r\n                prev.setAttribute(\r\n                    'aria-label',\r\n                    'Previous page'\r\n                );\r\n\r\n\r\n                prev.addEventListener(\r\n                    'click',\r\n                    function() {\r\n\r\n                        changePage(\r\n                            currentPage - 1\r\n                        );\r\n                    }\r\n                );\r\n\r\n\r\n                container.appendChild(\r\n                    prev\r\n                );\r\n            }\r\n\r\n\r\n            \/*\r\n             * NUMBERS\r\n             *\/\r\n\r\n            for (\r\n                let i = 1;\r\n                i <= totalPages;\r\n                i++\r\n            ) {\r\n\r\n                const button =\r\n                    document.createElement(\r\n                        'button'\r\n                    );\r\n\r\n\r\n                button.type =\r\n                    'button';\r\n\r\n\r\n                button.className =\r\n                    'nf-events-page-button';\r\n\r\n\r\n                button.textContent =\r\n                    i;\r\n\r\n\r\n                button.setAttribute(\r\n                    'aria-label',\r\n                    'Page ' + i\r\n                );\r\n\r\n\r\n                if (\r\n                    i === currentPage\r\n                ) {\r\n\r\n                    button.classList.add(\r\n                        'is-active'\r\n                    );\r\n                }\r\n\r\n\r\n                button.addEventListener(\r\n                    'click',\r\n                    function() {\r\n\r\n                        changePage(i);\r\n                    }\r\n                );\r\n\r\n\r\n                container.appendChild(\r\n                    button\r\n                );\r\n            }\r\n\r\n\r\n            \/*\r\n             * NEXT\r\n             *\/\r\n\r\n            if (\r\n                currentPage <\r\n                totalPages\r\n            ) {\r\n\r\n                const next =\r\n                    document.createElement(\r\n                        'button'\r\n                    );\r\n\r\n\r\n                next.type =\r\n                    'button';\r\n\r\n\r\n                next.className =\r\n                    'nf-events-page-button';\r\n\r\n\r\n                next.textContent =\r\n                    '\u2192';\r\n\r\n\r\n                next.setAttribute(\r\n                    'aria-label',\r\n                    'Next page'\r\n                );\r\n\r\n\r\n                next.addEventListener(\r\n                    'click',\r\n                    function() {\r\n\r\n                        changePage(\r\n                            currentPage + 1\r\n                        );\r\n                    }\r\n                );\r\n\r\n\r\n                container.appendChild(\r\n                    next\r\n                );\r\n            }\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           UPCOMING PAGINATION\r\n        ====================================================== *\/\r\n\r\n        function renderUpcomingPage(\r\n            page,\r\n            shouldScroll = false\r\n        ) {\r\n\r\n            const matching =\r\n                upcomingCards.filter(\r\n                    function(card) {\r\n\r\n                        return (\r\n                            card.dataset.filterMatch ===\r\n                            'yes'\r\n                        );\r\n                    }\r\n                );\r\n\r\n\r\n            const totalPages =\r\n                Math.max(\r\n                    1,\r\n                    Math.ceil(\r\n                        matching.length \/\r\n                        upcomingPerPage\r\n                    )\r\n                );\r\n\r\n\r\n            if (page < 1) {\r\n                page = 1;\r\n            }\r\n\r\n\r\n            if (page > totalPages) {\r\n                page = totalPages;\r\n            }\r\n\r\n\r\n            currentUpcomingPage =\r\n                page;\r\n\r\n\r\n            \/*\r\n             * Always reset every card first.\r\n             *\/\r\n\r\n            upcomingCards.forEach(\r\n                function(card) {\r\n\r\n                    card.classList.add(\r\n                        'is-hidden'\r\n                    );\r\n                }\r\n            );\r\n\r\n\r\n            const start =\r\n                (page - 1) *\r\n                upcomingPerPage;\r\n\r\n\r\n            const end =\r\n                start +\r\n                upcomingPerPage;\r\n\r\n\r\n            matching\r\n                .slice(\r\n                    start,\r\n                    end\r\n                )\r\n                .forEach(\r\n                    function(card) {\r\n\r\n                        card.classList.remove(\r\n                            'is-hidden'\r\n                        );\r\n                    }\r\n                );\r\n\r\n\r\n            if (upcomingNoResults) {\r\n\r\n                upcomingNoResults.style.display =\r\n                    matching.length\r\n                        ? 'none'\r\n                        : 'block';\r\n            }\r\n\r\n\r\n            buildPagination(\r\n                upcomingPagination,\r\n                page,\r\n                totalPages,\r\n                function(newPage) {\r\n\r\n                    renderUpcomingPage(\r\n                        newPage,\r\n                        true\r\n                    );\r\n                }\r\n            );\r\n\r\n\r\n            if (shouldScroll) {\r\n\r\n                const section =\r\n                    document.getElementById(\r\n                        'upcoming-events'\r\n                    );\r\n\r\n\r\n                if (section) {\r\n\r\n                    section.scrollIntoView({\r\n\r\n                        behavior:\r\n                            'smooth',\r\n\r\n                        block:\r\n                            'start'\r\n                    });\r\n                }\r\n            }\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           PAST PAGINATION\r\n        ====================================================== *\/\r\n\r\n        function renderPastPage(\r\n            page,\r\n            shouldScroll = false\r\n        ) {\r\n\r\n            const matching =\r\n                pastCards.filter(\r\n                    function(card) {\r\n\r\n                        return (\r\n                            card.dataset.filterMatch ===\r\n                            'yes'\r\n                        );\r\n                    }\r\n                );\r\n\r\n\r\n            const totalPages =\r\n                Math.max(\r\n                    1,\r\n                    Math.ceil(\r\n                        matching.length \/\r\n                        pastPerPage\r\n                    )\r\n                );\r\n\r\n\r\n            if (page < 1) {\r\n                page = 1;\r\n            }\r\n\r\n\r\n            if (page > totalPages) {\r\n                page = totalPages;\r\n            }\r\n\r\n\r\n            currentPastPage =\r\n                page;\r\n\r\n\r\n            pastCards.forEach(\r\n                function(card) {\r\n\r\n                    card.classList.add(\r\n                        'is-hidden'\r\n                    );\r\n                }\r\n            );\r\n\r\n\r\n            const start =\r\n                (page - 1) *\r\n                pastPerPage;\r\n\r\n\r\n            const end =\r\n                start +\r\n                pastPerPage;\r\n\r\n\r\n            matching\r\n                .slice(\r\n                    start,\r\n                    end\r\n                )\r\n                .forEach(\r\n                    function(card) {\r\n\r\n                        card.classList.remove(\r\n                            'is-hidden'\r\n                        );\r\n                    }\r\n                );\r\n\r\n\r\n            if (pastNoResults) {\r\n\r\n                pastNoResults.style.display =\r\n                    matching.length\r\n                        ? 'none'\r\n                        : 'block';\r\n            }\r\n\r\n\r\n            buildPagination(\r\n                pastPagination,\r\n                page,\r\n                totalPages,\r\n                function(newPage) {\r\n\r\n                    renderPastPage(\r\n                        newPage,\r\n                        true\r\n                    );\r\n                }\r\n            );\r\n\r\n\r\n            if (shouldScroll) {\r\n\r\n                const grid =\r\n                    document.getElementById(\r\n                        'nf-past-grid'\r\n                    );\r\n\r\n\r\n                if (grid) {\r\n\r\n                    grid.scrollIntoView({\r\n\r\n                        behavior:\r\n                            'smooth',\r\n\r\n                        block:\r\n                            'start'\r\n                    });\r\n                }\r\n            }\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           APPLY FILTERS\r\n        ====================================================== *\/\r\n\r\n        function applyFilters() {\r\n\r\n\r\n            \/*\r\n             * Explicitly reset ALL cards.\r\n             * This fixes cards remaining hidden from a\r\n             * previous filtering state.\r\n             *\/\r\n\r\n            allEvents.forEach(\r\n                function(event) {\r\n\r\n                    event.classList.remove(\r\n                        'is-hidden'\r\n                    );\r\n                }\r\n            );\r\n\r\n\r\n            \/*\r\n             * Calculate filter state for every event.\r\n             *\/\r\n\r\n            allEvents.forEach(\r\n                function(event) {\r\n\r\n\r\n                    const matches =\r\n                        eventMatchesFilters(\r\n                            event\r\n                        );\r\n\r\n\r\n                    \/*\r\n                     * Upcoming + past visibility is\r\n                     * controlled by their pagination.\r\n                     *\/\r\n\r\n                    if (\r\n                        event.dataset.section ===\r\n                        'upcoming' ||\r\n                        event.dataset.section ===\r\n                        'past'\r\n                    ) {\r\n\r\n                        event.dataset.filterMatch =\r\n                            matches\r\n                                ? 'yes'\r\n                                : 'no';\r\n\r\n                        return;\r\n                    }\r\n\r\n\r\n                    \/*\r\n                     * Featured + happening now are not\r\n                     * paginated.\r\n                     *\/\r\n\r\n                    if (!matches) {\r\n\r\n                        event.classList.add(\r\n                            'is-hidden'\r\n                        );\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n\r\n            \/*\r\n             * Filters always return pagination to page 1.\r\n             *\/\r\n\r\n            currentUpcomingPage =\r\n                1;\r\n\r\n\r\n            currentPastPage =\r\n                1;\r\n\r\n\r\n            renderUpcomingPage(\r\n                1,\r\n                false\r\n            );\r\n\r\n\r\n            renderPastPage(\r\n                1,\r\n                false\r\n            );\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           FORMAT FILTER\r\n        ====================================================== *\/\r\n\r\n        formatButtons.forEach(\r\n            function(button) {\r\n\r\n\r\n                button.addEventListener(\r\n                    'click',\r\n                    function() {\r\n\r\n\r\n                        formatButtons.forEach(\r\n                            function(btn) {\r\n\r\n                                btn.classList.remove(\r\n                                    'is-active'\r\n                                );\r\n                            }\r\n                        );\r\n\r\n\r\n                        button.classList.add(\r\n                            'is-active'\r\n                        );\r\n\r\n\r\n                        activeFormat =\r\n                            button.dataset.format ||\r\n                            'all';\r\n\r\n\r\n                        applyFilters();\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           TOPIC FILTER\r\n        ====================================================== *\/\r\n\r\n        if (topicFilter) {\r\n\r\n            topicFilter.addEventListener(\r\n                'change',\r\n                applyFilters\r\n            );\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           DATE FILTER\r\n        ====================================================== *\/\r\n\r\n        if (dateFilter) {\r\n\r\n            dateFilter.addEventListener(\r\n                'change',\r\n                applyFilters\r\n            );\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           INITIAL LOAD\r\n        ====================================================== *\/\r\n\r\n        applyFilters();\r\n\r\n    }\r\n);\r\n\r\n<\/script>\r\n\r\n\r\n\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":10,"featured_media":3039,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1547","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.newforesight.com\/nl\/wp-json\/wp\/v2\/pages\/1547","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.newforesight.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.newforesight.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.newforesight.com\/nl\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.newforesight.com\/nl\/wp-json\/wp\/v2\/comments?post=1547"}],"version-history":[{"count":86,"href":"https:\/\/www.newforesight.com\/nl\/wp-json\/wp\/v2\/pages\/1547\/revisions"}],"predecessor-version":[{"id":3307,"href":"https:\/\/www.newforesight.com\/nl\/wp-json\/wp\/v2\/pages\/1547\/revisions\/3307"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.newforesight.com\/nl\/wp-json\/wp\/v2\/media\/3039"}],"wp:attachment":[{"href":"https:\/\/www.newforesight.com\/nl\/wp-json\/wp\/v2\/media?parent=1547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}