{"id":436,"date":"2026-06-01T12:24:51","date_gmt":"2026-06-01T10:24:51","guid":{"rendered":"https:\/\/schoolwise-project.eu\/?templately_library=penny-grow-header"},"modified":"2026-07-31T18:00:13","modified_gmt":"2026-07-31T16:00:13","slug":"penny-grow-header","status":"publish","type":"templately_library","link":"https:\/\/schoolwise-project.eu\/hu\/?templately_library=penny-grow-header","title":{"rendered":"Penny Grow Header"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"436\" class=\"elementor elementor-436\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0452a9b e-flex e-con-boxed e-con e-parent\" data-id=\"0452a9b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-478698d elementor-widget elementor-widget-html\" data-id=\"478698d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700;800;900&display=swap');\n\n  \/* =========================================\n     HEADER BASE (SOLID WHITE AT FIRST)\n     ========================================= *\/\n  .sw-header {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    margin: 0 auto;\n    width: 100%;\n    \/* Solid white background initially *\/\n    background: #ffffff;\n    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.04);\n    z-index: 9999;\n    font-family: 'Montserrat', sans-serif;\n    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .sw-header-container {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 12px 28px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    transition: padding 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  \/* Logo *\/\n  .sw-logo {\n    display: flex;\n    align-items: center;\n    text-decoration: none;\n    z-index: 10000;\n  }\n\n  .sw-logo img {\n    height: 44px;\n    width: auto;\n    object-fit: contain;\n    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  \/* =========================================\n     GLASSMORPHISM CAPSULE (ON SCROLL ONLY)\n     ========================================= *\/\n  @media (min-width: 993px) {\n    .sw-header.sw-scrolled {\n      top: 14px;\n      width: min(1080px, 90%);\n      border-radius: 99px;\n      \/* Turns into glassmorphism when scrolled *\/\n      background: rgba(255, 255, 255, 0.82);\n      backdrop-filter: blur(20px) saturate(190%);\n      -webkit-backdrop-filter: blur(20px) saturate(190%);\n      box-shadow: 0 20px 40px -15px rgba(11, 31, 77, 0.12);\n      border: 1px solid rgba(255, 255, 255, 0.8);\n    }\n\n    .sw-header.sw-scrolled .sw-header-container {\n      padding: 8px 24px;\n    }\n\n    .sw-header.sw-scrolled .sw-logo img {\n      height: 36px;\n    }\n  }\n\n  \/* =========================================\n     DESKTOP NAV LINKS & BUTTON\n     ========================================= *\/\n  .sw-desktop-nav {\n    display: flex;\n    align-items: center;\n    gap: 32px;\n  }\n\n  .sw-nav-list {\n    list-style: none;\n    display: flex;\n    align-items: center;\n    gap: 28px;\n    margin: 0;\n    padding: 0;\n  }\n\n  .sw-nav-link {\n    text-decoration: none;\n    font-size: 13px;\n    font-weight: 700;\n    color: #0b1f4d;\n    text-transform: uppercase;\n    letter-spacing: 0.6px;\n    position: relative;\n    padding: 6px 0;\n    transition: color 0.25s ease;\n  }\n\n  .sw-nav-link::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0%;\n    height: 3px;\n    border-radius: 3px;\n    background: linear-gradient(90deg, #3b8788 0%, #66ba7b 100%);\n    transition: width 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .sw-nav-link:hover,\n  .sw-nav-link.sw-active {\n    color: #3b8788;\n  }\n\n  .sw-nav-link:hover::after,\n  .sw-nav-link.sw-active::after {\n    width: 100%;\n  }\n\n  \/* CTA Button *\/\n  .sw-btn-cta {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, #3b8788 0%, #66ba7b 100%);\n    color: #ffffff !important;\n    text-decoration: none;\n    padding: 10px 24px;\n    font-size: 12px;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    border-radius: 30px;\n    box-shadow: 0 4px 16px rgba(59, 135, 136, 0.25);\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\n  }\n\n  .sw-btn-cta:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(102, 186, 123, 0.4);\n  }\n\n  \/* =========================================\n     MOBILE HAMBURGER & MENU\n     ========================================= *\/\n  .sw-hamburger {\n    display: none;\n    flex-direction: column;\n    justify-content: space-between;\n    width: 24px;\n    height: 18px;\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    padding: 0;\n    z-index: 10000;\n  }\n\n  .sw-hamburger span {\n    width: 100%;\n    height: 2px;\n    background-color: #0b1f4d;\n    border-radius: 10px;\n    transition: transform 0.3s ease, opacity 0.3s ease;\n  }\n\n  .sw-hamburger.sw-open span:nth-child(1) { transform: translateY(8px) rotate(45deg); }\n  .sw-hamburger.sw-open span:nth-child(2) { opacity: 0; }\n  .sw-hamburger.sw-open span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }\n\n  .sw-mobile-menu {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100vh;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(24px);\n    -webkit-backdrop-filter: blur(24px);\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.3s ease, visibility 0.3s ease;\n    z-index: 9998;\n  }\n\n  .sw-mobile-menu.sw-open {\n    opacity: 1;\n    visibility: visible;\n  }\n\n  .sw-mobile-nav-list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    text-align: center;\n  }\n\n  .sw-mobile-nav-list li {\n    margin: 20px 0;\n  }\n\n  .sw-mobile-nav-link {\n    font-size: 20px;\n    font-weight: 800;\n    color: #0b1f4d;\n    text-decoration: none;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    transition: color 0.25s ease;\n  }\n\n  .sw-mobile-nav-link:hover,\n  .sw-mobile-nav-link.sw-active {\n    color: #3b8788;\n  }\n\n  @media (max-width: 992px) {\n    .sw-desktop-nav { display: none; }\n    .sw-hamburger { display: flex; }\n  }\n<\/style>\n\n<!-- HEADER HTML -->\n<header class=\"sw-header\" id=\"swHeader\">\n  <div class=\"sw-header-container\">\n    \n    <!-- Logo -->\n    <a href=\"https:\/\/schoolwise-project.eu\/\" class=\"sw-logo\">\n      <img decoding=\"async\" src=\"https:\/\/schoolwise-project.eu\/wp-content\/uploads\/2026\/07\/schoolwise-horizontal-logo-scaled-e1785513264877.png\" alt=\"SchoolWise Logo\">\n    <\/a>\n\n    <!-- Desktop Nav -->\n    <nav class=\"sw-desktop-nav\">\n      <ul class=\"sw-nav-list\">\n        <li><a href=\"https:\/\/schoolwise-project.eu\/\" class=\"sw-nav-link\">HOME<\/a><\/li>\n        <li><a href=\"https:\/\/schoolwise-project.eu\/about\/\" class=\"sw-nav-link\">ABOUT<\/a><\/li>\n        <li><a href=\"https:\/\/schoolwise-project.eu\/results\/\" class=\"sw-nav-link\">RESULTS<\/a><\/li>\n        <li><a href=\"https:\/\/schoolwise-project.eu\/events-news\/\" class=\"sw-nav-link\">EVENTS & NEWS<\/a><\/li>\n        <li><a href=\"https:\/\/schoolwise-project.eu\/partners\/\" class=\"sw-nav-link\">PARTNERS<\/a><\/li>\n      <\/ul>\n      <a href=\"https:\/\/schoolwise-project.eu\/contact-us\/\" class=\"sw-btn-cta\">CONTACT<\/a>\n    <\/nav>\n\n    <!-- Mobile Toggle -->\n    <button class=\"sw-hamburger\" id=\"swHamburger\" aria-label=\"Toggle Menu\">\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n    <\/button>\n  <\/div>\n\n  <!-- Mobile Menu -->\n  <div class=\"sw-mobile-menu\" id=\"swMobileMenu\">\n    <ul class=\"sw-mobile-nav-list\">\n      <li><a href=\"https:\/\/schoolwise-project.eu\/\" class=\"sw-mobile-nav-link\">HOME<\/a><\/li>\n      <li><a href=\"https:\/\/schoolwise-project.eu\/about\/\" class=\"sw-mobile-nav-link\">ABOUT<\/a><\/li>\n      <li><a href=\"https:\/\/schoolwise-project.eu\/results\/\" class=\"sw-mobile-nav-link\">RESULTS<\/a><\/li>\n      <li><a href=\"https:\/\/schoolwise-project.eu\/events-news\/\" class=\"sw-mobile-nav-link\">EVENTS & NEWS<\/a><\/li>\n      <li><a href=\"https:\/\/schoolwise-project.eu\/partners\/\" class=\"sw-mobile-nav-link\">PARTNERS<\/a><\/li>\n      <li><a href=\"https:\/\/schoolwise-project.eu\/contact-us\/\" class=\"sw-btn-cta\" style=\"margin-top: 10px;\">CONTACT<\/a><\/li>\n    <\/ul>\n  <\/div>\n<\/header>\n\n<script>\n  document.addEventListener('DOMContentLoaded', function() {\n    const header = document.getElementById('swHeader');\n    const hamburger = document.getElementById('swHamburger');\n    const mobileMenu = document.getElementById('swMobileMenu');\n\n    \/\/ Scroll listener for glassmorphism capsule\n    window.addEventListener('scroll', function() {\n      if (window.scrollY > 30) {\n        header.classList.add('sw-scrolled');\n      } else {\n        header.classList.remove('sw-scrolled');\n      }\n    });\n\n    \/\/ Active link detector\n    let currentUrl = window.location.href.split('?')[0].split('#')[0];\n    if (currentUrl.endsWith('\/')) currentUrl = currentUrl.slice(0, -1);\n\n    const navLinks = document.querySelectorAll('.sw-nav-link, .sw-mobile-nav-link');\n    navLinks.forEach(link => {\n      let linkUrl = link.href.split('?')[0].split('#')[0];\n      if (linkUrl.endsWith('\/')) linkUrl = linkUrl.slice(0, -1);\n\n      if (currentUrl === linkUrl) {\n        link.classList.add('sw-active');\n      }\n    });\n\n    \/\/ Mobile menu handlers\n    if (hamburger && mobileMenu) {\n      hamburger.addEventListener('click', function() {\n        hamburger.classList.toggle('sw-open');\n        mobileMenu.classList.toggle('sw-open');\n        document.body.style.overflow = mobileMenu.classList.contains('sw-open') ? 'hidden' : '';\n      });\n\n      const mobileLinks = mobileMenu.querySelectorAll('a');\n      mobileLinks.forEach(link => {\n        link.addEventListener('click', function() {\n          hamburger.classList.remove('sw-open');\n          mobileMenu.classList.remove('sw-open');\n          document.body.style.overflow = '';\n        });\n      });\n    }\n  });\n<\/script>\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},"author":2,"featured_media":0,"template":"elementor_header_footer","class_list":["post-436","templately_library","type-templately_library","status-publish","hentry"],"templately_type":"header","uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"_nx_notification_thumb_100_100":false,"_nx_notification_thumb_200_200":false,"_nx_notification_thumb_300_300":false,"_nx_notification_thumb_400_400":false,"_nx_notification_thumb_500_500":false},"uagb_author_info":{"display_name":"Project Admin","author_link":"https:\/\/schoolwise-project.eu\/hu\/author\/project_admin\/"},"uagb_comment_info":0,"uagb_excerpt":"HOME ABOUT RESULTS EVENTS &#038; NEWS PARTNERS CONTACT HOME ABOUT RESULTS EVENTS &#038; NEWS PARTNERS CONTACT","_links":{"self":[{"href":"https:\/\/schoolwise-project.eu\/hu\/wp-json\/wp\/v2\/templately_library\/436","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/schoolwise-project.eu\/hu\/wp-json\/wp\/v2\/templately_library"}],"about":[{"href":"https:\/\/schoolwise-project.eu\/hu\/wp-json\/wp\/v2\/types\/templately_library"}],"author":[{"embeddable":true,"href":"https:\/\/schoolwise-project.eu\/hu\/wp-json\/wp\/v2\/users\/2"}],"version-history":[{"count":125,"href":"https:\/\/schoolwise-project.eu\/hu\/wp-json\/wp\/v2\/templately_library\/436\/revisions"}],"predecessor-version":[{"id":1796,"href":"https:\/\/schoolwise-project.eu\/hu\/wp-json\/wp\/v2\/templately_library\/436\/revisions\/1796"}],"wp:attachment":[{"href":"https:\/\/schoolwise-project.eu\/hu\/wp-json\/wp\/v2\/media?parent=436"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}