.testimonials {
  background: #F9F3EA;
}

.testimonials .container-fluid {
  display: flex;
  justify-content: center;
}

.testimonials .testimonial-intro {
  max-width: 800px;
  text-align: center;
}

.testimonials .container-fluid h2 {
  font-size: 2.5rem;
  color: var(--dark-gold);
}

.testimonials-wrapper{
  margin:2rem 0;
}

/* When Flickity is NOT used */
.testimonials-wrapper.no-flickity {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* Tweak cards a bit for static layout */
.testimonials-wrapper.no-flickity .testimonial {
  opacity: 1;             
  margin: 1rem;
  max-width: 500px;       
}

.testimonials-wrapper .testimonial {
  width: 90%;
  max-width: 900px;
  min-width:320px;
  margin: 0 2rem;
  text-align: center;
  padding: 1.5rem;
  background: var(--body-color);
  opacity:0.25;
  transition:opacity 0.3s;
}

.testimonials-wrapper .read-more {
  display: block;
}

.testimonials-wrapper .testimonial.is-selected{
  opacity:1;
}

div.star-rating{
  display: flex;
  gap: .25rem;
  justify-content: center;
  color:#D4B372;
}

.testimonials-wrapper .testimonial p.bodytext {
  font-family: var(--title-font);
  font-size: 1.25rem;
  text-wrap: balance;
}

div.testimonial-modal-content.modal-content {
  height: auto;
  padding: 2rem;
}
div.testimonial-modal-content.modal-content .modal-body {
  text-align: left;
}

@media screen and (max-width: 1070px) {
  .testimonials-wrapper.no-flickity .testimonial {
    max-width: none;
    width: 90%;
  }
  
  .testimonials-wrapper .testimonial {
    width: 90%;
    max-width: 640px;
  } 
}

@media screen and (max-width: 800px) {
  
  .testimonials .container-fluid {
    justify-content: flex-start;
  }
  .testimonials .testimonial-intro {
    text-align: left;
  }
}