/** @file Comment Styling */
.comments { /* Wrapper for the list of comments and its title */ margin: 2em 0 1em; }
.comments h2.title { /* Heading for the list of comments */ }
.comments h2.comment-form { /* Heading for the comment form */ }
.comments a.username { color: #fff; }

.comment { /* Wrapper for a single comment */ border-bottom: 1px solid #e0e0e0; padding: 10px 0 0; }
.comment.comment-preview { /* Preview of the comment before submitting new or updated comment */ background-color: #ffffea; /* Drupal core will use a #ffffea background. See #1110842 */ }
.comment.new { /* A new comment since the user last viewed the page. */ }
.comment.first { /* The first comment in the list of comments */ }
.comment.last { /* The last comment in the list of comments */ border-bottom: none; margin-bottom: 3em; }
.comment.odd { /* An odd-numbered comment in the list of comments */ }
.comment.even { /* An even-numbered comment in the list of comments */ }
.comment.comment-by-anonymous { /* A comment created by an anonymous user */ }
.comment.comment-by-node-author { /* A comment created by the node's author */ }
.comment.comment-by-node-author .field-name-comment-body { background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 10px 12px; }
.comment.comment-by-node-author .submitted { background-color: #9a2e2e; color: #fff; font-weight: bold; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); }
.comment.comment-by-node-author .submitted a.permalink { color: #fff !important; margin-right: 7px; }
.comment.comment-by-viewer { /* A comment created by the current user */ }
.comment h3.comment-title { /* Comment title */ }
.comment p { color: #555; font-size: 14px; line-height: 19px; }
.comment .new { /* "New" marker for comments that are new for the current user */ color: #c00; }
.comment .user-picture { /* The picture of the comment author */ }
.comment .submitted { /* The "posted by" information */ color: #555; font-size: 11px; text-shadow: 0 1px 0 #f5f5f5; background-color: #e2e2e2; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; display: block; padding: 2px 8px; margin-bottom: 10px; }
.comment .permalink { /* Comment's permalink wrapper */ text-transform: uppercase; font-size: 75%; }
.comment .user-signature { /* The user's signature */ }
.comment ul.links { /* Comment links. See also the ul.links declaration in the pages.css. */ }
.comment .comment-reply { font-size: 13px; font-weight: bold; background: transparent url(../images/global/speech-bubble.png) no-repeat 0 0; padding: 0; padding-left: 18px !important; }
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .comment .comment-reply { /* on retina, use image that's scaled by 2 */ background-image: url("../images/global/speech-bubble@2x.png"); background-size: 16px 16px; } }
.comment .comment-reply a { color: #737373; }

.indented { /* Nested comments are indented */ /* margin-left: $indent-amount; */ /* Drupal core uses a 25px left margin */ margin-left: 0; padding-left: 30px; background: transparent url(../images/global/arrow-curve-left.png) no-repeat 8px 10px; }
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .indented { /* on retina, use image that's scaled by 2 */ background-image: url("../images/global/arrow-curve-left@2x.png"); background-size: 16px 16px; } }

.comment-unpublished { /* Unpublished comments */ /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */ }
.comment-unpublished p.unpublished { /* The word "Unpublished" displayed underneath the content. */ height: 0; overflow: visible; color: #d8d8d8; font-size: 75px; line-height: 1; font-family: Impact, "Arial Narrow", Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; text-align: center; word-wrap: break-word; }