﻿
/* #region large-display */
.generic-flex-content-block .large-display .section-header-text {
    font-size: 40px;
}

.generic-flex-content-block .large-display .section-header-desc {
    font-size: 24px;
}

.generic-flex-content-block .large-display .flex-container-items .flex-item .flex-item-title {
    font-size: 24px;
}

.generic-flex-content-block .large-display .flex-container-items .flex-item .flex-item-desc {
    font-size: 16px;
}

.generic-flex-content-block .large-display .flex-container-items .flex-item {
    max-width: 300px;
}
/* #endregion large-display */

/* #region inline-image */
.generic-flex-content-block .flex-container-items.inline-image .flex-item:not(.flex-item-secondary-image-wrapper) {
    text-align: left;
    max-width: 350px;
    min-height: 200px;
    margin: 0 15px !important;
}

.generic-flex-content-block .flex-container-items.inline-image .flex-item .flex-item-title {
    font-size: 20px;
    font-weight: 900;
}

.generic-flex-content-block .flex-container-items.inline-image .flex-item .flex-item-desc {
    font-size: 16px;
}

.generic-flex-content-block .flex-container-items.inline-image .inline-flex-item-image-wrapper {
    display: flex;
    flex-direction: row;
    align-items: start;
}

    .generic-flex-content-block .flex-container-items.inline-image .inline-flex-item-image-wrapper .inline-image-wrapper-innerflex .flex-item-title {
        margin-top: 3px;
    }

    .generic-flex-content-block .flex-container-items.inline-image .inline-flex-item-image-wrapper .flex-item-image {
        max-width: 39px !important;
        padding: 0 10px 0 0 !important;
    }

@media screen and (min-width: 768px) {
    .generic-flex-content-block .flex-container-items.inline-image .inline-flex-item-image-wrapper .inline-image-wrapper-innerflex .flex-item-title {
        padding-top: 3px;
        margin-top: 0;
    }
}

@media screen and (max-width: 767px) {
    .generic-flex-content-block .flex-container-items.inline-image .flex-item {
        min-height: unset;
        margin-bottom: 36px !important;
    }
}
/* #endregion inline-image */

/* #region secondary-image */
.generic-flex-content-block .flex-container-items.secondary-image {
}

    .generic-flex-content-block .flex-container-items.secondary-image .inline-image-wrapper-innerflex {
        min-width: 365px;
    }

@media screen and (max-width: 767px) {
    .generic-flex-content-block .flex-container-items.secondary-image {
        max-width: 325px;
        margin: auto;
        padding-top: 20px;
    }

        .generic-flex-content-block .flex-container-items.secondary-image .flex-item .inline-flex-item-image-wrapper {
            display: block !important;
        }

            .generic-flex-content-block .flex-container-items.secondary-image .flex-item .inline-flex-item-image-wrapper .flex-item-image {
                padding-bottom: 20px !important;
            }

        .generic-flex-content-block .flex-container-items.secondary-image .flex-item:not(.flex-item-secondary-image-wrapper) {
            text-align: center !important;
        }

        .generic-flex-content-block .flex-container-items.secondary-image .flex-item.inline-image {
            min-height: unset !important;
        }

        .generic-flex-content-block .flex-container-items.secondary-image .flex-item.flex-item-secondary-image-wrapper {
            padding-top: 32px !important;
        }
}

.generic-flex-content-block .splide {
    max-width: 1140px;
    margin: auto;
}

    .generic-flex-content-block .splide .flex-item-title {
        padding-top: 29px;
    }

    .generic-flex-content-block .splide .splide__pagination__page.is-active {
        background: #333740;
    }

    .generic-flex-content-block .splide .splide__pagination {
        bottom: -2em !important;
    }

    .generic-flex-content-block .splide .splide__arrow {
        margin-top: -20px !important;
        background: #FFF;
    }

@media (min-width: 767px) {
    .generic-flex-content-block .splide .splide__arrow--prev {
        left: -2em;
    }

    .generic-flex-content-block .splide .splide__arrow--next {
        right: -2em;
    }
}

@media (min-width: 991px) {
    .generic-flex-content-block .splide .splide__arrow--prev {
        left: -2em;
    }

    .generic-flex-content-block .splide .splide__arrow--next {
        right: -2em;
    }
}
/* #endregion secondary-image */
