{"id":67501,"date":"2025-03-16T13:06:15","date_gmt":"2025-03-16T12:06:15","guid":{"rendered":"https:\/\/orthodoxalbania.org\/2020\/?page_id=67501"},"modified":"2025-12-18T13:23:26","modified_gmt":"2025-12-18T12:23:26","slug":"kryepiskopi-i-tiranes-durresit-dhe-gjithe-shqiperise","status":"publish","type":"page","link":"https:\/\/orthodoxalbania.org\/2020\/kryepiskopi-i-tiranes-durresit-dhe-gjithe-shqiperise\/","title":{"rendered":"Kryepiskopi i Tiran\u00ebs, Durr\u00ebsit dhe gjith\u00eb Shqip\u00ebris\u00eb."},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1216.8px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><!DOCTYPE html>\n<html lang=\"sq\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Kryepiskopi Joan | Kisha Orthodhokse Autoqefale e Shqip\u00ebris\u00eb<\/title>\n    \n    <!-- Fonts -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&family=Crimson+Pro:ital,wght@0,400;0,500;0,600;1,400&display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        :root {\n            \/* Refined Orthodox Palette *\/\n            --gold-deep: #8B7355;\n            --gold-accent: #C9A227;\n            --gold-light: #D4C4A8;\n            \n            --burgundy-deep: #722F37;\n            --burgundy-muted: #5C3D3D;\n            \n            --cream: #F5F0E6;\n            --cream-dark: #E8E0D0;\n            --ivory: #FFFEF9;\n            \n            --charcoal: #2D2D2D;\n            --slate: #3D4149;\n            --slate-warm: #4A4543;\n            \n            --text-light: #F5F0E6;\n            --text-dark: #2D2D2D;\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* WordPress Compatibility - Full Width Wrapper *\/\n        .kryepiskopi-page-wrapper {\n            width: 100vw;\n            min-width: 100%;\n            min-height: 100vh;\n            background: var(--cream);\n            position: relative;\n            overflow-x: hidden;\n            margin: 0;\n            padding: 0;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n        }\n\n        \/* Reset WordPress theme styles *\/\n        .kryepiskopi-page-wrapper * {\n            max-width: 100%;\n        }\n\n        body {\n            font-family: 'Crimson Pro', Georgia, serif;\n            background: var(--cream);\n            color: var(--text-dark);\n            line-height: 1.8;\n        }\n\n        \/* === HERO SECTION === *\/\n        .hero-section {\n            position: relative;\n            min-height: 85vh;\n            width: 100%;\n            background: linear-gradient(145deg, \n                var(--charcoal) 0%, \n                var(--slate-warm) 40%, \n                var(--burgundy-muted) 100%);\n            display: flex;\n            align-items: center;\n            overflow: hidden;\n        }\n\n        .hero-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: \n                radial-gradient(ellipse at 20% 50%, rgba(201, 162, 39, 0.08) 0%, transparent 50%),\n                radial-gradient(ellipse at 80% 80%, rgba(114, 47, 55, 0.1) 0%, transparent 40%);\n            pointer-events: none;\n        }\n\n        .hero-section::after {\n            content: '\u2020';\n            position: absolute;\n            top: 50%;\n            right: 5%;\n            transform: translateY(-50%);\n            font-size: 40vh;\n            color: var(--gold-accent);\n            opacity: 0.04;\n            pointer-events: none;\n        }\n\n        .hero-container {\n            position: relative;\n            z-index: 1;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 4rem 2rem;\n            display: grid;\n            grid-template-columns: 380px 1fr;\n            gap: 5rem;\n            align-items: center;\n        }\n\n        \/* Photo Frame *\/\n        .hero-image-wrapper {\n            position: relative;\n        }\n\n        .hero-image-frame {\n            position: relative;\n            padding: 8px;\n            background: linear-gradient(135deg, \n                var(--gold-deep) 0%, \n                var(--gold-light) 25%,\n                var(--gold-deep) 50%,\n                var(--gold-light) 75%,\n                var(--gold-deep) 100%);\n            box-shadow: \n                0 20px 60px rgba(0,0,0,0.4),\n                0 0 0 1px rgba(201, 162, 39, 0.3),\n                inset 0 0 20px rgba(255,255,255,0.1);\n        }\n\n        .hero-image-frame::before {\n            content: '';\n            position: absolute;\n            inset: 15px;\n            border: 1px solid var(--gold-light);\n            opacity: 0.6;\n            pointer-events: none;\n            z-index: 2;\n        }\n\n        .hero-image-inner {\n            background: var(--charcoal);\n            padding: 0;\n            min-height: 0;\n            display: block;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .hero-image-frame img {\n            width: 100%;\n            height: 100%;\n            display: block;\n            aspect-ratio: 3\/4;\n            object-fit: cover;\n            object-position: center top;\n            filter: sepia(8%) contrast(1.05) brightness(1.02);\n            background: var(--charcoal);\n        }\n\n        .image-placeholder {\n            width: 100%;\n            height: 100%;\n            aspect-ratio: 3\/4;\n            background: linear-gradient(180deg, var(--slate) 0%, var(--charcoal) 100%);\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            color: var(--gold-accent);\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 1.1rem;\n            text-align: center;\n            padding: 2rem;\n            gap: 0.5rem;\n        }\n\n        \/* Hero Content *\/\n        .hero-content {\n            color: var(--text-light);\n            background: rgba(0, 0, 0, 0.18);\n            border: 1px solid rgba(201, 162, 39, 0.25);\n            box-shadow: 0 12px 30px rgba(0,0,0,0.25);\n            padding: 1.5rem 1.75rem;\n        }\n\n        .hero-label {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 0.9rem;\n            font-weight: 600;\n            letter-spacing: 0.35em;\n            text-transform: uppercase;\n            color: #FFD700;\n            margin-bottom: 1.2rem;\n            display: flex;\n            align-items: center;\n            gap: 1rem;\n            text-shadow: 0 2px 4px rgba(0,0,0,0.6), 0 1px 2px rgba(0,0,0,0.4);\n        }\n\n        .hero-label::before,\n        .hero-label::after {\n            content: '\u2726';\n            font-size: 0.4rem;\n            opacity: 0.7;\n        }\n\n        .hero-title {\n            font-family: 'Playfair Display', serif;\n            font-size: clamp(2.8rem, 5vw, 4rem);\n            font-weight: 600;\n            line-height: 1.15;\n            margin-bottom: 0.5rem;\n            \/* Match photo frame gold tones *\/\n            background: linear-gradient(135deg, var(--gold-light) 0%, var(--gold-accent) 45%, var(--gold-deep) 100%);\n            -webkit-background-clip: text;\n            background-clip: text;\n            color: transparent;\n            text-shadow: 0 3px 6px rgba(0,0,0,0.7), 0 2px 4px rgba(0,0,0,0.5), 0 1px 2px rgba(0,0,0,0.3);\n        }\n\n        .hero-subtitle {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: clamp(1.3rem, 2.5vw, 1.7rem);\n            font-weight: 600;\n            \/* Stronger + WP-safe color so it doesn't get overridden *\/\n            color: var(--gold-accent) !important;\n            margin-bottom: 2.5rem;\n            font-style: italic;\n            opacity: 1;\n            text-shadow: 0 4px 10px rgba(0,0,0,0.65), 0 2px 4px rgba(0,0,0,0.45);\n        }\n\n        .hero-info {\n            padding-left: 1.5rem;\n            border-left: 2px solid var(--gold-accent);\n            margin-bottom: 2.5rem;\n        }\n\n        .hero-info-item {\n            display: flex;\n            align-items: center;\n            gap: 0.75rem;\n            font-size: 1.05rem;\n            margin-bottom: 0.5rem;\n            color: var(--gold-light);\n            opacity: 1;\n            font-weight: 600;\n            text-shadow: 0 3px 6px rgba(0,0,0,0.7), 0 2px 4px rgba(0,0,0,0.5), 0 1px 2px rgba(0,0,0,0.3);\n            letter-spacing: 0.02em;\n        }\n\n        .hero-info-key {\n            color: var(--gold-accent);\n            font-weight: 700;\n        }\n\n        .hero-info-val {\n            color: var(--gold-light);\n            font-weight: 600;\n        }\n\n        .hero-info-item:last-child {\n            margin-bottom: 0;\n        }\n\n        .hero-info-icon {\n            font-size: 1.2rem;\n            opacity: 1;\n            filter: drop-shadow(0 3px 5px rgba(0,0,0,0.7)) drop-shadow(0 1px 2px rgba(0,0,0,0.5));\n            color: #FFD700;\n        }\n\n        .cross-divider {\n            display: flex;\n            align-items: center;\n            gap: 1.5rem;\n            margin: 2rem 0;\n            color: #FFD700;\n            font-size: 1.3rem;\n            filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5));\n        }\n\n        .cross-divider::before,\n        .cross-divider::after {\n            content: '';\n            flex: 1;\n            max-width: 150px;\n            height: 2px;\n            background: linear-gradient(90deg, #FFD700, transparent);\n            box-shadow: 0 1px 2px rgba(0,0,0,0.3);\n        }\n\n        .cross-divider::after {\n            background: linear-gradient(90deg, transparent, #FFD700);\n        }\n\n        \/* === DYNAMIC ARTICLES GRID === *\/\n        .articles-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n            gap: 2rem;\n            margin-top: 1rem;\n        }\n\n        .article-card {\n            background: var(--ivory);\n            border: 1px solid rgba(139, 115, 85, 0.2);\n            display: flex;\n            flex-direction: column;\n            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n            height: 100%;\n            position: relative;\n            text-decoration: none;\n            color: inherit;\n        }\n\n        .article-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n            border-color: var(--gold-accent);\n        }\n\n        .article-card-image {\n            width: 100%;\n            height: 220px;\n            overflow: hidden;\n            position: relative;\n            background: var(--cream-dark);\n        }\n\n        .article-card-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.6s ease;\n        }\n\n        .article-card:hover .article-card-image img {\n            transform: scale(1.08);\n        }\n\n        .article-card-content {\n            padding: 1.75rem;\n            flex-grow: 1;\n            display: flex;\n            flex-direction: column;\n            border-top: 3px solid var(--gold-accent);\n        }\n\n        .article-card-date {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 0.9rem;\n            color: var(--gold-deep);\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.1em;\n            margin-bottom: 0.75rem;\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n        }\n\n        .article-card-date::before {\n            content: '\u2020';\n            font-size: 0.8rem;\n        }\n\n        .article-card-title {\n            font-family: 'Playfair Display', serif;\n            font-size: 1.35rem;\n            color: var(--burgundy-deep);\n            margin-bottom: 1rem;\n            line-height: 1.3;\n            font-weight: 600;\n        }\n\n        .article-card-excerpt {\n            font-size: 1rem;\n            color: var(--slate-warm);\n            line-height: 1.7;\n            margin-bottom: 1.5rem;\n            display: -webkit-box;\n            -webkit-line-clamp: 3;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n        }\n\n        .article-card-more {\n            margin-top: auto;\n            font-family: 'Cormorant Garamond', serif;\n            font-weight: 700;\n            color: var(--burgundy-deep);\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            font-size: 1rem;\n            transition: gap 0.3s ease;\n        }\n\n        .article-card:hover .article-card-more {\n            gap: 0.8rem;\n        }\n\n        \/* Loading Spinner *\/\n        .loading-container {\n            text-align: center;\n            padding: 4rem;\n            color: var(--gold-deep);\n        }\n\n        .spinner {\n            width: 40px;\n            height: 40px;\n            border: 4px solid rgba(139, 115, 85, 0.1);\n            border-left-color: var(--gold-accent);\n            border-radius: 50%;\n            animation: spin 1s linear infinite;\n            margin: 0 auto 1rem;\n        }\n\n        @keyframes spin {\n            to { transform: rotate(360deg); }\n        }\n\n        \/* hero quote removed by request *\/\n\n        \/* Highlights strip (separate box under HERO, row layout) *\/\n        .highlights-strip {\n            background: var(--cream);\n            padding: 2.5rem 2rem 3rem;\n            width: 100%;\n        }\n\n        .highlights-strip .strip-container {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .highlights-strip .highlights-box {\n            background: linear-gradient(135deg, var(--charcoal) 0%, var(--slate-warm) 100%);\n            padding: 1.75rem;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .highlights-strip .highlights-box::before {\n            content: '';\n            position: absolute;\n            inset: 8px;\n            border: 1px solid var(--gold-accent);\n            opacity: 0.35;\n            pointer-events: none;\n        }\n\n        .highlights-strip .highlights-title {\n            color: var(--gold-accent);\n            text-align: center;\n            margin-bottom: 1.25rem;\n            font-size: 1.2rem;\n            text-shadow: 0 2px 6px rgba(0,0,0,0.55);\n        }\n\n        \/* \u201c\u03c3\u03b5 \u03c3\u03b5\u03b9\u03c1\u03ac\u201d \u03bc\u03b5 \u03c0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03bf\u03b3\u03ae (wrap) *\/\n        .highlights-strip .highlights-grid {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 0.75rem;\n        }\n\n        .highlights-strip .highlight-item {\n            flex: 1 1 260px;\n            min-width: 240px;\n            background: rgba(255,255,255,0.06);\n            border-left: 3px solid var(--gold-accent);\n            padding: 0.85rem 0.9rem;\n            display: flex;\n            align-items: flex-start;\n            gap: 0.75rem;\n        }\n\n        .highlights-strip .highlight-year {\n            color: var(--gold-accent);\n            font-weight: 800;\n            min-width: 64px;\n            text-shadow: 0 2px 6px rgba(0,0,0,0.55);\n        }\n\n        .highlights-strip .highlight-text {\n            color: var(--gold-light);\n            opacity: 1;\n            text-shadow: 0 2px 6px rgba(0,0,0,0.55);\n        }\n\n        \/* === BIOGRAPHY SECTION === *\/\n        .biography-section {\n            background: var(--cream);\n            padding: 5rem 2rem;\n            position: relative;\n            width: 100%;\n        }\n\n        .biography-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, \n                var(--burgundy-deep), \n                var(--gold-accent), \n                var(--burgundy-deep));\n        }\n\n        .section-container {\n            max-width: 1000px;\n            margin: 0 auto;\n        }\n\n        .section-header {\n            text-align: center;\n            margin-bottom: 3rem;\n        }\n\n        .section-icon {\n            font-size: 2rem;\n            margin-bottom: 0.75rem;\n            opacity: 0.8;\n        }\n\n        .section-title {\n            font-family: 'Playfair Display', serif;\n            font-size: 2rem;\n            color: var(--burgundy-deep);\n            margin-bottom: 0.5rem;\n            font-weight: 500;\n        }\n\n        .section-subtitle {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 1.1rem;\n            color: var(--slate-warm);\n            font-style: italic;\n        }\n\n        \/* Biography Content *\/\n        .biography-box {\n            background: var(--ivory);\n            padding: 3rem;\n            box-shadow: \n                0 4px 20px rgba(0,0,0,0.06),\n                0 0 0 1px rgba(139, 115, 85, 0.1);\n            border-left: 4px solid var(--burgundy-deep);\n            position: relative;\n        }\n\n        .biography-box::before {\n            content: '\ud83d\udcdc';\n            position: absolute;\n            top: -18px;\n            left: 25px;\n            font-size: 2rem;\n            background: var(--cream);\n            padding: 0 0.75rem;\n        }\n\n        .biography-content {\n            font-size: 1.1rem;\n            line-height: 1.9;\n            text-align: justify;\n        }\n\n        .biography-content p {\n            margin-bottom: 1.5rem;\n        }\n\n        .biography-content p:last-child {\n            margin-bottom: 0;\n        }\n\n        .biography-content p:first-of-type::first-letter {\n            font-family: 'Playfair Display', serif;\n            font-size: 4rem;\n            float: left;\n            line-height: 1;\n            margin-right: 0.5rem;\n            margin-top: 0.1rem;\n            color: var(--burgundy-deep);\n        }\n\n        \/* Highlights Box *\/\n        .highlights-box {\n            background: linear-gradient(135deg, var(--charcoal) 0%, var(--slate-warm) 100%);\n            padding: 2rem;\n            margin-top: 2.5rem;\n            color: var(--cream);\n            position: relative;\n        }\n\n        .highlights-box::before {\n            content: '';\n            position: absolute;\n            inset: 8px;\n            border: 1px solid var(--gold-accent);\n            opacity: 0.4;\n            pointer-events: none;\n        }\n\n        .highlights-title {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 1.3rem;\n            color: var(--gold-accent);\n            margin-bottom: 1.5rem;\n            text-align: center;\n        }\n\n        .highlights-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 1rem;\n        }\n\n        .highlight-item {\n            display: flex;\n            align-items: flex-start;\n            gap: 0.75rem;\n            padding: 0.75rem;\n            background: rgba(255,255,255,0.03);\n            border-left: 2px solid var(--gold-accent);\n        }\n\n        .highlight-year {\n            font-family: 'Cormorant Garamond', serif;\n            font-weight: 700;\n            color: var(--gold-accent);\n            min-width: 50px;\n        }\n\n        .highlight-text {\n            font-size: 0.95rem;\n            opacity: 0.9;\n        }\n\n        \/* === QUOTE BANNER === *\/\n        .quote-banner {\n            background: linear-gradient(135deg, \n                var(--burgundy-deep) 0%, \n                var(--burgundy-muted) 100%);\n            padding: 4rem 2rem;\n            position: relative;\n            overflow: hidden;\n            width: 100%;\n        }\n\n        .quote-banner::before {\n            content: '\"';\n            position: absolute;\n            top: -20px;\n            left: 5%;\n            font-size: 20rem;\n            font-family: 'Playfair Display', serif;\n            color: var(--gold-accent);\n            opacity: 0.1;\n            line-height: 1;\n        }\n\n        .quote-container {\n            max-width: 750px;\n            margin: 0 auto;\n            text-align: center;\n            position: relative;\n            z-index: 1;\n        }\n\n        .quote-text {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 1.6rem;\n            font-style: italic;\n            color: #ffffff;\n            line-height: 1.6;\n            margin-bottom: 1.25rem;\n            text-shadow: 0 3px 8px rgba(0,0,0,0.55), 0 1px 2px rgba(0,0,0,0.35);\n        }\n\n        .quote-attribution {\n            font-size: 0.95rem;\n            color: #ffffff;\n            font-family: 'Cormorant Garamond', serif;\n            text-shadow: 0 2px 6px rgba(0,0,0,0.5);\n        }\n\n        \/* === WRITINGS SECTION === *\/\n        .writings-section {\n            background: var(--cream-dark);\n            padding: 5rem 2rem;\n            position: relative;\n            width: 100%;\n        }\n\n        .writings-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 120px;\n            height: 3px;\n            background: var(--gold-accent);\n        }\n\n        \/* Filter Navigation *\/\n        .filter-nav {\n            display: flex;\n            justify-content: center;\n            gap: 0.6rem;\n            margin-bottom: 2.5rem;\n            flex-wrap: wrap;\n        }\n\n        .filter-btn {\n            padding: 0.6rem 1.3rem;\n            background: transparent;\n            border: 1.5px solid var(--burgundy-deep);\n            color: var(--burgundy-deep);\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 0.95rem;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n\n        .filter-btn:hover,\n        .filter-btn.active {\n            background: var(--burgundy-deep);\n            color: var(--cream);\n        }\n\n        .posts-area {\n            margin-top: 2rem;\n        }\n\n        \/* Shortcode placeholder *\/\n        .shortcode-area {\n            background: linear-gradient(135deg, var(--cream), var(--ivory));\n            border: 2px dashed var(--gold-deep);\n            padding: 2rem;\n            text-align: center;\n            color: var(--slate-warm);\n            font-family: 'Cormorant Garamond', serif;\n        }\n\n        .shortcode-area strong {\n            color: var(--burgundy-deep);\n            display: block;\n            margin-bottom: 0.5rem;\n        }\n\n        .shortcode-area code {\n            display: inline-block;\n            background: var(--charcoal);\n            color: var(--gold-light);\n            padding: 0.75rem 1.25rem;\n            margin-top: 1rem;\n            font-family: 'Consolas', monospace;\n            font-size: 0.85rem;\n            border-radius: 4px;\n        }\n\n        .view-more-wrapper {\n            text-align: center;\n            margin-top: 2.5rem;\n        }\n\n        .btn-primary {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.6rem;\n            padding: 0.9rem 2rem;\n            background: var(--burgundy-deep);\n            border: none;\n            color: var(--cream);\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 1rem;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            text-decoration: none;\n        }\n\n        .btn-primary:hover {\n            background: var(--charcoal);\n            transform: translateY(-2px);\n        }\n\n        .btn-secondary {\n            background: transparent;\n            border: 2px solid var(--gold-accent);\n            color: var(--cream);\n        }\n\n        .btn-secondary:hover {\n            background: var(--gold-accent);\n            color: var(--charcoal);\n        }\n\n        \/* === GALLERY SECTION === *\/\n        .gallery-section {\n            background: linear-gradient(180deg, \n                var(--charcoal) 0%, \n                var(--slate-warm) 100%);\n            padding: 5rem 2rem;\n            width: 100%;\n        }\n\n        .gallery-section .section-title {\n            color: var(--cream);\n        }\n\n        .gallery-section .section-subtitle {\n            color: var(--gold-light);\n        }\n\n        .gallery-section .shortcode-area {\n            background: rgba(255,255,255,0.05);\n            border-color: var(--gold-accent);\n            color: var(--gold-light);\n        }\n\n        .gallery-section .shortcode-area strong {\n            color: var(--cream);\n        }\n\n        .gallery-area {\n            margin-top: 2rem;\n        }\n\n        \/* === VIDEOS SECTION === *\/\n        .videos-section {\n            background: var(--ivory);\n            padding: 5rem 2rem;\n            width: 100%;\n        }\n\n        .videos-area {\n            margin-top: 2rem;\n        }\n\n        \/* === RESPONSIVE === *\/\n        @media (max-width: 1024px) {\n            .hero-container {\n                grid-template-columns: 1fr;\n                text-align: center;\n                gap: 3rem;\n            }\n\n            .hero-image-wrapper {\n                max-width: 320px;\n                margin: 0 auto;\n            }\n\n            .hero-label {\n                justify-content: center;\n            }\n\n            .hero-info {\n                border-left: none;\n                padding-left: 0;\n                border-top: 2px solid var(--gold-accent);\n                padding-top: 1.5rem;\n                display: inline-block;\n            }\n\n            .hero-info-item {\n                justify-content: center;\n            }\n\n            .cross-divider::before,\n            .cross-divider::after {\n                max-width: 100px;\n            }\n\n            \/* hero quote removed *\/\n        }\n\n        @media (max-width: 768px) {\n            .hero-section {\n                min-height: auto;\n                padding: 2rem 0;\n            }\n\n            .biography-box {\n                padding: 2rem 1.5rem;\n            }\n\n            .biography-content p:first-of-type::first-letter {\n                font-size: 3rem;\n            }\n\n            .highlights-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .filter-nav {\n                gap: 0.4rem;\n            }\n\n            .filter-btn {\n                padding: 0.5rem 1rem;\n                font-size: 0.85rem;\n            }\n\n            .quote-text {\n                font-size: 1.3rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- WordPress Full Width Wrapper -->\n    <div class=\"kryepiskopi-page-wrapper\">\n\n    <!-- ======================= -->\n    <!-- HERO SECTION -->\n    <!-- ======================= -->\n    <section class=\"hero-section\">\n        <div class=\"hero-container\">\n            \n            <!-- PHOTO FRAME -->\n            <div class=\"hero-image-wrapper\">\n                <div class=\"hero-image-frame\">\n                    <div class=\"hero-image-inner\">\n                        <!-- \n                        ========================================\n                        \ud83d\udcf7 VENDOS URL T\u00cb FOTOS K\u00cbTU\n                        Nd\u00ebrro URL me foton e v\u00ebrtet\u00eb\n                        ========================================\n                        -->\n                        <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271177%27%20height%3D%271600%27%20viewBox%3D%270%200%201177%201600%27%3E%3Crect%20width%3D%271177%27%20height%3D%271600%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/orthodoxalbania.org\/2020\/wp-content\/uploads\/2025\/12\/biografia_e_fortlumturise_se_tij_kryepiskopit_te_tiranes_durresit_dhe_gjithe_shq_02.jpg\" \n                             alt=\"Kryepiskopi Joan i Tiran\u00ebs, Durr\u00ebsit dhe i Gjith\u00eb Shqip\u00ebris\u00eb\"\n                             loading=\"eager\"\n                             onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\"\n                             style=\"max-width: 100%; height: auto;\">\n                        <div class=\"image-placeholder\" style=\"display: none;\">\n                            \ud83d\udcf7 Foto Zyrtare<br>Kryepiskopit Joan\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- HERO CONTENT -->\n            <div class=\"hero-content\">\n                <div class=\"hero-label\">Fortlumturia e Tij<\/div>\n                <h1 class=\"hero-title\">Kryepiskopi Joan<\/h1>\n                <p class=\"hero-subtitle\">i Tiran\u00ebs, Durr\u00ebsit dhe i Gjith\u00eb Shqip\u00ebris\u00eb<\/p>\n                \n                <div class=\"hero-info\">\n                    <div class=\"hero-info-item\">\n                        <span><span class=\"hero-info-key\">Lindur:<\/span> <span class=\"hero-info-val\">1 Janar 1956, Tiran\u00eb<\/span><\/span>\n                    <\/div>\n                    <div class=\"hero-info-item\">\n                        <span><span class=\"hero-info-key\">Kryepiskop:<\/span> <span class=\"hero-info-val\">16 Mars 2025 \u2014<\/span><\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"cross-divider\">\u2020<\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ======================= -->\n    <!-- HIGHLIGHTS STRIP (UNDER IDENTITY) -->\n    <!-- ======================= -->\n    <section class=\"highlights-strip\">\n        <div class=\"strip-container\">\n            <div class=\"highlights-box\">\n                <h3 class=\"highlights-title\">\u2020 Pikat Kryesore t\u00eb Jet\u00ebs<\/h3>\n                <div class=\"highlights-grid\">\n                    <div class=\"highlight-item\">\n                        <span class=\"highlight-year\">1956<\/span>\n                        <span class=\"highlight-text\">Lindja n\u00eb Tiran\u00eb<\/span>\n                    <\/div>\n                    <div class=\"highlight-item\">\n                        <span class=\"highlight-year\">1979<\/span>\n                        <span class=\"highlight-text\">Pag\u00ebzimi fshehurazi nga At Kozma Qirio<\/span>\n                    <\/div>\n                    <div class=\"highlight-item\">\n                        <span class=\"highlight-year\">1993<\/span>\n                        <span class=\"highlight-text\">MTS me \"High Distinction\" - Holy Cross, Boston<\/span>\n                    <\/div>\n                    <div class=\"highlight-item\">\n                        <span class=\"highlight-year\">1994<\/span>\n                        <span class=\"highlight-text\">Dor\u00ebzimi dhjakon dhe prift<\/span>\n                    <\/div>\n                    <div class=\"highlight-item\">\n                        <span class=\"highlight-year\">1996<\/span>\n                        <span class=\"highlight-text\">Arkimandrit, Dekan i Akademis\u00eb Teologjike<\/span>\n                    <\/div>\n                    <div class=\"highlight-item\">\n                        <span class=\"highlight-year\">1998<\/span>\n                        <span class=\"highlight-text\">Mitropolit i Kor\u00e7\u00ebs<\/span>\n                    <\/div>\n                    <div class=\"highlight-item\">\n                        <span class=\"highlight-year\">2000<\/span>\n                        <span class=\"highlight-text\">Themelimi i revist\u00ebs \"Tempulli\"<\/span>\n                    <\/div>\n                    <div class=\"highlight-item\">\n                        <span class=\"highlight-year\">2003<\/span>\n                        <span class=\"highlight-text\">Qytetar Nderi i Qarkut Kor\u00e7\u00eb<\/span>\n                    <\/div>\n                    <div class=\"highlight-item\">\n                        <span class=\"highlight-year\">2016<\/span>\n                        <span class=\"highlight-text\">Pjes\u00ebmarr\u00ebs n\u00eb Sinodin e Madh, Kret\u00eb<\/span>\n                    <\/div>\n                    <div class=\"highlight-item\">\n                        <span class=\"highlight-year\">2018<\/span>\n                        <span class=\"highlight-text\">Doctor Honoris Causa - Universiteti \"Fan S. Noli\"<\/span>\n                    <\/div>\n                    <div class=\"highlight-item\">\n                        <span class=\"highlight-year\">2025<\/span>\n                        <span class=\"highlight-text\">Kryepiskop i Tiran\u00ebs, Durr\u00ebsit dhe gjith\u00eb Shqip\u00ebris\u00eb<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n    <!-- ======================= -->\n    <!-- BIOGRAPHY SECTION -->\n    <!-- ======================= -->\n    <section class=\"biography-section\">\n        <div class=\"section-container\">\n            <div class=\"section-header\">\n                <div class=\"section-icon\">\ud83d\udcdc<\/div>\n                <h2 class=\"section-title\">Biografia<\/h2>\n                <p class=\"section-subtitle\">Jeta dhe vepra e Kryepiskopit Joan Pelushi<\/p>\n            <\/div>\n\n            <div class=\"biography-box\">\n                <div class=\"biography-content\">\n                    <p>Fortlumturia e Tij, Kryepiskopi i Tiran\u00ebs, Durr\u00ebsit dhe gjith\u00eb Shqip\u00ebris\u00eb Imzot Joan Pelushi, ka lindur n\u00eb Tiran\u00eb n\u00eb 01.01.1956. Qysh n\u00eb rinin\u00eb e tij t\u00eb hershme, n\u00eb koh\u00ebn m\u00eb t\u00eb eg\u00ebr t\u00eb persekutimit fetar, u pag\u00ebzua fshehurazi nga prifti hero, m\u00eb von\u00eb peshkopi i Apollonis\u00eb, z. Kozma Qirio, duke u b\u00ebr\u00eb pjes\u00eb e nj\u00eb grupi t\u00eb vog\u00ebl t\u00eb kish\u00ebs s\u00eb n\u00ebndheshme.<\/p>\n\n                    <p>N\u00eb vitet 1979-1990 punoi n\u00eb Spitalin Psikiatrik t\u00eb Tiran\u00ebs, n\u00eb pavionin e reabilitimit n\u00ebp\u00ebrmjet terapis\u00eb okupacionale. N\u00eb vitin 1990 u largua nga Shqip\u00ebria p\u00ebr n\u00eb USA ku kreu studimet n\u00eb teologji n\u00eb Universitetin \"Holy Cross Greek Orthodox School of Theology\" n\u00eb Boston, USA, ku u diplomua me \"High Distinction\" n\u00eb MTS (Master i Studimeve Teologjike) n\u00eb vitin 1993.<\/p>\n\n                    <p>Qysh n\u00eb vitin 1992, i nxitur nga d\u00ebshira p\u00ebr t\u00eb dh\u00ebn\u00eb nj\u00eb kontribut n\u00eb rind\u00ebrtimin e Kish\u00ebs, ai kontaktoi Kryepiskopin Anastas dhe i parashtroi vendimin e tij p\u00ebr t'u kthyer n\u00eb Shqip\u00ebri, n\u00eb nj\u00eb koh\u00eb kur t\u00eb gjith\u00eb donin t\u00eb largoheshin nga vendi. Kjo d\u00ebshir\u00eb dhe ky vendim u prit me g\u00ebzim nga Kryepiskopi, i cili e inkurajoi dhe e p\u00ebrg\u00ebzoi. N\u00eb Shtator t\u00eb atij viti u kthye n\u00eb Shqip\u00ebri dhe filloi t\u00eb punonte si pedagog n\u00eb Akademin\u00eb Teologjike t\u00eb Kish\u00ebs Ortodokse Autoqefale t\u00eb Shqip\u00ebris\u00eb.<\/p>\n\n                    <p>N\u00eb 27 Shkurt 1994 u dor\u00ebzua dhjakon dhe n\u00eb 4 Dhjetor prift, duke vazhduar t\u00eb jepte m\u00ebsim n\u00eb Akademin\u00eb Teologjike. N\u00eb 1995 shkon p\u00ebrs\u00ebri p\u00ebr t\u00eb ndjekur studime t\u00eb m\u00ebtejshme n\u00eb Universitetin \"Holy Cross Greek Orthodox School of Theology\" n\u00eb Boston, USA. P\u00ebr rezultate t\u00eb larta n\u00eb sezonin akademik 1995-1996 ishte n\u00eb List\u00ebn Komb\u00ebtare t\u00eb Dekanit (The National Dean's List), ku shkruhen emrat e student\u00ebve m\u00eb t\u00eb mir\u00eb t\u00eb t\u00eb gjith\u00eb universiteteve t\u00eb Shteteve t\u00eb Bashkuara t\u00eb Amerik\u00ebs.<\/p>\n\n                    <p>N\u00eb vitin 1996 u ngrit n\u00eb rangun e arkimandritit. N\u00eb vitin 1997 u diplomua p\u00ebrs\u00ebri me \"High Distinction\" n\u00eb MT (Master i Teologjis\u00eb, nj\u00eb master i avancuar, ekuivalent me kandidat i shkencave) po n\u00eb Holy Cross, Boston. U kthye n\u00eb Shqip\u00ebri ku u em\u00ebrua dekan i Akademis\u00eb Teologjike t\u00eb Kish\u00ebs Ortodokse, detyr\u00eb n\u00eb t\u00eb cil\u00ebn q\u00ebndroi nga viti 1996 deri n\u00eb 1998, deri sa u em\u00ebrua Mitropolit.<\/p>\n\n                    <p>N\u00eb vitin 1998 u zgjodh dhe u dor\u00ebzua peshkop, si mitropolit i Kor\u00e7\u00ebs, duke vazhduar t\u00eb ishte p\u00ebrs\u00ebri pedagog n\u00eb Akademin\u00eb Teologjike. Ai ka p\u00ebrgatitur tekstet e Dogmatik\u00ebs dhe ka p\u00ebrkthyer shum\u00eb libra, si edhe ka botuar shum\u00eb artikuj n\u00eb gazeta, revista dhe periodik\u00eb studimor\u00eb t\u00eb huaj dhe t\u00eb vendit. P\u00ebrve\u00e7 gjuh\u00ebs s\u00eb tij amtare shqipes, zot\u00ebron anglishten, fr\u00ebngjishten italishten, greqishten dhe ka njohuri n\u00eb latinishten dhe hebraishten.<\/p>\n\n                    <p>Ka p\u00ebrkthyer disa libra teologjik\u00eb n\u00eb shqip, p\u00ebrfshir\u00eb edhe p\u00ebrkthime t\u00eb v\u00ebshtira nga et\u00ebrit e kish\u00ebs, si \"Mbi Shpirtin e Shenjt\u00eb\" t\u00eb Vasilit t\u00eb Madh, nj\u00eb lib\u00ebr i cili \u00ebsht\u00eb baz\u00eb n\u00eb zhvillimin e doktrin\u00ebs s\u00eb krishter\u00eb. Kontributi n\u00eb k\u00ebto p\u00ebrkthime \u00ebsht\u00eb n\u00eb formimin, unifikimin dhe p\u00ebrcaktimin e terminologjis\u00eb filozofiko-fetare, sepse ka pasur mang\u00ebsi n\u00eb literatur\u00ebn shqipe n\u00eb k\u00ebt\u00eb fush\u00eb. Kontributi i Kryepiskopit Imzot Joan Pelushit n\u00eb fush\u00ebn e terminologjis\u00eb \u00ebsht\u00eb vler\u00ebsuar nga studjues t\u00eb vendit dhe t\u00eb huaj. Kryepiskopi Joan Pelushi ka shkruar tekstin e par\u00eb t\u00eb Dogmatik\u00ebs n\u00eb shqip, tekst q\u00eb p\u00ebrdoret si botimi zyrtar i Kish\u00ebs Ortodokse n\u00eb Shqip\u00ebri.<\/p>\n\n                    <p>N\u00eb vitin 2000 ka themeluar dhe vazhdon t\u00eb drejtoj\u00eb Revist\u00ebn periodike \"Tempulli\", q\u00eb \u00ebsht\u00eb b\u00ebr\u00eb tashm\u00eb nj\u00eb nga revistat m\u00eb serioze n\u00eb fush\u00ebn studimore dhe kulturore, ku marrin pjes\u00eb intelektual\u00eb, studjues dhe albanolog\u00eb nga m\u00eb t\u00eb njohurit, si nga Shqip\u00ebria ashtu edhe nga jasht\u00eb vendit. Ai \u00ebsht\u00eb jo vet\u00ebm kryetari i redaksis\u00eb s\u00eb revist\u00ebs, por edhe nj\u00eb nga kontribuesit kryesor\u00eb n\u00eb shkrimet e saj.<\/p>\n\n                    <p>Ka p\u00ebrfaq\u00ebsuar Kish\u00ebn Ortodokse Autoqefale t\u00eb Shqip\u00ebris\u00eb n\u00eb shum\u00eb takime nd\u00ebrkomb\u00ebtare, si referues dhe si pjes\u00ebmarr\u00ebs n\u00eb grupet e hartimit t\u00eb teksteve, deklaratave dhe mesazheve t\u00eb ndrysh\u00ebm. Ka p\u00ebrfaq\u00ebsuar n\u00eb nivel t\u00eb lart\u00eb Kish\u00ebn Ortodokse Bot\u00ebrore n\u00eb shum\u00eb grupe pune t\u00eb K\u00ebshillit Bot\u00ebror t\u00eb Kishave dhe ishte nj\u00eb nga an\u00ebtar\u00ebt e grupit t\u00eb r\u00ebnd\u00ebsish\u00ebm t\u00eb pun\u00ebs (Joint Working Group) me nj\u00eb mandat pes\u00ebvje\u00e7ar p\u00ebr hartimin e bashk\u00ebpunimit nd\u00ebrmjet K\u00ebshillit Bot\u00ebror t\u00eb Kishave dhe Kish\u00ebs Romano-Katolike.<\/p>\n\n                    <p>P\u00ebrfaq\u00ebsoi, gjithashtu, Kish\u00ebn Ortodokse Autoqefale t\u00eb Shqip\u00ebris\u00eb, gjat\u00eb pothuajse nj\u00eb dekade, n\u00eb hartimin e dokumenteve shum\u00eb t\u00eb r\u00ebnd\u00ebsish\u00ebm p\u00ebr p\u00ebrgatitjen e Sinodit t\u00eb Madh dhe t\u00eb Shenjt\u00eb, q\u00eb u mbajt n\u00eb qershor t\u00eb vitit 2016, n\u00eb Kret\u00eb. Vazhdon t\u00eb p\u00ebrfaq\u00ebsoj\u00eb me dinjitet Kish\u00ebn Ortodokse Autoqefale t\u00eb Shqip\u00ebris\u00eb n\u00eb dialogun shum\u00eb t\u00eb r\u00ebnd\u00ebsish\u00ebm nd\u00ebrmjet Kishave Orthodhokse dhe asaj Romano-Katolike, si edhe nd\u00ebrmjet Kishave Orthodokse dhe Kishave Orientale.<\/p>\n\n                    <p>Jep nj\u00eb kontribut t\u00eb madh n\u00eb jet\u00ebn shoq\u00ebrore dhe humanitare t\u00eb qytetit t\u00eb Kor\u00e7\u00ebs, si n\u00eb fush\u00ebn studimore dhe kulturore, ashtu edhe n\u00eb at\u00eb humane. Me inisiativ\u00ebn e tij \u00ebsht\u00eb hapur nj\u00eb menc\u00eb p\u00ebr t\u00eb ndihmuar \u00e7do dit\u00eb njer\u00ebzit n\u00eb nevoj\u00eb, e cila funksionon prej tashm\u00eb 27 vjet\u00ebsh.<\/p>\n\n                    <p>M\u00eb 16 Mars 2025, Fortlumturia e Tij, Mitropoliti i Kor\u00e7\u00ebs, Imzot Joani, u zgjodh me vot\u00eb unanime Kryepiskop i Tiran\u00ebs, Durr\u00ebsit dhe gjith\u00eb Shqip\u00ebris\u00eb, duke pasuar t\u00eb ndjerin Kryepiskop Anastas.<\/p>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n    <!-- ======================= -->\n    <!-- QUOTE BANNER -->\n    <!-- ======================= -->\n    <section class=\"quote-banner\">\n        <div class=\"quote-container\">\n            <p class=\"quote-text\">\n                \u00abKisha nuk \u00ebsht\u00eb gjykat\u00eb, por spital p\u00ebr sh\u00ebrimin e shpirtrave.\u00bb\n            <\/p>\n            <p class=\"quote-attribution\">\u2014 Kryepiskopi Joan Pelushi<\/p>\n        <\/div>\n    <\/section>\n\n\n    <!-- ======================= -->\n    <!-- WRITINGS SECTION -->\n    <!-- ======================= -->\n    <section class=\"writings-section\">\n        <div class=\"section-container\">\n            <div class=\"section-header\">\n                <div class=\"section-icon\">\u270d\ufe0f<\/div>\n                <h2 class=\"section-title\">Predikime dhe Homili<\/h2>\n                <p class=\"section-subtitle\">Fjal\u00ebt, m\u00ebsimet dhe shkrimet e Kryepiskopit<\/p>\n            <\/div>\n\n            <div class=\"filter-nav\">\n                <button class=\"filter-btn active\">T\u00eb gjitha<\/button>\n                <button class=\"filter-btn\">Predikime<\/button>\n                <button class=\"filter-btn\">Homili<\/button>\n                <button class=\"filter-btn\">Mesazhe<\/button>\n                <button class=\"filter-btn\">Artikuj<\/button>\n            <\/div>\n\n            <div class=\"posts-area\">\n                <div id=\"articles-container\" class=\"articles-grid\">\n                    <div class=\"loading-container\">\n                        <div class=\"spinner\"><\/div>\n                        <p>Duke ngarkuar shkrimet...<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"view-more-wrapper\">\n                <a href=\"\/tag\/Kryepiskopi Joan\/\" class=\"btn-primary\">\n                    Shiko t\u00eb gjitha shkrimet\n                    <span>\u2192<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n    <!-- ======================= -->\n    <!-- VIDEO SECTION -->\n    <!-- ======================= -->\n    <section class=\"videos-section\">\n        <div class=\"section-container\">\n            <div class=\"section-header\">\n                <div class=\"section-icon\">\ud83c\udfac<\/div>\n                <h2 class=\"section-title\">Video Predikimesh<\/h2>\n                <p class=\"section-subtitle\">Homilit\u00eb dhe fjalimet n\u00eb video<\/p>\n            <\/div>\n\n            <div class=\"videos-area\">\n                <!-- \n                ========================================\n                \ud83c\udfa5 SHORTCODE P\u00cbR VIDEOT\n                Category: video-kryepiskopi ose tag: video-joan\n                ========================================\n                -->\n                <div class=\"shortcode-area\" style=\"display: none;\">\n                    <!-- VENDOS SHORTCODE T\u00cb VIDEOVE K\u00cbTU -->\n                    <!-- [fusion_blog layout=\"grid\" blog_grid_columns=\"3\" number_posts=\"6\" pull_by=\"tag\" tag_slug=\"video-kryepiskopi-joan\" thumbnail=\"yes\" excerpt=\"no\" meta_date=\"yes\"] -->\n                <\/div>\n            <\/div>\n\n            <div class=\"view-more-wrapper\">\n                <a href=\"\/tag\/video-kryepiskopi-joan\/\" class=\"btn-primary\">\n                    Shiko t\u00eb gjitha videot\n                    <span>\u2192<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n    <!-- ======================= -->\n    <!-- GALLERY SECTION -->\n    <!-- ======================= -->\n    <section class=\"gallery-section\">\n        <div class=\"section-container\">\n            <div class=\"section-header\">\n                <div class=\"section-icon\" style=\"color: var(--gold-light);\">\ud83d\udcf8<\/div>\n                <h2 class=\"section-title\">Galeria Fotografike<\/h2>\n                <p class=\"section-subtitle\">Momente nga jeta dhe sh\u00ebrbimi kishtar<\/p>\n            <\/div>\n\n            <div class=\"gallery-area\">\n                <!-- \n                ========================================\n                \ud83d\uddbc\ufe0f SHORTCODE P\u00cbR GALERIN\u00cb\n                Krijo nj\u00eb Avada Gallery me ID\n                ========================================\n                -->\n                <div class=\"shortcode-area\" style=\"display: none;\">\n                    <!-- VENDOS SHORTCODE T\u00cb GALERIS\u00cb K\u00cbTU -->\n                    <!-- [fusion_gallery layout=\"grid\" columns=\"4\" column_spacing=\"10\" gallery_id=\"ID_GALERISE\" lightbox=\"yes\" hover_type=\"zoomin\"] -->\n                <\/div>\n            <\/div>\n\n            <div class=\"view-more-wrapper\" style=\"margin-top: 2rem;\">\n                <a href=\"\/galeria-kryepiskopit\/\" class=\"btn-primary btn-secondary\">\n                    Shiko t\u00eb gjitha fotot\n                    <span>\u2192<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <\/div>\n    <!-- End WordPress Full Width Wrapper -->\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const container = document.getElementById('articles-container');\n            const tagSlug = 'kryepiskopi-joan'; \/\/ \u03a4\u03bf tag \u03c0\u03bf\u03c5 \u03b6\u03b7\u03c4\u03ae\u03c3\u03b1\u03c4\u03b5\n            const apiBase = 'https:\/\/orthodoxalbania.org\/2020\/wp-json\/wp\/v2';\n\n            async function fetchArticles() {\n                try {\n                    \/\/ First get the tag ID from the slug\n                    const tagResponse = await fetch(`${apiBase}\/tags?slug=${tagSlug}`);\n                    const tags = await tagResponse.json();\n                    \n                    if (tags.length === 0) {\n                        container.innerHTML = '<p style=\"text-align:center; padding: 2rem;\">Nuk u gjet\u00ebn shkrime p\u00ebr momentin.<\/p>';\n                        return;\n                    }\n\n                    const tagId = tags[0].id;\n\n                    \/\/ Now fetch posts with that tag\n                    const postsResponse = await fetch(`${apiBase}\/posts?tags=${tagId}&_embed&per_page=6`);\n                    const posts = await postsResponse.json();\n\n                    if (posts.length === 0) {\n                        container.innerHTML = '<p style=\"text-align:center; padding: 2rem;\">Nuk u gjet\u00ebn shkrime p\u00ebr k\u00ebt\u00eb tem\u00eb.<\/p>';\n                        return;\n                    }\n\n                    renderArticles(posts);\n                } catch (error) {\n                    console.error('Error fetching posts:', error);\n                    container.innerHTML = '<p style=\"text-align:center; padding: 2rem; color: var(--burgundy-deep);\">Gabim gjat\u00eb ngarkimit t\u00eb shkrimeve. Ju lutem provoni p\u00ebrs\u00ebri m\u00eb von\u00eb.<\/p>';\n                }\n            }\n\n            function renderArticles(posts) {\n                container.innerHTML = '';\n                \n                posts.forEach(post => {\n                    const title = post.title.rendered;\n                    const link = post.link;\n                    const date = new Date(post.date).toLocaleDateString('sq-AL', {\n                        day: 'numeric',\n                        month: 'long',\n                        year: 'numeric'\n                    });\n                    \n                    \/\/ Handle excerpt\n                    let excerpt = post.excerpt.rendered.replace(\/<[^>]*>?\/gm, '');\n                    if (excerpt.length > 150) {\n                        excerpt = excerpt.substring(0, 150) + '...';\n                    }\n\n                    \/\/ Handle featured image\n                    let imageUrl = '';\n                    if (post._embedded && post._embedded['wp:featuredmedia']) {\n                        imageUrl = post._embedded['wp:featuredmedia'][0].source_url;\n                    }\n\n                    const articleHTML = `\n                        <a href=\"${link}\" class=\"article-card\" target=\"_blank\">\n                            ${imageUrl ? `\n                                <div class=\"article-card-image\">\n                                    <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"${imageUrl}\" alt=\"${title}\">\n                                <\/div>\n                            ` : ''}\n                            <div class=\"article-card-content\">\n                                <div class=\"article-card-date\">${date}<\/div>\n                                <h3 class=\"article-card-title\">${title}<\/h3>\n                                <div class=\"article-card-excerpt\">${excerpt}<\/div>\n                                <div class=\"article-card-more\">\n                                    Lexo m\u00eb shum\u00eb\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                    `;\n                    container.innerHTML += articleHTML;\n                });\n            }\n\n            fetchArticles();\n        });\n    <\/script>\n\n<\/body>\n<\/html><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"pagelayer_contact_templates":[],"_pagelayer_content":"","inline_featured_image":false,"footnotes":""},"class_list":["post-67501","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Kryepiskopi i Tiran\u00ebs, Durr\u00ebsit dhe gjith\u00eb Shqip\u00ebris\u00eb. - Kisha Orthodh\u03bfkse Autoqefale e Shqip\u00ebris\u00eb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/orthodoxalbania.org\/2020\/kryepiskopi-i-tiranes-durresit-dhe-gjithe-shqiperise\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kryepiskopi i Tiran\u00ebs, Durr\u00ebsit dhe gjith\u00eb Shqip\u00ebris\u00eb. - Kisha Orthodh\u03bfkse Autoqefale e Shqip\u00ebris\u00eb\" \/>\n<meta property=\"og:url\" content=\"https:\/\/orthodoxalbania.org\/2020\/kryepiskopi-i-tiranes-durresit-dhe-gjithe-shqiperise\/\" \/>\n<meta property=\"og:site_name\" content=\"Kisha Orthodh\u03bfkse Autoqefale e Shqip\u00ebris\u00eb\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/koash1991\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-18T12:23:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/orthodoxalbania.org\/2020\/wp-content\/uploads\/2021\/02\/LogoLastALb-200.png\" \/>\n\t<meta property=\"og:image:width\" content=\"200\" \/>\n\t<meta property=\"og:image:height\" content=\"172\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/orthodoxalbania.org\/2020\/kryepiskopi-i-tiranes-durresit-dhe-gjithe-shqiperise\/\",\"url\":\"https:\/\/orthodoxalbania.org\/2020\/kryepiskopi-i-tiranes-durresit-dhe-gjithe-shqiperise\/\",\"name\":\"Kryepiskopi i Tiran\u00ebs, Durr\u00ebsit dhe gjith\u00eb Shqip\u00ebris\u00eb. - Kisha Orthodh\u03bfkse Autoqefale e Shqip\u00ebris\u00eb\",\"isPartOf\":{\"@id\":\"https:\/\/orthodoxalbania.org\/2020\/#website\"},\"datePublished\":\"2025-03-16T12:06:15+00:00\",\"dateModified\":\"2025-12-18T12:23:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/orthodoxalbania.org\/2020\/kryepiskopi-i-tiranes-durresit-dhe-gjithe-shqiperise\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/orthodoxalbania.org\/2020\/kryepiskopi-i-tiranes-durresit-dhe-gjithe-shqiperise\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/orthodoxalbania.org\/2020\/kryepiskopi-i-tiranes-durresit-dhe-gjithe-shqiperise\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/orthodoxalbania.org\/2020\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Kryepiskopi i Tiran\u00ebs, Durr\u00ebsit dhe gjith\u00eb Shqip\u00ebris\u00eb.\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/orthodoxalbania.org\/2020\/#website\",\"url\":\"https:\/\/orthodoxalbania.org\/2020\/\",\"name\":\"Kisha Orthodh\u03bfkse Autoqefale e Shqip\u00ebris\u00eb\",\"description\":\"Fqja Zyrtare e Kish\u00ebs Orthodhokse Autoqefale e Shqip\u00ebris\u00eb me lajmet edhe informacionet zyrtare p\u00ebr struktur\u00ebn edhe veprimtarin e saj.\",\"publisher\":{\"@id\":\"https:\/\/orthodoxalbania.org\/2020\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/orthodoxalbania.org\/2020\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/orthodoxalbania.org\/2020\/#organization\",\"name\":\"Kisha Orthodhokse Autoqefale e Shqip\u00ebris\u00eb\",\"url\":\"https:\/\/orthodoxalbania.org\/2020\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/orthodoxalbania.org\/2020\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/orthodoxalbania.org\/2020\/wp-content\/uploads\/2020\/05\/albania.jpeg\",\"contentUrl\":\"https:\/\/orthodoxalbania.org\/2020\/wp-content\/uploads\/2020\/05\/albania.jpeg\",\"width\":540,\"height\":540,\"caption\":\"Kisha Orthodhokse Autoqefale e Shqip\u00ebris\u00eb\"},\"image\":{\"@id\":\"https:\/\/orthodoxalbania.org\/2020\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/koash1991\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Kryepiskopi i Tiran\u00ebs, Durr\u00ebsit dhe gjith\u00eb Shqip\u00ebris\u00eb. - Kisha Orthodh\u03bfkse Autoqefale e Shqip\u00ebris\u00eb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/orthodoxalbania.org\/2020\/kryepiskopi-i-tiranes-durresit-dhe-gjithe-shqiperise\/","og_locale":"en_US","og_type":"article","og_title":"Kryepiskopi i Tiran\u00ebs, Durr\u00ebsit dhe gjith\u00eb Shqip\u00ebris\u00eb. - Kisha Orthodh\u03bfkse Autoqefale e Shqip\u00ebris\u00eb","og_url":"https:\/\/orthodoxalbania.org\/2020\/kryepiskopi-i-tiranes-durresit-dhe-gjithe-shqiperise\/","og_site_name":"Kisha Orthodh\u03bfkse Autoqefale e Shqip\u00ebris\u00eb","article_publisher":"https:\/\/www.facebook.com\/koash1991","article_modified_time":"2025-12-18T12:23:26+00:00","og_image":[{"width":200,"height":172,"url":"https:\/\/orthodoxalbania.org\/2020\/wp-content\/uploads\/2021\/02\/LogoLastALb-200.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/orthodoxalbania.org\/2020\/kryepiskopi-i-tiranes-durresit-dhe-gjithe-shqiperise\/","url":"https:\/\/orthodoxalbania.org\/2020\/kryepiskopi-i-tiranes-durresit-dhe-gjithe-shqiperise\/","name":"Kryepiskopi i Tiran\u00ebs, Durr\u00ebsit dhe gjith\u00eb Shqip\u00ebris\u00eb. - Kisha Orthodh\u03bfkse Autoqefale e Shqip\u00ebris\u00eb","isPartOf":{"@id":"https:\/\/orthodoxalbania.org\/2020\/#website"},"datePublished":"2025-03-16T12:06:15+00:00","dateModified":"2025-12-18T12:23:26+00:00","breadcrumb":{"@id":"https:\/\/orthodoxalbania.org\/2020\/kryepiskopi-i-tiranes-durresit-dhe-gjithe-shqiperise\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/orthodoxalbania.org\/2020\/kryepiskopi-i-tiranes-durresit-dhe-gjithe-shqiperise\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/orthodoxalbania.org\/2020\/kryepiskopi-i-tiranes-durresit-dhe-gjithe-shqiperise\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/orthodoxalbania.org\/2020\/"},{"@type":"ListItem","position":2,"name":"Kryepiskopi i Tiran\u00ebs, Durr\u00ebsit dhe gjith\u00eb Shqip\u00ebris\u00eb."}]},{"@type":"WebSite","@id":"https:\/\/orthodoxalbania.org\/2020\/#website","url":"https:\/\/orthodoxalbania.org\/2020\/","name":"Kisha Orthodh\u03bfkse Autoqefale e Shqip\u00ebris\u00eb","description":"Fqja Zyrtare e Kish\u00ebs Orthodhokse Autoqefale e Shqip\u00ebris\u00eb me lajmet edhe informacionet zyrtare p\u00ebr struktur\u00ebn edhe veprimtarin e saj.","publisher":{"@id":"https:\/\/orthodoxalbania.org\/2020\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/orthodoxalbania.org\/2020\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/orthodoxalbania.org\/2020\/#organization","name":"Kisha Orthodhokse Autoqefale e Shqip\u00ebris\u00eb","url":"https:\/\/orthodoxalbania.org\/2020\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/orthodoxalbania.org\/2020\/#\/schema\/logo\/image\/","url":"https:\/\/orthodoxalbania.org\/2020\/wp-content\/uploads\/2020\/05\/albania.jpeg","contentUrl":"https:\/\/orthodoxalbania.org\/2020\/wp-content\/uploads\/2020\/05\/albania.jpeg","width":540,"height":540,"caption":"Kisha Orthodhokse Autoqefale e Shqip\u00ebris\u00eb"},"image":{"@id":"https:\/\/orthodoxalbania.org\/2020\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/koash1991"]}]}},"_links":{"self":[{"href":"https:\/\/orthodoxalbania.org\/2020\/wp-json\/wp\/v2\/pages\/67501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/orthodoxalbania.org\/2020\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/orthodoxalbania.org\/2020\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/orthodoxalbania.org\/2020\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/orthodoxalbania.org\/2020\/wp-json\/wp\/v2\/comments?post=67501"}],"version-history":[{"count":29,"href":"https:\/\/orthodoxalbania.org\/2020\/wp-json\/wp\/v2\/pages\/67501\/revisions"}],"predecessor-version":[{"id":68923,"href":"https:\/\/orthodoxalbania.org\/2020\/wp-json\/wp\/v2\/pages\/67501\/revisions\/68923"}],"wp:attachment":[{"href":"https:\/\/orthodoxalbania.org\/2020\/wp-json\/wp\/v2\/media?parent=67501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}