/* Style 1 Light
--------------------*/

.testimonial-style-1 { margin-bottom: 0rem; }
.testimonial-style-1 .testi-text { position: relative; padding: 15px; background: #f8f9fa; border: 1px solid #ddd; border-radius: 6px; margin-bottom: 1rem; }
.testimonial-style-1.noavatar { margin-bottom: 1.5rem; }
.testimonial-style-1 .testi-text div.testi-comment { margin: 0; }
.testimonial-style-1 .testi-text:after { content: ''; border: 12px solid transparent; position: absolute; border-top-color: #f8f9fa; height: 20px; bottom: -23px; left: 28px; }
.testimonial-style-1 .testi-text:before { content: ''; border: 12px solid transparent; position: absolute; border-top-color: #ddd; height: 20px; bottom: -24px; left: 28px; }
.testimonial-style-1 .testi-avatar { display: inline-block; position: relative; top: -25px; }
.testimonial-style-1 .testi-avatar img { height: 80px; width: 80px; border: 4px solid #ddd; background: #fff; }
.testimonial-style-1 .testi-info { display: inline-block; margin-left: 5px; }
.testimonial-style-1 .testi-name { font-size: 1rem; color: #000; }
.testimonial-style-1 .testi-name a { color: #000 !important; text-decoration: none; border-bottom: 1px dotted #000; }
.testimonial-style-1 .testi-date { font-size: 0.8rem; color: #333; }
.testimonial-style-1 .testi-rating { font-size: 1rem; margin: 5px 0; }

/* Style 2 Light
--------------------*/

.testimonial-style-2 { position: relative; padding: 15px; background: #f8f9fa; border: 1px solid #ddd; border-radius: 6px; margin-top: 60px; }
.testimonial-style-2.noavatar { margin-top: 0px; }
.testimonial-style-2 .testi-text { padding-top: 40px; text-align: center; }
.testimonial-style-2 .testi-text.noavatar { padding-top: 0px; }
.testimonial-style-2 .testi-text div.testi-comment { margin-bottom: 0px; font-size: 1rem; }
.testimonial-style-2 .testi-avatar { display: inline-block; position: absolute; top: -40px; left: 50%; transform: translateX(-50%); }
.testimonial-style-2 .testi-avatar img { width: 80px; height: 80px; border: 4px solid #ddd; background: #fff; }
.testimonial-style-2 .testi-info { text-align: center; margin-top: 20px; }
.testimonial-style-2 .testi-name { font-size: 1rem; color: #000; }
.testimonial-style-2 .testi-name a { color: #000 !important; text-decoration: none; border-bottom: 1px dotted #000; }
.testimonial-style-2 .testi-date { font-size: 0.8rem; color: #333; }
.testimonial-style-2 .testi-rating { font-size: 1rem; margin: 5px 0; }