{"id":414,"date":"2025-08-23T09:34:23","date_gmt":"2025-08-23T09:34:23","guid":{"rendered":"https:\/\/familyartguides.com\/?page_id=414"},"modified":"2026-05-30T09:09:48","modified_gmt":"2026-05-30T09:09:48","slug":"home","status":"publish","type":"page","link":"https:\/\/familyartguides.com\/en\/home\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Light Green Carousel Widget<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .carousel-container {\r\n position: relative;\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 20px auto;\r\n background: linear-gradient(135deg, #90EE90, #98FB98, #00FA9A);\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 15px 35px rgba(144, 238, 144, 0.3);\r\n }\r\n\r\n .carousel-wrapper {\r\n position: relative;\r\n height: 400px;\r\n overflow: hidden;\r\n }\r\n\r\n .carousel-slide {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 30px;\r\n opacity: 0;\r\n transform: translateX(100%);\r\n transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .carousel-slide.active {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n\r\n .carousel-slide.prev {\r\n transform: translateX(-100%);\r\n }\r\n\r\n .carousel-content {\r\n text-align: center;\r\n color: white;\r\n z-index: 2;\r\n position: relative;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n height: 100%;\r\n }\r\n\r\n .carousel-title {\r\n font-size: 3.5rem;\r\n font-weight: bold;\r\n color: white;\r\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);\r\n font-family: 'Arial', sans-serif;\r\n margin: 0;\r\n align-self: center;\r\n }\r\n\r\n .carousel-button {\r\n background: linear-gradient(45deg, #32CD32, #90EE90);\r\n border: none;\r\n padding: 15px 30px;\r\n font-size: 1.2rem;\r\n font-weight: bold;\r\n color: white;\r\n border-radius: 50px;\r\n cursor: pointer;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n box-shadow: 0 8px 20px rgba(50, 205, 50, 0.4);\r\n transition: all 0.3s ease;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n align-self: center;\r\n text-decoration: none;\r\n }\r\n\r\n .carousel-button:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 12px 25px rgba(50, 205, 50, 0.6);\r\n background: linear-gradient(45deg, #00FA9A, #98FB98);\r\n }\r\n\r\n .carousel-button::after {\r\n content: \"\u2192\";\r\n font-size: 1.4rem;\r\n }\r\n\r\n .nav-button {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: rgba(255, 255, 255, 0.2);\r\n backdrop-filter: blur(10px);\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n color: white;\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 15px;\r\n cursor: pointer;\r\n font-size: 24px;\r\n font-weight: bold;\r\n z-index: 10;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .nav-button:hover {\r\n background: rgba(50, 205, 50, 0.8);\r\n transform: translateY(-50%) scale(1.1);\r\n box-shadow: 0 8px 20px rgba(50, 205, 50, 0.4);\r\n }\r\n\r\n .nav-prev {\r\n left: 20px;\r\n }\r\n\r\n .nav-next {\r\n right: 20px;\r\n }\r\n\r\n .thumbnail-container {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n gap: 15px;\r\n background: rgba(255, 255, 255, 0.1);\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n .thumbnail {\r\n width: 80px;\r\n height: 80px;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n border: 3px solid transparent;\r\n opacity: 0.7;\r\n }\r\n\r\n .thumbnail.active {\r\n border-color: white;\r\n opacity: 1;\r\n transform: scale(1.1);\r\n }\r\n\r\n .thumbnail:hover {\r\n transform: scale(1.05);\r\n opacity: 1;\r\n }\r\n\r\n .thumbnail img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .background-image {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n z-index: 1;\r\n }\r\n .carousel-content h2{\r\n font-size: 50px\r\n }\r\n .carousel-content a{\r\n text-decoration: none;\r\n text-overflow: none\r\n }\r\n\r\n \/* Fix for slides without background-image class *\/\r\n .carousel-slide img:not(.background-image) {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n z-index: 1;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .carousel-title {\r\n font-size: 2.5rem;\r\n }\r\n \r\n .carousel-button {\r\n padding: 12px 24px;\r\n font-size: 1rem;\r\n }\r\n \r\n .nav-button {\r\n width: 50px;\r\n height: 50px;\r\n font-size: 20px;\r\n }\r\n \r\n .thumbnail {\r\n width: 60px;\r\n height: 60px;\r\n }\r\n .carousel-content h2{\r\n font-size: 30px\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"carousel-container\">\r\n <div class=\"carousel-wrapper\">\r\n <!-- Slide 1 -->\r\n <div class=\"carousel-slide active\">\r\n <img decoding=\"async\" src=\"\" alt=\"Background\" class=\"background-image\" \r\n data-desktop=\"https:\/\/familyartguides.com\/wp-content\/uploads\/2025\/08\/Shtepia-me-gjethe-1-1.jpg\" \r\n data-mobile=\"https:\/\/familyartguides.com\/wp-content\/uploads\/2025\/08\/Shtepia-me-gjethe-3-scaled.jpg\">\r\n <div class=\"carousel-content\">\r\n <h2 style=\"color:white\" class=\"carousel-title\">House Of Leaves<\/h2>\r\n <a href=\"\/house-of-leaves\/\" class=\"carousel-button\">Start Journey<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Slide 2 -->\r\n <div class=\"carousel-slide\">\r\n <img decoding=\"async\" src=\"\" alt=\"Background\" class=\"background-image\" \r\n data-desktop=\"https:\/\/familyartguides.com\/wp-content\/uploads\/2025\/08\/Life-in-the-castle-web.jpg\" \r\n data-mobile=\"https:\/\/familyartguides.com\/wp-content\/uploads\/2025\/08\/Life-in-the-castle.jpg\">\r\n <div class=\"carousel-content\">\r\n <h2 class=\"carousel-title\">Life In Castles<\/h2>\r\n <a href=\"\/category\/life-in-castle\" class=\"carousel-button\">Take Flight<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Slide 3 -->\r\n <div class=\"carousel-slide\">\r\n <img decoding=\"async\" src=\"\" alt=\"Background\" class=\"background-image\" \r\n data-desktop=\"https:\/\/familyartguides.com\/wp-content\/uploads\/2025\/08\/d.jpg\" \r\n data-mobile=\"https:\/\/familyartguides.com\/wp-content\/uploads\/2025\/08\/m-scaled.jpg\">\r\n <div class=\"carousel-content\">\r\n <h2 class=\"carousel-title\">Tirana Castles<\/h2>\r\n <a href=\"\/category\/tirana-castle\" class=\"carousel-button\">Dive Deep<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Slide 4 -->\r\n <div class=\"carousel-slide\">\r\n <img decoding=\"async\" src=\"\" alt=\"Background\" class=\"background-image\" \r\n data-desktop=\"https:\/\/familyartguides.com\/wp-content\/uploads\/2025\/08\/Riviera-web.jpg\" \r\n data-mobile=\"https:\/\/familyartguides.com\/wp-content\/uploads\/2025\/08\/Riviera.jpg\">\r\n <div class=\"carousel-content\">\r\n <h2 class=\"carousel-title\">Riviera Castles<\/h2>\r\n <a href=\"\/category\/riviera-castle\" class=\"carousel-button\">Reach Summit<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Slide 5 -->\r\n <div class=\"carousel-slide\">\r\n <img decoding=\"async\" src=\"\" alt=\"Background\" class=\"background-image\" \r\n data-desktop=\"https:\/\/familyartguides.com\/wp-content\/uploads\/2025\/08\/Muze.jpg\" \r\n data-mobile=\"https:\/\/familyartguides.com\/wp-content\/uploads\/2025\/08\/Muzeuu.jpg\">\r\n <div class=\"carousel-content\">\r\n <h2 class=\"carousel-title\">Museum & Gallery<\/h2>\r\n <a href=\"\/category\/museum\" class=\"carousel-button\">Enter Woods<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Navigation Buttons -->\r\n <button class=\"nav-button nav-prev\" onclick=\"changeSlide(-1)\">\u2039<\/button>\r\n <button class=\"nav-button nav-next\" onclick=\"changeSlide(1)\">\u203a<\/button>\r\n\r\n <!-- Thumbnails -->\r\n <div class=\"thumbnail-container\">\r\n <div class=\"thumbnail active\" onclick=\"goToSlide(0)\">\r\n <img decoding=\"async\" src=\"\" alt=\"Slide 1\" \r\n data-desktop=\"https:\/\/familyartguides.com\/wp-content\/uploads\/2025\/08\/Shtepia-me-gjethe-3-scaled.jpg\" \r\n data-mobile=\"https:\/\/familyartguides.com\/wp-content\/uploads\/2025\/08\/Shtepia-me-gjethe-3-scaled.jpg\">\r\n <\/div>\r\n <div class=\"thumbnail\" onclick=\"goToSlide(1)\">\r\n <img decoding=\"async\" src=\"\" alt=\"Slide 2\" \r\n data-desktop=\"https:\/\/familyartguides.com\/wp-content\/uploads\/2025\/08\/Life-in-the-castle.jpg\" \r\n data-mobile=\"https:\/\/familyartguides.com\/wp-content\/uploads\/2025\/08\/Life-in-the-castle.jpg\">\r\n <\/div>\r\n <div class=\"thumbnail\" onclick=\"goToSlide(2)\">\r\n <img decoding=\"async\" src=\"\" alt=\"Slide 3\" \r\n data-desktop=\"https:\/\/familyartguides.com\/wp-content\/uploads\/2025\/08\/m-scaled.jpg\" \r\n data-mobile=\"https:\/\/familyartguides.com\/wp-content\/uploads\/2025\/08\/m-scaled.jpg\">\r\n <\/div>\r\n <div class=\"thumbnail\" onclick=\"goToSlide(3)\">\r\n <img decoding=\"async\" src=\"\" alt=\"Slide 4\" \r\n data-desktop=\"https:\/\/familyartguides.com\/wp-content\/uploads\/2025\/08\/Riviera.jpg\" \r\n data-mobile=\"https:\/\/familyartguides.com\/wp-content\/uploads\/2025\/08\/Riviera.jpg\">\r\n <\/div>\r\n <div class=\"thumbnail\" onclick=\"goToSlide(4)\">\r\n <img decoding=\"async\" src=\"\" alt=\"Slide 5\" \r\n data-desktop=\"https:\/\/familyartguides.com\/wp-content\/uploads\/2025\/08\/Muzeuu.jpg\" \r\n data-mobile=\"https:\/\/familyartguides.com\/wp-content\/uploads\/2025\/08\/Muzeuu.jpg\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n let currentSlide = 0;\r\n const slides = document.querySelectorAll('.carousel-slide');\r\n const thumbnails = document.querySelectorAll('.thumbnail');\r\n const totalSlides = slides.length;\r\n let autoPlayInterval;\r\n\r\n \/\/ Function to detect if device is mobile\r\n function isMobileDevice() {\r\n return window.innerWidth <= 768 || \/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini\/i.test(navigator.userAgent);\r\n }\r\n\r\n \/\/ Function to load appropriate images based on device type\r\n function loadResponsiveImages() {\r\n const isMobile = isMobileDevice();\r\n \r\n \/\/ Load carousel slide images\r\n document.querySelectorAll('.background-image').forEach(img => {\r\n const desktopSrc = img.getAttribute('data-desktop');\r\n const mobileSrc = img.getAttribute('data-mobile');\r\n img.src = isMobile ? mobileSrc : desktopSrc;\r\n });\r\n \r\n \/\/ Load thumbnail images\r\n document.querySelectorAll('.thumbnail img').forEach(img => {\r\n const desktopSrc = img.getAttribute('data-desktop');\r\n const mobileSrc = img.getAttribute('data-mobile');\r\n img.src = isMobile ? mobileSrc : desktopSrc;\r\n });\r\n }\r\n\r\n \/\/ Load images on page load\r\n document.addEventListener('DOMContentLoaded', () => {\r\n loadResponsiveImages();\r\n startAutoPlay();\r\n });\r\n\r\n \/\/ Reload images on window resize (when switching between desktop\/mobile)\r\n let resizeTimer;\r\n window.addEventListener('resize', () => {\r\n clearTimeout(resizeTimer);\r\n resizeTimer = setTimeout(loadResponsiveImages, 250);\r\n });\r\n\r\n function showSlide(index) {\r\n slides.forEach((slide, i) => {\r\n slide.classList.remove('active', 'prev');\r\n if (i === index) {\r\n slide.classList.add('active');\r\n } else if (i < index) {\r\n slide.classList.add('prev');\r\n }\r\n });\r\n \r\n thumbnails.forEach((thumb, i) => {\r\n thumb.classList.toggle('active', i === index);\r\n });\r\n }\r\n\r\n function changeSlide(direction) {\r\n currentSlide += direction;\r\n \r\n if (currentSlide >= totalSlides) {\r\n currentSlide = 0;\r\n } else if (currentSlide < 0) {\r\n currentSlide = totalSlides - 1;\r\n }\r\n \r\n showSlide(currentSlide);\r\n resetAutoPlay();\r\n }\r\n\r\n function goToSlide(index) {\r\n currentSlide = index;\r\n showSlide(currentSlide);\r\n resetAutoPlay();\r\n }\r\n\r\n \/\/ Auto-play functionality\r\n function startAutoPlay() {\r\n autoPlayInterval = setInterval(() => {\r\n changeSlide(1);\r\n }, 60000);\r\n }\r\n\r\n function resetAutoPlay() {\r\n clearInterval(autoPlayInterval);\r\n startAutoPlay();\r\n }\r\n\r\n \/\/ Pause auto-play when hovering over carousel\r\n document.querySelector('.carousel-container').addEventListener('mouseenter', () => {\r\n clearInterval(autoPlayInterval);\r\n });\r\n\r\n document.querySelector('.carousel-container').addEventListener('mouseleave', () => {\r\n startAutoPlay();\r\n });\r\n\r\n \/\/ Touch\/swipe support for mobile\r\n let startX = 0;\r\n let endX = 0;\r\n \r\n document.querySelector('.carousel-wrapper').addEventListener('touchstart', (e) => {\r\n startX = e.touches[0].clientX;\r\n clearInterval(autoPlayInterval);\r\n });\r\n \r\n document.querySelector('.carousel-wrapper').addEventListener('touchend', (e) => {\r\n endX = e.changedTouches[0].clientX;\r\n \r\n if (startX - endX > 50) {\r\n changeSlide(1); \/\/ Swipe left\r\n } else if (endX - startX > 50) {\r\n changeSlide(-1); \/\/ Swipe right\r\n }\r\n \r\n startAutoPlay();\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eb4518e e-flex e-con-boxed e-con e-parent\" data-id=\"eb4518e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03ce91e elementor-widget elementor-widget-html\" data-id=\"03ce91e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Interactive Widget<\/title>\r\n <style>\r\n .widget {\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n width: 350px;\r\n height: 350px;\r\n background-color: transparent;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n z-index: 9999;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n \r\n .widget img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n transition: opacity 0.3s ease;\r\n display: block;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n \r\n .widget.shrinked img {\r\n display: none;\r\n }\r\n \r\n \/* Buttons for shrinking and expanding *\/\r\n .shrink-btn, .expand-btn {\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n background-color: rgba(0, 0, 0, 0.7);\r\n color: white;\r\n border: none;\r\n padding: 8px 12px;\r\n font-size: 18px;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n z-index: 10000;\r\n width: 36px;\r\n height: 36px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: background-color 0.2s ease;\r\n }\r\n \r\n .shrink-btn:hover {\r\n background-color: rgba(255, 0, 0, 0.8);\r\n }\r\n \r\n .expand-btn {\r\n display: none;\r\n background-color: #4CAF50;\r\n }\r\n \r\n .expand-btn:hover {\r\n background-color: #45a049;\r\n }\r\n \r\n .widget.shrunk .shrink-btn {\r\n display: none;\r\n }\r\n \r\n .widget.shrunk .expand-btn {\r\n display: flex;\r\n }\r\n \r\n .widget.shrunk {\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n background-color: #4CAF50;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\r\n }\r\n \r\n \/* Responsive adjustments *\/\r\n @media (max-width: 768px) {\r\n .widget {\r\n width: 200px;\r\n height: 200px;\r\n bottom: 0;\r\n left: 0;\r\n }\r\n \r\n .widget.shrunk {\r\n width: 50px;\r\n height: 50px;\r\n }\r\n \r\n .shrink-btn, .expand-btn {\r\n padding: 6px 10px;\r\n font-size: 16px;\r\n width: 32px;\r\n height: 32px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"widget\" id=\"widget\" onclick=\"handleWidgetClick()\">\r\n <img decoding=\"async\" src=\"https:\/\/familyartguides.com\/wp-content\/uploads\/2025\/11\/Untitled-4-September-2025-23.17-e1762849716166.png\" alt=\"Widget Image\">\r\n <button class=\"shrink-btn\" id=\"shrink-btn\" onclick=\"handleShrinkClick(event)\" aria-label=\"Close widget\">\u00d7<\/button>\r\n <button class=\"expand-btn\" id=\"expand-btn\" onclick=\"handleExpandClick(event)\" aria-label=\"Expand widget\">+<\/button>\r\n<\/div>\r\n\r\n<script>\r\n let isShrunk = false;\r\n \r\n function handleWidgetClick() {\r\n if (!isShrunk) {\r\n window.location.href = '\/mia-section';\r\n }\r\n }\r\n \r\n function handleShrinkClick(event) {\r\n event.stopPropagation();\r\n const widget = document.getElementById('widget');\r\n widget.classList.add('shrinked');\r\n widget.classList.add('shrunk');\r\n isShrunk = true;\r\n }\r\n \r\n function handleExpandClick(event) {\r\n event.stopPropagation();\r\n const widget = document.getElementById('widget');\r\n widget.classList.remove('shrinked');\r\n widget.classList.remove('shrunk');\r\n isShrunk = false;\r\n }\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d6d4b76 e-flex e-con-boxed e-con e-parent\" data-id=\"d6d4b76\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-325d231 elementor-widget elementor-widget-html\" data-id=\"325d231\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* FLOATING NOTICE CONTAINER *\/\r\n.upcoming-events-floating{\r\n position:fixed;\r\n top:20px;\r\n left:50%;\r\n transform:translateX(-50%);\r\n width:95%;\r\n max-width:1400px;\r\n background:#fff8e7;\r\n border-radius:30px;\r\n box-shadow:0 15px 40px rgba(0,0,0,0.18);\r\n z-index:99999;\r\n padding:25px 20px;\r\n overflow:hidden;\r\n font-family:Arial,sans-serif;\r\n}\r\n\r\n\/* CLOSE BUTTON *\/\r\n.close-events{\r\n position:absolute;\r\n top:15px;\r\n right:15px;\r\n width:36px;\r\n height:36px;\r\n border-radius:50%;\r\n background:#ff7b00;\r\n color:white;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n cursor:pointer;\r\n font-size:22px;\r\n font-weight:bold;\r\n z-index:5;\r\n}\r\n\r\n\/* TITLE *\/\r\n.upcoming-events-title{\r\n text-align:center;\r\n font-size:38px;\r\n color:#ff7b00;\r\n margin-bottom:25px;\r\n font-weight:bold;\r\n}\r\n\r\n\/* HORIZONTAL SCROLL *\/\r\n.events-scroll{\r\n overflow-x:auto;\r\n -webkit-overflow-scrolling:touch;\r\n padding-bottom:10px;\r\n}\r\n\r\n.events-scroll::-webkit-scrollbar{\r\n height:8px;\r\n}\r\n\r\n.events-scroll::-webkit-scrollbar-thumb{\r\n background:#ffb347;\r\n border-radius:20px;\r\n}\r\n\r\n\/* EVENTS ROW *\/\r\n.events-row{\r\n display:flex;\r\n gap:25px;\r\n width:max-content;\r\n}\r\n\r\n\/* EVENT CARD *\/\r\n.event-card{\r\n width:280px;\r\n background:white;\r\n border-radius:25px;\r\n overflow:hidden;\r\n text-decoration:none;\r\n transition:0.3s ease;\r\n box-shadow:0 8px 20px rgba(0,0,0,0.08);\r\n flex-shrink:0;\r\n position:relative;\r\n}\r\n\r\n.event-card:hover{\r\n transform:translateY(-6px);\r\n}\r\n\r\n\/* IMAGE *\/\r\n.event-image{\r\n width:100%;\r\n display:block;\r\n}\r\n\r\n\/* CONTENT *\/\r\n.event-content{\r\n padding:18px;\r\n text-align:center;\r\n}\r\n\r\n.event-title{\r\n font-size:22px;\r\n font-weight:bold;\r\n color:#333;\r\n margin-bottom:8px;\r\n}\r\n\r\n.event-date{\r\n font-size:15px;\r\n color:#777;\r\n}\r\n\r\n\/* BADGE *\/\r\n.event-badge{\r\n position:absolute;\r\n top:14px;\r\n right:14px;\r\n background:#ff7b00;\r\n color:white;\r\n padding:7px 12px;\r\n border-radius:50px;\r\n font-size:12px;\r\n font-weight:bold;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:768px){\r\n\r\n .upcoming-events-floating{\r\n top:10px;\r\n width:96%;\r\n padding:20px 15px;\r\n }\r\n\r\n .upcoming-events-title{\r\n font-size:26px;\r\n }\r\n\r\n .event-card{\r\n width:220px;\r\n }\r\n\r\n .event-title{\r\n font-size:18px;\r\n }\r\n}\r\n\r\n<\/style>\r\n\r\n<div class=\"upcoming-events-floating\" id=\"eventsPopup\">\r\n\r\n <!-- CLOSE BUTTON -->\r\n <div class=\"close-events\"\r\n onclick=\"document.getElementById('eventsPopup').style.display='none';\">\r\n \u00d7\r\n <\/div>\r\n\r\n <!-- TITLE -->\r\n <div class=\"upcoming-events-title\">\r\n \ud83c\udf1f Upcoming Events \ud83c\udf1f\r\n <\/div>\r\n\r\n <!-- EVENTS -->\r\n <div class=\"events-scroll\">\r\n\r\n <div class=\"events-row\">\r\n\r\n <!-- EVENT 1 -->\r\n <a href=\"https:\/\/familyartguides.com\/en\/treasure-haunt\/\"\r\n class=\"event-card\">\r\n\r\n <div class=\"event-badge\">\r\n Limited Spots\r\n <\/div>\r\n\r\n <img decoding=\"async\" class=\"event-image\"\r\n src=\"https:\/\/familyartguides.com\/wp-content\/uploads\/2026\/05\/Poster-Gjuetia-e-Thesarit-01.jpg\"\r\n alt=\"Event 1\">\r\n\r\n <div class=\"event-content\">\r\n\r\n <div class=\"event-title\">\r\n Grabitja e thesarit\r\n <\/div>\r\n\r\n <div class=\"event-date\">\r\n June 1, 2026\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n <!-- EVENT 2 -->\r\n <a href=\"https:\/\/yourwebsite.com\/event-2\"\r\n class=\"event-card\">\r\n\r\n <div class=\"event-badge\">\r\n New Event\r\n <\/div>\r\n\r\n <img decoding=\"async\" class=\"event-image\"\r\n src=\"https:\/\/familyartguides.com\/wp-content\/uploads\/2026\/05\/Poster-Ura-dhe-Porta-1-Qershori-f-scaled.png\"\r\n alt=\"Event 2\">\r\n\r\n <div class=\"event-content\">\r\n\r\n <div class=\"event-title\">\r\n Festa e F\u00ebmij\u00ebve\r\n <\/div>\r\n\r\n <div class=\"event-date\">\r\n 1 Qershor 2026 - Sheshi N\u00ebn\u00eb Tereza\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n \r\n <!-- EVENT 3 -->\r\n <a href=\"https:\/\/familyartguides.com\/sq\/how-do-you-see-tirana\/\"\r\n class=\"event-card\">\r\n\r\n <div class=\"event-badge\">\r\n New Event\r\n <\/div>\r\n\r\n <img decoding=\"async\" class=\"event-image\"\r\n src=\"https:\/\/familyartguides.com\/wp-content\/uploads\/2026\/05\/POSTER-01-01-scaled.png\"\r\n alt=\"Event 2\">\r\n\r\n <div class=\"event-content\">\r\n\r\n <div class=\"event-title\">\r\n Si e sheh ti Tiran\u00ebn ? Konkurs\r\n <\/div>\r\n\r\n <div class=\"event-date\">\r\n 12 Qershor 2026\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n \r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Light Green Carousel Widget House Of Leaves Start Journey Life In Castles Take Flight Tirana Castles Dive Deep Riviera Castles […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","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":"disabled","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-414","page","type-page","status-publish","hentry"],"acf":false,"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - Family Art Guides<\/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:\/\/familyartguides.com\/en\/home\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Family Art Guides\" \/>\n<meta property=\"og:description\" content=\"Light Green Carousel Widget House Of Leaves Start Journey Life In Castles Take Flight Tirana Castles Dive Deep Riviera Castles […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/familyartguides.com\/en\/home\/\" \/>\n<meta property=\"og:site_name\" content=\"Family Art Guides\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-30T09:09:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/familyartguides.com\/wp-content\/uploads\/2025\/11\/Untitled-4-September-2025-23.17-e1762849716166.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=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/familyartguides.com\\\/home\\\/\",\"url\":\"https:\\\/\\\/familyartguides.com\\\/home\\\/\",\"name\":\"Home - Family Art Guides\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/familyartguides.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/familyartguides.com\\\/home\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/familyartguides.com\\\/home\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/familyartguides.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Untitled-4-September-2025-23.17-e1762849716166.png\",\"datePublished\":\"2025-08-23T09:34:23+00:00\",\"dateModified\":\"2026-05-30T09:09:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/familyartguides.com\\\/home\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/familyartguides.com\\\/home\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/familyartguides.com\\\/home\\\/#primaryimage\",\"url\":\"https:\\\/\\\/familyartguides.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Untitled-4-September-2025-23.17-e1762849716166.png\",\"contentUrl\":\"https:\\\/\\\/familyartguides.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Untitled-4-September-2025-23.17-e1762849716166.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/familyartguides.com\\\/home\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/familyartguides.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/familyartguides.com\\\/#website\",\"url\":\"https:\\\/\\\/familyartguides.com\\\/\",\"name\":\"Family Art Guides\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/familyartguides.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/familyartguides.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/familyartguides.com\\\/#organization\",\"name\":\"Family Art Guides\",\"url\":\"https:\\\/\\\/familyartguides.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/familyartguides.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/familyartguides.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/cropped-logo_familyartguides-306x66-1.png\",\"contentUrl\":\"https:\\\/\\\/familyartguides.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/cropped-logo_familyartguides-306x66-1.png\",\"width\":306,\"height\":66,\"caption\":\"Family Art Guides\"},\"image\":{\"@id\":\"https:\\\/\\\/familyartguides.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - Family Art Guides","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:\/\/familyartguides.com\/en\/home\/","og_locale":"en_US","og_type":"article","og_title":"Home - Family Art Guides","og_description":"Light Green Carousel Widget House Of Leaves Start Journey Life In Castles Take Flight Tirana Castles Dive Deep Riviera Castles […]","og_url":"https:\/\/familyartguides.com\/en\/home\/","og_site_name":"Family Art Guides","article_modified_time":"2026-05-30T09:09:48+00:00","og_image":[{"url":"https:\/\/familyartguides.com\/wp-content\/uploads\/2025\/11\/Untitled-4-September-2025-23.17-e1762849716166.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/familyartguides.com\/home\/","url":"https:\/\/familyartguides.com\/home\/","name":"Home - Family Art Guides","isPartOf":{"@id":"https:\/\/familyartguides.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/familyartguides.com\/home\/#primaryimage"},"image":{"@id":"https:\/\/familyartguides.com\/home\/#primaryimage"},"thumbnailUrl":"https:\/\/familyartguides.com\/wp-content\/uploads\/2025\/11\/Untitled-4-September-2025-23.17-e1762849716166.png","datePublished":"2025-08-23T09:34:23+00:00","dateModified":"2026-05-30T09:09:48+00:00","breadcrumb":{"@id":"https:\/\/familyartguides.com\/home\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/familyartguides.com\/home\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/familyartguides.com\/home\/#primaryimage","url":"https:\/\/familyartguides.com\/wp-content\/uploads\/2025\/11\/Untitled-4-September-2025-23.17-e1762849716166.png","contentUrl":"https:\/\/familyartguides.com\/wp-content\/uploads\/2025\/11\/Untitled-4-September-2025-23.17-e1762849716166.png"},{"@type":"BreadcrumbList","@id":"https:\/\/familyartguides.com\/home\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/familyartguides.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/familyartguides.com\/#website","url":"https:\/\/familyartguides.com\/","name":"Family Art Guides","description":"","publisher":{"@id":"https:\/\/familyartguides.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/familyartguides.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/familyartguides.com\/#organization","name":"Family Art Guides","url":"https:\/\/familyartguides.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/familyartguides.com\/#\/schema\/logo\/image\/","url":"https:\/\/familyartguides.com\/wp-content\/uploads\/2025\/08\/cropped-logo_familyartguides-306x66-1.png","contentUrl":"https:\/\/familyartguides.com\/wp-content\/uploads\/2025\/08\/cropped-logo_familyartguides-306x66-1.png","width":306,"height":66,"caption":"Family Art Guides"},"image":{"@id":"https:\/\/familyartguides.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/familyartguides.com\/en\/wp-json\/wp\/v2\/pages\/414","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/familyartguides.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/familyartguides.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/familyartguides.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/familyartguides.com\/en\/wp-json\/wp\/v2\/comments?post=414"}],"version-history":[{"count":196,"href":"https:\/\/familyartguides.com\/en\/wp-json\/wp\/v2\/pages\/414\/revisions"}],"predecessor-version":[{"id":2166,"href":"https:\/\/familyartguides.com\/en\/wp-json\/wp\/v2\/pages\/414\/revisions\/2166"}],"wp:attachment":[{"href":"https:\/\/familyartguides.com\/en\/wp-json\/wp\/v2\/media?parent=414"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}