/*=========================
    12. TESTIMONIAL
===========================*/

.testimonials-slide {
    .testimonial-outer {
        position: relative;
        display: block;

        margin: 3rem;
        padding: 0;
        border-radius: 3px;
        width: auto;

        @extend .pre-shadow;
        overflow: hidden;

        .author-img {
            position: absolute;
            border: 4px solid transparent;
            @extend .pre-shadow;
        }

        .testimonial-content {
            padding: $font-size*2;
        }

        .author-excerpt {
          .author-container {
            position: relative;
            top: unset;
            right: unset;
          }

          .author-details {
            margin-left: $inner-padding;

            .testimonial-author {
              margin-top: 0;
              margin-bottom: $smaller-padding;
            }
          }
        }

        .quote {
          position: absolute;
          top: $smaller-padding*2;
          left: $smaller-padding;

          color: #f0f0f0;
          @extend .pre-font-family-1;
          font-size: 120px;
          font-weight: 600;
          line-height: 1;
          text-transform: uppercase;
          z-index: -1;
        }
    }
}