{"id":137,"date":"2025-06-30T08:14:56","date_gmt":"2025-06-30T08:14:56","guid":{"rendered":"https:\/\/bigarttagroup.com\/production\/?page_id=137"},"modified":"2025-07-15T11:33:09","modified_gmt":"2025-07-15T11:33:09","slug":"event-coverage","status":"publish","type":"page","link":"https:\/\/bigarttagroup.com\/production\/event-coverage\/","title":{"rendered":"Event Coverage"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(1,38,53,0.76)&#8221; background_image=&#8221;https:\/\/bigarttagroup.com\/production\/wp-content\/uploads\/2025\/06\/201336957_1c30e736-8f80-4ec1-aecf-107fde4e5aad-scaled.jpg&#8221; background_blend=&#8221;overlay&#8221; custom_margin=&#8221;-143px||||false|false&#8221; custom_padding=&#8221;121px||120px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;70px||70px||true|false&#8221; custom_css_main_element=&#8221;display: flex;||align-items : center;||flex-wrap: wrap;&#8221; global_colors_info=&#8221;{}&#8221; custom_css_main_element_last_edited=&#8221;on|tablet&#8221; custom_css_main_element_tablet=&#8221;display: flex;||align-items : center;||flex-wrap: wrap;&#8221; custom_css_main_element_phone=&#8221;display: flex;||align-items : center;||flex-wrap: wrap;&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;#FFFFFF&#8221; header_2_text_color=&#8221;#FFFFFF&#8221; header_2_font_size=&#8221;62px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>Event Coverage<\/h2>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;#FFFFFF&#8221; header_2_text_color=&#8221;#FFFFFF&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Bigartta Productions specializes in creating powerful and thought-provoking documentaries that inform, inspire, and drive change. Whether highlighting social issues, community stories, organizational impact, or cultural heritage, our team handles in-depth research, scripting, filming, and post-production with a strong narrative approach and cinematic quality.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||||false|false&#8221; global_colors_info=&#8221;{}&#8221; locked=&#8221;off&#8221;][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Poppins||||||||&#8221; text_font_size=&#8221;42px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Portfolio<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div class=\"youtube-playlists\"><div class=\"youtube-videos\"><\/div><\/div><style>\n         .youtube-playlists {\n            margin: 20px auto;\n            width: 100%;\n        }\n\n        .playlist-filter {\n            display: flex;\n            gap: 10px;\n            margin-bottom: 20px;\n        }\n\n        .playlist-button {\n            padding: 10px 15px;\n            cursor: pointer;\n            background-color: white; \/* Set the background to white *\/\n            border: 1px solid #ddd;\n            border-radius: 5px;\n        }\n\n        .playlist-button.active {\n            background-color: #DC8032; \/* Active color set to warm orange *\/\n            color: #fff; \/* White text when active *\/\n        }\n\n        .youtube-videos {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 20px;\n            justify-content: center; \/* Center align the video thumbnails *\/\n        }\n\n        .youtube-video {\n            width: 355px;  \/* Set the width of the card to 355px *\/\n            height: 205px;  \/* Set the height of the card to 205px *\/\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n            margin-bottom: 20px; \/* Ensure space between the rows *\/\n            border-radius: 10px; \/* Optional: gives the card a rounded corner effect *\/\n        }\n\n        .youtube-video img {\n            width: 100%; \/* Make the image fit the card size *\/\n            height: 100%; \/* Make the image fill the height *\/\n            object-fit: cover; \/* Ensure the image fills the card without stretching *\/\n            border-radius: 10px; \/* Rounded corners for images *\/\n            transition: transform 0.3s ease;\n        }\n\n        .youtube-video .overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.6);\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n            padding: 20px;\n            box-sizing: border-box;\n        }\n\n        .youtube-video:hover .overlay {\n            opacity: 1; \/* Show overlay on hover *\/\n        }\n\n        .youtube-video .overlay .play-icon {\n            font-size: 40px;\n            color: white;\n            margin-bottom: 10px; \/* Space between icon and title *\/\n            cursor: pointer;\n        }\n\n        .youtube-video .overlay .title {\n            font-size: 16px;\n            color: white;\n            text-align: center;\n            margin-top: 0; \/* Ensure no additional space on top *\/\n        }\n\n        .youtube-video:hover img {\n            transform: scale(1.1); \/* Zoom image slightly on hover *\/\n        }\n\n        \/* Fancybox custom styles for larger lightbox *\/\n        .fancybox-content {\n            width: 80% !important;\n            max-width: 800px !important;\n            max-height: 500px !important;\n            min-width: 800px !important;\n            min-height: 500px !important;\n            margin: auto !important;\n        }\n\n        \/* Close button style *\/\n        .fancybox-close {\n            top: 10px;\n            right: 10px;\n            background-color: rgba(0, 0, 0, 0.5);\n            color: white;\n            font-size: 20px;\n            width: 30px;\n            height: 30px;\n            text-align: center;\n            line-height: 30px;\n            border-radius: 50%;\n            cursor: pointer;\n        }\n\n        \/* Add overlay to darken the background *\/\n        .fancybox-overlay {\n            background: rgba(0, 0, 0, 0.7) !important;\n        }\n\n        \/* Responsive styles *\/\n        @media (max-width: 768px) {\n            .playlist-filter {\n                display: block;\n            }\n\n            .playlist-button {\n                display: none;\n            }\n\n            .playlist-select {\n                display: block;\n                width: 100%;\n                padding: 10px;\n                border: 1px solid #ddd;\n                border-radius: 5px;\n                background-color: #f1f1f1;\n            }\n\n            .youtube-video {\n                flex: 1 1 calc(50% - 20px); \/* Make videos take up 50% width on smaller screens *\/\n            }\n        }\n\n        @media (max-width: 480px) {\n            .youtube-video {\n                flex: 1 1 100%; \/* Make videos take up full width on very small screens *\/\n            }\n        }\n    <\/style><link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fancyapps\/fancybox@3.5.7\/dist\/jquery.fancybox.min.css\" \/><script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script><script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@fancyapps\/fancybox@3.5.7\/dist\/jquery.fancybox.min.js\"><\/script><script>\n        document.addEventListener(\"DOMContentLoaded\", function () {\n            const apiKey = \"AIzaSyA8vUZvTU_TPUhoIEHMhu-0ZS1v-R0P-fQ\";\n            const channelId = \"UCvBbOEGuy3GZWqK5_ndfYYw\";\n            const initialPlaylistId = \"PLrgjRWEREmEE2drekae7ovYP15aZuru9x\";\n            const videosContainer = document.querySelector(\".youtube-videos\");\n            const buttons = document.querySelectorAll(\".playlist-button\") || [];\n            const select = document.getElementById(\"playlist-select\");\n\n            function fetchVideos(playlistId) {\n                let url =\n                    playlistId === \"all\"\n                        ? `https:\/\/www.googleapis.com\/youtube\/v3\/search?part=snippet&channelId=${channelId}&maxResults=10&order=date&type=video&key=${apiKey}`\n                        : `https:\/\/www.googleapis.com\/youtube\/v3\/playlistItems?part=snippet&playlistId=${playlistId}&maxResults=10&key=${apiKey}`;\n\n                fetch(url)\n                    .then((response) => response.json())\n                    .then((data) => {\n                        videosContainer.innerHTML = \"\";\n                        const items = data.items || [];\n                        items.forEach((item) => {\n                            const videoId =\n                                playlistId === \"all\"\n                                    ? item.id.videoId\n                                    : item.snippet.resourceId.videoId;\n\n                            const videoHTML = `\n                                <div class=\"youtube-video\">\n                                    <a href=\"https:\/\/www.youtube.com\/embed\/${videoId}\" data-fancybox=\"gallery\" data-type=\"iframe\">\n                                        <img decoding=\"async\" src=\"${item.snippet.thumbnails.medium.url}\" alt=\"${item.snippet.title}\">\n                                        <div class=\"overlay\">\n                                            <i class=\"play-icon fas fa-play\"><\/i>\n                                            <p class=\"title\">${item.snippet.title}<\/p>\n                                        <\/div>\n                                    <\/a>\n                                <\/div>\n                            `;\n                            videosContainer.innerHTML += videoHTML;\n                        });\n                    });\n            }\n\n            if (buttons.length > 0) {\n                buttons.forEach((button) => {\n                    button.addEventListener(\"click\", function () {\n                        buttons.forEach((btn) => btn.classList.remove(\"active\"));\n                        this.classList.add(\"active\");\n                        const id = this.getAttribute(\"data-playlist-id\");\n                        if (select) select.value = id;\n                        fetchVideos(id);\n                    });\n                });\n            }\n\n            if (select) {\n                select.addEventListener(\"change\", function () {\n                    if (buttons.length > 0) buttons.forEach((btn) => btn.classList.remove(\"active\"));\n                    fetchVideos(this.value);\n                });\n            }\n\n            fetchVideos(initialPlaylistId);\n        });\n    <\/script>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Event CoverageBigartta Productions specializes in creating powerful and thought-provoking documentaries that inform, inspire, and drive change. Whether highlighting social issues, community stories, organizational impact, or cultural heritage, our team handles in-depth research, scripting, filming, and post-production with a strong narrative approach and cinematic quality.Portfolio<div class=\"youtube-playlists\"><div class=\"youtube-videos\"><\/div><\/div><style>\n         .youtube-playlists {\n            margin: 20px auto;\n            width: 100%;\n        }\n\n        .playlist-filter {\n            display: flex;\n            gap: 10px;\n            margin-bottom: 20px;\n        }\n\n        .playlist-button {\n            padding: 10px 15px;\n            cursor: pointer;\n            background-color: white; \/* Set the background to white *\/\n            border: 1px solid #ddd;\n            border-radius: 5px;\n        }\n\n        .playlist-button.active {\n            background-color: #DC8032; \/* Active color set to warm orange *\/\n            color: #fff; \/* White text when active *\/\n        }\n\n        .youtube-videos {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 20px;\n            justify-content: center; \/* Center align the video thumbnails *\/\n        }\n\n        .youtube-video {\n            width: 355px;  \/* Set the width of the card to 355px *\/\n            height: 205px;  \/* Set the height of the card to 205px *\/\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n            margin-bottom: 20px; \/* Ensure space between the rows *\/\n            border-radius: 10px; \/* Optional: gives the card a rounded corner effect *\/\n        }\n\n        .youtube-video img {\n            width: 100%; \/* Make the image fit the card size *\/\n            height: 100%; \/* Make the image fill the height *\/\n            object-fit: cover; \/* Ensure the image fills the card without stretching *\/\n            border-radius: 10px; \/* Rounded corners for images *\/\n            transition: transform 0.3s ease;\n        }\n\n        .youtube-video .overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.6);\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n            padding: 20px;\n            box-sizing: border-box;\n        }\n\n        .youtube-video:hover .overlay {\n            opacity: 1; \/* Show overlay on hover *\/\n        }\n\n        .youtube-video .overlay .play-icon {\n            font-size: 40px;\n            color: white;\n            margin-bottom: 10px; \/* Space between icon and title *\/\n            cursor: pointer;\n        }\n\n        .youtube-video .overlay .title {\n            font-size: 16px;\n            color: white;\n            text-align: center;\n            margin-top: 0; \/* Ensure no additional space on top *\/\n        }\n\n        .youtube-video:hover img {\n            transform: scale(1.1); \/* Zoom image slightly on hover *\/\n        }\n\n        \/* Fancybox custom styles for larger lightbox *\/\n        .fancybox-content {\n            width: 80% !important;\n            max-width: 800px !important;\n            max-height: 500px !important;\n            min-width: 800px !important;\n            min-height: 500px !important;\n            margin: auto !important;\n        }\n\n        \/* Close button style *\/\n        .fancybox-close {\n            top: 10px;\n            right: 10px;\n            background-color: rgba(0, 0, 0, 0.5);\n            color: white;\n            font-size: 20px;\n            width: 30px;\n            height: 30px;\n            text-align: center;\n            line-height: 30px;\n            border-radius: 50%;\n            cursor: pointer;\n        }\n\n        \/* Add overlay to darken the background *\/\n        .fancybox-overlay {\n            background: rgba(0, 0, 0, 0.7) !important;\n        }\n\n        \/* Responsive styles *\/\n        @media (max-width: 768px) {\n            .playlist-filter {\n                display: block;\n            }\n\n            .playlist-button {\n                display: none;\n            }\n\n            .playlist-select {\n                display: block;\n                width: 100%;\n                padding: 10px;\n                border: 1px solid #ddd;\n                border-radius: 5px;\n                background-color: #f1f1f1;\n            }\n\n            .youtube-video {\n                flex: 1 1 calc(50% - 20px); \/* Make videos take up 50% width on smaller screens *\/\n            }\n        }\n\n        @media (max-width: 480px) {\n            .youtube-video {\n                flex: 1 1 100%; \/* Make videos take up full width on very small screens *\/\n            }\n        }\n    <\/style><link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fancyapps\/fancybox@3.5.7\/dist\/jquery.fancybox.min.css\" \/><script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script><script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@fancyapps\/fancybox@3.5.7\/dist\/jquery.fancybox.min.js\"><\/script><script>\n        document.addEventListener(\"DOMContentLoaded\", function () {\n            const apiKey = \"AIzaSyA8vUZvTU_TPUhoIEHMhu-0ZS1v-R0P-fQ\";\n            const channelId = \"UCvBbOEGuy3GZWqK5_ndfYYw\";\n            const initialPlaylistId = \"PLrgjRWEREmEE2drekae7ovYP15aZuru9x\";\n            const videosContainer = document.querySelector(\".youtube-videos\");\n            const buttons = document.querySelectorAll(\".playlist-button\") || [];\n            const select = document.getElementById(\"playlist-select\");\n\n            function fetchVideos(playlistId) {\n                let url =\n                    playlistId === \"all\"\n                        ? `https:\/\/www.googleapis.com\/youtube\/v3\/search?part=snippet&channelId=${channelId}&maxResults=10&order=date&type=video&key=${apiKey}`\n                        : `https:\/\/www.googleapis.com\/youtube\/v3\/playlistItems?part=snippet&playlistId=${playlistId}&maxResults=10&key=${apiKey}`;\n\n                fetch(url)\n                    .then((response) => response.json())\n                    .then((data) => {\n                        videosContainer.innerHTML = \"\";\n                        const items = data.items || [];\n                        items.forEach((item) => {\n                            const videoId =\n                                playlistId === \"all\"\n                                    ? item.id.videoId\n                                    : item.snippet.resourceId.videoId;\n\n                            const videoHTML = `\n                                <div class=\"youtube-video\">\n                                    <a href=\"https:\/\/www.youtube.com\/embed\/${videoId}\" data-fancybox=\"gallery\" data-type=\"iframe\">\n                                        <img decoding=\"async\" src=\"${item.snippet.thumbnails.medium.url}\" alt=\"${item.snippet.title}\">\n                                        <div class=\"overlay\">\n                                            <i class=\"play-icon fas fa-play\"><\/i>\n                                            <p class=\"title\">${item.snippet.title}<\/p>\n                                        <\/div>\n                                    <\/a>\n                                <\/div>\n                            `;\n                            videosContainer.innerHTML += videoHTML;\n                        });\n                    });\n            }\n\n            if (buttons.length > 0) {\n                buttons.forEach((button) => {\n                    button.addEventListener(\"click\", function () {\n                        buttons.forEach((btn) => btn.classList.remove(\"active\"));\n                        this.classList.add(\"active\");\n                        const id = this.getAttribute(\"data-playlist-id\");\n                        if (select) select.value = id;\n                        fetchVideos(id);\n                    });\n                });\n            }\n\n            if (select) {\n                select.addEventListener(\"change\", function () {\n                    if (buttons.length > 0) buttons.forEach((btn) => btn.classList.remove(\"active\"));\n                    fetchVideos(this.value);\n                });\n            }\n\n            fetchVideos(initialPlaylistId);\n        });\n    <\/script><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-137","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bigarttagroup.com\/production\/wp-json\/wp\/v2\/pages\/137","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bigarttagroup.com\/production\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bigarttagroup.com\/production\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bigarttagroup.com\/production\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bigarttagroup.com\/production\/wp-json\/wp\/v2\/comments?post=137"}],"version-history":[{"count":3,"href":"https:\/\/bigarttagroup.com\/production\/wp-json\/wp\/v2\/pages\/137\/revisions"}],"predecessor-version":[{"id":220,"href":"https:\/\/bigarttagroup.com\/production\/wp-json\/wp\/v2\/pages\/137\/revisions\/220"}],"wp:attachment":[{"href":"https:\/\/bigarttagroup.com\/production\/wp-json\/wp\/v2\/media?parent=137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}