{"id":298,"date":"2025-10-15T11:43:23","date_gmt":"2025-10-15T11:43:23","guid":{"rendered":"https:\/\/user19.delovna.finki.ukim.mk\/about\/"},"modified":"2026-02-11T22:54:24","modified_gmt":"2026-02-11T22:54:24","slug":"about","status":"publish","type":"page","link":"https:\/\/user19.delovna.finki.ukim.mk\/en\/about\/","title":{"rendered":"\u0417\u0430 \u043d\u0430\u0441"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"298\" class=\"elementor elementor-298\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9d2cd19 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9d2cd19\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4d65518\" data-id=\"4d65518\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-202bdc0 elementor-widget elementor-widget-html\" data-id=\"202bdc0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"mk\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u0417\u0430 \u041c\u041d\u0422 | \u0418\u0441\u0442\u043e\u0440\u0438\u0458\u0430 \u0438 \u041c\u0438\u0441\u0438\u0458\u0430<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700&family=Roboto:wght@300;400&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* --- RESET & BASE STYLES --- *\/\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            background-color: #ffffff; \/* WHITE BACKGROUND *\/\r\n            color: #333333; \/* Dark gray\/black text *\/\r\n            font-family: 'Roboto', sans-serif;\r\n            line-height: 1.7;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        h1, h2, h3 {\r\n            font-family: 'Playfair Display', serif;\r\n            color: #cfa756; \/* Elegant Theater Gold *\/\r\n        }\r\n\r\n        p {\r\n            margin-bottom: 1.5rem;\r\n            font-weight: 400;\r\n        }\r\n\r\n        \/* --- UTILITIES --- *\/\r\n        .container {\r\n            max-width: 1100px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        .highlight {\r\n            color: #cfa756;\r\n            font-weight: bold;\r\n        }\r\n\r\n        \/* --- HERO SECTION (UPDATED TO WHITE\/BEIGE) --- *\/\r\n        .about-hero {\r\n            height: 40vh; \/* Reduced height for a clean look *\/\r\n            position: relative;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            text-align: center;\r\n            \r\n            \/* CHANGE: Removed dark image and set to soft beige background *\/\r\n            background-color: #FAFAFACC; \/* Soft beige\/off-white *\/\r\n            border-bottom: 5px solid #cfa756; \/* A strong gold line underneath *\/\r\n        }\r\n\r\n        .hero-content h1 {\r\n            font-size: 3.5rem;\r\n            margin-bottom: 1rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 3px;\r\n            \/* CHANGE: Switched text color to dark gray *\/\r\n            color: #333333; \r\n        }\r\n\r\n        .hero-content p {\r\n            font-size: 1.2rem;\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n            \/* CHANGE: Switched text color to dark gray *\/\r\n            color: #666666;\r\n        }\r\n\r\n        \/* --- INTRO SECTION --- *\/\r\n        .intro-section {\r\n            padding: 80px 0;\r\n            text-align: center;\r\n            background-color: #ffffff;\r\n        }\r\n\r\n        .intro-section h2 {\r\n            font-size: 2.5rem;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .lead-text {\r\n            font-size: 1.1rem;\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* --- TIMELINE JOURNEY SECTION --- *\/\r\n        .journey-section {\r\n            padding: 60px 0;\r\n            background-color: #f8f8f8; \/* Light gray background *\/\r\n        }\r\n\r\n        .chapter {\r\n            display: flex;\r\n            align-items: center;\r\n            margin-bottom: 80px;\r\n            gap: 50px;\r\n        }\r\n\r\n        .chapter:nth-child(even) {\r\n            flex-direction: row-reverse;\r\n        }\r\n\r\n        .chapter-text {\r\n            flex: 1;\r\n        }\r\n\r\n        .chapter-text h3 {\r\n            font-size: 2rem;\r\n            margin-bottom: 20px;\r\n            position: relative;\r\n        }\r\n\r\n        .chapter-text h3::after {\r\n            content: '';\r\n            display: block;\r\n            width: 60px;\r\n            height: 3px;\r\n            background-color: #cfa756;\r\n            margin-top: 10px;\r\n        }\r\n\r\n        .chapter-image {\r\n            flex: 1;\r\n            height: 400px;\r\n            overflow: hidden;\r\n            border-radius: 4px;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n            border: 1px solid #ddd;\r\n        }\r\n\r\n        .chapter-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.5s ease;\r\n        }\r\n\r\n        .chapter-image img:hover {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .date-badge {\r\n            display: inline-block;\r\n            background-color: #cfa756;\r\n            color: #ffffff;\r\n            font-weight: bold;\r\n            padding: 5px 15px;\r\n            border-radius: 20px;\r\n            margin-bottom: 15px;\r\n            font-family: 'Playfair Display', serif;\r\n        }\r\n\r\n        \/* --- ARTISTIC VISION SECTION --- *\/\r\n        .vision-section {\r\n            padding: 100px 0;\r\n            text-align: center;\r\n            background-color: #eeeeee; \/* Medium Light Gray Background *\/\r\n        }\r\n\r\n        .vision-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 50px;\r\n        }\r\n\r\n        .vision-card {\r\n            background: #ffffff;\r\n            padding: 30px;\r\n            border-radius: 8px;\r\n            border-top: 3px solid transparent;\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            \r\n        }\r\n        \r\n        .vision-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 10px 20px rgba(0,0,0,0.1);\r\n            border-color: #ddd;\r\n            border-top: 3px solid #cfa756;\r\n             transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n        }\r\n        \r\n        .vision-card h4 {\r\n            color: #333;\r\n            font-size: 1.2rem;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        \/* --- RESPONSIVE --- *\/\r\n        @media (max-width: 768px) {\r\n            .hero-content h1 { font-size: 2.5rem; }\r\n            \r\n            .chapter {\r\n                flex-direction: column;\r\n                gap: 30px;\r\n            }\r\n            .chapter:nth-child(even) { flex-direction: column; }\r\n\r\n            .chapter-image { height: 250px; width: 100%; }\r\n            \r\n            .chapter-text h3::after { margin: 10px auto 0 auto; }\r\n            .chapter-text { text-align: center; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <header class=\"about-hero\">\r\n        <div class=\"hero-content\">\r\n            <h1>The Heart of Macedonian Culture<\/h1>\r\n            <p>More than a theater. A living history, national identity, and artistic home.<\/p>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <section class=\"intro-section\">\r\n        <div class=\"container\">\r\n            <h2>A Mirror of Society<\/h2>\r\n            <p class=\"lead-text\">\r\n                The Macedonian National Theater (MNT) is not just the oldest and most important theatrical institution in the country; it is a living organism that breathes together with the history of its people. Through rises, tragedies, and rebirths, MNT remains the pillar of our cultural scene.\r\n            <\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"journey-section\">\r\n        <div class=\"container\">\r\n            \r\n            <div class=\"chapter\">\r\n                <div class=\"chapter-text\">\r\n                    <span class=\"date-badge\">1945<\/span>\r\n                    <h3>Dawn of Freedom<\/h3>\r\n                    <p>Amidst the liberation, by decision of the Presidium of ASNOM, the Macedonian National Theater was established. This was an act of cultural self-determination.<\/p>\r\n                    <p>On April 3, 1945, the curtain rose for the first time with the play <span class=\"highlight\">\u201ePlaton Krechet\u201c<\/span>, directed by Dimitar Kostarov. That moment marked the beginning of a new, golden era for Macedonian art, creating a generation of legendary actors and directors.<\/p>\r\n                <\/div>\r\n                <div class=\"chapter-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/user19.delovna.finki.ukim.mk\/wp-content\/uploads\/2025\/12\/istorijat_naslovna-1.webp\" alt=\"\u0421\u0442\u0430\u0440\u0430\u0442\u0430 \u0437\u0433\u0440\u0430\u0434\u0430 \u043d\u0430 \u041c\u041d\u0422\" title=\"\u0417\u0430 \u043d\u0430\u0441\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"chapter\">\r\n                <div class=\"chapter-text\">\r\n                    <span class=\"date-badge\">1963<\/span>\r\n                    <h3>The Skopje Earthquake<\/h3>\r\n                    <p>The catastrophic earthquake in Skopje stopped the city\u2019s clock and demolished MNT\u2019s home to the ground. The physical building disappeared, but the theatrical spirit proved indestructible.<\/p>\r\n                    <p>Decades of \"exile\" followed. The theater operated in temporary locations (notably the modular building \u201cCenter\u201d), keeping the magic alive under improvised conditions, awaiting the day of its return.<\/p>\r\n                <\/div>\r\n                <div class=\"chapter-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/user19.delovna.finki.ukim.mk\/wp-content\/uploads\/2025\/12\/Starazeleznicka.webp\" alt=\"\u041f\u043e\u0441\u043b\u0435\u0434\u0438\u0446\u0438\u0442\u0435 \u043e\u0434 \u0437\u0435\u043c\u0458\u043e\u0442\u0440\u0435\u0441\u043e\u0442 1963\" title=\"\u0417\u0430 \u043d\u0430\u0441\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"chapter\">\r\n                <div class=\"chapter-text\">\r\n                    <span class=\"date-badge\">2013<\/span>\r\n                    <h3>The Great Homecoming<\/h3>\r\n                    <p>After exactly half a century of wandering, the dream became reality. MNT returned to its original location on the left bank of the Vardar.<\/p>\r\n                    <p>The new building is an architectural homage to the pre-earthquake structure but equipped with the most advanced stage technology. This was not just the opening of a building, but the return of the city\u2019s soul to its rightful place.<\/p>\r\n                <\/div>\r\n                <div class=\"chapter-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/user19.delovna.finki.ukim.mk\/wp-content\/uploads\/2025\/12\/stara1.webp\" alt=\"\u041d\u043e\u0432\u0430\u0442\u0430 \u0437\u0433\u0440\u0430\u0434\u0430 \u043d\u0430 \u041c\u041d\u0422\" title=\"\u0417\u0430 \u043d\u0430\u0441\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"vision-section\">\r\n        <div class=\"container\">\r\n            <h2>Our Artistic Vision Today<\/h2>\r\n            <p style=\"max-width: 700px; margin: 0 auto;\">Today, MNT is a repertory theater that balances respect for tradition with the boldness of experimentation.<\/p>\r\n            \r\n            <div class=\"vision-grid\">\r\n                <div class=\"vision-card\">\r\n                    <h4>World Classics<\/h4>\r\n                    <p>Home to giants: Shakespeare, Moli\u00e8re, Chekhov, Dostoevsky, presented through the lens of contemporary directorial interpretations.<\/p>\r\n                <\/div>\r\n                <div class=\"vision-card\">\r\n                    <h4>Macedonian Creativity<\/h4>\r\n                    <p>Strong support and promotion of domestic playwrights, from the classics to the new generation of writers.<\/p>\r\n                <\/div>\r\n                <div class=\"vision-card\">\r\n                    <h4>Open Stage<\/h4>\r\n                    <p>MNT is a place for dialogue, hosting world-class artists and providing a platform where theater addresses the most important societal questions.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0417\u0430 \u041c\u041d\u0422 | \u0418\u0441\u0442\u043e\u0440\u0438\u0458\u0430 \u0438 \u041c\u0438\u0441\u0438\u0458\u0430 \u0421\u0440\u0446\u0435\u0442\u043e \u043d\u0430 \u041c\u0430\u043a\u0435\u0434\u043e\u043d\u0441\u043a\u0430\u0442\u0430 \u041a\u0443\u043b\u0442\u0443\u0440\u0430 \u041f\u043e\u0432\u0435\u045c\u0435 \u043e\u0434 \u0442\u0435\u0430\u0442\u0430\u0440. \u0416\u0438\u0432\u0430 \u0438\u0441\u0442\u043e\u0440\u0438\u0458\u0430, \u043d\u0430\u0446\u0438\u043e\u043d\u0430\u043b\u0435\u043d \u0438\u0434\u0435\u043d\u0442\u0438\u0442\u0435\u0442 \u0438 \u0443\u043c\u0435\u0442\u043d\u0438\u0447\u043a\u0438 \u0434\u043e\u043c. [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-298","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"user19","author_link":"https:\/\/user19.delovna.finki.ukim.mk\/en\/author\/user19\/"},"uagb_comment_info":0,"uagb_excerpt":"\u0417\u0430 \u041c\u041d\u0422 | \u0418\u0441\u0442\u043e\u0440\u0438\u0458\u0430 \u0438 \u041c\u0438\u0441\u0438\u0458\u0430 \u0421\u0440\u0446\u0435\u0442\u043e \u043d\u0430 \u041c\u0430\u043a\u0435\u0434\u043e\u043d\u0441\u043a\u0430\u0442\u0430 \u041a\u0443\u043b\u0442\u0443\u0440\u0430 \u041f\u043e\u0432\u0435\u045c\u0435 \u043e\u0434 \u0442\u0435\u0430\u0442\u0430\u0440. \u0416\u0438\u0432\u0430 \u0438\u0441\u0442\u043e\u0440\u0438\u0458\u0430, \u043d\u0430\u0446\u0438\u043e\u043d\u0430\u043b\u0435\u043d \u0438\u0434\u0435\u043d\u0442\u0438\u0442\u0435\u0442 \u0438 \u0443\u043c\u0435\u0442\u043d\u0438\u0447\u043a\u0438 \u0434\u043e\u043c. [&hellip;]","_links":{"self":[{"href":"https:\/\/user19.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/pages\/298","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/user19.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/user19.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/user19.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/user19.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/comments?post=298"}],"version-history":[{"count":29,"href":"https:\/\/user19.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/pages\/298\/revisions"}],"predecessor-version":[{"id":2851,"href":"https:\/\/user19.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/pages\/298\/revisions\/2851"}],"wp:attachment":[{"href":"https:\/\/user19.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/media?parent=298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}