#comments,
#wpdcom,
.wpd-dark,
.wpd-reply,
.wpd-comment-wrap,
.wpd-comment-text {
    transition: color 0.5s, background-color 0.5s;
}

.depth-2{
    margin-top: 5px;
}

.wpd-comment-wrap
{
    padding: 1rem;
    border: 1px solid #333333;
    background: #222;
}

.wpd-reply-button svg{
    stroke: none;
}

#wpdcom .wpdiscuz-spoiler-wrap {
    color: var(--light-page-text-color)
}

#respond {
    display: none;
}

/* Light Mode Styles */

.page-light #wpdcom .wpdiscuz-spoiler-wrap {
    color: unset;
}

.page-light #comments,
.page-light #wpdcom.wpd-dark {
    background: var(--light-page-background-color);
    color: var(--light-page-text-color);
}

.page-light .wpd-comment-wrap {
    background: var(--light-comments-background-color);
    border: 1px solid lightgray;
}


.page-light .wpd-reply .wpd-comment-wrap {
    background: var(--light-comments-child-background-color) !important;
}

.page-light #wpdcom .wpd-comment-text {
    color: var(--light-page-text-color);
}

.page-light .fas,
.page-light #wpdcom .wpd-comment-footer .wpd-vote-result,
.page-light #wpdcom .wpd-comment-footer .wpd-reply-button,
.page-light #wpdcom .wpd-comment-footer .wpd-tools i,
.page-light #wpdcom .wpd-comment-footer .wpd-toggle i,
.page-light #wpdcom .wpd-comment-footer .wpd-vote,
.page-light #wpdcom .wpd-comment .wpd-reply-to,
.page-light #wpdcom .wpd-comment-header{
    color: #222222;   
}

.page-light #wpdcom .wpd-comment-footer .wpd-reply-button svg,
.page-light #wpdcom .wpd-comment-footer .wpd-vote-up svg{
    fill: #222222;   
}