#comment {
    padding-bottom: 30px;
    /* background-color: white; */
    /* margin: 0 auto; */
    /* position: relative; */
    /* font-size: 1.3em; */
    /* display: flex; */
    /* flex-flow: column; */
    /* justify-content: center; */
    /* align-items: stretch; */
    /* width: 100%; */
    /* gap: 1em; */
    /* position: relative; */
}

.comment #comment {
    font-size: 1em;
    padding-top: 1em;
    margin-left: 4em;
    width: auto;
}

#old_comments {
    display: flex;
    flex-flow: column;
    padding-top: 1.7em;
    align-self: flex-start;
    gap: 1.7em;
    /* font-family: 'concourse'; */
    color: slategray;
    font-weight: 300;
    font-size: 1.2em;
    max-width: 815px;
    /* margin: 0 auto; */
    align-items: center;
    justify-content: center;
    width: 100%;
}

#old_comments .comment {
    align-self: flex-start;
    width: 100%;
}

.comment .commenter {
    display: flex;
    align-items: center;
    /* gap: 1em; */
    /* font-size: 0.9em; */
}

.comment .commenter .name {
    text-transform: capitalize;
    font-size: 0.9em;
    color: var(--black);
    font-weight: 400;
}

.comment .commenter .date {
    font-size: 0.9em;
    font-style: italic;
    line-height: 0;
}

.comment .commenter .date:before {
    content: '\00a0| ';
}

.comment .commenter .badge {
    width: 2.8em;
    height: 2.8em;
    display: inline-block;
    border-radius: 3.3em;
    max-width: 46px;
    max-height: 46px;
    margin-right: 1em;
}

.comment_children {
    padding-left: 3em;
    display: flex;
    flex-flow: column;
    gap: 1.1em;
}

.comment_children .comment {
    padding-top: 1.6em;
}

#old_comments .comment_body {
    display: flex;
    flex-flow: column;
    margin-left: 3.3em;
    /* padding-top: 0.5em; */
    font-size: 1.1em;
    /* border: 2px solid black; */
}

.comment_body .formatted {
    font-size: 0.85em;
    line-height: 1.4;
    color: var(--other_black);
}

.formatted p {
    margin: 0.4em 0;
}

.comment_body .reply {
    /* cursor: pointer; */
    color: white;
    /* background-color: black; */
    display: inline-flex;
    width: 4.8em;
    padding-top: 0.5em;
    border-radius: 3em;
    cursor: pointer;
    font-family: 'concourse_sc';
    font-feature-settings: 'c2sc';
    font-weight: 400;
    font-size: 0.8em;
    /* text-transform: uppercase; */
}

.comment_body .reply:after {
    content: 'Reply';
    /* cursor: pointer; */
    background-color: black;
    padding: 0.4em;
    cursor: pointer;
    padding-right: 0.9em;
    border-top-right-radius: 0.4em;
    border-bottom-right-radius: 0.4em;
}

.comment_body .reply:before {
    content: '| ';
    background-color: black;
    padding: 0.4em;
    cursor: pointer;
    border-top-left-radius: 0.4em;
    border-bottom-left-radius: 0.4em;
}

.comments {
    max-width: 700px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: calc(100vw - 4em);
    padding: 0 2em;
    font-family: 'equity_text';
    color: var(--black);
    padding-bottom: 5em;
}

maincontent+.comments, .share_links+.comments {
    border-top: 1px solid black;
    padding-top: 3em;
}

.comments .comment_count {
    font-size: 1.4em;
    align-self: baseline;
    padding: 0.3em 0;
    border-bottom: 2px solid black;
    width: 100%;
    margin-bottom: 1.3em;
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.5em 0;
}

.comments .comment_count:after {
    content: var(--comment_invite);
    position: relative;
    right: 0;
    font-size: .9em;
}

.comment_captcha:before {
    content: 'post comment';
}

.comments form textarea {
    font-size: 1em;
    /* margin-bottom: 1em; */
}

.comments form div.personal_submit {
    display: none;
}

textarea.active ~ div.personal_submit {
    /* width: 50%; */
    display: flex;
    /* align-items: center; */
    /* justify-content: space-between; */
    /* flex-flow: row wrap; */
    /* gap: 3em; */
    padding-top: 1em;
}