Magnificat Center Me\u0111ugorje – Map<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background: #f0f2f5;\n display: flex;\n flex-direction: column; \/* stack elements vertically *\/\n justify-content: center;\n align-items: center;\n min-height: 100vh; \/* full viewport height to allow footer spacing *\/\n padding: 20px;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n \/* Main wrapper: clean card style, separate from footer *\/\n .map-wrapper {\n max-width: 1200px;\n width: 100%;\n background: #fff;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);\n transition: all 0.2s ease;\n margin-bottom: 28px; \/* creates clear separation from the footer *\/\n }\n\n \/* IFRAME CONTAINER: fixed at 60vh (60% of viewport height) *\/\n .map-container {\n position: relative;\n width: 100%;\n height: 60vh; \/* core requirement: 60vh height *\/\n background: #e9ecef;\n overflow: hidden;\n }\n\n \/* iframe fills container perfectly *\/\n .map-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\n display: block;\n }\n\n \/* caption inside the same card, above footer but visually attached *\/\n .map-caption {\n padding: 14px 20px;\n background: #ffffff;\n font-size: 15px;\n color: #2c3e4e;\n text-align: center;\n border-top: 1px solid #edf2f7;\n font-weight: 500;\n letter-spacing: -0.2px;\n backdrop-filter: blur(0px);\n }\n\n \/* SEPARATE FOOTER \u2014 independent block below the map-wrapper *\/\n .map-footer {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto;\n background: transparent;\n text-align: center;\n padding: 0 8px 12px 8px;\n }\n\n \/* stylish button \/ CT\u0410 *\/\n .map-footer a {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: #1a73e8;\n color: white;\n text-decoration: none;\n font-size: 15px;\n font-weight: 600;\n padding: 12px 28px;\n border-radius: 44px;\n transition: all 0.25s ease;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);\n backdrop-filter: blur(0px);\n border: none;\n cursor: pointer;\n }\n\n .map-footer a:hover {\n background: #0c5ed9;\n transform: translateY(-2px);\n box-shadow: 0 12px 20px -8px rgba(26, 115, 232, 0.4);\n }\n\n .map-footer a:active {\n transform: translateY(1px);\n }\n\n \/* optional tiny responsive refinement: on very small screens, keep 60vh but reduce padding *\/\n @media (max-width: 640px) {\n body {\n padding: 16px;\n }\n .map-caption {\n font-size: 13px;\n padding: 12px 14px;\n }\n .map-footer a {\n font-size: 14px;\n padding: 10px 22px;\n gap: 8px;\n }\n .map-container {\n height: 60vh; \/* enforce 60vh even on mobile *\/\n }\n }\n\n \/* fallback for very short screens: ensure iframe stays legible, but 60vh is priority *\/\n @media (max-height: 500px) {\n .map-container {\n height: 60vh; \/* keep 60vh even on short viewports, but footer stays separate *\/\n min-height: 260px; \/* prevents iframe from being too tiny when vh small *\/\n }\n .map-footer {\n margin-top: 4px;\n }\n }\n\n \/* optional smooth loading state *\/\n .map-container iframe {\n animation: fadeIn 0.5s ease;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <div class=\"map-wrapper\">\n <div class=\"map-container\">\n \n <iframe\n src=\"https:\/\/www.openstreetmap.org\/export\/embed.html?bbox=17.6811%2C43.1766%2C17.6861%2C43.1796&layer=mapnik&marker=43.178102%2C17.683590\"\n allowfullscreen=\"\"\n loading=\"lazy\"\n title=\"Magnificat Center Me\u0111ugorje Location Map\">\n <\/iframe>\n <\/div>\n <div class=\"map-caption\">\n \ud83d\udccd Magnificat Center | Kraljice Mira, Me\u0111ugorje, Bosnia and Herzegovina\n <\/div>\n <\/div>\n\n \n <div class=\"map-footer\">\n <a href=\"https:\/\/maps.app.goo.gl\/3rbFxcTUUjkhKtqAA\" target=\"_blank\" rel=\"noopener noreferrer\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"white\">\n <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n <\/svg>\n Open in Google Maps\n <\/a>\n <\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Magnificat Center Me\u0111ugorje – Map \ud83d\udccd Magnificat Center | Kraljice Mira, Me\u0111ugorje, Bosnia and Herzegovina Open in Google Maps<\/p>\n","protected":false},"author":1,"featured_media":16206,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12379","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/pages\/12379","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.magnificat.center\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12379"}],"version-history":[{"count":9,"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/pages\/12379\/revisions"}],"predecessor-version":[{"id":16397,"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/pages\/12379\/revisions\/16397"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/media\/16206"}],"wp:attachment":[{"href":"https:\/\/www.magnificat.center\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":12379,"date":"2017-05-04T17:29:10","date_gmt":"2017-05-04T15:29:10","guid":{"rendered":"http:\/\/www.magnificat.center\/?page_id=12379"},"modified":"2026-05-08T18:46:07","modified_gmt":"2026-05-08T16:46:07","slug":"where-we-are","status":"publish","type":"page","link":"https:\/\/www.magnificat.center\/?page_id=12379&lang=en","title":{"rendered":"Our Location"},"content":{"rendered":"\n\n\n\n \n \n Magnificat Center Me\u0111ugorje – Map<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background: #f0f2f5;\n display: flex;\n flex-direction: column; \/* stack elements vertically *\/\n justify-content: center;\n align-items: center;\n min-height: 100vh; \/* full viewport height to allow footer spacing *\/\n padding: 20px;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n \/* Main wrapper: clean card style, separate from footer *\/\n .map-wrapper {\n max-width: 1200px;\n width: 100%;\n background: #fff;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);\n transition: all 0.2s ease;\n margin-bottom: 28px; \/* creates clear separation from the footer *\/\n }\n\n \/* IFRAME CONTAINER: fixed at 60vh (60% of viewport height) *\/\n .map-container {\n position: relative;\n width: 100%;\n height: 60vh; \/* core requirement: 60vh height *\/\n background: #e9ecef;\n overflow: hidden;\n }\n\n \/* iframe fills container perfectly *\/\n .map-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\n display: block;\n }\n\n \/* caption inside the same card, above footer but visually attached *\/\n .map-caption {\n padding: 14px 20px;\n background: #ffffff;\n font-size: 15px;\n color: #2c3e4e;\n text-align: center;\n border-top: 1px solid #edf2f7;\n font-weight: 500;\n letter-spacing: -0.2px;\n backdrop-filter: blur(0px);\n }\n\n \/* SEPARATE FOOTER \u2014 independent block below the map-wrapper *\/\n .map-footer {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto;\n background: transparent;\n text-align: center;\n padding: 0 8px 12px 8px;\n }\n\n \/* stylish button \/ CT\u0410 *\/\n .map-footer a {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: #1a73e8;\n color: white;\n text-decoration: none;\n font-size: 15px;\n font-weight: 600;\n padding: 12px 28px;\n border-radius: 44px;\n transition: all 0.25s ease;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);\n backdrop-filter: blur(0px);\n border: none;\n cursor: pointer;\n }\n\n .map-footer a:hover {\n background: #0c5ed9;\n transform: translateY(-2px);\n box-shadow: 0 12px 20px -8px rgba(26, 115, 232, 0.4);\n }\n\n .map-footer a:active {\n transform: translateY(1px);\n }\n\n \/* optional tiny responsive refinement: on very small screens, keep 60vh but reduce padding *\/\n @media (max-width: 640px) {\n body {\n padding: 16px;\n }\n .map-caption {\n font-size: 13px;\n padding: 12px 14px;\n }\n .map-footer a {\n font-size: 14px;\n padding: 10px 22px;\n gap: 8px;\n }\n .map-container {\n height: 60vh; \/* enforce 60vh even on mobile *\/\n }\n }\n\n \/* fallback for very short screens: ensure iframe stays legible, but 60vh is priority *\/\n @media (max-height: 500px) {\n .map-container {\n height: 60vh; \/* keep 60vh even on short viewports, but footer stays separate *\/\n min-height: 260px; \/* prevents iframe from being too tiny when vh small *\/\n }\n .map-footer {\n margin-top: 4px;\n }\n }\n\n \/* optional smooth loading state *\/\n .map-container iframe {\n animation: fadeIn 0.5s ease;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <div class=\"map-wrapper\">\n <div class=\"map-container\">\n \n <iframe\n src=\"https:\/\/www.openstreetmap.org\/export\/embed.html?bbox=17.6811%2C43.1766%2C17.6861%2C43.1796&layer=mapnik&marker=43.178102%2C17.683590\"\n allowfullscreen=\"\"\n loading=\"lazy\"\n title=\"Magnificat Center Me\u0111ugorje Location Map\">\n <\/iframe>\n <\/div>\n <div class=\"map-caption\">\n \ud83d\udccd Magnificat Center | Kraljice Mira, Me\u0111ugorje, Bosnia and Herzegovina\n <\/div>\n <\/div>\n\n \n <div class=\"map-footer\">\n <a href=\"https:\/\/maps.app.goo.gl\/3rbFxcTUUjkhKtqAA\" target=\"_blank\" rel=\"noopener noreferrer\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"white\">\n <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n <\/svg>\n Open in Google Maps\n <\/a>\n <\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Magnificat Center Me\u0111ugorje – Map \ud83d\udccd Magnificat Center | Kraljice Mira, Me\u0111ugorje, Bosnia and Herzegovina Open in Google Maps<\/p>\n","protected":false},"author":1,"featured_media":16206,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12379","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/pages\/12379","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.magnificat.center\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12379"}],"version-history":[{"count":9,"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/pages\/12379\/revisions"}],"predecessor-version":[{"id":16397,"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/pages\/12379\/revisions\/16397"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/media\/16206"}],"wp:attachment":[{"href":"https:\/\/www.magnificat.center\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}