/*
 * TableTennis11
 * TableTennis_Testimonial frontend styles.
 * Ported from the M1 Turnkeye_Testimonial module
 * (skin/frontend/default/tableten_v3/css/styles.css, .testimonial* rules),
 * with class names scoped under tt-testimonial* to avoid colliding with
 * Amasty_AdvancedReview's .review-item/.review-list classes.
 */

.tt-testimonials-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    overflow: hidden;
}

.tt-testimonials-title h2 {
    margin: 0 0 20px;
}

.tt-testimonials-add-btn {
    margin-bottom: 20px;
    white-space: nowrap;
}

.tt-testimonial {
    border-bottom: 1px solid #f2f2f2;
    font-size: 14px;
    margin: 0 0 20px 0;
    padding: 0 0 20px;
    overflow: hidden;
}

.tt-testimonials-list .tt-testimonial:last-child {
    border-bottom: none;
}

.tt-testimonials-list .tt-testimonial:nth-child(odd) {
    padding-right: 100px;
}

.tt-testimonials-list .tt-testimonial:nth-child(even) {
    padding-left: 100px;
}

.tt-testimonial-text {
    font-style: italic;
}

.tt-testimonial-name {
    font-weight: bold;
}

.tt-testimonial-name .tt-testimonial-location {
    font-weight: normal;
}

.tt-testimonial-img {
    width: 80px;
    float: left;
    margin: 5px 15px 10px 0;
}

/* Sidebar / mini box variant */
.tt-testimonials-sidebar .tt-testimonial-sidebar-box {
    border-bottom: 1px solid #f2f2f2;
    margin: 0 0 15px;
    padding: 0 0 15px;
}

.tt-testimonials-sidebar .tt-testimonial-sidebar-box:last-child {
    border-bottom: none;
}

.tt-testimonial-sidebar-text {
    font-style: italic;
    font-size: 13px;
}

.tt-testimonial-sidebar-name {
    font-weight: bold;
    margin-top: 5px;
}

@media only screen and (max-width: 768px) {
    .tt-testimonials-list .tt-testimonial:nth-child(odd),
    .tt-testimonials-list .tt-testimonial:nth-child(even) {
        padding-left: 0;
        padding-right: 0;
    }
}