/* Results sets (Personal Injury / Employment) - carousel, /results/ groups. Not loaded on PPC pages. */

/* ------------------------------------------------------------------
 * Hero carousel
 * The tiles carry the short case-type label, exactly as the personal-injury
 * pages do, so the band keeps its one- or two-line rhythm.
 * ---------------------------------------------------------------- */
/* The caption is the case type, so it sits on one line at every width the way it does on
   the personal-injury pages. The width cap keeps the longest label inside the slide; the
   line-height is the theme's own. */
.results-env .cases__info {
    display: block;
    max-width: 290px;
    margin: 0 auto;
}
.results-env .cases__name strong {
    white-space: nowrap;
}
/* Employment captions are case type plus disposition ("Sexual Harassment, Discrimination and
   Retaliation Arbitration Award") and may run to two lines; the slides are flex-stretched
   to the tallest one so the band height is the same across every slide, and the caption
   is held at two lines so every tile reads at the same rhythm. */
.results-env .results-carousel[data-results-set="employment"] .cases__info {
    max-width: 300px;
    min-height: 2.6em;
    line-height: 1.3;
}
.results-env .results-carousel .swiper-slide {
    height: auto;
}
.results-env .results-carousel .cases {
    height: 100%;
}

/* ------------------------------------------------------------------
 * /results/ page: two groups
 * ---------------------------------------------------------------- */
.our-testimonials .results-group__title {
    width: 100%;
    margin: 10px 0 24px;
    font-size: 32px;
    line-height: 1.2;
}
.our-testimonials .results-group--employment {
    width: 100%;
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}
@media (max-width: 767px) {
    .our-testimonials .results-group__title {
        font-size: 26px;
    }
}

/* The employment descriptions are sentences, not two-word case types, so they are set
   as running text instead of the letter-spaced uppercase label the short titles use. */
.results-container--employment .results-box h3.results-box__info,
.employment-results .results-box h3.results-box__info {
    font-family: Avenir, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 18px;
    letter-spacing: normal;
    text-transform: none;
    color: #3d4f61;
}
.results-container--employment .results-box p.results-box__claim,
.employment-results .results-box p.results-box__claim {
    font-size: 28px;
}
.results-container--employment .results-box,
.employment-results .results-box {
    justify-content: center;
    padding: 28px 24px;
}

/* ------------------------------------------------------------------
 * Employment results section in the page body (above the contact form)
 * ---------------------------------------------------------------- */
.employment-results {
    padding: 50px 0 20px;
    background: #f7f7f5;
}
.employment-results__title {
    margin: 0 0 30px;
    font-family: owners, sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    color: #22374b;
}
.employment-results__disclaimer {
    max-width: 900px;
    margin: 10px auto 0;
    font-family: Avenir, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    color: #6d6d6d;
}
@media (max-width: 767px) {
    .employment-results {
        padding: 36px 0 12px;
    }
    .employment-results__title {
        font-size: 26px;
    }
}