:root {
    --hf-team-person-image-transition-duration: .3s;
    --hf-team-person-image-border-radius: 0px;
    --hf-team-person-email-icon-position: 20px;
    --hf-team-person-email-icon-color-bg: var(--hf-color-prim,#333333);
    --hf-team-person-email-icon-color: #FFFFFF;

    --hf-team-person-content-row-gap: var(--hf-inner-spacing, 30px);

    --hf-team-person-content-font-size: 18px;
    --hf-team-person-content-font-weight-bold: 700;
    --hf-team-person-content-font-weight: 450;

    --hf-team-person-content-contact-row-gap: 15px;
    --hf-team-person-content-svg-margin-right: 15px;
}

.cb-team-person {
    position: relative;
    overflow: hidden;
    row-gap: var(--hf-team-person-content-row-gap);

    .cb-team-person-image-wrapper {
        position: relative;
        overflow: hidden;
        border-radius: var(--hf-team-person-image-border-radius);
        img {
            will-change: transform;
            transition: transform var(--hf-team-person-image-transition-duration) ease-in-out;
        }

        .cb-team-person-email {
            position: absolute;
            left: var(--hf-team-person-email-icon-position);
            bottom: var(--hf-team-person-email-icon-position);

            svg {
                circle {
                    fill: var(--hf-team-person-email-icon-color-bg);
                }
                path {
                    fill: var(--hf-team-person-email-icon-color);
                }
                circle {
                    transition: fill 0.2s ease-in-out;
                }
            }

            &:hover {
                svg {
                    circle {
                        fill: var(--hf-link-hover-color);
                    }
                    path {
                        fill: var(--hf-team-person-email-icon-color);
                    }
                }
            }
        }
    }

    &:hover {
        .cb-team-person-image-wrapper {
            img {
                transform: scale(1.03);
            }
        }
    }
}

.cb-team-person-content-wrapper-block {
    row-gap: var(--hf-team-person-content-row-gap);
}

.cb-team-person-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cb-team-person-function {
    font-size: var(--hf-team-person-content-font-size);
    font-weight: var(--hf-team-person-content-font-weight);
}

.cb-team-person-phone {
    font-size: var(--hf-team-person-content-font-size);
    font-weight: var(--hf-team-person-content-font-weight-bold);
}

.cb-team-person-mobile {
    font-size: var(--hf-team-person-content-font-size);
    font-weight: var(--hf-team-person-content-font-weight-bold);
}

.cb-team-person-email {
    font-size: var(--hf-team-person-content-font-size);
    font-weight: var(--hf-team-person-content-font-weight-bold);
}

.cb-team-person-phone,
.cb-team-person-mobile,
.cb-team-person-email {
    a {
        display: flex;
        align-items: center;
        color: var(--hf-color-prim);

        svg {
            path {
                transition: fill 0.2s ease-in-out;
                fill: var(--hf-color-prim);
            }
        }

        &:hover {
            color: var(--hf-link-hover-color);
            svg {
                path {
                    fill: var(--hf-link-hover-color);
                }
            }
        }
    }
}

.cb-team-person .cb-team-person-content-contact svg {
    margin-right: var(--hf-team-person-content-svg-margin-right);
}

.cb-team-person-content-contact {
    row-gap: var(--hf-team-person-content-contact-row-gap);
}


@media (max-width: 768px) {

}