/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://tessa.tech/(Optional: Change to your site)
 Description:  Hello Elementor Child Theme by Tessa
 Author:       Ivan Mandinski
 Author URI:   https://tessa.tech (Optional: Change to your site)
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  hello-elementor-child
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# General Styles
# Header Styles
# Navigation Styles
# Content Styles
# Footer Styles
# Media Queries
--------------------------------------------------------------*/

/* Add your custom CSS rules below this line */

.custom-lightbox-thumbnails {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 9999;
}

.custom-lightbox-thumb {
    width: 80px;
    height: 60px;
    object-fit: cover;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 4px;
    transition: border-color 0.3s ease;
}

.custom-lightbox-thumb:hover {
    border-color: #fff;
}

.custom-lightbox-thumb.active {
    border-color: #f00; /* Red border for active thumbnail */
}