﻿.initials-image-wrapper .img {
    align-items: center;
    display: flex;
    justify-content: center;
}

    .initials-image-wrapper .img.colored {
        background: var(--blue-dark);
    }

    .initials-image-wrapper .img span.name-initials {
        color: var(--white);
        font-weight: 300;
        font-size: 1.250rem;
    }

.initials-image-wrapper .item:nth-child(7n+1) .img.colored,
.initials-image-wrapper tr:nth-child(7n+1) .img.colored {
    background: var(--blue-dark);
}

.initials-image-wrapper .item:nth-child(7n+2) .img.colored,
.initials-image-wrapper tr:nth-child(7n+2) .img.colored {
    background: var(--orange);
}

.initials-image-wrapper .item:nth-child(7n+3) .img.colored,
.initials-image-wrapper tr:nth-child(7n+3) .img.colored {
    background: var(--green);
}

.initials-image-wrapper .item:nth-child(7n+4) .img.colored,
.initials-image-wrapper tr:nth-child(7n+4) .img.colored {
    background: var(--yellow);
}

.initials-image-wrapper .item:nth-child(7n+5) .img.colored,
.initials-image-wrapper tr:nth-child(7n+5) .img.colored {
    background: var(--pink);
}

.initials-image-wrapper .item:nth-child(7n+6) .img.colored,
.initials-image-wrapper tr:nth-child(7n+6) .img.colored {
    background: var(--purple-dark);
}

.initials-image-wrapper .item:nth-child(7n+7) .img.colored,
.initials-image-wrapper tr:nth-child(7n+7) .img.colored {
    background: var(--blue-twitter);
}
