/* Comments */
.required-field-message {
    display: none;
}

.comments-section {
    /* padding: 2rem 3rem 1rem; */
    background: #FFFFFF;
    border: 1px solid #CDD8E2;
    border-radius: 5px;
    margin-bottom: 4rem;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -1rem;
}

#archive-forum-posts textarea::placeholder {
    color: #989898;
    font-size: 16px;
}

ul.all-comments {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
}

ul.all-comments li {
    border-bottom: 1px solid #D3D3D3;
    padding: 2rem 3rem 1rem;
}

.comment-meta img {
    width: fit-content;
    border-radius: 50%;
}

p.logged-in-as {
    display: none;
}

div#respond {
    flex: 1;
}

div#respond textarea {
    width: 100%;
    outline: none;
    border: 1px solid #D3D3D3;
    padding: 1rem;
}

.comment-submit-form {
    padding: 0;
}

p.form-submit input#submit {
    display: inline-block;
    background: #12519E;
    outline: none;
    border: none;
    border-radius: 10px;
    color: #FFFFFF !important;
    font-size: 15px;
    padding: 10px 30px;
    transition: all ease-in-out 0.3s;
    margin-top: 10px;
}

p.form-submit input#submit:hover {

    background: #083264;
}

.comment-metadata p {
    color: #D3D3D3;
    font-size: 16px;
}

.comment-metadata p a {
    color: #707070 !important;
    text-decoration: underline !important;
}

.comment-content p {
    color: #707070;
    font-size: 18px;
}

img.um-avatar-default {
    width: 70px;
    height: 70px;
    object-fit: cover;
}

.user-avatar img {
    width: 70px;
    height: 70px;
    object-fit: cover;
}