/**
 *  Public Relation list - PEOPLE
 */

.relation-list--people {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.relation-list--people li {
    flex: 0 0 100%;
    margin-bottom: 1rem;
}

@media (min-width: 800px) {
    .relation-list--people {
        margin-left: -1rem;
    }

    .relation-list--people li {
        flex-basis: calc(50% - 1rem);
        margin-left: 1rem;
    }
}

/**
 *  Public Relation list - item
 */

.peopleCard {
    display: flex;
    height: 100%;
    min-height: 150px;
    background-color: var(--primaryColor100);
}

.peopleCard__imageColumn {
    position: relative;
    width: calc(80px + 1rem);
    height: 100%;
    padding: .5rem;
    border-right: 1px solid var(--primaryColor200);
}

.peopleCard__imageColumn::before {
    position: absolute;
    top: .5rem;
    left: 50%;
    transform: translate(-50%, 0);
    content: '\e815';
    display: inline-block;
    font-family: 'fa-regular', sans-serif;
    font-size: 3rem;
    color: var(--primaryColor200);
}

.peopleCard__image {
    position: relative;
    margin: 0;
    height: 80px;
    width: 80px;
    overflow: hidden;
}

.peopleCard__image,
.peopleCard__image img {
    display: block;
    margin: 0 auto;
}

.peopleCard__contentColumn {
    flex: 1;
    padding: 1rem 1.5rem;
}

.peopleCard__info,
.peopleCard__infoData {
    margin: 0;
}

.peopleCard__name {
    font-size: var(--h6Size);
    font-weight: 600;
}

.peopleCard__contactInfo {
    margin-top: 1rem;
}

.peopleCard__contactLink::before {
    margin-right: .5rem;
}

.peopleCard__contactLink:hover::before {
    text-decoration: none;
}

@media (min-width: 375px) {
    .peopleCard {
        position: relative;
    }

    .peopleCard__imageColumn {
        position: relative;
        width: 150px;
        margin: 0;
        padding: 0;
    }

    .peopleCard__imageColumn::before {
        top: 50%;
        transform: translate(-50%, -50%);
        font-size: 5rem;
    }

    .peopleCard__image {
        width: 150px;
        height: 150px;
    }
}

/**
 *  Public Relation list - COMPANY LOGOS (for article template "partners")
 */

.relation-list--partners {
    margin: 0;
    padding: 0;
    list-style: none;
}