/**
 * styles for comments
 */
#comments,
#respond {
    --fntsize-block-title: 2.4rem;
}

#comments .block-title,
#respond .block-title {
    text-align: left;
    text-transform: uppercase;
    display: block;
    padding-bottom: 0;
    margin-bottom: 1.3em;
}
#comments .reply {
    display: none;
}

/** ----- */
#comments {
    display: flex;
    flex-direction: column;
}
#comments .comments-title {
    display: none;
}
#comments .comment-list {
    order:3;
}
#comments #respond {
    order: 1;
    padding-top: 0;
    margin-top: 0;
    border-top:none;
}

#comments,
#comments .comment-list {
    /*padding-top: var(--padding-separator);*/
    margin-top: var(--padding-separator);
    border-top: 1px solid var(--color-separator);
}
#comments .comment-list {
    padding-top: var(--padding-separator);
}
@media (max-width: 768px) {
    #comments {
        font-size: 1.4rem;
    }
}

/** ----- */
.comment-form {
    --width-form:100%;
    --mrgnbottom-form-block: 10px;

    --color-btn:var(--color-body);
    --bgcolor-btn: var(--color-featured-light);
    --border-color: var(--color-featured-light);
    --minwidth-btn: 100%;

    margin:0;
}
.comment-form p {
    flex-basis: 100%;
    margin: 0;
}
.comment-form .comment-form-cookies-consent label {
    font-weight: 400;
}
.comment-form-url {
    display: none;
}
.comment-form p.form-submit {
    margin-bottom: 0;
}

@media (min-width: 769px) {
    .comment-form {
        --padding-form: 40px;

        --minwidth-btn: calc(50% - var(--padding-col-unit));

        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .comment-notes {
        order: 1;
    }
    p.comment-form-comment {
        order:4;
        flex-basis: calc(50% - var(--padding-col-unit));
    }
    p.comment-form-author {
        order:2;
        flex-basis: calc(50% - var(--padding-col-unit));
    }
    p.comment-form-email {
        order:3;
        flex-basis: calc(50% - var(--padding-col-unit));
    }
    .comment-form-cookies-consent {
        order:5
    }
    .comment-form .form-submit {
        order:6;
    }
}
/** ---- */
.comment-body {}
.comment-meta {
    display: flex;
    flex-wrap: wrap;
}
.comment-author {
    margin-right: 15px;
}
.comment-author .avatar {
    width:40px;
    height: 40px;
    border-radius: 50%;
}
.comment-body .fn {
    font-size: 1.125em;
}
.comment-metadata {
    display: flex;
    align-items: center;
}
.comment-metadata a {
    font-size: .875em;
    line-height: 1;
    color:#b1b1b1;
}
.comment-metadata time {
    line-height: 1;
    display: inline-block;
    width: 5.2em;
    overflow: hidden;
    white-space: nowrap;
}
.comment-metadata time .time {
    display: none;
}
.edit-link {
    line-height: 1;
}

.comment-content {
    font-size: 1em;
}

#comments .children {
    margin-left: 30px;
}

@media (min-width: 769px) {
    .comment-body {
        padding-left: 90px;
    }
    .comment-author .avatar {
        width:70px;
        height: 70px;
        border-radius: 50%;
    }
    #comments .children {
        margin-left: 100px;
    }
}