/* SPONSORTRACK_R25I1_USERS_EMAIL_ALIGNMENT_FIX
   Mobile Staff Directory USER cell: align staff name + email in the same value column. */

@media (max-width:760px){

  body.st-page-users-roles td[data-label="User"]{
    display:grid!important;
    grid-template-columns:104px minmax(0,1fr)!important;
    grid-auto-rows:auto!important;
    column-gap:10px!important;
    row-gap:4px!important;
    align-items:start!important;
    align-content:start!important;

    width:100%!important;
    min-width:0!important;
    max-width:100%!important;

    margin:0!important;
    padding:8px 0!important;
    box-sizing:border-box!important;
    text-align:left!important;
    text-indent:0!important;
  }

  body.st-page-users-roles td[data-label="User"]::before{
    content:attr(data-label)!important;
    grid-column:1!important;
    grid-row:1 / span 3!important;
    justify-self:start!important;
    align-self:start!important;

    width:104px!important;
    min-width:104px!important;
    max-width:104px!important;

    margin:2px 0 0!important;
    padding:0!important;

    color:#75879a!important;
    font-family:inherit!important;
    font-size:9px!important;
    line-height:1.25!important;
    font-weight:900!important;
    letter-spacing:.075em!important;
    text-transform:uppercase!important;
    text-align:left!important;
    text-indent:0!important;
  }

  body.st-page-users-roles td[data-label="User"] > strong{
    display:block!important;
    grid-column:2!important;
    grid-row:1!important;
    justify-self:start!important;

    min-width:0!important;
    max-width:100%!important;

    margin:0!important;
    padding:0!important;

    color:#0b3b65!important;
    font-size:15px!important;
    line-height:1.3!important;
    font-weight:800!important;
    text-align:left!important;
    text-indent:0!important;
    overflow-wrap:anywhere!important;
  }

  body.st-page-users-roles td[data-label="User"] > small{
    display:block!important;
    grid-column:2!important;
    grid-row:2!important;
    justify-self:start!important;

    width:100%!important;
    min-width:0!important;
    max-width:100%!important;

    margin:3px 0 0!important;
    padding:0!important;

    color:#73869a!important;
    font-size:13px!important;
    line-height:1.45!important;
    font-weight:500!important;
    text-align:left!important;
    text-indent:0!important;

    overflow-wrap:anywhere!important;
    word-break:normal!important;
    white-space:normal!important;
  }
}

@media (max-width:390px){
  body.st-page-users-roles td[data-label="User"]{
    grid-template-columns:92px minmax(0,1fr)!important;
    column-gap:9px!important;
  }

  body.st-page-users-roles td[data-label="User"]::before{
    width:92px!important;
    min-width:92px!important;
    max-width:92px!important;
    font-size:8.5px!important;
  }

  body.st-page-users-roles td[data-label="User"] > strong{
    font-size:14.5px!important;
  }

  body.st-page-users-roles td[data-label="User"] > small{
    font-size:12.5px!important;
  }
}