/* Additions on top of the extracted Newspaper CSS.
   The theme used Gravatar <img> avatars for authors and commenters. Those are
   remote requests this local app should not make, so avatars render as a
   letter tile instead; these rules give that tile the same footprint the
   images had, so surrounding layout is unchanged. */
.tdb-avatar-letter,
.comment-avatar-letter {
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 50%;
    background: #4db2ec;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
}

.tdb_single_author .tdb-avatar-letter {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
}

.tdb-author-box .tdb-avatar-letter {
    width: 96px;
    height: 96px;
    line-height: 96px;
    font-size: 36px;
}

.comment-avatar-letter {
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    margin-right: 9px;
}

/* Comment list: the theme styles .comment-list, these fill the small gaps
   left by rendering the list without WordPress's own wrapper markup. */
.comment-list { list-style: none; margin: 0 0 32px; padding: 0; }
.comment-list .children { list-style: none; margin: 0 0 0 42px; padding: 0; }
.comment-list .comment-body { padding: 14px 0; border-bottom: 1px solid #ededed; }
.comment-list .comment-author { display: flex; align-items: center; }
.comment-list cite.fn { font-style: normal; font-weight: 700; font-size: 14px; }
.comment-list .comment-metadata { margin: 2px 0 8px 47px; font-size: 11px; color: #999; }
.comment-list .comment-content { margin-left: 47px; font-size: 14px; line-height: 1.74; }
.td-comments-title { font-size: 14px; font-weight: 500; margin-bottom: 14px; text-transform: uppercase; }

.td-comment-notice { padding: 10px 14px; margin-bottom: 16px; font-size: 13px; border-left: 3px solid #4db2ec; background: #f7f7f7; }
.td-comment-notice.error { border-left-color: #e74c3c; }