{"id":43,"date":"2026-04-05T11:47:42","date_gmt":"2026-04-05T09:47:42","guid":{"rendered":"https:\/\/www.savethebeefoundation.org\/?page_id=43"},"modified":"2026-04-18T16:41:47","modified_gmt":"2026-04-18T14:41:47","slug":"volunteer","status":"publish","type":"page","link":"https:\/\/www.savethebeefoundation.org\/?page_id=43","title":{"rendered":"Volunteer"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nVolunteer \u2014 Save the Bee Foundation<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,300;0,8..60,400;0,8..60,600;1,8..60,300;1,8..60,400&family=Source+Sans+3:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n:root {\r\n --eu-blue: #0E5C8A;\r\n --eu-blue-mid: #1A78B0;\r\n --eu-blue-light: #D6EAF4;\r\n --eu-blue-pale: #EEF6FB;\r\n --eu-gold: #FFCC00;\r\n --eu-navy: #063559;\r\n --off-white: #F7FAFC;\r\n --white: #FFFFFF;\r\n --text-dark: #0A1F2E;\r\n --text-mid: #3A5468;\r\n --text-muted: #6B8599;\r\n --border: rgba(14,92,138,0.14);\r\n --border-strong: rgba(14,92,138,0.28);\r\n --success: #1A6B3A;\r\n --success-light: #E6F4EC;\r\n}\r\n\r\nbody {\r\n font-family: 'Source Sans 3', sans-serif;\r\n background: var(--off-white);\r\n color: var(--text-dark);\r\n}\r\n\r\n\/* \u2500\u2500 Page \u2500\u2500 *\/\r\n.volunteer-wrap {\r\n max-width: 1080px;\r\n margin: 0 auto;\r\n padding: 80px 40px 120px;\r\n position: relative;\r\n}\r\n\r\n\/* EU bar *\/\r\n.eu-bar {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n margin-bottom: 52px;\r\n}\r\n.eu-stars { display: flex; gap: 5px; }\r\n.star { font-size: 11px; color: var(--eu-gold); }\r\n.eu-bar-label {\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: var(--eu-blue);\r\n opacity: 0.7;\r\n}\r\n.eu-bar-line { flex:1; height:1px; background: var(--border); }\r\n\r\n\/* \u2500\u2500 Header \u2500\u2500 *\/\r\n.vol-header { margin-bottom: 64px; }\r\n.vol-eyebrow {\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 0.13em;\r\n text-transform: uppercase;\r\n color: var(--eu-blue);\r\n margin-bottom: 18px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n.vol-eyebrow::after { content:''; flex:1; height:1px; background: var(--border); max-width:60px; }\r\n.vol-title {\r\n font-family: 'Source Serif 4', Georgia, serif;\r\n font-size: clamp(34px, 4.5vw, 54px);\r\n font-weight: 300;\r\n line-height: 1.16;\r\n color: var(--eu-navy);\r\n letter-spacing: -0.015em;\r\n margin-bottom: 20px;\r\n}\r\n.vol-title em { font-style: italic; color: var(--eu-blue-mid); }\r\n.vol-subtitle {\r\n font-size: 17px;\r\n font-weight: 300;\r\n color: var(--text-mid);\r\n line-height: 1.75;\r\n max-width: 600px;\r\n}\r\n\r\n\/* \u2500\u2500 Department grid \u2500\u2500 *\/\r\n.dept-section-label {\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 0.11em;\r\n text-transform: uppercase;\r\n color: var(--text-muted);\r\n margin-bottom: 20px;\r\n}\r\n\r\n.dept-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin-bottom: 60px;\r\n}\r\n@media(max-width:720px){ .dept-grid{ grid-template-columns: repeat(2,1fr); } }\r\n@media(max-width:480px){ .dept-grid{ grid-template-columns: 1fr; } }\r\n\r\n.dept-card {\r\n background: var(--white);\r\n border: 1.5px solid var(--border);\r\n border-radius: 14px;\r\n padding: 22px 20px 20px;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.dept-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 3px; height: 100%;\r\n background: var(--eu-blue-light);\r\n transition: background 0.2s;\r\n}\r\n.dept-card:hover {\r\n border-color: var(--eu-blue);\r\n box-shadow: 0 4px 20px rgba(14,92,138,0.10);\r\n transform: translateY(-2px);\r\n}\r\n.dept-card:hover::before { background: var(--eu-blue-mid); }\r\n.dept-card.active {\r\n border-color: var(--eu-blue);\r\n background: var(--eu-blue-pale);\r\n box-shadow: 0 6px 24px rgba(14,92,138,0.14);\r\n}\r\n.dept-card.active::before { background: var(--eu-blue); }\r\n\r\n.dept-icon {\r\n font-size: 22px;\r\n margin-bottom: 12px;\r\n display: block;\r\n line-height: 1;\r\n}\r\n.dept-name {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: var(--eu-navy);\r\n margin-bottom: 6px;\r\n}\r\n.dept-desc {\r\n font-size: 11.5px;\r\n color: var(--text-muted);\r\n line-height: 1.5;\r\n margin-bottom: 12px;\r\n}\r\n.dept-roles-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 5px;\r\n}\r\n.role-tag {\r\n font-size: 10px;\r\n font-weight: 600;\r\n letter-spacing: 0.04em;\r\n color: var(--eu-blue);\r\n background: var(--eu-blue-pale);\r\n border: 1px solid var(--eu-blue-light);\r\n border-radius: 5px;\r\n padding: 3px 8px;\r\n white-space: nowrap;\r\n}\r\n.dept-card.active .role-tag {\r\n background: rgba(14,92,138,0.1);\r\n border-color: rgba(14,92,138,0.25);\r\n}\r\n\r\n\/* \u2500\u2500 Application form \u2500\u2500 *\/\r\n.form-section {\r\n display: none;\r\n opacity: 0;\r\n transform: translateY(12px);\r\n transition: all 0.35s ease;\r\n}\r\n.form-section.visible {\r\n display: block;\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n\r\n.form-header {\r\n background: var(--eu-navy);\r\n border-radius: 16px 16px 0 0;\r\n padding: 30px 36px;\r\n color: white;\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: space-between;\r\n gap: 24px;\r\n}\r\n.form-header-left { flex: 1; }\r\n.form-header-dept {\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: var(--eu-gold);\r\n margin-bottom: 8px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n.form-header-title {\r\n font-family: 'Source Serif 4', serif;\r\n font-size: 24px;\r\n font-weight: 300;\r\n line-height: 1.25;\r\n}\r\n.form-header-sub {\r\n font-size: 13px;\r\n color: rgba(255,255,255,0.55);\r\n margin-top: 8px;\r\n line-height: 1.5;\r\n}\r\n.form-step-pills {\r\n display: flex;\r\n gap: 8px;\r\n flex-shrink: 0;\r\n align-items: center;\r\n}\r\n.step-pill {\r\n width: 28px; height: 28px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.1);\r\n border: 1.5px solid rgba(255,255,255,0.2);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 11px;\r\n font-weight: 700;\r\n color: rgba(255,255,255,0.5);\r\n cursor: pointer;\r\n transition: all 0.18s;\r\n}\r\n.step-pill.active {\r\n background: var(--eu-gold);\r\n border-color: var(--eu-gold);\r\n color: var(--eu-navy);\r\n}\r\n.step-pill.done {\r\n background: rgba(255,255,255,0.15);\r\n border-color: rgba(255,255,255,0.3);\r\n color: white;\r\n}\r\n.step-connector {\r\n width: 16px;\r\n height: 1px;\r\n background: rgba(255,255,255,0.15);\r\n}\r\n\r\n.form-body {\r\n background: var(--white);\r\n border: 1.5px solid var(--border);\r\n border-top: none;\r\n border-radius: 0 0 16px 16px;\r\n padding: 36px;\r\n}\r\n\r\n\/* Steps *\/\r\n.form-step { display: none; }\r\n.form-step.active { display: block; }\r\n\r\n.form-step-title {\r\n font-family: 'Source Serif 4', serif;\r\n font-size: 20px;\r\n font-weight: 400;\r\n color: var(--eu-navy);\r\n margin-bottom: 6px;\r\n}\r\n.form-step-desc {\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n margin-bottom: 32px;\r\n line-height: 1.6;\r\n}\r\n\r\n.field-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 18px 22px;\r\n margin-bottom: 22px;\r\n}\r\n@media(max-width:580px){ .field-grid{grid-template-columns:1fr;} }\r\n.field-full { grid-column: 1 \/ -1; }\r\n\r\n.field-group { display: flex; flex-direction: column; gap: 7px; }\r\n.field-label {\r\n font-size: 12px;\r\n font-weight: 600;\r\n letter-spacing: 0.06em;\r\n text-transform: uppercase;\r\n color: var(--text-mid);\r\n}\r\n.field-label .req { color: var(--eu-blue); margin-left: 2px; }\r\n\r\ninput[type=text],\r\ninput[type=email],\r\ninput[type=tel],\r\ninput[type=url],\r\nselect,\r\ntextarea {\r\n width: 100%;\r\n background: var(--off-white);\r\n border: 1.5px solid var(--border-strong);\r\n border-radius: 9px;\r\n padding: 12px 14px;\r\n font-family: 'Source Sans 3', sans-serif;\r\n font-size: 15px;\r\n color: var(--text-dark);\r\n outline: none;\r\n transition: border-color 0.18s, box-shadow 0.18s;\r\n appearance: none;\r\n}\r\ninput:focus, select:focus, textarea:focus {\r\n border-color: var(--eu-blue);\r\n box-shadow: 0 0 0 3px rgba(14,92,138,0.1);\r\n background: var(--white);\r\n}\r\ninput::placeholder, textarea::placeholder { color: #A8C2D4; }\r\nselect { cursor: pointer; background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B8599' stroke-width='1.5' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\"); background-repeat: no-repeat; background-position: right 14px center; padding-right: 36px; }\r\ntextarea { resize: vertical; min-height: 100px; line-height: 1.6; }\r\n\r\n\/* Role checkboxes *\/\r\n.role-check-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 9px;\r\n margin-bottom: 22px;\r\n}\r\n@media(max-width:580px){ .role-check-grid{grid-template-columns:1fr;} }\r\n.role-check-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 11px;\r\n background: var(--off-white);\r\n border: 1.5px solid var(--border);\r\n border-radius: 10px;\r\n padding: 13px 14px;\r\n cursor: pointer;\r\n transition: all 0.18s;\r\n}\r\n.role-check-item:hover { border-color: var(--eu-blue-mid); background: var(--eu-blue-pale); }\r\n.role-check-item.checked { border-color: var(--eu-blue); background: var(--eu-blue-pale); }\r\n.role-check-item input[type=checkbox] {\r\n width: 16px; height: 16px;\r\n min-width: 16px;\r\n accent-color: var(--eu-blue);\r\n cursor: pointer;\r\n margin-top: 2px;\r\n border: none;\r\n box-shadow: none;\r\n padding: 0;\r\n background: transparent;\r\n}\r\n.role-check-text strong {\r\n display: block;\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--text-dark);\r\n margin-bottom: 2px;\r\n}\r\n.role-check-text span {\r\n font-size: 11.5px;\r\n color: var(--text-muted);\r\n line-height: 1.45;\r\n}\r\n\r\n\/* Availability toggles *\/\r\n.avail-grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n margin-bottom: 22px;\r\n}\r\n.avail-btn {\r\n border: 1.5px solid var(--border-strong);\r\n background: white;\r\n border-radius: 8px;\r\n padding: 9px 18px;\r\n font-family: 'Source Sans 3', sans-serif;\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: var(--text-mid);\r\n cursor: pointer;\r\n transition: all 0.16s;\r\n}\r\n.avail-btn:hover { border-color: var(--eu-blue); color: var(--eu-blue); background: var(--eu-blue-pale); }\r\n.avail-btn.sel { border-color: var(--eu-blue); background: var(--eu-blue); color: white; }\r\n\r\n\/* Upload area *\/\r\n.upload-area {\r\n border: 2px dashed var(--border-strong);\r\n border-radius: 12px;\r\n padding: 28px 24px;\r\n text-align: center;\r\n cursor: pointer;\r\n transition: all 0.18s;\r\n background: var(--off-white);\r\n margin-bottom: 22px;\r\n}\r\n.upload-area:hover { border-color: var(--eu-blue); background: var(--eu-blue-pale); }\r\n.upload-area input { display: none; }\r\n.upload-icon { font-size: 28px; margin-bottom: 10px; display: block; }\r\n.upload-label { font-size: 14px; font-weight: 500; color: var(--eu-blue); margin-bottom: 4px; }\r\n.upload-sub { font-size: 12px; color: var(--text-muted); }\r\n.upload-filename { font-size: 13px; color: var(--success); font-weight: 500; margin-top: 8px; display: none; }\r\n\r\n\/* Consent *\/\r\n.consent-box {\r\n background: var(--eu-blue-pale);\r\n border: 1px solid var(--eu-blue-light);\r\n border-radius: 10px;\r\n padding: 16px 18px;\r\n margin-bottom: 28px;\r\n}\r\n.consent-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n margin-bottom: 10px;\r\n}\r\n.consent-row:last-child { margin-bottom: 0; }\r\n.consent-row input[type=checkbox] {\r\n width: 16px; height: 16px; min-width: 16px;\r\n accent-color: var(--eu-blue);\r\n margin-top: 2px;\r\n border: none; box-shadow: none; padding: 0; background: transparent;\r\n}\r\n.consent-text {\r\n font-size: 12.5px;\r\n color: var(--text-mid);\r\n line-height: 1.55;\r\n}\r\n.consent-text a { color: var(--eu-blue); text-decoration: none; }\r\n\r\n\/* Nav buttons *\/\r\n.form-nav {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 16px;\r\n padding-top: 20px;\r\n border-top: 1px solid var(--border);\r\n}\r\n.btn-back {\r\n background: transparent;\r\n border: 1.5px solid var(--border-strong);\r\n border-radius: 9px;\r\n padding: 13px 24px;\r\n font-family: 'Source Sans 3', sans-serif;\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: var(--text-mid);\r\n cursor: pointer;\r\n transition: all 0.16s;\r\n}\r\n.btn-back:hover { border-color: var(--eu-blue); color: var(--eu-blue); background: var(--eu-blue-pale); }\r\n.btn-next {\r\n background: var(--eu-blue);\r\n border: none;\r\n border-radius: 9px;\r\n padding: 14px 36px;\r\n font-family: 'Source Sans 3', sans-serif;\r\n font-size: 15px;\r\n font-weight: 600;\r\n color: white;\r\n cursor: pointer;\r\n transition: all 0.18s;\r\n letter-spacing: 0.02em;\r\n margin-left: auto;\r\n}\r\n.btn-next:hover { background: var(--eu-navy); box-shadow: 0 6px 20px rgba(14,92,138,0.3); transform: translateY(-1px); }\r\n.btn-next:active { transform: translateY(0); }\r\n.btn-submit {\r\n background: var(--success);\r\n border: none;\r\n border-radius: 9px;\r\n padding: 14px 36px;\r\n font-family: 'Source Sans 3', sans-serif;\r\n font-size: 15px;\r\n font-weight: 600;\r\n color: white;\r\n cursor: pointer;\r\n transition: all 0.18s;\r\n margin-left: auto;\r\n}\r\n.btn-submit:hover { background: #155830; box-shadow: 0 6px 20px rgba(26,107,58,0.3); transform: translateY(-1px); }\r\n\r\n\/* Progress track in form *\/\r\n.form-progress-track {\r\n height: 3px;\r\n background: var(--eu-blue-light);\r\n border-radius: 99px;\r\n overflow: hidden;\r\n margin-bottom: 32px;\r\n}\r\n.form-progress-fill {\r\n height: 100%;\r\n background: var(--eu-blue);\r\n border-radius: 99px;\r\n transition: width 0.4s cubic-bezier(.4,0,.2,1);\r\n}\r\n\r\n\/* Hint text *\/\r\n.field-hint { font-size: 11.5px; color: var(--text-muted); margin-top: 4px; line-height: 1.4; }\r\n\r\n\/* Success screen *\/\r\n.success-screen {\r\n display: none;\r\n text-align: center;\r\n padding: 60px 40px;\r\n background: white;\r\n border: 1.5px solid var(--border);\r\n border-radius: 0 0 16px 16px;\r\n}\r\n.success-screen.show { display: block; }\r\n.success-icon {\r\n width: 64px; height: 64px;\r\n background: var(--success-light);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 24px;\r\n font-size: 28px;\r\n}\r\n.success-title {\r\n font-family: 'Source Serif 4', serif;\r\n font-size: 28px;\r\n font-weight: 300;\r\n color: var(--eu-navy);\r\n margin-bottom: 14px;\r\n}\r\n.success-sub { font-size: 16px; color: var(--text-muted); line-height: 1.7; max-width: 420px; margin: 0 auto 28px; }\r\n.success-detail {\r\n display: inline-block;\r\n background: var(--success-light);\r\n border: 1px solid rgba(26,107,58,0.2);\r\n border-radius: 10px;\r\n padding: 14px 24px;\r\n font-size: 13px;\r\n color: var(--success);\r\n font-weight: 500;\r\n margin-bottom: 28px;\r\n}\r\n\r\n\/* Divider *\/\r\n.section-divider {\r\n height: 1px;\r\n background: var(--border);\r\n margin: 48px 0;\r\n}\r\n\r\n\/* EU corner *\/\r\n.eu-corner { position:absolute; top:40px; right:40px; opacity:0.05; pointer-events:none; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"volunteer-wrap\">\r\n\r\n <!-- EU watermark -->\r\n <svg class=\"eu-corner\" width=\"180\" height=\"180\" viewBox=\"0 0 200 200\" fill=\"none\">\r\n <circle cx=\"100\" cy=\"100\" r=\"92\" stroke=\"#0E5C8A\" stroke-width=\"3\" fill=\"none\"\/>\r\n <g fill=\"#FFCC00\">\r\n <polygon points=\"100,18 102.4,25.4 110,25.4 103.8,29.9 106.2,37.4 100,32.8 93.8,37.4 96.2,29.9 90,25.4 97.6,25.4\" transform=\"rotate(0,100,100)\"\/>\r\n <polygon points=\"100,18 102.4,25.4 110,25.4 103.8,29.9 106.2,37.4 100,32.8 93.8,37.4 96.2,29.9 90,25.4 97.6,25.4\" transform=\"rotate(30,100,100)\"\/>\r\n <polygon points=\"100,18 102.4,25.4 110,25.4 103.8,29.9 106.2,37.4 100,32.8 93.8,37.4 96.2,29.9 90,25.4 97.6,25.4\" transform=\"rotate(60,100,100)\"\/>\r\n <polygon points=\"100,18 102.4,25.4 110,25.4 103.8,29.9 106.2,37.4 100,32.8 93.8,37.4 96.2,29.9 90,25.4 97.6,25.4\" transform=\"rotate(90,100,100)\"\/>\r\n <polygon points=\"100,18 102.4,25.4 110,25.4 103.8,29.9 106.2,37.4 100,32.8 93.8,37.4 96.2,29.9 90,25.4 97.6,25.4\" transform=\"rotate(120,100,100)\"\/>\r\n <polygon points=\"100,18 102.4,25.4 110,25.4 103.8,29.9 106.2,37.4 100,32.8 93.8,37.4 96.2,29.9 90,25.4 97.6,25.4\" transform=\"rotate(150,100,100)\"\/>\r\n <polygon points=\"100,18 102.4,25.4 110,25.4 103.8,29.9 106.2,37.4 100,32.8 93.8,37.4 96.2,29.9 90,25.4 97.6,25.4\" transform=\"rotate(180,100,100)\"\/>\r\n <polygon points=\"100,18 102.4,25.4 110,25.4 103.8,29.9 106.2,37.4 100,32.8 93.8,37.4 96.2,29.9 90,25.4 97.6,25.4\" transform=\"rotate(210,100,100)\"\/>\r\n <polygon points=\"100,18 102.4,25.4 110,25.4 103.8,29.9 106.2,37.4 100,32.8 93.8,37.4 96.2,29.9 90,25.4 97.6,25.4\" transform=\"rotate(240,100,100)\"\/>\r\n <polygon points=\"100,18 102.4,25.4 110,25.4 103.8,29.9 106.2,37.4 100,32.8 93.8,37.4 96.2,29.9 90,25.4 97.6,25.4\" transform=\"rotate(270,100,100)\"\/>\r\n <polygon points=\"100,18 102.4,25.4 110,25.4 103.8,29.9 106.2,37.4 100,32.8 93.8,37.4 96.2,29.9 90,25.4 97.6,25.4\" transform=\"rotate(300,100,100)\"\/>\r\n <polygon points=\"100,18 102.4,25.4 110,25.4 103.8,29.9 106.2,37.4 100,32.8 93.8,37.4 96.2,29.9 90,25.4 97.6,25.4\" transform=\"rotate(330,100,100)\"\/>\r\n <\/g>\r\n <\/svg>\r\n\r\n <!-- EU bar -->\r\n <div class=\"eu-bar\">\r\n <div class=\"eu-stars\">\r\n <span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span>\r\n <\/div>\r\n <div class=\"eu-bar-label\">Save the Bees Foundation \u00b7 Belgium<\/div>\r\n <div class=\"eu-bar-line\"><\/div>\r\n <\/div>\r\n\r\n <!-- Header -->\r\n <div class=\"vol-header\">\r\n <div class=\"vol-eyebrow\">Open positions<\/div>\r\n <h2 class=\"vol-title\">\r\n Lend your expertise.<br><em>Bees need professionals,<\/em><br>not just passion.\r\n <\/h2>\r\n <p class=\"vol-subtitle\">\r\n We are building something serious \u2014 a citizen science platform, a conservation programme, and a Belgian honey brand with a mission. Below are the departments where skilled volunteers make the real difference. Select yours and apply.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Department grid -->\r\n <div class=\"dept-section-label\">Choose your department<\/div>\r\n <div class=\"dept-grid\" id=\"deptGrid\">\r\n\r\n <div class=\"dept-card\" onclick=\"selectDept(this, 'science')\">\r\n <span class=\"dept-icon\">\ud83d\udd2c<\/span>\r\n <div class=\"dept-name\">Science & Conservation<\/div>\r\n <div class=\"dept-desc\">Field ecology, species monitoring, and the scientific backbone of our EU-PoMS aligned pollinator programme.<\/div>\r\n <div class=\"dept-roles-list\">\r\n <span class=\"role-tag\">Field Ecologist<\/span>\r\n <span class=\"role-tag\">Entomologist<\/span>\r\n <span class=\"role-tag\">Botanist<\/span>\r\n <span class=\"role-tag\">GIS Analyst<\/span>\r\n <span class=\"role-tag\">Environmental Scientist<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-card\" onclick=\"selectDept(this, 'tech')\">\r\n <span class=\"dept-icon\">\ud83d\udcbb<\/span>\r\n <div class=\"dept-name\">Technology & BeeWorld<\/div>\r\n <div class=\"dept-desc\">Building the BeeWorld AR citizen science app \u2014 mobile, backend, data pipelines, and blockchain reward layer.<\/div>\r\n <div class=\"dept-roles-list\">\r\n <span class=\"role-tag\">Mobile Developer<\/span>\r\n <span class=\"role-tag\">Backend Engineer<\/span>\r\n <span class=\"role-tag\">GIS Developer<\/span>\r\n <span class=\"role-tag\">UI\/UX Designer<\/span>\r\n <span class=\"role-tag\">Web3 Developer<\/span>\r\n <span class=\"role-tag\">DevOps<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-card\" onclick=\"selectDept(this, 'comms')\">\r\n <span class=\"dept-icon\">\ud83d\udce3<\/span>\r\n <div class=\"dept-name\">Communications & Brand<\/div>\r\n <div class=\"dept-desc\">Telling the story of Belgian bees to the public, the press, and Brussels \u2014 in plain, warm, human language.<\/div>\r\n <div class=\"dept-roles-list\">\r\n <span class=\"role-tag\">Copywriter EN\/NL\/FR<\/span>\r\n <span class=\"role-tag\">Social Media<\/span>\r\n <span class=\"role-tag\">Photographer<\/span>\r\n <span class=\"role-tag\">Graphic Designer<\/span>\r\n <span class=\"role-tag\">PR Specialist<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-card\" onclick=\"selectDept(this, 'education')\">\r\n <span class=\"dept-icon\">\ud83c\udf93<\/span>\r\n <div class=\"dept-name\">Education & Outreach<\/div>\r\n <div class=\"dept-desc\">Designing school programmes, community workshops, and multilingual learning materials for Flemish audiences.<\/div>\r\n <div class=\"dept-roles-list\">\r\n <span class=\"role-tag\">Curriculum Designer<\/span>\r\n <span class=\"role-tag\">Workshop Facilitator<\/span>\r\n <span class=\"role-tag\">Community Liaison<\/span>\r\n <span class=\"role-tag\">Translator NL\/FR\/EN<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-card\" onclick=\"selectDept(this, 'legal')\">\r\n <span class=\"dept-icon\">\u2696\ufe0f<\/span>\r\n <div class=\"dept-name\">Legal & Governance<\/div>\r\n <div class=\"dept-desc\">VZW compliance, EU grant applications, GDPR, IP, and the regulatory framework for a Belgian non-profit operating at EU level.<\/div>\r\n <div class=\"dept-roles-list\">\r\n <span class=\"role-tag\">Non-profit Lawyer<\/span>\r\n <span class=\"role-tag\">EU Grant Writer<\/span>\r\n <span class=\"role-tag\">GDPR Officer<\/span>\r\n <span class=\"role-tag\">Compliance Advisor<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-card\" onclick=\"selectDept(this, 'finance')\">\r\n <span class=\"dept-icon\">\ud83d\udcca<\/span>\r\n <div class=\"dept-name\">Finance & Administration<\/div>\r\n <div class=\"dept-desc\">Bookkeeping, financial reporting, grant accounting, and the admin backbone that keeps a growing VZW functional.<\/div>\r\n <div class=\"dept-roles-list\">\r\n <span class=\"role-tag\">Bookkeeper<\/span>\r\n <span class=\"role-tag\">Grant Accountant<\/span>\r\n <span class=\"role-tag\">Financial Controller<\/span>\r\n <span class=\"role-tag\">Admin Coordinator<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- Application form -->\r\n <div class=\"form-section\" id=\"applicationForm\">\r\n\r\n <div class=\"form-header\">\r\n <div class=\"form-header-left\">\r\n <div class=\"form-header-dept\" id=\"formDeptLabel\">\r\n <span>\u2605<\/span> <span id=\"formDeptName\">Science & Conservation<\/span>\r\n <\/div>\r\n <div class=\"form-header-title\">Volunteer Application<\/div>\r\n <div class=\"form-header-sub\" id=\"formDeptSub\">Tell us about your background \u2014 we read every application carefully.<\/div>\r\n <\/div>\r\n <div style=\"display:flex;flex-direction:column;align-items:flex-end;gap:10px;\">\r\n <div class=\"form-step-pills\">\r\n <div class=\"step-pill active\" id=\"sp1\">1<\/div>\r\n <div class=\"step-connector\"><\/div>\r\n <div class=\"step-pill\" id=\"sp2\">2<\/div>\r\n <div class=\"step-connector\"><\/div>\r\n <div class=\"step-pill\" id=\"sp3\">3<\/div>\r\n <div class=\"step-connector\"><\/div>\r\n <div class=\"step-pill\" id=\"sp4\">4<\/div>\r\n <\/div>\r\n <div style=\"font-size:11px;color:rgba(255,255,255,0.4);letter-spacing:0.06em;text-transform:uppercase;\">Step <span id=\"stepLabel\">1<\/span> of 4<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-body\">\r\n <div class=\"form-progress-track\">\r\n <div class=\"form-progress-fill\" id=\"formProgress\" style=\"width:25%\"><\/div>\r\n <\/div>\r\n\r\n <!-- Step 1: Personal info -->\r\n <div class=\"form-step active\" id=\"step1\">\r\n <div class=\"form-step-title\">Personal information<\/div>\r\n <div class=\"form-step-desc\">Basic contact details so we can get in touch. All fields marked <span style=\"color:var(--eu-blue)\">*<\/span> are required.<\/div>\r\n <div class=\"field-grid\">\r\n <div class=\"field-group\">\r\n <label class=\"field-label\">First name <span class=\"req\">*<\/span><\/label>\r\n <input type=\"text\" id=\"firstName\" placeholder=\"e.g. Marie\">\r\n <\/div>\r\n <div class=\"field-group\">\r\n <label class=\"field-label\">Last name <span class=\"req\">*<\/span><\/label>\r\n <input type=\"text\" id=\"lastName\" placeholder=\"e.g. Dubois\">\r\n <\/div>\r\n <div class=\"field-group\">\r\n <label class=\"field-label\">Email address <span class=\"req\">*<\/span><\/label>\r\n <input type=\"email\" id=\"email\" placeholder=\"your@email.com\">\r\n <\/div>\r\n <div class=\"field-group\">\r\n <label class=\"field-label\">Phone number<\/label>\r\n <input type=\"tel\" id=\"phone\" placeholder=\"+32 4xx xxx xxx\">\r\n <\/div>\r\n <div class=\"field-group\">\r\n <label class=\"field-label\">City \/ Municipality <span class=\"req\">*<\/span><\/label>\r\n <input type=\"text\" id=\"city\" placeholder=\"e.g. Lommel, Ghent, Brussels\">\r\n <\/div>\r\n <div class=\"field-group\">\r\n <label class=\"field-label\">Province<\/label>\r\n <select id=\"province\">\r\n <option value=\"\">Select province\u2026<\/option>\r\n <option>Antwerp<\/option>\r\n <option>East Flanders<\/option>\r\n <option>West Flanders<\/option>\r\n <option>Flemish Brabant<\/option>\r\n <option>Limburg<\/option>\r\n <option>Li\u00e8ge<\/option>\r\n <option>Hainaut<\/option>\r\n <option>Namur<\/option>\r\n <option>Luxembourg<\/option>\r\n <option>Walloon Brabant<\/option>\r\n <option>Brussels-Capital<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"field-group\">\r\n <label class=\"field-label\">Languages spoken <span class=\"req\">*<\/span><\/label>\r\n <select id=\"languages\">\r\n <option value=\"\">Select primary language\u2026<\/option>\r\n <option>Dutch (NL)<\/option>\r\n <option>French (FR)<\/option>\r\n <option>English (EN)<\/option>\r\n <option>Dutch + French<\/option>\r\n <option>Dutch + English<\/option>\r\n <option>French + English<\/option>\r\n <option>All three (NL\/FR\/EN)<\/option>\r\n <option>Other<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"field-group\">\r\n <label class=\"field-label\">LinkedIn or portfolio<\/label>\r\n <input type=\"url\" id=\"linkedin\" placeholder=\"https:\/\/linkedin.com\/in\/\u2026\">\r\n <div class=\"field-hint\">Optional \u2014 helps us understand your background faster.<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-nav\">\r\n <div><\/div>\r\n <button class=\"btn-next\" onclick=\"goStep(2)\">Continue \u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Step 2: Role & expertise -->\r\n <div class=\"form-step\" id=\"step2\">\r\n <div class=\"form-step-title\">Role & expertise<\/div>\r\n <div class=\"form-step-desc\">Select the specific role(s) you are applying for and tell us about your professional background.<\/div>\r\n\r\n <div class=\"field-label\" style=\"margin-bottom:12px;\">Roles you are interested in <span class=\"req\">*<\/span><\/div>\r\n <div class=\"role-check-grid\" id=\"roleCheckGrid\"><\/div>\r\n\r\n <div class=\"field-grid\">\r\n <div class=\"field-group\">\r\n <label class=\"field-label\">Highest education level <span class=\"req\">*<\/span><\/label>\r\n <select id=\"education\">\r\n <option value=\"\">Select\u2026<\/option>\r\n <option>Secondary school<\/option>\r\n <option>Bachelor's degree<\/option>\r\n <option>Master's degree<\/option>\r\n <option>PhD \/ Doctorate<\/option>\r\n <option>Professional certification<\/option>\r\n <option>Other<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"field-group\">\r\n <label class=\"field-label\">Field of study \/ profession<\/label>\r\n <input type=\"text\" id=\"field\" placeholder=\"e.g. Environmental Science, Computer Science\">\r\n <\/div>\r\n <div class=\"field-group\">\r\n <label class=\"field-label\">Years of relevant experience <span class=\"req\">*<\/span><\/label>\r\n <select id=\"experience\">\r\n <option value=\"\">Select\u2026<\/option>\r\n <option>Less than 1 year<\/option>\r\n <option>1\u20133 years<\/option>\r\n <option>3\u20135 years<\/option>\r\n <option>5\u201310 years<\/option>\r\n <option>10+ years<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"field-group\">\r\n <label class=\"field-label\">Current employer \/ institution<\/label>\r\n <input type=\"text\" id=\"employer\" placeholder=\"e.g. UHasselt, freelance, KU Leuven\">\r\n <\/div>\r\n <div class=\"field-group field-full\">\r\n <label class=\"field-label\">Key skills & tools <span class=\"req\">*<\/span><\/label>\r\n <input type=\"text\" id=\"skills\" placeholder=\"e.g. QGIS, Python, Adobe XD, Odoo, EU grant writing\u2026\">\r\n <div class=\"field-hint\">Comma-separated. Be specific \u2014 this is how we match you to the right project.<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-nav\">\r\n <button class=\"btn-back\" onclick=\"goStep(1)\">\u2190 Back<\/button>\r\n <button class=\"btn-next\" onclick=\"goStep(3)\">Continue \u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Step 3: Availability & motivation -->\r\n <div class=\"form-step\" id=\"step3\">\r\n <div class=\"form-step-title\">Availability & motivation<\/div>\r\n <div class=\"form-step-desc\">We want to know how you can contribute and why this mission matters to you personally.<\/div>\r\n\r\n <div class=\"field-label\" style=\"margin-bottom:12px;\">Weekly availability <span class=\"req\">*<\/span><\/div>\r\n <div class=\"avail-grid\" id=\"availGrid\">\r\n <button class=\"avail-btn\" onclick=\"toggleAvail(this)\">1\u20133 hrs \/ week<\/button>\r\n <button class=\"avail-btn\" onclick=\"toggleAvail(this)\">4\u20138 hrs \/ week<\/button>\r\n <button class=\"avail-btn\" onclick=\"toggleAvail(this)\">8\u201316 hrs \/ week<\/button>\r\n <button class=\"avail-btn\" onclick=\"toggleAvail(this)\">Part-time (16+ hrs)<\/button>\r\n <button class=\"avail-btn\" onclick=\"toggleAvail(this)\">Project-based only<\/button>\r\n <button class=\"avail-btn\" onclick=\"toggleAvail(this)\">Seasonal \/ summer<\/button>\r\n <\/div>\r\n\r\n <div class=\"field-label\" style=\"margin-bottom:12px;\">Working preference <span class=\"req\">*<\/span><\/div>\r\n <div class=\"avail-grid\" id=\"workPref\">\r\n <button class=\"avail-btn\" onclick=\"togglePref(this)\">Remote<\/button>\r\n <button class=\"avail-btn\" onclick=\"togglePref(this)\">On-site (Lommel area)<\/button>\r\n <button class=\"avail-btn\" onclick=\"togglePref(this)\">Hybrid<\/button>\r\n <button class=\"avail-btn\" onclick=\"togglePref(this)\">Field work<\/button>\r\n <\/div>\r\n\r\n <div class=\"field-grid\" style=\"margin-top:8px;\">\r\n <div class=\"field-group field-full\">\r\n <label class=\"field-label\">Why do you want to volunteer with us? <span class=\"req\">*<\/span><\/label>\r\n <textarea id=\"motivation\" placeholder=\"Tell us in plain words. What drew you to this mission? What do you hope to contribute? What do you want to learn?\"><\/textarea>\r\n <\/div>\r\n <div class=\"field-group field-full\">\r\n <label class=\"field-label\">Most relevant project or achievement<\/label>\r\n <textarea id=\"achievement\" style=\"min-height:80px;\" placeholder=\"Describe one piece of work you are proud of \u2014 a project, a result, something you built or led. No need to be formal.\"><\/textarea>\r\n <\/div>\r\n <div class=\"field-group\">\r\n <label class=\"field-label\">Earliest start date<\/label>\r\n <input type=\"text\" id=\"startDate\" placeholder=\"e.g. Immediately, June 2026, After thesis\">\r\n <\/div>\r\n <div class=\"field-group\">\r\n <label class=\"field-label\">How did you find us?<\/label>\r\n <select id=\"source\">\r\n <option value=\"\">Select\u2026<\/option>\r\n <option>University \/ hogeschool posting<\/option>\r\n <option>LinkedIn<\/option>\r\n <option>Instagram \/ TikTok<\/option>\r\n <option>Word of mouth<\/option>\r\n <option>Google search<\/option>\r\n <option>Belgian beekeeper network<\/option>\r\n <option>EU \/ VLAIO network<\/option>\r\n <option>Other<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-nav\">\r\n <button class=\"btn-back\" onclick=\"goStep(2)\">\u2190 Back<\/button>\r\n <button class=\"btn-next\" onclick=\"goStep(4)\">Continue \u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Step 4: Documents & submit -->\r\n <div class=\"form-step\" id=\"step4\">\r\n <div class=\"form-step-title\">Documents & confirmation<\/div>\r\n <div class=\"form-step-desc\">Attach your CV and optionally a cover letter or portfolio. Then confirm your application.<\/div>\r\n\r\n <div class=\"field-label\" style=\"margin-bottom:10px;\">CV \/ R\u00e9sum\u00e9 <span class=\"req\">*<\/span><\/div>\r\n <div class=\"upload-area\" onclick=\"document.getElementById('cvUpload').click()\">\r\n <input type=\"file\" id=\"cvUpload\" accept=\".pdf,.doc,.docx\" onchange=\"showFilename('cvUpload','cvFilename')\">\r\n <span class=\"upload-icon\">\ud83d\udcc4<\/span>\r\n <div class=\"upload-label\">Click to upload your CV<\/div>\r\n <div class=\"upload-sub\">PDF, DOC or DOCX \u00b7 max 5 MB<\/div>\r\n <div class=\"upload-filename\" id=\"cvFilename\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"field-label\" style=\"margin-bottom:10px;\">Portfolio or cover letter <span style=\"font-size:11px;font-weight:400;color:var(--text-muted)\">(optional)<\/span><\/div>\r\n <div class=\"upload-area\" onclick=\"document.getElementById('portfolioUpload').click()\">\r\n <input type=\"file\" id=\"portfolioUpload\" accept=\".pdf,.doc,.docx,.zip,.png,.jpg\" onchange=\"showFilename('portfolioUpload','portfolioFilename')\">\r\n <span class=\"upload-icon\">\ud83d\udcce<\/span>\r\n <div class=\"upload-label\">Click to attach a file<\/div>\r\n <div class=\"upload-sub\">PDF, DOC, ZIP, or image \u00b7 max 10 MB<\/div>\r\n <div class=\"upload-filename\" id=\"portfolioFilename\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"field-group\" style=\"margin-bottom:22px;\">\r\n <label class=\"field-label\">Anything else you want us to know?<\/label>\r\n <textarea id=\"extra\" style=\"min-height:72px;\" placeholder=\"References, publications, special circumstances, questions for us \u2014 anything goes.\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"consent-box\">\r\n <div class=\"consent-row\">\r\n <input type=\"checkbox\" id=\"consentData\">\r\n <div class=\"consent-text\">\r\n I agree that my personal data will be stored and processed by the Save the Bees Foundation solely for the purpose of this volunteer application, in accordance with <a href=\"#\">our privacy policy<\/a> and Belgian GDPR law.\r\n <\/div>\r\n <\/div>\r\n <div class=\"consent-row\">\r\n <input type=\"checkbox\" id=\"consentContact\">\r\n <div class=\"consent-text\">\r\n I agree to be contacted by the Save the Bees Foundation team by email or phone regarding this application and future volunteer opportunities.\r\n <\/div>\r\n <\/div>\r\n <div class=\"consent-row\">\r\n <input type=\"checkbox\" id=\"consentUpdates\">\r\n <div class=\"consent-text\">\r\n I would like to receive occasional project updates and news from the Foundation. (Optional \u2014 you may unsubscribe at any time.)\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-nav\">\r\n <button class=\"btn-back\" onclick=\"goStep(3)\">\u2190 Back<\/button>\r\n <button class=\"btn-submit\" onclick=\"handleSubmit()\">Submit application \u2713<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div><!-- \/form-body -->\r\n\r\n <!-- Success screen -->\r\n <div class=\"success-screen\" id=\"successScreen\">\r\n <div class=\"success-icon\">\u2713<\/div>\r\n <div class=\"success-title\">Application received<\/div>\r\n <p class=\"success-sub\">\r\n Thank you for wanting to be part of this. We review every application personally and will be in touch within <strong>5\u20137 working days<\/strong>.\r\n <\/p>\r\n <div class=\"success-detail\" id=\"successDetail\">\r\n Applied for: Science & Conservation \u00b7 Lommel, Belgium\r\n <\/div>\r\n <p style=\"font-size:13px;color:var(--text-muted);\">\r\n Questions in the meantime? Write to <a href=\"mailto:hello@savethebeefoundation.org\" style=\"color:var(--eu-blue);text-decoration:none;\">hello@savethebeefoundation.org<\/a>\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div><!-- \/form-section -->\r\n\r\n<\/div>\r\n\r\n<script>\r\nconst DEPT_DATA = {\r\n science: {\r\n label: 'Science & Conservation',\r\n sub: 'We are building Belgium\\'s most rigorous pollinator monitoring programme, aligned with EU-PoMS.',\r\n roles: [\r\n { id:'ecologist', title:'Field Ecologist', desc:'Field surveys, habitat assessment, species counts' },\r\n { id:'entomo', title:'Entomologist', desc:'Bee identification, taxonomy, colony health' },\r\n { id:'botanist', title:'Botanist \/ Ecologist', desc:'Native flora mapping, restoration planting plans' },\r\n { id:'gis', title:'GIS \/ Spatial Analyst', desc:'DOV, GBIF, Natura 2000 data layers & suitability mapping' },\r\n { id:'datasci', title:'Environmental Data Scientist', desc:'Statistical modelling, EU-PoMS data reporting' },\r\n ]\r\n },\r\n tech: {\r\n label: 'Technology & BeeWorld',\r\n sub: 'We are building a GPS-based AR citizen science app with a blockchain reward layer \u2014 from scratch.',\r\n roles: [\r\n { id:'mobile', title:'Mobile Developer (React Native \/ Flutter)', desc:'iOS & Android, GPS, AR camera integration' },\r\n { id:'backend', title:'Backend Engineer', desc:'Node.js \/ Python APIs, PostGIS, scalable infra' },\r\n { id:'gisdev', title:'GIS Developer', desc:'Spatial data pipelines, Mapbox\/Leaflet, DOV APIs' },\r\n { id:'uiux', title:'UI\/UX Designer', desc:'App flows, Figma prototyping, accessibility' },\r\n { id:'web3', title:'Web3 \/ Solidity Dev', desc:'ERC-20 BEECOIN token, Base blockchain, smart contracts' },\r\n { id:'devops', title:'DevOps \/ Cloud', desc:'CI\/CD, Docker, GCP or AWS, monitoring' },\r\n ]\r\n },\r\n comms: {\r\n label: 'Communications & Brand',\r\n sub: 'We need people who can write warmly and clearly \u2014 for citizens, not grant committees.',\r\n roles: [\r\n { id:'copy', title:'Copywriter (EN\/NL\/FR)', desc:'Website, social, email campaigns, press releases' },\r\n { id:'social', title:'Social Media Manager', desc:'TikTok, Instagram, LinkedIn strategy & content' },\r\n { id:'photo', title:'Photographer \/ Videographer', desc:'Field shoots, product, brand storytelling' },\r\n { id:'design', title:'Graphic Designer', desc:'Brand identity, print, digital assets, infographics' },\r\n { id:'pr', title:'PR & Media Specialist', desc:'Belgian & EU press relations, journalist outreach' },\r\n ]\r\n },\r\n education: {\r\n label: 'Education & Outreach',\r\n sub: 'Reaching Flemish schools, communities, and citizens in all three national languages.',\r\n roles: [\r\n { id:'curriculum', title:'Curriculum Designer', desc:'Primary school bee & biodiversity learning kits' },\r\n { id:'facilitator',title:'Workshop Facilitator', desc:'In-person school and community workshops' },\r\n { id:'liaison', title:'Community Liaison', desc:'Partnerships with schools, communes, beekeeper clubs' },\r\n { id:'translator', title:'Translator NL \/ FR \/ EN',desc:'Website, materials, and field content localisation' },\r\n ]\r\n },\r\n legal: {\r\n label: 'Legal & Governance',\r\n sub: 'A Belgian VZW operating under EU non-profit and environmental law needs proper legal grounding.',\r\n roles: [\r\n { id:'vzwlaw', title:'Non-profit \/ VZW Lawyer', desc:'Belgian VZW law, governance, statutory compliance' },\r\n { id:'grantwrite',title:'EU Grant Writer', desc:'VLAIO, LIFE, Horizon, Creative Europe applications' },\r\n { id:'gdpr', title:'GDPR \/ Data Officer', desc:'BeeWorld user data, app compliance, privacy policy' },\r\n { id:'compliance',title:'Compliance Advisor', desc:'Food labelling, honey regulation, VZW reporting' },\r\n ]\r\n },\r\n finance: {\r\n label: 'Finance & Administration',\r\n sub: 'Clean books, proper grant accounting, and a functioning admin backbone from day one.',\r\n roles: [\r\n { id:'bookkeeper', title:'Bookkeeper', desc:'VZW accounting, VAT, Belgian chart of accounts' },\r\n { id:'grantacc', title:'Grant Accountant', desc:'EU\/VLAIO grant spend tracking and reporting' },\r\n { id:'controller', title:'Financial Controller', desc:'Budgeting, forecasting, cash flow oversight' },\r\n { id:'admin', title:'Admin Coordinator', desc:'Operations, scheduling, document management' },\r\n ]\r\n }\r\n};\r\n\r\nlet currentDept = null;\r\nlet currentStep = 1;\r\nlet selectedAvail = null;\r\nlet selectedPref = null;\r\n\r\nfunction selectDept(card, deptId) {\r\n document.querySelectorAll('.dept-card').forEach(c => c.classList.remove('active'));\r\n card.classList.add('active');\r\n currentDept = deptId;\r\n\r\n const data = DEPT_DATA[deptId];\r\n document.getElementById('formDeptName').textContent = data.label;\r\n document.getElementById('formDeptSub').textContent = data.sub;\r\n\r\n \/\/ Populate role checkboxes\r\n const grid = document.getElementById('roleCheckGrid');\r\n grid.innerHTML = '';\r\n data.roles.forEach(role => {\r\n const item = document.createElement('div');\r\n item.className = 'role-check-item';\r\n item.innerHTML = `\r\n <input type=\"checkbox\" id=\"role_${role.id}\" onchange=\"this.closest('.role-check-item').classList.toggle('checked',this.checked)\">\r\n <div class=\"role-check-text\">\r\n <strong>${role.title}<\/strong>\r\n <span>${role.desc}<\/span>\r\n <\/div>\r\n `;\r\n item.onclick = function(e) {\r\n if (e.target.tagName !== 'INPUT') {\r\n const cb = this.querySelector('input');\r\n cb.checked = !cb.checked;\r\n this.classList.toggle('checked', cb.checked);\r\n }\r\n };\r\n grid.appendChild(item);\r\n });\r\n\r\n \/\/ Show form\r\n const form = document.getElementById('applicationForm');\r\n form.style.display = 'block';\r\n requestAnimationFrame(() => form.classList.add('visible'));\r\n goStep(1, false);\r\n form.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n}\r\n\r\nfunction goStep(n, scroll = true) {\r\n \/\/ Hide all steps\r\n document.querySelectorAll('.form-step').forEach(s => s.classList.remove('active'));\r\n \/\/ Show target\r\n document.getElementById('step' + n).classList.add('active');\r\n currentStep = n;\r\n\r\n \/\/ Pills\r\n for (let i = 1; i <= 4; i++) {\r\n const pill = document.getElementById('sp' + i);\r\n pill.classList.remove('active', 'done');\r\n if (i < n) pill.classList.add('done');\r\n else if (i === n) pill.classList.add('active');\r\n }\r\n\r\n document.getElementById('stepLabel').textContent = n;\r\n document.getElementById('formProgress').style.width = (n * 25) + '%';\r\n\r\n if (scroll) document.querySelector('.form-header').scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n}\r\n\r\nfunction toggleAvail(btn) {\r\n document.querySelectorAll('#availGrid .avail-btn').forEach(b => b.classList.remove('sel'));\r\n btn.classList.add('sel');\r\n selectedAvail = btn.textContent;\r\n}\r\nfunction togglePref(btn) {\r\n btn.classList.toggle('sel');\r\n}\r\n\r\nfunction showFilename(inputId, labelId) {\r\n const input = document.getElementById(inputId);\r\n const label = document.getElementById(labelId);\r\n if (input.files && input.files[0]) {\r\n label.textContent = '\u2713 ' + input.files[0].name;\r\n label.style.display = 'block';\r\n }\r\n}\r\n\r\nfunction handleSubmit() {\r\n const consent = document.getElementById('consentData');\r\n const consentContact = document.getElementById('consentContact');\r\n if (!consent.checked || !consentContact.checked) {\r\n alert('Please accept the required consent statements to submit your application.');\r\n return;\r\n }\r\n const city = document.getElementById('city').value || 'Belgium';\r\n document.getElementById('successDetail').textContent =\r\n 'Applied for: ' + DEPT_DATA[currentDept].label + ' \u00b7 ' + city;\r\n\r\n document.querySelector('.form-body').style.display = 'none';\r\n document.querySelector('.form-header').style.borderRadius = '16px 16px 0 0';\r\n document.getElementById('successScreen').classList.add('show');\r\n document.getElementById('successScreen').scrollIntoView({ behavior:'smooth', block:'center' });\r\n}\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\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":"<p>Volunteer \u2014 Save the Bee Foundation \u2605\u2605\u2605\u2605\u2605 Save the Bees Foundation \u00b7 Belgium Open positions Lend your expertise.Bees need professionals,not […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-43","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.savethebeefoundation.org\/index.php?rest_route=\/wp\/v2\/pages\/43","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.savethebeefoundation.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.savethebeefoundation.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.savethebeefoundation.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.savethebeefoundation.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=43"}],"version-history":[{"count":10,"href":"https:\/\/www.savethebeefoundation.org\/index.php?rest_route=\/wp\/v2\/pages\/43\/revisions"}],"predecessor-version":[{"id":695,"href":"https:\/\/www.savethebeefoundation.org\/index.php?rest_route=\/wp\/v2\/pages\/43\/revisions\/695"}],"wp:attachment":[{"href":"https:\/\/www.savethebeefoundation.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}