https://www.wycliffe.org/wp-content/themes/wycliffe/assets/js/widgets/circles-layout.js?ver=1.0.108

1/**
2 * Circles Layout Widget JavaScript
3 */
4
5(function($) {
6    'use strict';
7    
8    // Initialize after Elementor frontend init
9    $(window).on('elementor/frontend/init', function() {
10        elementorFrontend.hooks.addAction('frontend/element_ready/circles_layout.default', function($scope) {
11            // Initialize widget-specific JavaScript
12            let $widget = $scope.find('.circles-layout');
13            let $circles = $widget.find('.circles-layout__circle');
14            
15            // Add any interactive functionality here
16            // For example, hover effects, animations, etc.
17            
18            // Example: Add hover effect to circles
19            $circles.on('mouseenter', function() {
20                $(this).addClass('circles-layout__circle--hover');
21            }).on('mouseleave', function() {
22                $(this).removeClass('circles-layout__circle--hover');
23            });
24        });
25    });
26})(jQuery);