.block-testimonials .grid{grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);}

.block-testimonials .grid .testimonials .slick-list{margin: 0 -5px;}
.block-testimonials .grid .testimonials .testimonial{margin: 2px 5px;}

.block-testimonials .grid .testimonials .testimonial{border-radius: 2rem; background-color: #fff; border: 1px solid #504F5D; padding: 5rem;}
.block-testimonials .grid .testimonials .testimonial .rating{display: flex; align-items: center; gap: 0.5rem;}
.block-testimonials .grid .testimonials .testimonial .rating .star{width: 3rem; height: 3rem; background-image: url('/wp-content/themes/toast/assets/images/star.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; display: flex;}

.block-testimonials .grid .testimonials .testimonial .quote{font-size: 1.85rem; margin-top: 2.5rem;}
.block-testimonials .grid .testimonials .testimonial .name{color: var(--brand-1); margin-top: 2.5rem; font-weight: bold;}

.block-testimonials .grid .testimonials .testimonial .quote .text.read-more{max-height: 200px; overflow-y: hidden; mask-image: linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%); transition: max-height 0.2s;}
.block-testimonials .grid .testimonials .testimonial .quote.open .text.read-more{max-height: 750px; mask-image: none; transition: max-height 0.2s;}

.block-testimonials .grid .testimonials .testimonial .quote .read-more-toggle{display: none; cursor: pointer; text-decoration: underline; color: var(--brand-2); transition: all 0.2s;}
.block-testimonials .grid .testimonials .testimonial .quote .read-more-toggle:hover{color: var(--brand-1); opacity: 0.8; transition: all 0.2s;}

.block-testimonials .grid .testimonials .testimonial .quote .read-more-toggle.show{display: block;}

.block-testimonials .grid .testimonials .controls{display: flex; justify-content: space-between; margin-top: 2rem; flex-wrap: wrap; gap: 2rem;}

.block-testimonials .grid .testimonials .controls .arrows{display: flex; gap: 2rem;}
.block-testimonials .grid .testimonials .controls .arrows .slick-arrow{cursor: pointer; font-size: 0; border: 0; border-radius: 100%; background: none; background-size: contain; background-position: center; background-repeat: no-repeat; width: 5rem; height: 5rem;}
.block-testimonials .grid .testimonials .controls .arrows .slick-arrow.slick-prev{background-image: url('/wp-content/themes/toast/assets/images/aw-slider-left.svg');}
.block-testimonials .grid .testimonials .controls .arrows .slick-arrow.slick-next{background-image: url('/wp-content/themes/toast/assets/images/aw-slider-right.svg');}

.block-testimonials .grid .testimonials .controls .arrows .slick-arrow:hover{background-color: var(--brand-5);}

.block-testimonials .grid .testimonials .controls .dots ul.slick-dots{padding-left: 2rem; padding-top: 0.75rem; list-style: none; margin: 0; display: flex; gap: 0.5rem;}
.block-testimonials .grid .testimonials .controls .dots ul.slick-dots li{margin-bottom: 0; width: 1.5rem; height: 1.5rem; border-radius: 100%; background-color: var(--brand-5); cursor: pointer;}
.block-testimonials .grid .testimonials .controls .dots ul.slick-dots li.slick-active, .block-testimonials .grid .testimonials .controls .dots ul.slick-dots li:hover{background-color: var(--brand-2);}
.block-testimonials .grid .testimonials .controls .dots ul.slick-dots li button{font-size: 0; border: 0; background: none;}

.block-testimonials::before{content: ''; position: absolute; bottom: 3rem; left: -8%; width: 80%; height: 285px; background-image: url('/wp-content/themes/toast/assets/images/accents/speech-extended-accent-flipped.svg'); background-size: contain; background-position: center; background-repeat: no-repeat; opacity: 0.4;}

@media(max-width: 768px){
    .block-testimonials .grid{grid-template-columns: minmax(0, 1fr) !important;}

    .block-testimonials .grid .testimonials .testimonial{padding: 3rem;}
}

@media(max-width: 550px){
    .block-testimonials .grid .testimonials .controls{justify-content: center;}
    .block-testimonials .grid .testimonials .controls .dots ul.slick-dots{padding-left: 0;}

    .block-testimonials::before{display: none;}

    .block-testimonials .col.content a.button{position: relative;}
    .block-testimonials .col.content a.button::before{content: ''; position: absolute; bottom: 3rem; left: 100%; top: 50%; transform: translate(-25%, -50%); width: 200%; height: 75px; background-image: url('/wp-content/themes/toast/assets/images/accents/speech-extended-accent-flipped.svg'); background-size: contain; background-position: center; background-repeat: no-repeat; opacity: 0.8; z-index: -1;}
}