.comments {
    padding-top: 20px;
} 

h2#comments {
  display: none;
} 

#comments h2.comments-title {
    display: none;
}

#comments .comment-list, .commentlist {
    padding-left: 0;
}

#comments .comment-list li.comment, .commentlist li.comment, li.pingback {
    border-top: 2px solid rgba(221, 221, 221, 0.6); 
    list-style-type: none;
    padding-top: 10px;
}

#comments article.comment-body {
    margin: 1em 0px;
}

#comments .comment-author img {
    float: left;
    margin-right: 14px;
    padding: 0;
    max-width: 50px
}

#comments .comment-author .fn {
}

.comment-author.vcard a {
    text-decoration: none;
    color: #333;
}

#comments .comment-metadata {
   /*margin-top: 1px;*/
}

#comments .comment-content {
    margin-top: 30px;
}

.comment-content ul, .comment-content ol {
    margin-bottom: 30px;
}

#comments .comment-respond { 
    padding-bottom: 20px;
    border-top: 2px solid rgba(221, 221, 221, 0.6);
} 

#comments .comment-reply-title {
    padding-bottom: 20px;
}

#comments .comment-reply-title a {
    padding-bottom: 20px;
    font-size: 17px;
    font-weight: normal;
    color: rgb(255, 255, 255);
    background-color: rgb(0, 136, 204);
    border-radius: 5px;
    padding: 9px 15px;
}

#comments #reply-button {
    color: rgb(255, 255, 255);
    background-color: rgb(0, 136, 204);
    border-radius: 5px;
    padding: 9px 15px;
    margin-bottom: 15px;
}

.more-replies {
    margin: 0;
}

.comments-announce { 
    margin-top: 0;
}

#comments .meta {
    display: none;
}

/* Discourse */

aside.onebox {
        border: 5px solid #e9e9e9;
        margin-bottom: 1em;
        padding: 12px 25px 12px 12px;
        font-size: 1em;
	max-width: 1200px;
}

aside.onebox .site-icon {
        width: 16px;
        height: 16px;
        margin-right: 3px;
}

aside.onebox .onebox-body .onebox-avatar {
        max-height: none;
        max-width: none;
        height: 60px;
        width: 60px;
        margin-right: 10px;
        float: left;
}

.aspect-image {
        max-width: 20%;
        min-height: 60px;
        max-height: 170px;
        height: auto;
        width: auto;
        margin-right: 10px;
        float: left;
        clear: both;
}

.aspect-image:after {
        content: "";
        display: table;
        clear: both;
}

aside.onebox .onebox-body img {
        width: 100%;
        height: auto;
	max-height: 400px;
	object-fit: cover;
}

aside.onebox header a[href] {
        color: #919191;
        text-decoration: none;
}

aside.onebox .onebox-body h3, aside.onebox .onebox-body h4 {
        max-width: calc(80% - 10px);
        margin: 0 0 10px 0;
        clear: none;
        padding-top: 0;
}

aside.onebox .onebox-body a[href] {
        color: #08c;
        text-decoration: none;
}

aside.onebox .onebox-body p,
.onebox-body .tweet {
        float: left;
        max-width: calc(80% - 20px);
        clear: none;
}

article.onebox-body:after {
        content: "";
        display: table;
        clear: both;
}

article.onebox-body img {
    background-color: transparent;
}

/* Twitter. */
.onebox-body .tweet, .onebox-body .tweet + .date {
        float: left;
}

/* Quotes. */
.comment-body .quote .title {
        border-left: 5px solid #e9e9e9;
        background-color: #f9f9f9;
        padding: 12px 12px 1px 12px;
}

.comment-body .quote blockquote {
        font-size: 1em;
        padding: 12px 12px 12px 12px;
        margin-left: 0;
        clear: both;
}

.comment-body aside.quote .title .avatar {
        margin-right: 7px;
}

.comment-body .quote .title a {
        color: #08c;
}

.comment-body .quote .title a .badge-category {
        color: #222;
}

span.badge-category-bg {
        width: 9px;
        height: 9px;
        display: inline-block;
        margin-right: 5px;
        margin-left: 5px;
}

img.avatar {
    padding: 0;
}

.discourse-existing-comments-heading {
    font-size: 24px;
    font-weight: 300;
    padding: 20px 0;
}

.comment-meta.commentmetadata {
    padding-bottom: 25px;
}

.comment-author.vcard {
    font-weight: bold;
}

.comment-author .avatar-32.photo {
    padding: 0 5px 0 0;
}
