/* 2.5.22.4: home mobile only — blog headings, independent client row hover,
   and Illustrator-reference composite art for collaboration process. */
@media (max-width:767px) {
  /* Leave all other properties of blog cards and links unchanged. */
  body.home .fidar-blog .fidar-blog__title,
  body.home .fidar-blog .fidar-blog__title a {
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    line-clamp:2;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:normal!important;
    max-height:3em!important;
  }
  /* Override earlier mobile rule that forces the whole marquee to run. */
  @media (hover:hover) and (pointer:fine) {
    body.home .fidar-clients.fidar-clients--carousel:not(.is-paused)
    .fidar-clients__row:hover .fidar-clients__row-track,
    body.home .fidar-clients.fidar-clients--carousel:not(.is-paused)
    .fidar-clients__row:focus-within .fidar-clients__row-track {
      animation-play-state:paused!important;
    }
    body.home .fidar-clients.fidar-clients--carousel .fidar-clients__item:hover {
      filter:brightness(1.12);
    }
  }
}

