/* SkabStudio v2.17.2 — global readability + Firefox mobile normalisation */

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

/* Desktop: stop interface/supporting copy becoming microscopic on large screens. */
@media (min-width:900px){
  body{
    font-size:15px!important;
  }

  /* Common site micro-copy / metadata */
  .subtitle,
  .eyebrow,
  .label,
  .muted,
  small,
  .section-head p,
  .card p,
  .ride-info p,
  .ride-meta,
  .ride-meta span,
  .compact-view-link,
  .cloud-potato-sub,
  .potato-score small,
  .potato-counts,
  .potato-counts span,
  .activity-feed small,
  .chat-sub,
  .chat-note,
  .chat-meta,
  .footer-kicker,
  .footer-updates p,
  .footer-tagline,
  .footer-sponsor,
  .footer-links a,
  .footer-links button,
  .footer-copy,
  .footer-policy-links button,
  .modal-kicker,
  .modal-card label,
  .rule-list,
  .test-note,
  .garage-channel-status,
  .garage-channel-copy span,
  .garage-channel-window>small{
    font-size:11px!important;
    line-height:1.5!important;
  }

  /* Small controls / calls to action */
  .tiny-btn,
  .section-action,
  .tool-link,
  .compact-view-link,
  .vote-btn,
  .garage-btn,
  .submit-btn,
  .garage-channel-tabs button,
  .garage-channel-compose button{
    font-size:10px!important;
  }

  /* Members' Rides specifically: readable from normal desktop viewing distance. */
  #members-rides .ride-card h4,
  #members-rides .browse-card h4,
  #publishedRidesHome .browse-card h4{
    font-size:26px!important;
    line-height:1!important;
  }

  #members-rides .ride-info p,
  #members-rides .browse-card .ride-info p,
  #publishedRidesHome .ride-info p{
    display:block!important;
    font-size:12px!important;
    line-height:1.45!important;
  }

  #members-rides .ride-meta,
  #members-rides .ride-meta span,
  #publishedRidesHome .ride-meta,
  #publishedRidesHome .ride-meta span{
    font-size:10px!important;
    line-height:1.3!important;
  }

  #members-rides .potato-score-value,
  #publishedRidesHome .potato-score-value,
  #members-rides .cloud-potato-title,
  #publishedRidesHome .cloud-potato-title{
    font-size:18px!important;
  }

  #members-rides .potato-score small,
  #publishedRidesHome .potato-score small,
  #members-rides .cloud-potato-sub,
  #publishedRidesHome .cloud-potato-sub{
    font-size:11px!important;
  }

  #members-rides .compact-view-link,
  #publishedRidesHome .compact-view-link{
    font-size:10px!important;
  }

  #members-rides .potato-count-badge,
  #publishedRidesHome .potato-count-badge,
  #members-rides .cloud-potato-spud b,
  #publishedRidesHome .cloud-potato-spud b{
    font-size:10px!important;
  }
}

/* Firefox/mobile: remove browser-driven text inflation from site chrome.
   Explicit sizes are used on common UI so Firefox matches Chromium more closely. */
@media (max-width:899px){
  html,body,
  button,input,select,textarea,
  p,span,small,label,a{
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
  }
}

@-moz-document url-prefix(){
  @media (max-width:899px){
    html,body{
      font-size:13px!important;
      text-size-adjust:none!important;
    }
    button,input,select,textarea{
      text-size-adjust:none!important;
    }
  }
}
