/* Testimonials */ .testimonial { margin-bottom: $spacement-lg; .slick-slider & { margin-bottom: 0; } blockquote { border: 0; color: #666; font-family: Georgia, serif; font-style: italic; margin: 0; padding: 10px 50px; position: relative; &:before { #{$left}: 10px; top: 0; color: #FFF; content: if-ltr("\201C", "\201D"); font-size: 80px; font-style: normal; line-height: 1; position: absolute; } &:after { color: #FFF; content: if-ltr("\201D", "\201C"); font-size: 80px; font-style: normal; line-height: 1; position: absolute; bottom: -0.5em; #{$right}: 10px; } p { color: #FFF; font-family: Georgia, serif; font-style: italic; font-size: 1.2em; line-height: 1.3; } } .testimonial-arrow-down { border-#{$left}: 15px solid transparent; border-#{$right}: 15px solid transparent; border-top: 15px solid #CCC; height: 0; margin: side-values(0 0 0 17px); width: 0; } .testimonial-author { @include clearfix; margin: 8px 0 0 0; .testimonial-author-thumbnail { float: $left; margin-#{$right}: 10px; width: auto; } img { max-width: 55px; } strong { display: block; padding-top: 10px; margin-bottom: -5px; } span { color: #666; display: block; font-size: 12px; } p { color: #999; margin: side-values(0 0 0 25px); text-align: $left; } } } /* Style 2 */ .testimonial { &.testimonial-style-2 { text-align: center; blockquote { background: transparent !important; padding: 6px 20px; &:before, &:after { display: none; } } .testimonial-arrow-down { display: none; } .testimonial-author { padding: 0; margin: 6px 0 0; img { margin: 0 auto 10px; } p { text-align: center; padding: 0; margin: 0; } } } } /* Style 3 */ .testimonial { &.testimonial-style-3 { blockquote { padding: 12px 30px; &:before { top: 5px; font-size: 35px; } &:after { font-size: 35px; bottom: -5px; } p { font-size: 1em; font-style: normal; } } .testimonial-author { margin-#{$left}: 8px; } .testimonial-arrow-down { margin-#{$left}: 20px; } } } /* Style 4 */ .testimonial { &.testimonial-style-4 { padding: 7px; border: 1px solid; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); blockquote { background: transparent !important; padding: 12px 30px; &:before { top: 5px; font-size: 35px; } &:after { font-size: 35px; bottom: -5px; } p { font-size: 1em; font-style: normal; } } .testimonial-arrow-down { display: none; } .testimonial-author { margin-#{$left}: 30px; margin-bottom: 15px; } } } /* Style 5 */ .testimonial { &.testimonial-style-5 { text-align: center; blockquote { background: transparent !important; padding: 6px 20px; &:before, &:after { display: none; } p { font-size: 1.2em; font-style: normal; } } .testimonial-arrow-down { display: none; } .testimonial-author { padding: 6px 0 0; margin: 12px 0 0; img { margin: 10px auto 10px; } p { text-align: center; padding: 0; margin: 0; } } } } /* Style 6 */ .testimonial { &.testimonial-style-6 { text-align: center; blockquote { background: transparent !important; border: 0; padding: 0 10%; &:before, &:after { display: none; } i.fa-quote-left { font-size: 34px; position: relative; #{$left}: -5px; } p { font-size: 24px; line-height: 30px; } span { font-size: 16px; line-height: 20px; color: #999; position: relative; #{$left}: -5px; } } .testimonial-arrow-down { display: none; } .testimonial-author { padding: 0; margin: 6px 0 0; img { margin: 15px auto 10px; } p { text-align: center; padding: 0; margin: 0; } } } } /* With Quotes */ .testimonial { &.testimonial-with-quotes { text-align: center; blockquote { background: transparent !important; &:before { display: block !important; #{$left}: 10px; top: 0; content: if-ltr("\201C", "\201D"); font-size: 80px; font-style: normal; line-height: 1; position: absolute; @media #{$screen-small} { display: none !important; } } &:after { display: block !important; #{$right}: 10px; font-size: 80px; font-style: normal; line-height: 1; position: absolute; bottom: -0.5em; content: if-ltr("\201D", "\201C"); @media #{$screen-small} { display: none !important; } } p { padding: 0 40px; @media #{$screen-small} { padding: 0; } } } img { margin: 15px auto; width: 55px; } .testimonial-author { p { margin: 0 auto; text-align: center; } } &.testimonial-light { blockquote { &:before, &:after, p { opacity: 0.9; color: #FFF; } } .testimonial-author { span, strong { opacity: 0.6; color: #FFF; } } } } // Transparent Background &.testimonial-transparent-background { blockquote { background: transparent !important; } } // Alternative Font &.testimonial-alternarive-font { blockquote { p { font-family: Georgia, serif !important; font-style: italic; font-size: 1.2em; } } } } .testimonial-no-borders.testimonial { border-width: 0; box-shadow: none; } /* Advance */ .custom-rounded-image { border-radius: 100%; } .testimonial.custom-testimonial-style-1 { blockquote { background: transparent; padding: 40px 20px 40px 0px; &:before { left: 0; font-size: 60px; color: #1e1e24; } &:after { font-size: 60px; color: #1e1e24; } p { color: #777; font-family: "Sintony", sans-serif; font-style: normal; font-size: 1em; line-height: 1.8; padding: 0; } } .testimonial-author { p { position: relative; margin: 0; text-align: left; &:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 18px; border-top: 2px solid #1e1e24; } } } } .testimonial.custom-testimonial-style-1 { text-align: left; }