/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/css/frontend/components/acf-flexible-content/ambassadors.css ***!
  \**********************************************************************************************************************************************************************************************************************/
.ambassadors {
    --padding-top: 0;
    --padding-bottom: 0;

    background-color: var(--rb--color--main);
    padding-top: var(--padding-top);
    padding-bottom: var(--padding-bottom);
    position: relative;
    z-index: 100;
}

    .ambassadors.even-padding {
        --padding-top: var(--padding-bottom);
    }

    @media (max-width:767px) {.ambassadors {
        --direction: column;
        --align: stretch
}
    }

    @media (min-width:992px) {.ambassadors {
        --cols: 49.5fr 50.5fr;
        --col-gap: var(--rb--space--34)
}
    }

    @media (min-width:1200px) {.ambassadors {
        --col-gap: 0
}
    }

    .ambassadors .images {
        --ratio: 141/175;
        --size: calc( 50% - (var(--rb--space--14)/2) );
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        gap: var(--rb--space--14);
    }

    @media (max-width:767px) {

    .ambassadors .images {
            --size: 100%
    }
        }

    .ambassadors .images[data-count="2"] > * {
                --ratio: 141/175;
                --size: calc( 50% - (var(--rb--space--14)/2) );
            }

    @media (max-width:767px) {

    .ambassadors .images[data-count="2"] > * {
                    --size: 100%
            }
                }

    .ambassadors .img-wrapper {
        --overlay-opacity: 0;
        --overlay-text-offset: clamp(12px, 0.938vw, 18px);
        aspect-ratio: var(--ratio);
        width: var(--size);
        position: relative;
        overflow: hidden;
    }

    .ambassadors .img-wrapper:hover {
            --overlay-opacity: 1;
            --overlay-text-offset: 0px;
        }

    @media (max-width:767px) {

    .ambassadors .img-wrapper {
            --overlay-opacity: 1;
            --overlay-text-offset: 0px
    }
        }

    .ambassadors .img-wrapper .main-image {
            position: relative;
        }

    .ambassadors .img-wrapper .main-image:before {
                content: '';
                position: absolute;
                right: 0;
                bottom: 0;
                width: 50%;
                height: 120px;
                background: linear-gradient(162deg, #1D282B00 50%, #1D282B 100%);
            }

    .ambassadors .img-wrapper .signature-image {
            position: absolute;
            bottom: var(--rb--space--14);
            right: var(--rb--space--20);
            z-index: 10;
            /* width: clamp(68px, 5.104vw, 98px); */
        }

    .ambassadors .img-wrapper .signature-image img {
                height: clamp(36px, 3.177vw, 61px);
            }

    .ambassadors .img-wrapper .overlay {
            background-color: rgba(29, 40, 43, .84);
            place-content: center;
            place-items: center;
            text-align: center;
            padding: var(--rb--space--20) var(--rb--space--55);
            position: absolute;
            pointer-events: none;
            z-index: 15;
            row-gap: var(--rb--space--10);
            -webkit-transition: var(--rb--transition--3);
            transition: var(--rb--transition--3);
            opacity: var(--overlay-opacity);
        }

    @media (max-width:767px) {

    .ambassadors .img-wrapper .overlay {
                top: 50%
        }
            }

    .ambassadors .img-wrapper .overlay .name {
                font-size: var(--rb--font--30);
                letter-spacing: 0.45px;
                line-height: 1.43;
                font-weight: 700;
                -webkit-transition: var(--rb--transition--3);
                transition: var(--rb--transition--3);
                -webkit-transform: translateY( calc(var(--overlay-text-offset) * -1) );
                    -ms-transform: translateY( calc(var(--overlay-text-offset) * -1) );
                        transform: translateY( calc(var(--overlay-text-offset) * -1) );
            }

    .ambassadors .img-wrapper .overlay .bio {
                -webkit-transition: var(--rb--transition--3);
                transition: var(--rb--transition--3);
                -webkit-transform: translateY( var(--overlay-text-offset) );
                    -ms-transform: translateY( var(--overlay-text-offset) );
                        transform: translateY( var(--overlay-text-offset) );
            }

    .ambassadors .img-wrapper .overlay .bio p,
                .ambassadors .img-wrapper .overlay .bio li {
                    font-size: var(--rb--font--16);
                    letter-spacing: 0.24px;
                    line-height: 1.5;
                }

    @media (min-width:992px) {

    .ambassadors .main {
            -ms-flex-item-align: center;
                align-self: center
    }
        }

    @media (min-width:1200px) {

    .ambassadors .main {
            padding-left: clamp(40px, 5.156vw, 99px)
    }
        }

    @media (min-width:1366px) {

    .ambassadors .main {
            padding-right: clamp(30px, 3.594vw, 69px)
    }
        }

    .ambassadors .main.full {
            text-align: center;
            place-content: center;
            place-items: center;
        }

    @media (min-width:992px) {

    .ambassadors .main.full {
                grid-column: span 2;
                margin-bottom: var(--rb--space--14)
        }
            }

    .ambassadors .btn-wrapper {
        margin-top: var(--rb--space--34);
        -webkit-column-gap: clamp(12px, 1.46vw, 28px);
           -moz-column-gap: clamp(12px, 1.46vw, 28px);
                column-gap: clamp(12px, 1.46vw, 28px);
    }

    .ambassadors .btn-wrapper.no-margin {
            margin-top: 0;
        }

    .ambassadors .content h2 {
            margin-bottom: var(--rb--space--10);
        }

    .ambassadors .content h6 {
            font-size: var(--rb--font--16);
            line-height: 1.43;
            font-weight: 400;
        }

    .ambassadors .content p + * {
            margin-top: .5em;
        }

    .ambassadors .content ul {
            margin-bottom: var(--rb--space--34);
            padding-left: 1.3rem;

            line-height: 1.2;
        }

    .ambassadors .content ul li + li {
                /* margin-top: 0.56em; */
                margin-top: clamp(8px, 0.68vw, 13px);
            }

    .ambassadors .gallery {
        --cols: repeat(2, 1fr);
    }

    @media (min-width:768px) {

    .ambassadors .gallery {
            --cols: repeat(3, 1fr)
    }
        }

    @media (min-width:992px) {

    .ambassadors .gallery {
            grid-column: span 2;
            --cols: repeat(4, 1fr)
    }
        }

    @media (min-width:1200px) {

    .ambassadors .gallery {
            --cols: repeat(var(--max-cols, 6), 1fr)
    }
        }

    .ambassadors .gallery .img-wrapper {
            --ratio: 281/345;
        }

    .ambassadors .gallery .img-wrapper.large {
                grid-column: span 2;
                grid-row: span 2;
            }

    @media (min-width:1200px) {
                        .ambassadors .gallery .img-wrapper.large .overlay * {
                            width: clamp(254px, 18.958vw, 364px);
                        }
                    }

    .ambassadors .gallery .img-wrapper .bottom-name {
                position: absolute;
                bottom: 0;
                left: 0;
                z-index: 5;
                background-color: var(--rb--color--main-dark);
                padding: var(--rb--space--10) var(--rb--space--16);
                font-weight: 500;
                font-size: var(--rb--font--16);
                letter-spacing: 0.24px;
                line-height: 1.5;
                max-width: 70%;
            }