.paragraph--type--testimonial .region {
    padding: 3rem 4vw;
    max-width: var(--content-width-narrower);
}

.paragraph--type--testimonial .content-wrap {
    display: flex;
    /* align-items: center; */
    justify-content: space-around;
    gap: 2rem;
}
.portrait-align-left .flex-row {
   flex-direction: row-reverse;
}

.portrait-align-right .flex-row {
   flex-direction: row;
}

.paragraph--type--testimonial .testimonial-wrap {
    flex-basis: 50%;
}

/* caj added content block, testimonial-content-block-color, testimonial-block to make colored border for imageless testimonials on 4/30/25 */
.paragraph--type--testimonial .content-block {
    display: block;
}
.content-block .testimonial-content-block-color {
   border-radius: 1em;
   padding: 3.5em 3.5em; 
}
.color-orange .content-block .testimonial-content-block-color {
    border: 3px solid var(--color-uw-accent-orange);
}
.color-yellow .content-block .testimonial-content-block-color {
    border: 3px solid var(--color-uw-accent-yellow);
}
.color-beige .content-block .testimonial-content-block-color {
    border: 3px solid var(--color-uw-accent-beige);
}
.color-green .content-block .testimonial-content-block-color {
    border: 3px solid var(--color-uw-accent-green);
}
.color-bluegray .content-block .testimonial-content-block-color {
    border: 3px solid var(--color-uw-accent-blue-gray);
}
.color-dkbluegray .content-block .testimonial-content-block-color {
    border: 3px solid var(--color-uw-accent-dk-blue-gray);
}

.paragraph--type--testimonial .testimonial-block {
    display: inline-block;
}

.paragraph--type--testimonial .author-wrap {
    /* margin: 0 auto; */
}

/* caj changed from 3rem to 2.8rem and added blockquote font on 4/30/25 */
.paragraph--type--testimonial .testimonial, .paragraph--type--testimonial .testimonial-quote {
    font-size: 2.8rem; /* caj changed from 3rem to 2.8rem on 4/30/25 */
    font-family: var(--font-blockquote);
}

.paragraph--type--testimonial .testimonial-quote {
    text-align: center;
}
/* caj added quotes before and after on 4/30/25 */
.paragraph--type--testimonial .testimonial div::before, .paragraph--type--testimonial .testimonial div::after {
    content: "\"";
}
/* caj renamed svg to testimonial-center on 4/30/25, then removed from twig template on 5/8/25  
.paragraph--type--testimonial .testimonial-center {
    text-align: center;
} 
*/

/* caj - removed 4/30/25
.paragraph--type--testimonial svg {
    width: 4rem;
}
*/

.paragraph--type--testimonial .author-credits {
    text-align: right;
    color: var(--color-uw-body);
    overflow: overlay;
    padding: 2rem 2rem 0;
    /* max-width: 320px; */
    box-sizing: border-box;
    margin-top: -2em;
    border-radius: 0 0 15px 15px;
}

/* caj added block to center author info on no-image testimonials on 4/30/25 */
.paragraph--type--testimonial .author-credits-block {
    text-align: center;
    color: var(--color-uw-body);
    overflow: overlay;
    padding: 2rem 2rem 0;
    /* max-width: 320px; */
    box-sizing: border-box;
    margin-top: -9px;
    border-radius: 0 0 15px 15px;
}

.paragraph--type--testimonial .author-credits .name, .paragraph--type--testimonial .author-credits-block .name {
    font-size: 2.2rem;
    font-weight: bold;
}

/* caj added dash before author name on 4/30/25 */
.paragraph--type--testimonial .author-credits .name::before, .paragraph--type--testimonial .author-credits-block .name::before {
    content: "- ";
}

.paragraph--type--testimonial .author-credits .title {
    max-width: 75%;
    float: right;
    margin-top: -.5em;
}
/* caj added title-noimage to be able to make changes to title, above, on 5/1/25 */
.paragraph--type--testimonial .author-credits-block .title-noimage {
    margin-top: -.5em;
}

.paragraph--type--testimonial .media-wrap>div {
    margin: 0 0 2rem auto;
}

@media screen and (max-width: 1280px) {

    .paragraph--type--testimonial .testimonial {
        font-size: 2.3rem;
        padding-bottom: .75em;
    }
}

@media screen and (max-width: 1024px) {
    .paragraph--type--testimonial .testimonial {
        font-size: 2.1rem;
        padding-bottom: .75em;
    }

    .paragraph--type--testimonial .region {
        padding: 2rem 6vw;
    }

    .paragraph--type--testimonial .author-credits {
        margin-top: -1em;
        padding: 0 2rem 0;
    }
    .paragraph--type--testimonial .author-credits .title {
        margin-top: -.5em;
    }

}

@media screen and  (max-width: 720px) {
    .paragraph--type--testimonial .content-wrap {
        display: block;
    }

    .paragraph--type--testimonial .testimonial-wrap {
        margin-bottom: 4rem;
    }

/* caj commented this out on 5/8/25 since it's redundant. There's another .testimonial call at bottom of page 
    .paragraph--type--testimonial .testimonial {
        font-size: 1.7rem;
        padding-bottom: 1em;
    }
    */

/* caj changed text-align to center on 5/8/25 */
    .paragraph--type--testimonial .author-credits .title, .paragraph--type--testimonial .author-credits {
        text-align: center;
        float: none;
        max-width: unset;
    }
    .paragraph--type--testimonial .author-credits {
        margin-top: -2rem;
    }
    .paragraph--type--testimonial .author-credits .title {
        margin-top: -1rem;
    }

    .paragraph--type--testimonial .content-wrap {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr auto;
    }

    .paragraph--type--testimonial .testimonial-wrap {
        grid-row: 2;
        max-width: 48rem;
        margin: 0 auto 4rem;
    }
    
    /* caj added content-block and testimonial-block to center author info on no-image testimonials on 4/30/25 */
    .paragraph--type--testimonial .content-block {
        display: block;
    }
    
    .paragraph--type--testimonial .testimonial-block {
        display: inline-block;
    }

    .paragraph--type--testimonial .author-wrap {
        max-width: 32rem;
        margin: 0 auto;
    }

    .paragraph--type--testimonial .testimonial {
        font-size: 2rem;
        padding-bottom: 0;
    }

}