/* ========================================================================
   Section: Testimonial
 ========================================================================== */

 /* Please refer to themes/theme.override.css, more styling in happening there */

/* variation-a */

.spw-testimonial {
  padding: 16px;
  border: 1px solid #eee;
  border-radius: 8px;
  min-height: 150px;
  background-color: #fff;
  height: 100%;
}

.spw-testimonial__avatar {
  background-size: cover;
  width: 56px;
  height: 56px;
  border-radius: 28px;
  background-color: #eee;
}

.spw-testimonial__name {
  margin-bottom: 0.5rem;
}

.spw-testimonial__role {
  font-style: italic;
}

.spw-testimonial__quote {
  margin-top: 0;
  margin-bottom: 1.25rem ;
}

.spw-testimonial__icon {
  position: absolute;
  top: 10%;
  right: 10%;
  color: #DBEFFF;
  opacity: 0.5;
}

@media (min-width: 960px) {
  .spw-testimonial__avatar {
    width: 80px;
    height: 80px;
    border-radius: 40px;
  }
}

/* variation-b */
.variation-b .spw-testimonial__avatar {
  width: 40px;
  height: 40px;
  border-radius: 20px;
}

.variation-b .spw-testimonial__name {
  margin-bottom: 0;
}

.variation-b .spw-testimonial__quote {
  margin-top: 1rem;
  margin-bottom: 1.25rem ;
}

.light .spw-testimonial__name,
.light .spw-testimonial__role,
.light .spw-testimonial__quote {
  color: white !important;
}