/* ------------------------------------ *\
  CONTENTS
\* ------------------------------------ */

/**
 * CONTENTS..............You’re reading it!
 * BASE STYLE .............................
 * MODALE .................................
 * MEDIA QUERIES ..........................
*/

/* ------------------------------------ *\
  ==BASE STYLE
\* ------------------------------------ */
.paragraph.paragraph--type--testimony {
  padding: 1.5rem 1.5rem 1.5rem 0;
}

.paragraph.paragraph--type--testimony
  .testimony__body
  .field--name-field-testimony-body {
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.4rem;
  margin-bottom: 2rem;
}

.paragraph.paragraph--type--testimony .testimony__title .field {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.paragraph.paragraph--type--testimony .testimony__quote {
  font-size: 5rem;
  margin-bottom: 2rem;
}

.node--type-testimony .testimony__body {
  padding: 3rem;
}

.paragraph.paragraph--type--testimony .testimony__photo {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .paragraph.paragraph--type--testimony {
    padding: 0;
  }

  .node--type-testimony .testimony__body {
    padding: 0.5rem;
  }

  .paragraph.paragraph--type--testimony
    .testimony__body
    .field--name-field-testimony-body {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin-bottom: 2rem;
  }
}