WOOD-MAS FAQ<\/title>\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Montserrat', sans-serif;\n }\n\n .faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease-out, opacity 0.3s ease-out;\n opacity: 0;\n }\n \n .faq-answer.open {\n max-height: 1000px;\n opacity: 1;\n transition: max-height 0.3s ease-in, opacity 0.3s ease-in;\n }\n \n .chevron {\n transition: transform 0.2s ease;\n }\n \n .chevron.rotate {\n transform: rotate(180deg);\n }\n\n .sidebar {\n position: sticky;\n top: 2rem;\n }\n\n .gradient-primary {\n background: linear-gradient(135deg, #007242 0%, #9AB72B 100%);\n }\n\n .gradient-bar {\n background: linear-gradient(180deg, #007242 0%, #9AB72B 100%);\n }\n\n .category-btn:hover {\n background-color: #f0f9f0;\n }\n\n .category-btn.active {\n background: linear-gradient(135deg, #007242 0%, #9AB72B 100%);\n color: white;\n }\n\n .faq-item {\n border: 2px solid #A5C83F;\n background: white;\n transition: all 0.3s ease;\n }\n\n .faq-item:hover {\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n }\n\n .faq-button {\n transition: background-color 0.2s ease;\n }\n\n .faq-button:hover {\n background-color: #f0f9f0;\n }\n\n .faq-button.open {\n background-color: #f0f9f0;\n }\n\n @media (max-width: 1024px) {\n .sidebar {\n position: static;\n }\n .layout {\n flex-direction: column;\n }\n .sidebar-container {\n width: 100% !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"min-h-screen bg-gradient-to-br from-emerald-50 via-green-50 to-lime-50\">\n \n <div class=\"gradient-primary text-white py-12 shadow-xl\">\n <div class=\"max-w-7xl mx-auto px-4\">\n <div class=\"inline-block mb-3 px-5 py-2 backdrop-blur-sm text-white rounded-full text-sm font-semibold border-2 border-white\/30\" style=\"background-color: rgba(255, 255, 255, 0.15);\">\n WOOD-MAS Programme\n <\/div>\n <h1 class=\"text-5xl font-bold mb-3\" style=\"color:white\">\n Frequently Asked Questions\n <\/h1>\n <p class=\"text-xl opacity-90\">\n Everything you need to know about WOOD-MAS\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"max-w-7xl mx-auto px-4 py-8\">\n <div class=\"flex gap-8 layout\">\n \n <aside class=\"w-80 flex-shrink-0 sidebar-container\">\n <div class=\"sidebar\">\n \n <div class=\"mb-6\">\n <div class=\"relative\">\n <svg class=\"absolute left-4 top-1\/2 -translate-y-1\/2 w-5 h-5\" style=\"color: #007242;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n <path d=\"m21 21-4.35-4.35\"><\/path>\n <\/svg>\n <input\n type=\"text\"\n id=\"searchInput\"\n placeholder=\"\"\n class=\"w-full pl-12 pr-4 py-3 rounded-xl border-2 focus:ring-4 focus:outline-none transition-all bg-white shadow-md text-sm\"\n style=\"border-color: #A5C83F; --tw-ring-color: rgba(165, 200, 63, 0.2);\"\n \/>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-xl shadow-lg border-2 overflow-hidden\" style=\"border-color: #A5C83F;\">\n <div class=\"px-4 py-3 gradient-primary text-white font-semibold\">\n Categories\n <\/div>\n <div class=\"p-2\" id=\"categoryList\">\n \n <\/div>\n <\/div>\n\n \n <div class=\"mt-6 space-y-2\">\n <button\n id=\"expandAll\"\n class=\"w-full flex items-center justify-center gap-2 px-4 py-3 gradient-primary text-white rounded-xl transition-all shadow-md hover:shadow-lg font-semibold\"\n >\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m7 13 5 5 5-5M7 6l5 5 5-5\"><\/path>\n <\/svg>\n Expand All\n <\/button>\n <button\n id=\"collapseAll\"\n class=\"w-full flex items-center justify-center gap-2 px-4 py-3 text-white rounded-xl transition-all shadow-md hover:shadow-lg font-semibold\"\n style=\"background-color: #7A7B7B;\"\n >\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m17 11-5-5-5 5M17 18l-5-5-5 5\"><\/path>\n <\/svg>\n Collapse All\n <\/button>\n <\/div>\n <\/div>\n <\/aside>\n\n \n <main class=\"flex-1 min-w-0\">\n \n <div id=\"searchBanner\" class=\"mb-6 p-4 rounded-xl border-2\" style=\"background-color: rgba(165, 200, 63, 0.13); border-color: #A5C83F; display: none;\">\n <p class=\"font-semibold\" style=\"color: #007242;\" id=\"searchBannerText\"><\/p>\n <\/div>\n\n \n <div id=\"faqContainer\"><\/div>\n\n \n <div id=\"noResults\" class=\"text-center py-16 bg-white rounded-xl shadow-md border-2\" style=\"border-color: #A5C83F; display: none;\">\n <div class=\"text-6xl mb-4\">\ud83d\udd0d<\/div>\n <p class=\"text-xl font-semibold mb-2\" style=\"color: #007242;\">\n No results found\n <\/p>\n <p class=\"mb-4\" style=\"color: #7A7B7B;\" id=\"noResultsText\"><\/p>\n <button\n id=\"resetFilters\"\n class=\"px-6 py-3 gradient-primary text-white rounded-xl transition-all shadow-md font-semibold\"\n >\n Reset Filters\n <\/button>\n <\/div>\n <\/main>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ FAQ Data\n const faqData = [\n {\n id: 1,\n category: \"General Questions\",\n question: \"What is WOOD-MAS?\",\n answer: \"WOOD-MAS is a two-year Erasmus Mundus Joint Master Programme focusing on Sustainable Wood Engineering. It is jointly delivered by a consortium of European universities and includes mandatory international mobility.\"\n },\n {\n id: 2,\n category: \"General Questions\",\n question: \"Is WOOD-MAS an Erasmus Mundus programme?\",\n answer: \"Yes. WOOD-MAS is developed and implemented in accordance with the Erasmus Mundus Joint Master (EMJM) framework and follows all related academic and quality requirements.\"\n },\n {\n id: 3,\n category: \"General Questions\",\n question: \"In which language is the programme taught?\",\n answer: \"All courses, examinations, and academic activities are conducted in English.\"\n },\n {\n id: 4,\n category: \"Programme & Study Structure\",\n question: \"How long is the programme?\",\n answer: \"The programme lasts 2 years (4 semesters) and corresponds to 120 ECTS credits.\"\n },\n {\n id: 5,\n category: \"Programme & Study Structure\",\n question: \"Is international mobility mandatory?\",\n answer: \"Yes. Mobility is a core and compulsory component of the programme. Students study at at least two different partner universities in different countries.\"\n },\n {\n id: 6,\n category: \"Programme & Study Structure\",\n question: \"Can I choose my mobility pathway?\",\n answer: \"Mobility pathways are predefined to ensure academic coherence. Students are informed of available pathways and allocations are made based on academic criteria and capacity.\"\n },\n {\n id: 7,\n category: \"Programme & Study Structure\",\n question: \"Is an internship included in the programme?\",\n answer: \"Yes. The third semester includes an industrial internship or applied project, providing practical experience in industry or research environments.\"\n },\n {\n id: 8,\n category: \"Application & Admission\",\n question: \"Who is eligible to apply?\",\n answer: \"Applicants must hold a Bachelor's degree (or equivalent) in a relevant field such as wood engineering, forestry, materials science, mechanical or civil engineering, architecture, or related disciplines.\"\n },\n {\n id: 9,\n category: \"Application & Admission\",\n question: \"Can final-year Bachelor's students apply?\",\n answer: \"Yes. Final-year students may apply, provided they obtain their degree before enrolment.\"\n },\n {\n id: 10,\n category: \"Application & Admission\",\n question: \"How do I apply?\",\n answer: \"Applications are submitted through the centralised online application system available on the WOOD-MAS website.\"\n },\n {\n id: 11,\n category: \"Application & Admission\",\n question: \"What documents are required?\",\n answer: \"Typical required documents include:\\n\u2022 Bachelor's diploma or expected graduation certificate\\n\u2022 Academic transcripts\\n\u2022 CV\\n\u2022 Motivation letter\\n\u2022 Proof of English proficiency\\n\u2022 Passport copy\\nExact requirements are published annually.\"\n },\n {\n id: 12,\n category: \"Application & Admission\",\n question: \"What are the selection criteria?\",\n answer: \"Selection is based on:\\n\u2022 Academic performance\\n\u2022 Relevance of previous studies\\n\u2022 Motivation and commitment\\n\u2022 English language proficiency\\n\u2022 Overall profile\\nThe process is transparent and merit-based.\"\n },\n {\n id: 13,\n category: \"Scholarships & Funding\",\n question: \"Are Erasmus Mundus scholarships available?\",\n answer: \"Yes. Highly qualified applicants may receive an Erasmus Mundus scholarship, covering living costs, travel, and participation fees, in accordance with Erasmus Mundus rules.\"\n },\n {\n id: 14,\n category: \"Scholarships & Funding\",\n question: \"Can self-funded students apply?\",\n answer: \"Yes. The programme is open to both scholarship holders and self-funded students.\"\n },\n {\n id: 15,\n category: \"Degree & Recognition\",\n question: \"What degree will I receive?\",\n answer: \"Graduates receive a joint or multiple Master of Science degree, depending on national regulations of the consortium universities.\"\n },\n {\n id: 16,\n category: \"Degree & Recognition\",\n question: \"Is the degree internationally recognised?\",\n answer: \"Yes. The degree is recognised within the European Higher Education Area (EHEA) and internationally, in accordance with national legislation.\"\n },\n {\n id: 17,\n category: \"Student Life & Support\",\n question: \"What kind of student support is provided?\",\n answer: \"Students receive academic, administrative, and practical support, including assistance with mobility, accommodation, visas, and integration.\"\n },\n {\n id: 18,\n category: \"Student Life & Support\",\n question: \"Do students need health insurance?\",\n answer: \"Yes. All students must have valid health insurance covering their study period. Guidance is provided by the host institutions.\"\n },\n {\n id: 19,\n category: \"Other Questions\",\n question: \"Is there an age limit to apply?\",\n answer: \"No. There is no age limit for applying to WOOD-MAS.\"\n },\n {\n id: 20,\n category: \"Other Questions\",\n question: \"How can I contact the programme?\",\n answer: \"For further questions, please use the Contact page or write to the official programme email address.\"\n }\n ];\n\n let currentFilter = '';\n let activeCategory = 'all';\n\n \/\/ Get unique categories\n function getCategories() {\n return [...new Set(faqData.map(faq => faq.category))];\n }\n\n \/\/ Get category counts\n function getCategoryCounts(faqs) {\n const counts = {};\n faqs.forEach(faq => {\n counts[faq.category] = (counts[faq.category] || 0) + 1;\n });\n return counts;\n }\n\n \/\/ Filter FAQs by search\n function filterFAQs(query) {\n if (!query.trim()) return faqData;\n \n const lowerQuery = query.toLowerCase();\n return faqData.filter(faq => \n faq.question.toLowerCase().includes(lowerQuery) ||\n faq.answer.toLowerCase().includes(lowerQuery) ||\n faq.category.toLowerCase().includes(lowerQuery)\n );\n }\n\n \/\/ Filter by category\n function filterByCategory(faqs, category) {\n if (category === 'all') return faqs;\n return faqs.filter(faq => faq.category === category);\n }\n\n \/\/ Group FAQs by category\n function groupByCategory(faqs) {\n const grouped = {};\n faqs.forEach(faq => {\n if (!grouped[faq.category]) {\n grouped[faq.category] = [];\n }\n grouped[faq.category].push(faq);\n });\n return grouped;\n }\n\n \/\/ Toggle FAQ item\n function toggleFAQ(id) {\n const answer = document.getElementById(`answer-${id}`);\n const chevron = document.getElementById(`chevron-${id}`);\n const button = document.getElementById(`button-${id}`);\n \n if (answer.classList.contains('open')) {\n answer.classList.remove('open');\n chevron.classList.remove('rotate');\n button.classList.remove('open');\n } else {\n answer.classList.add('open');\n chevron.classList.add('rotate');\n button.classList.add('open');\n }\n }\n\n \/\/ Render categories\n function renderCategories(filteredFaqs) {\n const categoryList = document.getElementById('categoryList');\n const categories = getCategories();\n const counts = getCategoryCounts(filteredFaqs);\n \n let html = `\n <button\n onclick=\"setCategory('all')\"\n class=\"category-btn ${activeCategory === 'all' ? 'active' : ''} w-full text-left px-4 py-3 rounded-lg mb-1 transition-all\"\n style=\"${activeCategory !== 'all' ? 'color: #007242;' : ''}\"\n >\n <div class=\"flex items-center justify-between\">\n <span class=\"font-semibold\">All Questions<\/span>\n <span class=\"text-sm px-2 py-1 rounded-full\" style=\"${\n activeCategory === 'all'\n ? 'background-color: rgba(255, 255, 255, 0.2);'\n : 'background-color: #A5C83F; color: white;'\n }\">\n ${filteredFaqs.length}\n <\/span>\n <\/div>\n <\/button>\n `;\n \n categories.forEach(category => {\n html += `\n <button\n onclick=\"setCategory('${category}')\"\n class=\"category-btn ${activeCategory === category ? 'active' : ''} w-full text-left px-4 py-3 rounded-lg mb-1 transition-all\"\n style=\"${activeCategory !== category ? 'color: #007242;' : ''}\"\n >\n <div class=\"flex items-center justify-between\">\n <span class=\"font-semibold text-sm\">${category}<\/span>\n <span class=\"text-xs px-2 py-1 rounded-full\" style=\"${\n activeCategory === category\n ? 'background-color: rgba(255, 255, 255, 0.2);'\n : 'background-color: #A5C83F; color: white;'\n }\">\n ${counts[category] || 0}\n <\/span>\n <\/div>\n <\/button>\n `;\n });\n \n categoryList.innerHTML = html;\n }\n\n \/\/ Render FAQs\n function renderFAQs() {\n const container = document.getElementById('faqContainer');\n const noResults = document.getElementById('noResults');\n const searchBanner = document.getElementById('searchBanner');\n const searchBannerText = document.getElementById('searchBannerText');\n const noResultsText = document.getElementById('noResultsText');\n \n const filteredFaqs = filterFAQs(currentFilter);\n const displayedFaqs = filterByCategory(filteredFaqs, activeCategory);\n \n \/\/ Update categories\n renderCategories(filteredFaqs);\n \n \/\/ Update search banner\n if (currentFilter.trim()) {\n searchBannerText.textContent = `Found ${displayedFaqs.length} result${displayedFaqs.length !== 1 ? 's' : ''} for \"${currentFilter}\"`;\n searchBanner.style.display = 'block';\n } else {\n searchBanner.style.display = 'none';\n }\n \n if (displayedFaqs.length === 0) {\n container.innerHTML = '';\n noResults.style.display = 'block';\n \n if (currentFilter.trim()) {\n noResultsText.textContent = `No questions match \"${currentFilter}\"`;\n } else {\n noResultsText.textContent = 'No questions in this category';\n }\n return;\n }\n \n noResults.style.display = 'none';\n const grouped = groupByCategory(displayedFaqs);\n \n let html = '<div class=\"space-y-8\">';\n \n Object.entries(grouped).forEach(([category, items]) => {\n html += `\n <div>\n <h2 class=\"text-3xl font-bold mb-5 flex items-center gap-3\" style=\"color: #007242;\">\n <div class=\"w-1.5 h-10 gradient-bar rounded-full\"><\/div>\n ${category}\n <\/h2>\n <div class=\"space-y-4\">\n `;\n \n items.forEach(faq => {\n const formattedAnswer = faq.answer.replace(\/\\n\/g, '<br>');\n html += `\n <div class=\"faq-item rounded-xl overflow-hidden shadow-md\">\n <button\n id=\"button-${faq.id}\"\n onclick=\"toggleFAQ(${faq.id})\"\n class=\"faq-button w-full px-6 py-4 flex items-center justify-between text-left\"\n >\n <span class=\"font-semibold pr-4\" style=\"color: #007242;\">${faq.question}<\/span>\n <svg id=\"chevron-${faq.id}\" class=\"w-5 h-5 chevron flex-shrink-0\" style=\"color: #9AB72B;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n <\/svg>\n <\/button>\n <div id=\"answer-${faq.id}\" class=\"faq-answer\">\n <div class=\"px-6 pb-4 pt-2 leading-relaxed border-t\" style=\"color: #7A7B7B; border-color: #A5C83F;\">\n ${formattedAnswer}\n <\/div>\n <\/div>\n <\/div>\n `;\n });\n \n html += `\n <\/div>\n <\/div>\n `;\n });\n \n html += '<\/div>';\n container.innerHTML = html;\n }\n\n \/\/ Set category\n function setCategory(category) {\n activeCategory = category;\n renderFAQs();\n }\n\n \/\/ Expand all\n function expandAll() {\n const answers = document.querySelectorAll('.faq-answer');\n const chevrons = document.querySelectorAll('.chevron');\n const buttons = document.querySelectorAll('.faq-button');\n \n answers.forEach(answer => answer.classList.add('open'));\n chevrons.forEach(chevron => chevron.classList.add('rotate'));\n buttons.forEach(button => button.classList.add('open'));\n }\n\n \/\/ Collapse all\n function collapseAll() {\n const answers = document.querySelectorAll('.faq-answer');\n const chevrons = document.querySelectorAll('.chevron');\n const buttons = document.querySelectorAll('.faq-button');\n \n answers.forEach(answer => answer.classList.remove('open'));\n chevrons.forEach(chevron => chevron.classList.remove('rotate'));\n buttons.forEach(button => button.classList.remove('open'));\n }\n\n \/\/ Search functionality\n document.getElementById('searchInput').addEventListener('input', function(e) {\n currentFilter = e.target.value;\n renderFAQs();\n });\n\n \/\/ Button event listeners\n document.getElementById('expandAll').addEventListener('click', expandAll);\n document.getElementById('collapseAll').addEventListener('click', collapseAll);\n document.getElementById('resetFilters').addEventListener('click', function() {\n document.getElementById('searchInput').value = '';\n currentFilter = '';\n activeCategory = 'all';\n renderFAQs();\n });\n\n \/\/ Initial render\n renderFAQs();\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f996357 e-flex e-con-boxed e-con e-parent\" data-id=\"f996357\" data-element_type=\"container\" data-settings=\"{"shape_divider_bottom":"opacity-tilt"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 2600 131.1\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0 0L2600 0 2600 69.1 0 0z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.5\" d=\"M0 0L2600 0 2600 69.1 0 69.1z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.25\" d=\"M2600 0L0 0 0 130.1 2600 69.1z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-625d9c4 jltma-glass-effect-no elementor-widget elementor-widget-spacer\" data-id=\"625d9c4\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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>WOOD-MAS FAQ WOOD-MAS Programme Frequently Asked Questions Everything you need to know about WOOD-MAS Categories Expand All Collapse All \ud83d\udd0d No results found Reset Filters<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"elearning_container_layout":"tg-site-layout--default","elearning_sidebar_layout":"tg-site-layout--default","elearning_remove_content_margin":false,"elearning_sidebar":"default","elearning_transparent_header":"customizer","elearning_logo":0,"elearning_header_style":"default","elearning_menu_item_color":"","elearning_menu_item_hover_color":"","elearning_menu_item_active_color":"","elearning_menu_item_active_style":"","elearning_page_header":true,"footnotes":""},"class_list":["post-117","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/woodmas.net\/index.php?rest_route=\/wp\/v2\/pages\/117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/woodmas.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/woodmas.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/woodmas.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/woodmas.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=117"}],"version-history":[{"count":115,"href":"https:\/\/woodmas.net\/index.php?rest_route=\/wp\/v2\/pages\/117\/revisions"}],"predecessor-version":[{"id":1760,"href":"https:\/\/woodmas.net\/index.php?rest_route=\/wp\/v2\/pages\/117\/revisions\/1760"}],"wp:attachment":[{"href":"https:\/\/woodmas.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n WOOD-MAS FAQ<\/title>\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Montserrat', sans-serif;\n }\n\n .faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease-out, opacity 0.3s ease-out;\n opacity: 0;\n }\n \n .faq-answer.open {\n max-height: 1000px;\n opacity: 1;\n transition: max-height 0.3s ease-in, opacity 0.3s ease-in;\n }\n \n .chevron {\n transition: transform 0.2s ease;\n }\n \n .chevron.rotate {\n transform: rotate(180deg);\n }\n\n .sidebar {\n position: sticky;\n top: 2rem;\n }\n\n .gradient-primary {\n background: linear-gradient(135deg, #007242 0%, #9AB72B 100%);\n }\n\n .gradient-bar {\n background: linear-gradient(180deg, #007242 0%, #9AB72B 100%);\n }\n\n .category-btn:hover {\n background-color: #f0f9f0;\n }\n\n .category-btn.active {\n background: linear-gradient(135deg, #007242 0%, #9AB72B 100%);\n color: white;\n }\n\n .faq-item {\n border: 2px solid #A5C83F;\n background: white;\n transition: all 0.3s ease;\n }\n\n .faq-item:hover {\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n }\n\n .faq-button {\n transition: background-color 0.2s ease;\n }\n\n .faq-button:hover {\n background-color: #f0f9f0;\n }\n\n .faq-button.open {\n background-color: #f0f9f0;\n }\n\n @media (max-width: 1024px) {\n .sidebar {\n position: static;\n }\n .layout {\n flex-direction: column;\n }\n .sidebar-container {\n width: 100% !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"min-h-screen bg-gradient-to-br from-emerald-50 via-green-50 to-lime-50\">\n \n <div class=\"gradient-primary text-white py-12 shadow-xl\">\n <div class=\"max-w-7xl mx-auto px-4\">\n <div class=\"inline-block mb-3 px-5 py-2 backdrop-blur-sm text-white rounded-full text-sm font-semibold border-2 border-white\/30\" style=\"background-color: rgba(255, 255, 255, 0.15);\">\n WOOD-MAS Programme\n <\/div>\n <h1 class=\"text-5xl font-bold mb-3\" style=\"color:white\">\n Frequently Asked Questions\n <\/h1>\n <p class=\"text-xl opacity-90\">\n Everything you need to know about WOOD-MAS\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"max-w-7xl mx-auto px-4 py-8\">\n <div class=\"flex gap-8 layout\">\n \n <aside class=\"w-80 flex-shrink-0 sidebar-container\">\n <div class=\"sidebar\">\n \n <div class=\"mb-6\">\n <div class=\"relative\">\n <svg class=\"absolute left-4 top-1\/2 -translate-y-1\/2 w-5 h-5\" style=\"color: #007242;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n <path d=\"m21 21-4.35-4.35\"><\/path>\n <\/svg>\n <input\n type=\"text\"\n id=\"searchInput\"\n placeholder=\"\"\n class=\"w-full pl-12 pr-4 py-3 rounded-xl border-2 focus:ring-4 focus:outline-none transition-all bg-white shadow-md text-sm\"\n style=\"border-color: #A5C83F; --tw-ring-color: rgba(165, 200, 63, 0.2);\"\n \/>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-xl shadow-lg border-2 overflow-hidden\" style=\"border-color: #A5C83F;\">\n <div class=\"px-4 py-3 gradient-primary text-white font-semibold\">\n Categories\n <\/div>\n <div class=\"p-2\" id=\"categoryList\">\n \n <\/div>\n <\/div>\n\n \n <div class=\"mt-6 space-y-2\">\n <button\n id=\"expandAll\"\n class=\"w-full flex items-center justify-center gap-2 px-4 py-3 gradient-primary text-white rounded-xl transition-all shadow-md hover:shadow-lg font-semibold\"\n >\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m7 13 5 5 5-5M7 6l5 5 5-5\"><\/path>\n <\/svg>\n Expand All\n <\/button>\n <button\n id=\"collapseAll\"\n class=\"w-full flex items-center justify-center gap-2 px-4 py-3 text-white rounded-xl transition-all shadow-md hover:shadow-lg font-semibold\"\n style=\"background-color: #7A7B7B;\"\n >\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m17 11-5-5-5 5M17 18l-5-5-5 5\"><\/path>\n <\/svg>\n Collapse All\n <\/button>\n <\/div>\n <\/div>\n <\/aside>\n\n \n <main class=\"flex-1 min-w-0\">\n \n <div id=\"searchBanner\" class=\"mb-6 p-4 rounded-xl border-2\" style=\"background-color: rgba(165, 200, 63, 0.13); border-color: #A5C83F; display: none;\">\n <p class=\"font-semibold\" style=\"color: #007242;\" id=\"searchBannerText\"><\/p>\n <\/div>\n\n \n <div id=\"faqContainer\"><\/div>\n\n \n <div id=\"noResults\" class=\"text-center py-16 bg-white rounded-xl shadow-md border-2\" style=\"border-color: #A5C83F; display: none;\">\n <div class=\"text-6xl mb-4\">\ud83d\udd0d<\/div>\n <p class=\"text-xl font-semibold mb-2\" style=\"color: #007242;\">\n No results found\n <\/p>\n <p class=\"mb-4\" style=\"color: #7A7B7B;\" id=\"noResultsText\"><\/p>\n <button\n id=\"resetFilters\"\n class=\"px-6 py-3 gradient-primary text-white rounded-xl transition-all shadow-md font-semibold\"\n >\n Reset Filters\n <\/button>\n <\/div>\n <\/main>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ FAQ Data\n const faqData = [\n {\n id: 1,\n category: \"General Questions\",\n question: \"What is WOOD-MAS?\",\n answer: \"WOOD-MAS is a two-year Erasmus Mundus Joint Master Programme focusing on Sustainable Wood Engineering. It is jointly delivered by a consortium of European universities and includes mandatory international mobility.\"\n },\n {\n id: 2,\n category: \"General Questions\",\n question: \"Is WOOD-MAS an Erasmus Mundus programme?\",\n answer: \"Yes. WOOD-MAS is developed and implemented in accordance with the Erasmus Mundus Joint Master (EMJM) framework and follows all related academic and quality requirements.\"\n },\n {\n id: 3,\n category: \"General Questions\",\n question: \"In which language is the programme taught?\",\n answer: \"All courses, examinations, and academic activities are conducted in English.\"\n },\n {\n id: 4,\n category: \"Programme & Study Structure\",\n question: \"How long is the programme?\",\n answer: \"The programme lasts 2 years (4 semesters) and corresponds to 120 ECTS credits.\"\n },\n {\n id: 5,\n category: \"Programme & Study Structure\",\n question: \"Is international mobility mandatory?\",\n answer: \"Yes. Mobility is a core and compulsory component of the programme. Students study at at least two different partner universities in different countries.\"\n },\n {\n id: 6,\n category: \"Programme & Study Structure\",\n question: \"Can I choose my mobility pathway?\",\n answer: \"Mobility pathways are predefined to ensure academic coherence. Students are informed of available pathways and allocations are made based on academic criteria and capacity.\"\n },\n {\n id: 7,\n category: \"Programme & Study Structure\",\n question: \"Is an internship included in the programme?\",\n answer: \"Yes. The third semester includes an industrial internship or applied project, providing practical experience in industry or research environments.\"\n },\n {\n id: 8,\n category: \"Application & Admission\",\n question: \"Who is eligible to apply?\",\n answer: \"Applicants must hold a Bachelor's degree (or equivalent) in a relevant field such as wood engineering, forestry, materials science, mechanical or civil engineering, architecture, or related disciplines.\"\n },\n {\n id: 9,\n category: \"Application & Admission\",\n question: \"Can final-year Bachelor's students apply?\",\n answer: \"Yes. Final-year students may apply, provided they obtain their degree before enrolment.\"\n },\n {\n id: 10,\n category: \"Application & Admission\",\n question: \"How do I apply?\",\n answer: \"Applications are submitted through the centralised online application system available on the WOOD-MAS website.\"\n },\n {\n id: 11,\n category: \"Application & Admission\",\n question: \"What documents are required?\",\n answer: \"Typical required documents include:\\n\u2022 Bachelor's diploma or expected graduation certificate\\n\u2022 Academic transcripts\\n\u2022 CV\\n\u2022 Motivation letter\\n\u2022 Proof of English proficiency\\n\u2022 Passport copy\\nExact requirements are published annually.\"\n },\n {\n id: 12,\n category: \"Application & Admission\",\n question: \"What are the selection criteria?\",\n answer: \"Selection is based on:\\n\u2022 Academic performance\\n\u2022 Relevance of previous studies\\n\u2022 Motivation and commitment\\n\u2022 English language proficiency\\n\u2022 Overall profile\\nThe process is transparent and merit-based.\"\n },\n {\n id: 13,\n category: \"Scholarships & Funding\",\n question: \"Are Erasmus Mundus scholarships available?\",\n answer: \"Yes. Highly qualified applicants may receive an Erasmus Mundus scholarship, covering living costs, travel, and participation fees, in accordance with Erasmus Mundus rules.\"\n },\n {\n id: 14,\n category: \"Scholarships & Funding\",\n question: \"Can self-funded students apply?\",\n answer: \"Yes. The programme is open to both scholarship holders and self-funded students.\"\n },\n {\n id: 15,\n category: \"Degree & Recognition\",\n question: \"What degree will I receive?\",\n answer: \"Graduates receive a joint or multiple Master of Science degree, depending on national regulations of the consortium universities.\"\n },\n {\n id: 16,\n category: \"Degree & Recognition\",\n question: \"Is the degree internationally recognised?\",\n answer: \"Yes. The degree is recognised within the European Higher Education Area (EHEA) and internationally, in accordance with national legislation.\"\n },\n {\n id: 17,\n category: \"Student Life & Support\",\n question: \"What kind of student support is provided?\",\n answer: \"Students receive academic, administrative, and practical support, including assistance with mobility, accommodation, visas, and integration.\"\n },\n {\n id: 18,\n category: \"Student Life & Support\",\n question: \"Do students need health insurance?\",\n answer: \"Yes. All students must have valid health insurance covering their study period. Guidance is provided by the host institutions.\"\n },\n {\n id: 19,\n category: \"Other Questions\",\n question: \"Is there an age limit to apply?\",\n answer: \"No. There is no age limit for applying to WOOD-MAS.\"\n },\n {\n id: 20,\n category: \"Other Questions\",\n question: \"How can I contact the programme?\",\n answer: \"For further questions, please use the Contact page or write to the official programme email address.\"\n }\n ];\n\n let currentFilter = '';\n let activeCategory = 'all';\n\n \/\/ Get unique categories\n function getCategories() {\n return [...new Set(faqData.map(faq => faq.category))];\n }\n\n \/\/ Get category counts\n function getCategoryCounts(faqs) {\n const counts = {};\n faqs.forEach(faq => {\n counts[faq.category] = (counts[faq.category] || 0) + 1;\n });\n return counts;\n }\n\n \/\/ Filter FAQs by search\n function filterFAQs(query) {\n if (!query.trim()) return faqData;\n \n const lowerQuery = query.toLowerCase();\n return faqData.filter(faq => \n faq.question.toLowerCase().includes(lowerQuery) ||\n faq.answer.toLowerCase().includes(lowerQuery) ||\n faq.category.toLowerCase().includes(lowerQuery)\n );\n }\n\n \/\/ Filter by category\n function filterByCategory(faqs, category) {\n if (category === 'all') return faqs;\n return faqs.filter(faq => faq.category === category);\n }\n\n \/\/ Group FAQs by category\n function groupByCategory(faqs) {\n const grouped = {};\n faqs.forEach(faq => {\n if (!grouped[faq.category]) {\n grouped[faq.category] = [];\n }\n grouped[faq.category].push(faq);\n });\n return grouped;\n }\n\n \/\/ Toggle FAQ item\n function toggleFAQ(id) {\n const answer = document.getElementById(`answer-${id}`);\n const chevron = document.getElementById(`chevron-${id}`);\n const button = document.getElementById(`button-${id}`);\n \n if (answer.classList.contains('open')) {\n answer.classList.remove('open');\n chevron.classList.remove('rotate');\n button.classList.remove('open');\n } else {\n answer.classList.add('open');\n chevron.classList.add('rotate');\n button.classList.add('open');\n }\n }\n\n \/\/ Render categories\n function renderCategories(filteredFaqs) {\n const categoryList = document.getElementById('categoryList');\n const categories = getCategories();\n const counts = getCategoryCounts(filteredFaqs);\n \n let html = `\n <button\n onclick=\"setCategory('all')\"\n class=\"category-btn ${activeCategory === 'all' ? 'active' : ''} w-full text-left px-4 py-3 rounded-lg mb-1 transition-all\"\n style=\"${activeCategory !== 'all' ? 'color: #007242;' : ''}\"\n >\n <div class=\"flex items-center justify-between\">\n <span class=\"font-semibold\">All Questions<\/span>\n <span class=\"text-sm px-2 py-1 rounded-full\" style=\"${\n activeCategory === 'all'\n ? 'background-color: rgba(255, 255, 255, 0.2);'\n : 'background-color: #A5C83F; color: white;'\n }\">\n ${filteredFaqs.length}\n <\/span>\n <\/div>\n <\/button>\n `;\n \n categories.forEach(category => {\n html += `\n <button\n onclick=\"setCategory('${category}')\"\n class=\"category-btn ${activeCategory === category ? 'active' : ''} w-full text-left px-4 py-3 rounded-lg mb-1 transition-all\"\n style=\"${activeCategory !== category ? 'color: #007242;' : ''}\"\n >\n <div class=\"flex items-center justify-between\">\n <span class=\"font-semibold text-sm\">${category}<\/span>\n <span class=\"text-xs px-2 py-1 rounded-full\" style=\"${\n activeCategory === category\n ? 'background-color: rgba(255, 255, 255, 0.2);'\n : 'background-color: #A5C83F; color: white;'\n }\">\n ${counts[category] || 0}\n <\/span>\n <\/div>\n <\/button>\n `;\n });\n \n categoryList.innerHTML = html;\n }\n\n \/\/ Render FAQs\n function renderFAQs() {\n const container = document.getElementById('faqContainer');\n const noResults = document.getElementById('noResults');\n const searchBanner = document.getElementById('searchBanner');\n const searchBannerText = document.getElementById('searchBannerText');\n const noResultsText = document.getElementById('noResultsText');\n \n const filteredFaqs = filterFAQs(currentFilter);\n const displayedFaqs = filterByCategory(filteredFaqs, activeCategory);\n \n \/\/ Update categories\n renderCategories(filteredFaqs);\n \n \/\/ Update search banner\n if (currentFilter.trim()) {\n searchBannerText.textContent = `Found ${displayedFaqs.length} result${displayedFaqs.length !== 1 ? 's' : ''} for \"${currentFilter}\"`;\n searchBanner.style.display = 'block';\n } else {\n searchBanner.style.display = 'none';\n }\n \n if (displayedFaqs.length === 0) {\n container.innerHTML = '';\n noResults.style.display = 'block';\n \n if (currentFilter.trim()) {\n noResultsText.textContent = `No questions match \"${currentFilter}\"`;\n } else {\n noResultsText.textContent = 'No questions in this category';\n }\n return;\n }\n \n noResults.style.display = 'none';\n const grouped = groupByCategory(displayedFaqs);\n \n let html = '<div class=\"space-y-8\">';\n \n Object.entries(grouped).forEach(([category, items]) => {\n html += `\n <div>\n <h2 class=\"text-3xl font-bold mb-5 flex items-center gap-3\" style=\"color: #007242;\">\n <div class=\"w-1.5 h-10 gradient-bar rounded-full\"><\/div>\n ${category}\n <\/h2>\n <div class=\"space-y-4\">\n `;\n \n items.forEach(faq => {\n const formattedAnswer = faq.answer.replace(\/\\n\/g, '<br>');\n html += `\n <div class=\"faq-item rounded-xl overflow-hidden shadow-md\">\n <button\n id=\"button-${faq.id}\"\n onclick=\"toggleFAQ(${faq.id})\"\n class=\"faq-button w-full px-6 py-4 flex items-center justify-between text-left\"\n >\n <span class=\"font-semibold pr-4\" style=\"color: #007242;\">${faq.question}<\/span>\n <svg id=\"chevron-${faq.id}\" class=\"w-5 h-5 chevron flex-shrink-0\" style=\"color: #9AB72B;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n <\/svg>\n <\/button>\n <div id=\"answer-${faq.id}\" class=\"faq-answer\">\n <div class=\"px-6 pb-4 pt-2 leading-relaxed border-t\" style=\"color: #7A7B7B; border-color: #A5C83F;\">\n ${formattedAnswer}\n <\/div>\n <\/div>\n <\/div>\n `;\n });\n \n html += `\n <\/div>\n <\/div>\n `;\n });\n \n html += '<\/div>';\n container.innerHTML = html;\n }\n\n \/\/ Set category\n function setCategory(category) {\n activeCategory = category;\n renderFAQs();\n }\n\n \/\/ Expand all\n function expandAll() {\n const answers = document.querySelectorAll('.faq-answer');\n const chevrons = document.querySelectorAll('.chevron');\n const buttons = document.querySelectorAll('.faq-button');\n \n answers.forEach(answer => answer.classList.add('open'));\n chevrons.forEach(chevron => chevron.classList.add('rotate'));\n buttons.forEach(button => button.classList.add('open'));\n }\n\n \/\/ Collapse all\n function collapseAll() {\n const answers = document.querySelectorAll('.faq-answer');\n const chevrons = document.querySelectorAll('.chevron');\n const buttons = document.querySelectorAll('.faq-button');\n \n answers.forEach(answer => answer.classList.remove('open'));\n chevrons.forEach(chevron => chevron.classList.remove('rotate'));\n buttons.forEach(button => button.classList.remove('open'));\n }\n\n \/\/ Search functionality\n document.getElementById('searchInput').addEventListener('input', function(e) {\n currentFilter = e.target.value;\n renderFAQs();\n });\n\n \/\/ Button event listeners\n document.getElementById('expandAll').addEventListener('click', expandAll);\n document.getElementById('collapseAll').addEventListener('click', collapseAll);\n document.getElementById('resetFilters').addEventListener('click', function() {\n document.getElementById('searchInput').value = '';\n currentFilter = '';\n activeCategory = 'all';\n renderFAQs();\n });\n\n \/\/ Initial render\n renderFAQs();\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f996357 e-flex e-con-boxed e-con e-parent\" data-id=\"f996357\" data-element_type=\"container\" data-settings=\"{"shape_divider_bottom":"opacity-tilt"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 2600 131.1\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0 0L2600 0 2600 69.1 0 0z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.5\" d=\"M0 0L2600 0 2600 69.1 0 69.1z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.25\" d=\"M2600 0L0 0 0 130.1 2600 69.1z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-625d9c4 jltma-glass-effect-no elementor-widget elementor-widget-spacer\" data-id=\"625d9c4\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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>WOOD-MAS FAQ WOOD-MAS Programme Frequently Asked Questions Everything you need to know about WOOD-MAS Categories Expand All Collapse All \ud83d\udd0d No results found Reset Filters<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"elearning_container_layout":"tg-site-layout--default","elearning_sidebar_layout":"tg-site-layout--default","elearning_remove_content_margin":false,"elearning_sidebar":"default","elearning_transparent_header":"customizer","elearning_logo":0,"elearning_header_style":"default","elearning_menu_item_color":"","elearning_menu_item_hover_color":"","elearning_menu_item_active_color":"","elearning_menu_item_active_style":"","elearning_page_header":true,"footnotes":""},"class_list":["post-117","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/woodmas.net\/index.php?rest_route=\/wp\/v2\/pages\/117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/woodmas.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/woodmas.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/woodmas.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/woodmas.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=117"}],"version-history":[{"count":115,"href":"https:\/\/woodmas.net\/index.php?rest_route=\/wp\/v2\/pages\/117\/revisions"}],"predecessor-version":[{"id":1760,"href":"https:\/\/woodmas.net\/index.php?rest_route=\/wp\/v2\/pages\/117\/revisions\/1760"}],"wp:attachment":[{"href":"https:\/\/woodmas.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}