.aurora-comment-form {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    font-family: var(--body-font-family);
    font-size: var(--body-font-size-desktop);
    box-sizing: border-box;
    color: var(--body-text-color)
}

input#author, input#email, input#url,textarea#comment {
    padding: 10px 15px;
}

p.comment-form-comment,
textarea#comment,
p.comment-form-author,
input#author,
input#email,
input#url,
p.form-submit {
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    position: relative;
}

p.comment-form-email,
p.comment-form-url {
    width: calc(50% - 7.5px);        
    position: relative;
}

/* Ordering */
p.comment-form-author { order: 1; }

p.comment-form-email { order: 2; }
p.comment-form-url   { order: 3; }

p.comment-form-comment { order: 4; }

.aurora-comment-form p.comment-form-cookies-consent { order: 5; margin: 10px 0 }

p.form-submit { order: 6; }

.aurora-comment-form p {
    margin: 0;
}

.aurora-comment-form input#submit {
    padding: 12px 28px
}

.comment-list  {
    padding: 0;
    margin: 0;
    color: var(--body-text-color)
}

.comment-list, .comment-list li  {
    list-style: none;
}

.comment-reply-link::after {
    content: "\f3e5";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 80%;
    position: relative;
    right: -4px;
    top: 2px
}

.comment-author a, .comments-actions a {
    color: var(--body-text-color);
    text-decoration: none
}

.comment-author a:hover, .comments-actions a:hover {
    color: var(--link-hover-color)
}

.comment-reply-link {
    margin-right: 10px
}

@media (max-width: 600px) {
    p.comment-form-email,
    p.comment-form-url {
        width: 100%;
    }
}