#comments {
    float: left;
    margin-top: 25px;
    width: 100%;
}

.single .comments-area-post {
    margin-top: 5px !important
}

.single .comments-area-post-hide,
.page #comments {
    margin-top: 16px !important
}

#content .commentlist {
    list-style-type: none;
    margin-bottom: 30px
}

.commentlist .children {
    list-style-type: none
}

.comment-reply-title {
    font-size: 20px;
    font-weight: normal;
    line-height: 100%;
    margin-top: 0
}

#comments .entry-headline-wrapper {
    margin-bottom: -21px
}

#comments .entry-headline {
    background-image: none;
    border-bottom: none;
    color: #333;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: -4px;
    padding: 0
}

.comment-reply-link {
    font-size: 95%
}

.comments-title {
    margin-top: 0
}

#comments .section-heading {
    font-weight: normal
}

#comments ol {
    color: #333;
    margin-left: 0
}

#comments ol ol {
    margin: 0 20px
}

#comments ol li {
    border-top: 1px solid #e8e8e8;
    margin: 15px 0 0 0;
    padding: 15px 0 0 0
}

#comments .avatar,
#comments .fn {
    float: left;
    margin: 0 6px 0 0
}

#comments .fn {
    font-style: italic;
    margin: 0 3px 0 0
}

#comments time,
#comments .edit-link {
    color: #555;
    float: right;
    font-size: 95%
}

#comments .comment-content {
    clear: both;
    padding-top: 10px
}

#comments #comment-nav-below {
    float: left;
    margin: 10px 0 30px;
    width: 100%
}

#comments input,
#comments textarea {
    margin-top: 7px
}

#content #commentform .form-allowed-tags {
    color: #707070;
    font-size: 13px
}

#comments .bypostauthor {
    background: #f2f2f2;
    border-top: 1px solid #ccc;
    color: black;
    margin-bottom: -15px;
    padding: 10px 30px
}

.reply {
    margin-top: -10px;
    width: 50%
}

#content .comment-content p {
    margin-bottom: 10px
}

#content .comment-content .edit-link {
    margin: -15px 0 0;
    text-align: right;
    width: 50%
}

#content .comment-content li {
    border: none;
    font-size: 14px;
    margin: 0;
    padding: 0
}

#content #commentform p {
    color: #333;
    margin-bottom: 5px
}

#content #commentform .logged-in-as,
#content #commentform .comment-notes {
    margin-top: 0
}

#comments #respond {
    float: none;
    margin-bottom: 20px;
    width: 100%;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
    width: auto;
    margin: 0 4px 0 0;
}

.comment-form-url {
    margin: 0;
}

.comment-form-fields {
    display: grid;
    grid-template-columns: 1fr;
}

@media only screen and (min-width: 480px) {
    .comment-form-fields {
        grid-template-columns: 1fr 1fr 1fr;
    }
}