/* 
Theme Name: SSAS.no
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/*
 * Custom gallery slider styling for referanse pages
 *
 * These rules ensure that all sliders on the reference pages display at a
 * consistent aspect ratio and that the thumbnail navigation sits flush
 * against the main slider without unwanted gaps. Images are cropped
 * using object‑fit to fill their containers, which prevents the slider
 * height from changing based on individual image dimensions.  The
 * thumbnails are sized consistently and spaced evenly.
 */

/* Ensure the gallery container does not introduce extra spacing below */
.gallery-slider-container {
    margin-bottom: 0;
}

/* Give each slide a fixed aspect ratio and remove default margins */
.gallery-slider .slick-slide,
.gallery-slider .slider-item {
    margin: 0;
    position: relative;
    aspect-ratio: 16 / 9; /* Maintain a 16:9 ratio for uniform heights */
    overflow: hidden;
}

/* Make images fill their slide containers while preserving their centre */
.gallery-slider .slider-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Reduce or remove the gap between the main slider and the thumbnails */
.pagination-thumbnails {
    margin-top: 5px; /* minimal spacing */
    margin-bottom: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

/* Style individual thumbnail containers */
.pagination-thumbnails .thumbnail {
    padding: 0;
    margin: 0;
    cursor: pointer;
}

/* Ensure thumbnails have uniform height and crop images as needed */
.pagination-thumbnails .thumbnail img {
    height: 70px;
    width: auto;
    object-fit: cover;
    display: block;
}

/* Remove default margin between slick slides in the thumbnail nav */
.pagination-thumbnails .slick-slide {
    margin: 0;
}