{"id":85020,"date":"2026-09-22T06:30:15","date_gmt":"2026-09-22T06:30:15","guid":{"rendered":"https:\/\/emi-cc.com\/new\/?page_id=85020"},"modified":"2026-09-22T06:39:09","modified_gmt":"2026-09-22T06:39:09","slug":"the-hat-of-success","status":"publish","type":"page","link":"https:\/\/emi-cc.com\/new\/en\/sources\/the-hat-of-success\/","title":{"rendered":"The Hat of Success"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"85020\" class=\"elementor elementor-85020\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88a3ac1 e-flex e-con-boxed e-con e-parent\" data-id=\"88a3ac1\" 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-a928d07 elementor-widget elementor-widget-html\" data-id=\"a928d07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   HATS OF SUCCESS \u2013 EMI-CC\r\n   Place the entire code inside an Elementor HTML Widget.\r\n   ========================================================= *\/\r\n\r\n.kapela-page,\r\n.kapela-page * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.kapela-page {\r\n    --kapela-accent: #e72132;\r\n    --kapela-accent-dark: #c91426;\r\n    --kapela-dark: #171717;\r\n    --kapela-text: #595959;\r\n    --kapela-muted: #8b8b8b;\r\n    --kapela-soft: rgba(231, 33, 50, 0.07);\r\n    --kapela-border: rgba(231, 33, 50, 0.20);\r\n    --kapela-white: #ffffff;\r\n\r\n    width: 100%;\r\n    max-width: 1250px;\r\n    margin: 0 auto;\r\n    padding: 70px 25px;\r\n    color: var(--kapela-text);\r\n    background: transparent;\r\n    font-family: inherit;\r\n}\r\n\r\n.kapela-page a {\r\n    text-decoration: none !important;\r\n}\r\n\r\n.kapela-section {\r\n    scroll-margin-top: 110px;\r\n}\r\n\r\n\/* ================= HERO ================= *\/\r\n.kapela-hero {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: clamp(42px, 7vw, 90px);\r\n    color: var(--kapela-white);\r\n    background:\r\n        radial-gradient(circle at 90% 10%, rgba(231, 33, 50, 0.50), transparent 34%),\r\n        linear-gradient(135deg, #161616 0%, #262626 58%, #141414 100%);\r\n    border-radius: 8px;\r\n}\r\n\r\n.kapela-hero::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -90px;\r\n    bottom: -120px;\r\n    width: 320px;\r\n    height: 320px;\r\n    border: 45px solid rgba(255, 255, 255, 0.035);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n}\r\n\r\n.kapela-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin-bottom: 22px;\r\n    color: #ffbbc1;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.kapela-eyebrow::before {\r\n    content: \"\";\r\n    width: 30px;\r\n    height: 2px;\r\n    background: var(--kapela-accent);\r\n}\r\n\r\n.kapela-hero h1 {\r\n    max-width: 900px;\r\n    margin: 0 0 18px;\r\n    color: var(--kapela-white);\r\n    font-size: clamp(42px, 7vw, 82px);\r\n    line-height: 0.98;\r\n    letter-spacing: -2.5px;\r\n}\r\n\r\n.kapela-hero-subtitle {\r\n    max-width: 780px;\r\n    margin: 0 0 28px;\r\n    color: #ffffff;\r\n    font-size: clamp(20px, 2.5vw, 30px);\r\n    font-weight: 650;\r\n    line-height: 1.3;\r\n}\r\n\r\n.kapela-hero-copy {\r\n    max-width: 850px;\r\n    margin: 0;\r\n    color: #d6d6d6;\r\n    font-size: 17px;\r\n    line-height: 1.8;\r\n}\r\n\r\n.kapela-hero-copy + .kapela-hero-copy {\r\n    margin-top: 13px;\r\n}\r\n\r\n.kapela-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 13px;\r\n    margin-top: 36px;\r\n}\r\n\r\n.kapela-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 9px;\r\n    min-height: 54px;\r\n    padding: 14px 25px;\r\n    border: 1px solid transparent;\r\n    border-radius: 3px;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n    cursor: pointer;\r\n    transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;\r\n}\r\n\r\n.kapela-btn:hover {\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.kapela-btn-primary {\r\n    color: #ffffff !important;\r\n    background: var(--kapela-accent);\r\n}\r\n\r\n.kapela-btn-primary:hover {\r\n    background: var(--kapela-accent-dark);\r\n}\r\n\r\n.kapela-btn-secondary {\r\n    color: #ffffff !important;\r\n    background: transparent;\r\n    border-color: rgba(255, 255, 255, 0.35);\r\n}\r\n\r\n.kapela-btn-secondary:hover {\r\n    background: rgba(255, 255, 255, 0.08);\r\n    border-color: rgba(255, 255, 255, 0.70);\r\n}\r\n\r\n\/* ================= STICKY MENU ================= *\/\r\n.kapela-nav-wrap {\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 50;\r\n    margin: 25px 0 75px;\r\n    padding: 10px;\r\n    background: rgba(255, 255, 255, 0.94);\r\n    border: 1px solid var(--kapela-border);\r\n    border-radius: 5px;\r\n    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.06);\r\n    backdrop-filter: blur(12px);\r\n}\r\n\r\n.kapela-nav {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 7px;\r\n}\r\n\r\n.kapela-nav a {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 43px;\r\n    padding: 10px 16px;\r\n    color: #777777;\r\n    background: transparent;\r\n    border-radius: 3px;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    white-space: nowrap;\r\n    transition: color 0.2s ease, background 0.2s ease;\r\n}\r\n\r\n.kapela-nav a:hover,\r\n.kapela-nav a.is-active {\r\n    color: #ffffff;\r\n    background: var(--kapela-accent);\r\n}\r\n\r\n\/* ================= SECTION HEADINGS ================= *\/\r\n.kapela-section-head {\r\n    max-width: 850px;\r\n    margin-bottom: 38px;\r\n}\r\n\r\n.kapela-kicker {\r\n    display: inline-block;\r\n    margin-bottom: 12px;\r\n    color: var(--kapela-accent);\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.kapela-section-head h2 {\r\n    margin: 0 0 14px;\r\n    color: var(--kapela-dark);\r\n    font-size: clamp(32px, 4.2vw, 54px);\r\n    line-height: 1.08;\r\n    letter-spacing: -1px;\r\n}\r\n\r\n.kapela-section-head p {\r\n    margin: 0;\r\n    font-size: 18px;\r\n    line-height: 1.75;\r\n}\r\n\r\n\/* ================= 4 BENEFIT CARDS ================= *\/\r\n.kapela-benefits-section {\r\n    padding-bottom: 85px;\r\n}\r\n\r\n.kapela-benefit-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 20px;\r\n}\r\n\r\n.kapela-benefit-card {\r\n    position: relative;\r\n    min-height: 330px;\r\n    padding: 35px;\r\n    overflow: hidden;\r\n    background: #ffffff;\r\n    border: 1px solid var(--kapela-border);\r\n    border-radius: 6px;\r\n    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;\r\n}\r\n\r\n.kapela-benefit-card:hover {\r\n    transform: translateY(-5px);\r\n    border-color: rgba(231, 33, 50, 0.48);\r\n    box-shadow: 0 20px 50px rgba(23, 23, 23, 0.09);\r\n}\r\n\r\n.kapela-benefit-card::after {\r\n    content: attr(data-number);\r\n    position: absolute;\r\n    right: 22px;\r\n    bottom: -18px;\r\n    color: rgba(231, 33, 50, 0.055);\r\n    font-size: 118px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n.kapela-benefit-card h3 {\r\n    margin: 0 0 8px;\r\n    color: var(--kapela-dark);\r\n    font-size: 25px;\r\n    line-height: 1.25;\r\n}\r\n\r\n.kapela-benefit-card h4 {\r\n    margin: 0 0 18px;\r\n    color: var(--kapela-accent);\r\n    font-size: 16px;\r\n    line-height: 1.45;\r\n}\r\n\r\n.kapela-benefit-card p {\r\n    position: relative;\r\n    z-index: 1;\r\n    margin: 0;\r\n    font-size: 16px;\r\n    line-height: 1.75;\r\n}\r\n\r\n\/* ================= CALENDAR ================= *\/\r\n.kapela-calendar-section {\r\n    padding: 85px 0;\r\n    border-top: 1px solid var(--kapela-border);\r\n}\r\n\r\n.kapela-calendar {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 16px;\r\n}\r\n\r\n.kapela-date-card {\r\n    position: relative;\r\n    min-height: 330px;\r\n    padding: 30px 26px;\r\n    overflow: hidden;\r\n    background: var(--kapela-soft);\r\n    border-top: 4px solid var(--kapela-accent);\r\n    border-radius: 4px;\r\n}\r\n\r\n.kapela-date-month {\r\n    display: inline-flex;\r\n    margin-bottom: 24px;\r\n    padding: 8px 12px;\r\n    color: #ffffff;\r\n    background: var(--kapela-accent);\r\n    border-radius: 2px;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.2px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.kapela-date-card h3 {\r\n    margin: 0 0 15px;\r\n    color: var(--kapela-dark);\r\n    font-size: 24px;\r\n    line-height: 1.25;\r\n}\r\n\r\n.kapela-date-card p {\r\n    margin: 0;\r\n    font-size: 15px;\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* ================= CTA ================= *\/\r\n.kapela-cta {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: clamp(40px, 7vw, 75px);\r\n    color: #ffffff;\r\n    background: var(--kapela-dark);\r\n    border-radius: 7px;\r\n}\r\n\r\n.kapela-cta::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -120px;\r\n    right: -100px;\r\n    width: 330px;\r\n    height: 330px;\r\n    background: var(--kapela-accent);\r\n    border-radius: 50%;\r\n    opacity: 0.18;\r\n}\r\n\r\n.kapela-cta-inner {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 900px;\r\n}\r\n\r\n.kapela-cta h2 {\r\n    margin: 0 0 17px;\r\n    color: #ffffff;\r\n    font-size: clamp(35px, 5vw, 62px);\r\n    line-height: 1.05;\r\n}\r\n\r\n.kapela-cta p {\r\n    margin: 0;\r\n    color: #d6d6d6;\r\n    font-size: 18px;\r\n    line-height: 1.75;\r\n}\r\n\r\n.kapela-cta-note {\r\n    display: block;\r\n    margin-top: 18px;\r\n    color: #ffb3ba;\r\n    font-size: 15px;\r\n    font-weight: 750;\r\n}\r\n\r\n\r\n\/* ================= RESPONSIVE ================= *\/\r\n@media (max-width: 1024px) {\r\n    .kapela-calendar {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .kapela-page {\r\n        padding: 35px 16px;\r\n    }\r\n\r\n    .kapela-hero {\r\n        padding: 38px 23px;\r\n        border-radius: 5px;\r\n    }\r\n\r\n    .kapela-hero h1 {\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n    .kapela-actions {\r\n        flex-direction: column;\r\n    }\r\n\r\n    .kapela-btn {\r\n        width: 100%;\r\n    }\r\n\r\n    .kapela-nav-wrap {\r\n        margin: 16px 0 55px;\r\n        padding: 8px;\r\n    }\r\n\r\n    .kapela-nav {\r\n        justify-content: flex-start;\r\n        overflow-x: auto;\r\n        scrollbar-width: none;\r\n    }\r\n\r\n    .kapela-nav::-webkit-scrollbar {\r\n        display: none;\r\n    }\r\n\r\n    .kapela-benefit-grid,\r\n    .kapela-calendar {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .kapela-benefit-card {\r\n        min-height: 0;\r\n        padding: 28px 23px;\r\n    }\r\n\r\n    .kapela-date-card {\r\n        min-height: 0;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n<div class=\"kapela-page\" id=\"kapelat-e-suksesit\">\r\n\r\n    <!-- HERO -->\r\n    <section class=\"kapela-hero kapela-section\" id=\"kapela-krye\">\r\n        <span class=\"kapela-eyebrow\">EMI-CC Club<\/span>\r\n\r\n\r\n\r\n        <div class=\"kapela-hero-subtitle\">\r\n            More than an event. A community that builds success.\r\n        <\/div>\r\n\r\n        <p class=\"kapela-hero-copy\">\r\n            The Hats of Success are the flagship events of <strong>EMI-CC Club<\/strong>\r\n            and take place four times a year.\r\n        <\/p>\r\n\r\n        <p class=\"kapela-hero-copy\">\r\n            They were created as a way to say \u201cThank you\u201d to the clients,\r\n            partners, and friends who, over the years, have placed their trust in Dr. Elida Motro and\r\n            the EMI Coaching &amp; Consulting team. Today, the Hats of Success have grown into\r\n            an extraordinary community of leaders, entrepreneurs, and\r\n            professionals who choose to grow together.\r\n        <\/p>\r\n\r\n        <div class=\"kapela-actions\">\r\n            <a class=\"kapela-btn kapela-btn-primary\" href=\"https:\/\/emi-cc.com\/new\/apliko\/\">\r\n                Join the next Hat of Success\r\n            <\/a>\r\n\r\n            <a class=\"kapela-btn kapela-btn-secondary\" href=\"https:\/\/emi-cc.com\/new\/product\/coaching-from-the-couch\/\">\r\n                Order Coffee with Elida online\r\n            <\/a>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- STICKY NAVIGATION -->\r\n    <div class=\"kapela-nav-wrap\">\r\n        <nav class=\"kapela-nav\" aria-label=\"Hats of Success Navigation\">\r\n            <a href=\"#pse-kapelat\">Why join<\/a>\r\n            <a href=\"#kalendari-kapelave\">Calendar<\/a>\r\n            <a href=\"#bashkohu-kapela\">Join<\/a>\r\n        <\/nav>\r\n    <\/div>\r\n\r\n    <!-- BENEFITS -->\r\n    <section class=\"kapela-benefits-section kapela-section\" id=\"pse-kapelat\">\r\n        <div class=\"kapela-section-head\">\r\n            <span class=\"kapela-kicker\">The Hats of Success Experience<\/span>\r\n            <h2>Why join the Hats of Success?<\/h2>\r\n            <p>\r\n                Four pillars that turn every gathering into a concrete step toward\r\n                personal, professional, and business growth.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"kapela-benefit-grid\">\r\n\r\n            <article class=\"kapela-benefit-card\" data-number=\"01\">\r\n                <h3>New Concepts<\/h3>\r\n                <h4>Be the first to benefit<\/h4>\r\n                <p>\r\n                    Every new methodology, model, exercise, or concept developed by\r\n                    Dr. Elida is first presented at Hats of Success.\r\n                    Participants are the first to apply it, contribute their\r\n                    experience, and help refine it before it is\r\n                    published in programs, training courses, or books.\r\n                <\/p>\r\n            <\/article>\r\n\r\n            <article class=\"kapela-benefit-card\" data-number=\"02\">\r\n                <h3>Network<\/h3>\r\n                <h4>Real Partnerships<\/h4>\r\n                <p>\r\n                    Hats of Success brings together people who share the same values and\r\n                    professional standards. This is where collaborations, partnerships,\r\n                    new client relationships, and professional friendships begin. Many businesses have\r\n                    started with a handshake at a Hat of Success event.\r\n                <\/p>\r\n            <\/article>\r\n\r\n            <article class=\"kapela-benefit-card\" data-number=\"03\">\r\n                <h3>Accountability to Yourself<\/h3>\r\n                <h4>Grow every three months<\/h4>\r\n                <p>\r\n                    At every Hat of Success, participants set concrete goals and\r\n                    return three months later to share their results, challenges, and\r\n                    progress. The community supports you, challenges you, and helps you\r\n                    stay committed to your growth.\r\n                <\/p>\r\n            <\/article>\r\n\r\n            <article class=\"kapela-benefit-card\" data-number=\"04\">\r\n                <h3>The Community<\/h3>\r\n                <h4>People on the same wavelength<\/h4>\r\n                <p>\r\n                    Hats of Success is not simply a one-day event. It is a place\r\n                    where long-term relationships are built, ideas are exchanged,\r\n                    successes are celebrated, and a culture of growing together is created.\r\n                <\/p>\r\n            <\/article>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- CALENDAR -->\r\n    <section class=\"kapela-calendar-section kapela-section\" id=\"kalendari-kapelave\">\r\n        <div class=\"kapela-section-head\">\r\n            <span class=\"kapela-kicker\">Four gatherings a year<\/span>\r\n            <h2>Hats of Success Calendar<\/h2>\r\n            <p>\r\n                Each Hat of Success has a clear role in the annual rhythm of growth,\r\n                reflection, and planning.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"kapela-calendar\">\r\n            <article class=\"kapela-date-card\">\r\n                <span class=\"kapela-date-month\">January<\/span>\r\n                <h3>Certification Hat<\/h3>\r\n                <p>\r\n                    We celebrate achievements, certify participants in EMI-CC\r\n                    programs, and begin the year with new goals.\r\n                <\/p>\r\n            <\/article>\r\n\r\n            <article class=\"kapela-date-card\">\r\n                <span class=\"kapela-date-month\">April<\/span>\r\n                <h3>Spring Hat<\/h3>\r\n                <p>\r\n                    We refresh our vision, develop leadership, and build\r\n                    strategies for the first half of the year.\r\n                <\/p>\r\n            <\/article>\r\n\r\n            <article class=\"kapela-date-card\">\r\n                <span class=\"kapela-date-month\">June \/ July<\/span>\r\n                <h3>Mid-Year Hat<\/h3>\r\n                <p>\r\n                    We measure progress, recalibrate priorities, and present\r\n                    the newest concepts developed by Dr. Elida.\r\n                <\/p>\r\n            <\/article>\r\n\r\n            <article class=\"kapela-date-card\">\r\n                <span class=\"kapela-date-month\">October<\/span>\r\n                <h3>Strategic Hat<\/h3>\r\n                <p>\r\n                    We plan the coming year before it begins and\r\n                    build a new direction for personal, professional, and business growth.\r\n                <\/p>\r\n            <\/article>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- CTA -->\r\n    <section class=\"kapela-cta kapela-section\" id=\"bashkohu-kapela\">\r\n        <div class=\"kapela-cta-inner\">\r\n            <h2>Join the next Hat of Success<\/h2>\r\n            <p>\r\n                If you believe growth is a journey that is better experienced in\r\n                community, we invite you to be part of the next\r\n                Hat of Success.\r\n            <\/p>\r\n\r\n            <span class=\"kapela-cta-note\">\r\n                Places are limited and are reserved after a one-on-one consultation\r\n                to determine whether the experience is the right fit for you.\r\n            <\/span>\r\n\r\n            <div class=\"kapela-actions\">\r\n                <a class=\"kapela-btn kapela-btn-primary\" href=\"https:\/\/emi-cc.com\/new\/apliko\/\">\r\n                    Complete the questionnaire\r\n                <\/a>\r\n\r\n                <a class=\"kapela-btn kapela-btn-secondary\" href=\"https:\/\/emi-cc.com\/new\/product\/coaching-from-the-couch\/\">\r\n                    Order Coffee with Elida\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n    function initKapelaPage(page) {\r\n        if (!page || page.dataset.initialized === 'true') return;\r\n        page.dataset.initialized = 'true';\r\n\r\n        const navWrap = page.querySelector('.kapela-nav-wrap');\r\n        const nav = page.querySelector('.kapela-nav');\r\n        const navLinks = Array.from(page.querySelectorAll('.kapela-nav a[href^=\"#\"]'));\r\n\r\n        const sections = navLinks.map(function (link) {\r\n            const id = link.getAttribute('href').replace('#', '');\r\n            return document.getElementById(id);\r\n        }).filter(Boolean);\r\n\r\n        function getAdminBarHeight() {\r\n            const adminBar = document.getElementById('wpadminbar');\r\n            if (!adminBar) return 0;\r\n\r\n            const style = window.getComputedStyle(adminBar);\r\n            return style.position === 'fixed' ? adminBar.getBoundingClientRect().height : 0;\r\n        }\r\n\r\n        function getStickyHeaderHeight() {\r\n            const selectors = [\r\n                '.elementor-location-header',\r\n                '.site-header',\r\n                '#masthead',\r\n                'header.elementor-sticky--active'\r\n            ];\r\n\r\n            let height = 0;\r\n\r\n            selectors.forEach(function (selector) {\r\n                const header = document.querySelector(selector);\r\n                if (!header || !header.offsetParent) return;\r\n\r\n                const style = window.getComputedStyle(header);\r\n                const rect = header.getBoundingClientRect();\r\n                const isOverlaying = style.position === 'fixed' ||\r\n                    (style.position === 'sticky' && rect.top <= getAdminBarHeight() + 2);\r\n\r\n                if (isOverlaying && rect.bottom > 0) {\r\n                    height = Math.max(height, rect.height);\r\n                }\r\n            });\r\n\r\n            return height;\r\n        }\r\n\r\n        function getScrollOffset() {\r\n            const navHeight = navWrap ? navWrap.getBoundingClientRect().height : 0;\r\n            return getAdminBarHeight() + getStickyHeaderHeight() + navHeight + 18;\r\n        }\r\n\r\n        function setActiveNav(id) {\r\n            navLinks.forEach(function (link) {\r\n                const active = link.getAttribute('href') === '#' + id;\r\n                link.classList.toggle('is-active', active);\r\n\r\n                if (active) link.setAttribute('aria-current', 'page');\r\n                else link.removeAttribute('aria-current');\r\n            });\r\n        }\r\n\r\n        function scrollToSection(target, updateHash) {\r\n            if (!target) return;\r\n\r\n            const top = Math.max(\r\n                0,\r\n                target.getBoundingClientRect().top + window.scrollY - getScrollOffset()\r\n            );\r\n\r\n            window.scrollTo({\r\n                top: top,\r\n                behavior: 'smooth'\r\n            });\r\n\r\n            if (updateHash && window.history && window.history.replaceState) {\r\n                window.history.replaceState(null, '', '#' + target.id);\r\n            }\r\n        }\r\n\r\n        navLinks.forEach(function (link) {\r\n            link.addEventListener('click', function (event) {\r\n                event.preventDefault();\r\n\r\n                const targetId = link.getAttribute('href').replace('#', '');\r\n                const target = document.getElementById(targetId);\r\n                if (!target) return;\r\n\r\n                setActiveNav(target.id);\r\n                scrollToSection(target, true);\r\n\r\n                if (window.innerWidth <= 767 && nav) {\r\n                    const targetLeft = link.offsetLeft - (nav.clientWidth - link.offsetWidth) \/ 2;\r\n                    nav.scrollTo({\r\n                        left: Math.max(0, targetLeft),\r\n                        behavior: 'smooth'\r\n                    });\r\n                }\r\n\r\n                window.setTimeout(function () {\r\n                    link.blur();\r\n                }, 50);\r\n            });\r\n        });\r\n\r\n        let navTicking = false;\r\n\r\n        function updateActiveNav() {\r\n            const point = getScrollOffset() + 12;\r\n            let current = sections[0];\r\n\r\n            sections.forEach(function (section) {\r\n                if (section.getBoundingClientRect().top <= point) {\r\n                    current = section;\r\n                }\r\n            });\r\n\r\n            if (current) setActiveNav(current.id);\r\n        }\r\n\r\n        window.addEventListener('scroll', function () {\r\n            if (navTicking) return;\r\n\r\n            navTicking = true;\r\n            window.requestAnimationFrame(function () {\r\n                updateActiveNav();\r\n                navTicking = false;\r\n            });\r\n        }, { passive: true });\r\n\r\n        window.addEventListener('resize', updateActiveNav, { passive: true });\r\n\r\n        \/* Correctly position direct links such as page-url\/#kalendari-kapelave *\/\r\n        if (window.location.hash) {\r\n            const hashTarget = document.getElementById(window.location.hash.substring(1));\r\n            if (hashTarget && page.contains(hashTarget)) {\r\n                window.setTimeout(function () {\r\n                    setActiveNav(hashTarget.id);\r\n                    scrollToSection(hashTarget, false);\r\n                }, 150);\r\n            }\r\n        } else {\r\n            updateActiveNav();\r\n        }\r\n    }\r\n\r\n    function initAllKapelaPages() {\r\n        document.querySelectorAll('.kapela-page').forEach(initKapelaPage);\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initAllKapelaPages);\r\n    } else {\r\n        initAllKapelaPages();\r\n    }\r\n})();\r\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},"excerpt":{"rendered":"<p>EMI-CC Club More than an event. A community that builds success. The Hats of Success are the flagship events of [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":85022,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-85020","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/emi-cc.com\/new\/wp-json\/wp\/v2\/pages\/85020","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/emi-cc.com\/new\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/emi-cc.com\/new\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/emi-cc.com\/new\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/emi-cc.com\/new\/wp-json\/wp\/v2\/comments?post=85020"}],"version-history":[{"count":4,"href":"https:\/\/emi-cc.com\/new\/wp-json\/wp\/v2\/pages\/85020\/revisions"}],"predecessor-version":[{"id":85026,"href":"https:\/\/emi-cc.com\/new\/wp-json\/wp\/v2\/pages\/85020\/revisions\/85026"}],"up":[{"embeddable":true,"href":"https:\/\/emi-cc.com\/new\/wp-json\/wp\/v2\/pages\/85022"}],"wp:attachment":[{"href":"https:\/\/emi-cc.com\/new\/wp-json\/wp\/v2\/media?parent=85020"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}