// Testimonials // // //
.blockquote {
position: relative; margin: inherit; padding: 2rem 0 0 2rem; color: $canalplus; &::before { content: '\201C'; position: absolute; display: inline; top: -3rem; left: -1rem; color: inherit; font-family: $headings-font-family; font-size: 30rem; color: rgba($canalplus, .1); line-height: 1em; z-index: 1; } p { position: relative; color: inherit; font-size: 1.625rem; font-family: $headings-font-family; font-weight: $font-weight-light; line-height: 1.5em; z-index: 5; }
}
.blockquote-footer {
position: relative; margin-top: rem(10); color: $gray-300; z-index: 5; &::before { display: none; }
}
%blockquote-text-white {
color: $white; &::before { color: rgba($white, .1); } .blockquote-footer { color: $text-white-secondary; }
}
// // Blockquote List // .blockquote-list {
> * { margin-right: 15%; margin-bottom: 1.25rem; &:last-child { margin-bottom: 0; } &:nth-child(2n+2) { margin-right: 0; margin-left: 15%; } }
}
// // Style 1 // .blockquote-1 {
margin-right: 0;
}
// // Style 2 // .blockquote-2 {
border-radius: 0 2.5rem 2.5rem 2.5rem; padding: 2.5rem 2.5rem 2.5rem 6.5rem; &:nth-child(2n+2) { border-top-left-radius: 2.5rem; border-top-right-radius: 0; } &::before { top: 2.25rem; font-size: 6rem; left: 2.5rem; } p { font-size: $font-size-lg; font-weight: $font-weight-normal; } .blockquote-footer { &::before { display: none; } }
}
// // Review // .review-listing {
.owl-item { padding: 6.25rem; &.active + .active { border-left: $border-width solid $border-color; } }
}
.review {
p { margin-top: 50px; font-size: 1.25rem; font-family: $headings-font-family; font-weight: $font-weight-light; } hr { width: 25%; margin-left: 0; }
}
.review-score {
@include border-radius; display: inline-block; width: 5rem; line-height: 5rem; font-size: 1.5rem; color: $white; background: $primary; text-align: center;
}
@include media-breakpoint-down(md) {
.review-listing { .owl-item { text-align: center; padding: 6.25rem 0; } hr { margin-left: auto; margin-right: auto; } }
}
// text-whiteed Colors // // .text-white {
.bubble { &::before { color: inherit; } p { color: $white; } } .testimonial { p { color: $text-white-primary; } }
}