/* Mobile: shrink the "Live Class Training" countdown bento (~20%)
   This targets the homepage bento with id `live-webinar-bento`
   and the countdown shortcode output inside it.
*/

@media (max-width: 768px) {
  body.home #live-webinar-bento h2 {
    font-size: 1.6rem !important; /* ~20% down from default 2rem h2 */
    line-height: 1.1 !important;
  }

  body.home #live-webinar-bento .countdown-timer {
    gap: 0.8em !important; /* 1em * 0.8 */
  }

  body.home #live-webinar-bento .countdown-segment {
    min-width: 52px !important; /* 65px * 0.8 */
    padding: 0.4em !important; /* 0.5em * 0.8 */
    border-radius: 6px !important; /* 8px * 0.8 */
  }

  body.home #live-webinar-bento .countdown-segment .value {
    font-size: 16px !important; /* 20px * 0.8 */
    line-height: 1.1 !important;
    height: auto !important;
  }

  body.home #live-webinar-bento .countdown-segment .label {
    font-size: 0.64em !important; /* 0.8em * 0.8 */
  }
}