DIV.testimonial
{
    BACKGROUND: var(--cms-background-alt2);
    BOX-SIZING: border-box;
    COLOR: var(--cms-color-alt2);
    DISPLAY: flex;
    FLEX-DIRECTION: column;
    GAP: var(--cms-hpadding);
    HEIGHT: 100%;
    PADDING: var(--cms-hpadding);
}

DIV.testimonial:not(.edit)
{
    BORDER-RADIUS: var(--cms-hpadding);
    OVERFLOW: clip;
}

SECTION.alternative DIV.testimonial:not(.edit)
{
    BOX-SHADOW: var(--cms-factor) var(--cms-factor) var(--cms-factor) rgba(24, 23, 22, 0.5);
}

DIV.testimonial-image:last-child
{
    MARGIN-BOTTOM: calc(-1 * var(--cms-hpadding));
}

DIV.testimonial-image > IMG
{
    HEIGHT: calc(250 * var(--cms-factor));
    OBJECT-FIT: cover;
}

DIV.testimonial:not(.edit) DIV.testimonial-image > IMG
{
    BORDER-RADIUS: calc(var(--cms-hpadding) / 3 * 2);
    OVERFLOW: clip;
}

DIV.testimonial-image:last-child > IMG
{
    HEIGHT: 100%;
}

DIV.testimonial-title
{
    MARGIN: 0;
}

DIV.testimonial-title + DIV.testimonial-text
{
    MARGIN-TOP: calc(-1 * var(--cms-hpadding));
}

DIV.testimonial-star
{
    FLEX: 1;
    TEXT-ALIGN: center;
}

IMG.testimonial-star
{
    HEIGHT: calc(20 * var(--cms-factor));
    MARGIN: calc(2.5 * var(--cms-factor));
    OBJECT-FIT: contain;
    WIDTH: calc(20 * var(--cms-factor));
}

SECTION.alternative IMG.testimonial-star
{
    FILTER: drop-shadow(var(--cms-factor) var(--cms-factor) var(--cms-factor) rgba(24, 23, 22, 0.5));
}

DIV.testimonial-subject
{
    COLOR: var(--cms-h1-color);
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
}

DIV.testimonial-date
{
    TEXT-ALIGN: center;
}

DIV.testimonial-subject + DIV.testimonial-date
{
    MARGIN-TOP: calc(-1 * var(--cms-hpadding));
}