.mm-heading
  padding 10px

.mm-heading-text
  margin-right 10px

.mm-count
  font-size 13px
  font-weight normal
  font-style italic
  color c-blue-light

  &:visited
    color c-blue-light

.mm-author
  margin-top -10px
  margin-right -10px
  margin-left -10px
  margin-bottom 10px
  padding 4px
  box-shadow 0px 0px 1px c-border
  background-color rgba(c-yellow-js, 0.05)

.mm-author-name
  vertical-align middle
  display inline-block
  text-overflow ellipsis
  white-space nowrap
  overflow hidden
  margin-right 6px

.mm-gravatar
  vertical-align middle
  border 3px solid c-strong
  background-color c-moderate
  width 30px
  height 30px
  border-radius 6px
  transition box-shadow 0.5s ease-in-out
  margin-right 8px

.mm-author-site
  display inline-block

  &:hover
    .mm-author-name
      text-decoration underline

    .mm-gravatar
      box-shadow 1px 2px 1px c-pink

.mm-comment
  margin-bottom 0

.mm-comment,
.mc-composer
  &:nth-child(even)
    background-color c-strongish
    box-shadow -1px 1px 1px c-border

.mm-thread
  margin-bottom 25px

.mm-thread-footer
  text-align right

.mm-remove
  float right
  margin-left 5px

.mm-content
  padding 10px 0

@media screen and (min-width: 768px)
  .mm-heading
    padding 25px

  .mm-author
    margin-top -25px
    margin-right -25px
    margin-left -25px
    margin-bottom 25px

  .mm-content
    padding 0