/*
* @author  Agence Dn'D <contact@dnd.fr>
* @license https://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
* @link    https://www.dnd.fr/
*/

.section-slideshow-with-text {
    margin: 30px 0;

    .majortitle {
        font-weight: var(--font-weight-600);
        font-size: var(--title-size-h2-desktop);
        font-family: var(--font-family-rift);
        letter-spacing: var(--letter-spacing-rift);
    }

    .flexible-layout {
        margin-left: 0;
    }

    .section-container {
        display: flex;
        flex-direction: column;

        .slideshow-container {
            background-color: var(--true-gray-400);

            .page-btn {
                .page-btn__fg-circle {
                    stroke: var(--true-gray-600);
                }

                .page-btn__bg-circle {
                    fill: var(--true-gray-600);
                }

                &[aria-current="true"] {
                    .page-btn__bg-circle {
                        fill: transparent;
                    }
                }
            }
        }

        .text-container {
            padding: 30px var(--container-mobile-pad-x) 20px var(--container-mobile-pad-x);

            h2 {
                margin-bottom: 20px;
            }
        }
    }
}

@media (min-width: 767.98px) {
    .section-slideshow-with-text {
        margin: 0;

        .majortitle {
            font-size: var(--base-text-size-xx-large);
        }

        .section-container {
            flex-direction: row;
            align-items: center;

            .text-container,
            .slideshow-container {
                width: 50%;
            }

            .text-container {
                padding-right: 0;
                padding-left: 0;

                .text-wrapper {
                    margin-right: 15%;
                    margin-left: 15%;
                }
            }
        }
    }
}