{"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":"<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   BREAK OUT OF ELEMENTOR WIDTH\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    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    padding: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BRAND\r\n========================================================= *\/\r\n\r\n.nf-events-page {\r\n\r\n    --nf-blue: #000061;\r\n    --nf-light-blue: #17B8FF;\r\n    --nf-yellow: #FDC52C;\r\n\r\n    --nf-text: #15154f;\r\n    --nf-muted: #666b80;\r\n    --nf-border: #e4e8ef;\r\n\r\n    --nf-bg: #f7f9fc;\r\n    --nf-soft-blue: #eef8fd;\r\n\r\n    width: 100%;\r\n\r\n    margin: 0;\r\n    padding: 0;\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    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    padding-right: 40px;\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    width: 100%;\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    display: inline-flex;\r\n\r\n    align-self: flex-start;\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:\r\n        -.045em;\r\n\r\n    font-weight: 700;\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    opacity: .95;\r\n}\r\n\r\n\r\n\/* NEW HERO CTAs *\/\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    transition:\r\n        transform .2s ease,\r\n        box-shadow .2s ease;\r\n}\r\n\r\n\r\n.nf-events-hero-button:hover {\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    box-shadow:\r\n        0\r\n        8px\r\n        20px\r\n        rgba(0,0,0,.12);\r\n}\r\n\r\n\r\n.nf-events-hero-button-secondary {\r\n\r\n    background:\r\n        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-button-secondary:hover {\r\n\r\n    background:\r\n        #fff;\r\n\r\n    color:\r\n        var(--nf-blue) !important;\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   FILTER AREA\r\n========================================================= *\/\r\n\r\n.nf-events-filter-section {\r\n\r\n    width: 100%;\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    transition:\r\n        .2s ease;\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   COMMON 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:\r\n        space-between;\r\n\r\n    align-items:\r\n        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:\r\n        -.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   FEATURED EVENT\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:\r\n        #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:\r\n        999px;\r\n\r\n    background:\r\n        #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    letter-spacing:\r\n        -.025em;\r\n}\r\n\r\n\r\n.nf-event-description {\r\n\r\n    max-width: 680px;\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    color:\r\n        var(--nf-text);\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n.nf-event-meta-item {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 7px;\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   UPCOMING + HAPPENING NOW CARDS\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            3,\r\n            minmax(0,1fr)\r\n        );\r\n\r\n    gap: 25px;\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    transition:\r\n        transform .2s ease,\r\n        box-shadow .2s ease;\r\n}\r\n\r\n\r\n.nf-event-card:hover {\r\n\r\n    transform:\r\n        translateY(-4px);\r\n\r\n    box-shadow:\r\n        0\r\n        15px\r\n        34px\r\n        rgba(0,0,65,.09);\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:\r\n        #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: 70px;\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    line-height: 1;\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:\r\n        #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: 26px;\r\n}\r\n\r\n\r\n.nf-card-format {\r\n\r\n    display: inline-flex;\r\n\r\n    align-self: flex-start;\r\n\r\n    margin-bottom: 13px;\r\n\r\n    color:\r\n        #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        13px;\r\n\r\n    color:\r\n        var(--nf-blue);\r\n\r\n    font-size: 23px;\r\n\r\n    line-height: 1.15;\r\n\r\n    letter-spacing:\r\n        -.015em;\r\n}\r\n\r\n\r\n.nf-card-description {\r\n\r\n    margin-bottom: 21px;\r\n\r\n    color:\r\n        var(--nf-muted);\r\n\r\n    font-size: 14px;\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: 22px;\r\n\r\n    color:\r\n        var(--nf-text);\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.65;\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: 47px;\r\n\r\n    padding:\r\n        12px\r\n        20px;\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   PAST EVENTS GRID\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    transition:\r\n        transform .2s ease,\r\n        box-shadow .2s ease;\r\n}\r\n\r\n\r\n.nf-past-card:hover {\r\n\r\n    transform:\r\n        translateY(-3px);\r\n\r\n    box-shadow:\r\n        0\r\n        13px\r\n        28px\r\n        rgba(0,0,65,.09);\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:\r\n        #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    display: inline-block;\r\n\r\n    margin-bottom: 9px;\r\n\r\n    color:\r\n        #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    line-height: 1.4;\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    border-color:\r\n        var(--nf-blue);\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   PAGINATION\r\n========================================================= *\/\r\n\r\n.nf-past-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    gap: 8px;\r\n\r\n    margin-top: 36px;\r\n}\r\n\r\n\r\n.nf-past-page-button {\r\n\r\n    min-width: 40px;\r\n\r\n    min-height: 40px;\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: 5px;\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\r\n\r\n.nf-past-page-button:hover,\r\n.nf-past-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   EMPTY + FILTER STATES\r\n========================================================= *\/\r\n\r\n.nf-events-empty,\r\n.nf-past-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-past-no-results {\r\n\r\n    display: none;\r\n\r\n    margin-top: 15px;\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   LARGE MONITORS\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        padding-right: 60px;\r\n    }\r\n\r\n\r\n    .nf-events-hero-copy {\r\n\r\n        padding-left: 105px;\r\n        padding-right: 105px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LAPTOP \/ TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\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@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        background-position: 48% 25%;\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\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-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: 320px;\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: 46px;\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        align-items: stretch;\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-events-filter-section {\r\n\r\n        padding:\r\n            20px\r\n            0;\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        padding:\r\n            10px\r\n            10px;\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:\r\n            flex-start;\r\n\r\n        flex-direction:\r\n            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\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         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, hosting\r\n                    conversations and running trainings throughout the year.\r\n                    See where the NewForesight team will be next and\r\n                    connect 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\r\n                        See upcoming events \u2193\r\n\r\n                    <\/a>\r\n\r\n\r\n                    <a\r\n                        href=\"https:\/\/www.newforesight.com\/nl\/keynote-speaker\/\"\r\n                        class=\"nf-events-hero-button nf-events-hero-button-secondary\"\r\n                    >\r\n\r\n                        Invite us to speak \u2192\r\n\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\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\r\n                        All events\r\n\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\r\n                        Keynotes\r\n\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\r\n                        Webinars\r\n\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\r\n                        Training courses\r\n\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\r\n                        Workshops\r\n\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\r\n                        Panel discussions\r\n\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\r\n                        Events & Conferences\r\n\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                                Transformatieve Financiering &amp; Investeringen\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                                Organisatie Transformatie\r\n                            <\/option>\r\n\r\n\r\n                        \r\n\r\n                            <option\r\n                                value=\"transmission\"\r\n                            >\r\n\r\n                                TransMissie\r\n                            <\/option>\r\n\r\n\r\n                        \r\n\r\n                    <\/select>\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\r\n                            All dates\r\n\r\n                        <\/option>\r\n\r\n\r\n                        <option value=\"30\">\r\n\r\n                            Next 30 days\r\n\r\n                        <\/option>\r\n\r\n\r\n                        <option value=\"90\">\r\n\r\n                            Next 3 months\r\n\r\n                        <\/option>\r\n\r\n\r\n                        <option value=\"365\">\r\n\r\n                            Next 12 months\r\n\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                >\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 class=\"nf-event-meta-item\">\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 class=\"nf-event-meta-item\">\r\n\r\n                                    \u25f7\r\n\r\n                                    8:00 am\r\n\r\n                                    \r\n                                        \u2013\r\n\r\n                                        5:00 am\r\n                                    \r\n\r\n                                    \r\n\r\n                                <\/span>\r\n\r\n                            \r\n\r\n                            \r\n                                <span class=\"nf-event-meta-item\">\r\n\r\n                                    \u25cf\r\n\r\n                                    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\r\n                            More details \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    <\/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\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                        >\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                                \r\n                                    <div class=\"nf-card-date\">\r\n\r\n\r\n                                        <span class=\"nf-card-date-day\">\r\n\r\n                                            29\r\n                                        <\/span>\r\n\r\n\r\n                                        <span class=\"nf-card-date-month\">\r\n\r\n                                            SEP\r\n                                        <\/span>\r\n\r\n\r\n                                        <span class=\"nf-card-date-year\">\r\n\r\n                                            2026\r\n                                        <\/span>\r\n\r\n\r\n                                    <\/div>\r\n\r\n                                \r\n\r\n                            <\/div>\r\n\r\n\r\n                            <div class=\"nf-card-content\">\r\n\r\n\r\n                                \r\n                                    <div class=\"nf-card-format\">\r\n\r\n                                        Training course\r\n                                    <\/div>\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-card-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-card-meta\">\r\n\r\n\r\n                                    \r\n                                        <div>\r\n\r\n                                            \u25f7\r\n\r\n                                            8:00 am\r\n\r\n                                            \r\n                                                \u2013\r\n\r\n                                                5:00 am\r\n                                            \r\n\r\n                                            \r\n\r\n                                        <\/div>\r\n\r\n                                    \r\n\r\n                                    \r\n                                        <div>\r\n\r\n                                            \u25cf\r\n\r\n                                            Nyenrode Business Universiteit, Straatweg 25, 3621 BG Breukelen, The Netherlands\r\n                                        <\/div>\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-card-button\"\r\n                                >\r\n\r\n                                    More details \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\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 class=\"nf-events-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=\"keynote\"\r\n                            data-topics=\"transmission\"\r\n                            data-date=\"20261007\"\r\n                            data-event-type=\"future\"\r\n                        >\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\/10\/Screenshot-2026-10-01-092511.png');\"\r\n                                                            >\r\n\r\n\r\n                                \r\n                                    <div class=\"nf-card-date\">\r\n\r\n\r\n                                        <span class=\"nf-card-date-day\">\r\n\r\n                                            07\r\n                                        <\/span>\r\n\r\n\r\n                                        <span class=\"nf-card-date-month\">\r\n\r\n                                            OKT\r\n                                        <\/span>\r\n\r\n\r\n                                        <span class=\"nf-card-date-year\">\r\n\r\n                                            2026\r\n                                        <\/span>\r\n\r\n\r\n                                    <\/div>\r\n\r\n                                \r\n\r\n                            <\/div>\r\n\r\n\r\n                            <div class=\"nf-card-content\">\r\n\r\n\r\n                                \r\n                                    <div class=\"nf-card-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-card-description\">\r\n\r\n                                        Hoe versnel je als bank de transities en wat is de rol van de impact commissaris?\r\n                                    <\/div>\r\n\r\n                                \r\n\r\n                                <div class=\"nf-card-meta\">\r\n\r\n\r\n                                    \r\n                                        <div>\r\n\r\n                                            \u25f7\r\n\r\n                                            12:00 pm\r\n\r\n                                            \r\n                                                \u2013\r\n\r\n                                                5:00 pm\r\n                                            \r\n\r\n                                            \r\n\r\n                                        <\/div>\r\n\r\n                                    \r\n\r\n                                    \r\n                                        <div>\r\n\r\n                                            \u25cf\r\n\r\n                                            Jaarbeurs, Netherlands\r\n                                        <\/div>\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\/rabobank-impact-commissaris-event\/\"\r\n                                    class=\"nf-card-button\"\r\n                                >\r\n\r\n                                    More details \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-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                        >\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                                \r\n                                    <div class=\"nf-card-date\">\r\n\r\n\r\n                                        <span class=\"nf-card-date-day\">\r\n\r\n                                            08\r\n                                        <\/span>\r\n\r\n\r\n                                        <span class=\"nf-card-date-month\">\r\n\r\n                                            OKT\r\n                                        <\/span>\r\n\r\n\r\n                                        <span class=\"nf-card-date-year\">\r\n\r\n                                            2026\r\n                                        <\/span>\r\n\r\n\r\n                                    <\/div>\r\n\r\n                                \r\n\r\n                            <\/div>\r\n\r\n\r\n                            <div class=\"nf-card-content\">\r\n\r\n\r\n                                \r\n                                    <div class=\"nf-card-format\">\r\n\r\n                                        Panel discussion\r\n                                    <\/div>\r\n\r\n                                \r\n\r\n                                <h3>\r\n\r\n                                    Fruit Attraction: Driving Water Stewardship and Regenerative Agriculture in the Fruit Industry\r\n                                <\/h3>\r\n\r\n\r\n                                \r\n                                    <div class=\"nf-card-description\">\r\n\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.\r\n                                    <\/div>\r\n\r\n                                \r\n\r\n                                <div class=\"nf-card-meta\">\r\n\r\n\r\n                                    \r\n                                        <div>\r\n\r\n                                            \u25f7\r\n\r\n                                            11:30 am\r\n\r\n                                            \r\n                                                \u2013\r\n\r\n                                                12:15 pm\r\n                                            \r\n\r\n                                            \r\n\r\n                                        <\/div>\r\n\r\n                                    \r\n\r\n                                    \r\n                                        <div>\r\n\r\n                                            \u25cf\r\n\r\n                                            Fruit Attraction, Fruit Next 10 Forum, Hall 10, Stand 10B29, Madrid, Spain\r\n                                        <\/div>\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\/fruit-attraction-driving-water-stewardship-and-regenerative-agriculture-in-the-fruit-industry\/\"\r\n                                    class=\"nf-card-button\"\r\n                                >\r\n\r\n                                    More details \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            \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 class=\"nf-past-grid\">\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                        >\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\/nl\/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                        >\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\/nl\/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                        >\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\/nl\/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                        >\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\/nl\/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                        >\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\/nl\/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                        >\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\/nl\/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-past-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-past-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        const formatButtons =\r\n            document.querySelectorAll(\r\n                '.nf-filter-button'\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 pastCards =\r\n            Array.from(\r\n                document.querySelectorAll(\r\n                    '.nf-past-card'\r\n                )\r\n            );\r\n\r\n\r\n        const pagination =\r\n            document.getElementById(\r\n                'nf-past-pagination'\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 currentPastPage =\r\n            1;\r\n\r\n\r\n        const pastPerPage =\r\n            12;\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           FILTER HELPERS\r\n        ====================================================== *\/\r\n\r\n        function eventMatchesFormat(event) {\r\n\r\n            const eventFormat =\r\n                event.dataset.format || '';\r\n\r\n\r\n            return (\r\n                activeFormat === 'all' ||\r\n                eventFormat === activeFormat\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\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        function eventMatchesDate(event) {\r\n\r\n            if (\r\n                event.dataset.eventType ===\r\n                'past'\r\n            ) {\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\r\n                return true;\r\n            }\r\n\r\n\r\n            const eventDateString =\r\n                event.dataset.date || '';\r\n\r\n\r\n            if (!eventDateString) {\r\n                return false;\r\n            }\r\n\r\n\r\n            const eventDate =\r\n                new Date(\r\n                    eventDateString\r\n                );\r\n\r\n\r\n            if (\r\n                isNaN(\r\n                    eventDate.getTime()\r\n                )\r\n            ) {\r\n\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            const futureDate =\r\n                new Date(\r\n                    today\r\n                );\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        \/* =====================================================\r\n           PAST EVENT PAGINATION\r\n        ====================================================== *\/\r\n\r\n        function renderPastPage(page) {\r\n\r\n            if (!pastCards.length) {\r\n                return;\r\n            }\r\n\r\n\r\n            const matchingPast =\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                        matchingPast.length \/\r\n                        pastPerPage\r\n                    )\r\n                );\r\n\r\n\r\n            if (page > totalPages) {\r\n                page = totalPages;\r\n            }\r\n\r\n\r\n            if (page < 1) {\r\n                page = 1;\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            matchingPast\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                    matchingPast.length\r\n                        ? 'none'\r\n                        : 'block';\r\n            }\r\n\r\n\r\n            if (!pagination) {\r\n                return;\r\n            }\r\n\r\n\r\n            pagination.innerHTML =\r\n                '';\r\n\r\n\r\n            if (\r\n                matchingPast.length <=\r\n                pastPerPage\r\n            ) {\r\n\r\n                return;\r\n            }\r\n\r\n\r\n            if (page > 1) {\r\n\r\n                const previous =\r\n                    document.createElement(\r\n                        'button'\r\n                    );\r\n\r\n\r\n                previous.type =\r\n                    'button';\r\n\r\n\r\n                previous.className =\r\n                    'nf-past-page-button';\r\n\r\n\r\n                previous.textContent =\r\n                    '\u2190';\r\n\r\n\r\n                previous.addEventListener(\r\n                    'click',\r\n                    function() {\r\n\r\n                        renderPastPage(\r\n                            currentPastPage - 1\r\n                        );\r\n\r\n                        scrollToPastEvents();\r\n                    }\r\n                );\r\n\r\n\r\n                pagination.appendChild(\r\n                    previous\r\n                );\r\n            }\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-past-page-button';\r\n\r\n\r\n                if (\r\n                    i === page\r\n                ) {\r\n\r\n                    button.classList.add(\r\n                        'is-active'\r\n                    );\r\n                }\r\n\r\n\r\n                button.textContent =\r\n                    i;\r\n\r\n\r\n                button.addEventListener(\r\n                    'click',\r\n                    function() {\r\n\r\n                        renderPastPage(\r\n                            i\r\n                        );\r\n\r\n                        scrollToPastEvents();\r\n                    }\r\n                );\r\n\r\n\r\n                pagination.appendChild(\r\n                    button\r\n                );\r\n            }\r\n\r\n\r\n            if (\r\n                page <\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-past-page-button';\r\n\r\n\r\n                next.textContent =\r\n                    '\u2192';\r\n\r\n\r\n                next.addEventListener(\r\n                    'click',\r\n                    function() {\r\n\r\n                        renderPastPage(\r\n                            currentPastPage + 1\r\n                        );\r\n\r\n                        scrollToPastEvents();\r\n                    }\r\n                );\r\n\r\n\r\n                pagination.appendChild(\r\n                    next\r\n                );\r\n            }\r\n        }\r\n\r\n\r\n\r\n        function scrollToPastEvents() {\r\n\r\n            const pastGrid =\r\n                document.querySelector(\r\n                    '.nf-past-grid'\r\n                );\r\n\r\n\r\n            if (!pastGrid) {\r\n                return;\r\n            }\r\n\r\n\r\n            pastGrid.scrollIntoView({\r\n\r\n                behavior: 'smooth',\r\n\r\n                block: 'start'\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            allEvents.forEach(\r\n                function(event) {\r\n\r\n\r\n                    const matches =\r\n\r\n                        eventMatchesFormat(\r\n                            event\r\n                        )\r\n\r\n                        &&\r\n\r\n                        eventMatchesTopic(\r\n                            event\r\n                        )\r\n\r\n                        &&\r\n\r\n                        eventMatchesDate(\r\n                            event\r\n                        );\r\n\r\n\r\n                    if (\r\n                        event.dataset.eventType ===\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                    if (matches) {\r\n\r\n                        event.classList.remove(\r\n                            'is-hidden'\r\n                        );\r\n\r\n                    } else {\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            renderPastPage(\r\n                1\r\n            );\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           FORMAT BUTTONS\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\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        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        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>","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}]}}