/**
 * Comments / e-Letters formatting
 *
 * This stylesheet contains styles for both the deprecated highwire_article_comments_list pane as well as
 * the highwire_article_comments pane.
 */

 /* typographical styles */
.highwire-article-citation > .highwire-citation-highwire-comment-tab-list > .highwire-cite-title,
.highwire-comments-anchor-list .highwire-article-citation .highwire-cite-title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.highwire-article-citation .highwire-citation-highwire-comment-tab-list > .highwire-cite-title {
  font-weight: bold;
}

.highwire-article-citation > .highwire-citation-highwire-comment-tab-list > .highwire-cite-title,
.panel-region-content .highwire-article-citation > .highwire-cite.highwire-citation-highwire-comment-tab-list > .highwire-cite-title,
.highwire-comments-anchor-list .highwire-article-citation .highwire-cite-title,
.panel-region-content .highwire-comments-anchor-list .highwire-article-citation .highwire-cite .highwire-cite-title,
.highwire-comments .highwire-article-citation > .highwire-cite > .highwire-cite-snippet {
  font-size: 14px;
  font-size: 1rem;
}

.highwire-comments .highwire-article-citation > .highwire-cite > div,
.highwire-comment-view .comment-body .comment-toggle-body {
  font-size: 12px;
  font-size: 0.857rem;
}


/* eletter contents styling */
.highwire-comment-view {
  padding: 1.3em;
}

.highwire-comment-view-title {
  padding-bottom: 1em;
  padding-top: 1em;
}

.highwire-comments-authors,
.highwire-comments-list-date {
  font-size: .9em;
}

.highwire-comment-authors div.item-list {
  padding-left: 2em;
}

.highwire-comment-view .comment-body .comment-toggle-body {
  display: block;
}

.highwire-comment-view .back-to-top {
  display:inline-block;
  margin-top: 1.3em;
}


/* deprecated pane anchor list */
.item-list ul.highwire-comments-anchor-list li {
  list-style-type: circle;
  line-height: 1.4;
}

.item-list ul.highwire-comments,
.item-list ul.highwire-comments li ul {
  padding-left: 0;
}

.item-list ul.highwire-comments-anchor-list li,
.highwire-comments-anchor-list .highwire-comment-view {
  padding: 1.2em 0;
}


/* anchor list that renders citations */
.highwire-comments-anchor-list .pane-title,
.highwire-comments-anchor-list .item-list ul,
.highwire-comments-anchor-list .item-list ul li,
.pane-highwire-articles-comments .highwire-comments li,
.highwire-comment-view .comment-body p:last-child {
  margin-bottom: 0;
}

.highwire-comments-anchor-list .item-list .highwire-comments {
  padding-left: 1.8em;
}

/* we have to add the bullet as a pseudo-element due to clearfix class on citations */
.highwire-comments-anchor-list .highwire-comments > li {
  position: relative;
}
.highwire-comments-anchor-list .highwire-comments > li:before {
  content: "\25CB";  /* circle bullet */
  position: absolute;
  top: 1.2em;
  left: -1.25em;
}


/* adjustments to default citation styling */
.highwire-comments .highwire-cite > .highwire-cite-snippet {
  border-left: 0;
  line-height: 1.5;
  padding: 0;
}
.highwire-comments .highwire-cite > .highwire-cite-snippet,
.highwire-comments .highwire-cite > .highwire-cite-extras {
  margin-top: 15px;
}