#comments {
    margin-bottom: 25px;
}

.commentlist .comment {
    border: solid 1px var(--hs-disabled);
    padding: 20px 30px;
    border-radius: 15px;
    margin-bottom: 30px;
}

.commentlist .comment .comment-body {
    display: flex;
    flex-wrap: wrap;
}

.comment-body .comment-author {
    font-weight: bold;
    margin-bottom: 10px;
}

.comment-body .comment-meta {
    margin-left: auto;
    font-style: italic;
}

.comment-body p {
    width: 100%;
}

.comment-body p:last-child {
    margin-bottom: 0;
}

.comment-body p a {
    text-decoration: underline;
}



#respond.comment-respond {
    background-color: var(--hs-clear-grey);
    padding: 50px;
    max-width: 725px;
    margin: 0 auto;
    border-radius: 10px;
}

#commentform {
    display: flex;
    flex-wrap: wrap;
    column-gap: 26px;
}

#commentform .logged-in-as {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#commentform .logged-in-as > span:first-child {
    width: fit-content;
    display: flex;
    flex-direction: column;
}

#commentform .logged-in-as a,
.comment-body .comment-meta a {
    color: var(--hs-blue);
}

#commentform .logged-in-as a:hover,
.comment-body .comment-meta a:hover {
    color: var(--hs-dark-blue);
}

#commentform .comment-notes {
    width: 100%;
}

#commentform .comment-form-comment {
    width: 100%;
    display: flex;
    flex-direction: column;
}

#commentform .comment-form-author {
    width: calc(50% - 13px);
    display: flex;
    flex-direction: column;
}

#commentform .comment-form-email {
    width: calc(50% - 13px);
    display: flex;
    flex-direction: column;
}

#commentform .comment-form-url {
    width: 100%;
    display: flex;
    flex-direction: column;
}

#commentform .comment-form-comment label,
#commentform .comment-form-author label,
#commentform .comment-form-email label,
#commentform .comment-form-url label {
    font-weight: 600;
}

#commentform .submit {
    width: 300px;
    max-width: 100%;
    text-align: center;
    padding: 5px 10px;
    border: 0;
    transition: all 0.25s ease-in-out;
    background-color: var(--hs-blue);
}

#commentform .submit:hover {
    background-color: #2c84a6;
}

@media (max-width: 768px) {
    #respond.comment-respond {
        padding: 35px 25px;
    }

    #respond.comment-respond .form-submit {
        max-width: 100%;
        margin-bottom: 0;
    }
}