/**
 * @file
 * Comment Styling
 */
/****************
OUR CUSTOM MIXINS
*****************/
/***********
~VARIABLES
***********/
/******
~FONTS
******/
/***********
~BREAKPOINTS
***********/
.comments {
  /* Wrapper for the list of comments and its title */
  margin: 1.5em 0; }
  .comments h2.title {
    /* Heading for the list of comments */ }
  .comments h2.comment-form {
    /* Heading for the comment form */ }

.comment {
  /* Wrapper for a single comment */ }
  .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 */ }
  .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-viewer {
    /* A comment created by the current user */ }
  .comment h3.comment-title {
    /* Comment title */ }
  .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 */ }
  .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. */ }

.indented {
  /* Nested comments are indented */
  margin-left: 30px;
  /* Drupal core uses a 25px left margin */ }

.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; }