/*
 Initial carousel styles,
 can be overridden by JS
*/

.embla,
embla-carousel {
    --slide-spacing: clamp(0.5rem, calc(0.25rem + 0.5vw), 0.8rem);
    --slide-size: calc(100% / 5);

    .embla__viewport,
    embla-viewport {
        display: block;
        overflow: hidden;

        .embla__container,
        embla-container {
            display: flex;
            touch-action: pan-y pinch-zoom;
            margin-left: calc(var(--slide-spacing) * -1);

            .embla__slide,
            embla-slide {
                transform: translate3d(0, 0, 0);
                flex: 0 0 var(--slide-size);
                min-width: 0;
                padding-left: var(--slide-spacing);
                cursor: grab;

                &:active {
                    cursor: grabbing
                }
            }
        }
    }
}


@media (max-width: 992px) {
    .embla {
        --slide-size: calc(100% / 4);
    }
}

@media (max-width: 768px) {
    .embla {
        --slide-size: calc(100% / 3);
    }
}

@media (max-width: 480px) {
    .embla {
        --slide-size: calc(100% / 2);
    }
}




/* utility classes */

:root {
    /* Font Sizes */
    --cs-fs-100: 0.75rem;
    --cs-fs-200: 0.875rem;
    --cs-fs-300: 1rem;
    --cs-fs-400: 1.125rem;
    --cs-fs-500: 1.325rem;
    --cs-fs-600: 1.625rem;
    --cs-fs-700: 2rem;
    --cs-fs-800: 2.325rem;
    --cs-fs-900: 3rem;
    --cs-fs-section-title: clamp(1.5rem, calc(0.75rem + 1.5vw), 3.5rem);

    /* colors */
    --cs-clr-primary: #193a43;
    --cs-clr-secondary: #ef6a00;
    --cs-max-page-width: 1400px;
    --cs-fluid-spacing: clamp(1rem, calc(2vw + 0.5rem), 2rem);
    --cs-section-inline-spacing: calc(var(--cs-fluid-spacing) * 1.4);

    /* easing */
    --ease-collapse: cubic-bezier(0.65, 0.05, 0.36, 1);
    --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
    --tf-linear: linear(0, 0.001 0.2%, 0.007 0.5%, 0.016 0.8%, 0.03 1.2%, 0.061 1.9%, 0.157 4%, 0.213 5.3%, 0.278 6.9%, 0.337 8.5%, 0.388 10%, 0.438 11.6%, 0.484 13.2%, 0.529 14.9%, 0.574 16.8%, 0.617 18.8%, 0.656 20.8%, 0.693 22.9%, 0.727 25.1%, 0.758 27.4%, 0.787 29.8%, 0.814 32.3%, 0.837 34.8%, 0.859 37.5%, 0.879 40.3%, 0.897 43.3%, 0.912 46.4%, 0.927 49.7%, 0.939 53.2%, 0.95 56.9%, 0.968 65%, 0.98 74.5%, 0.989 85.8%, 1);
}


@media (max-width: 640px) {
    :root {
        --cs-fs-100: 0.65rem;
        --cs-fs-200: 0.75rem;
        --cs-fs-300: 0.875rem;
        --cs-fs-400: 1rem;
        --cs-fs-500: 1.0625rem;
        --cs-fs-600: 1.25rem;
        --cs-fs-700: 1.5rem;
        --cs-fs-800: 1.75rem;
        --cs-fs-900: 2.25rem;
    }
}


/* @media (max-width: 480px) {
    :root {
        --cs-fs-100: 0.55rem;
        --cs-fs-200: 0.65rem;
        --cs-fs-300: 0.75rem;
        --cs-fs-400: 0.875rem;
        --cs-fs-500: 1rem;
        --cs-fs-600: 1.125rem;
        --cs-fs-700: 1.25rem;
        --cs-fs-800: 1.5rem;
        --cs-fs-900: 1.75rem;
    }
} */