/* Spécifiques aux commentaires */
.comments {
    margin-top: 50px;
}

.comments h3 {
    font: 300 1.6875rem/1.1em "Roboto Condensed", "Roboto", Arial, Helvetica,
        sans-serif;
    color: #a4a4a4;
    margin-bottom: 30px;
}

.comments .avatar {
    float: left;
    margin-right: 30px;
    border-radius: 50%;
    width: 57px;
    overflow: hidden;
    aspect-ratio: 1;
}

.comments cite.fn {
    font: normal 700 1.375rem/1.2em "Roboto Condensed", "Roboto", Arial, Helvetica,
        sans-serif;
    color: #222;
    text-transform: uppercase;
    margin-top: 5px;
    display: inline-block;
}

.comments .rank {
    font-weight: normal;
    font-size: 14px;
    vertical-align: 3px;
    padding: 3px 5px 2px;
    background: var(--vef-couleur-dominante);
    color: white;
    line-height: 1;
    text-transform: unset;
    margin-right: 0.25em;
}

.comments .says {
    display: none;
}

.comments .comment-meta {
    font: 300 0.75rem/1.1em "Roboto Condensed", "Roboto", Arial, Helvetica,
        sans-serif;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.comments .comment-meta,
.comments .comment-meta a {
    color: #888;
}

.comments .comment-body p {
    font: 0.875rem/1.43em "Roboto", Arial, Helvetica, sans-serif;
    margin-left: 87px;
    margin-bottom: 0.75em;
    color: #333;
}

.comments li.is-team > .comment-body {
    background: #F5F5F5;
    padding-top: 1em;
    padding-left: 1em;
}



.comments .comment-body .reply {
    display: inline-block;
    margin-left: 87px;
    font: 12px/1em "Roboto", Arial, Helvetica, sans-serif;
    margin-top: 15px;
    text-transform: uppercase;
}

.comments .is-team .comment-body {
    border-left: 5px solid var(--vef-couleur-dominante);
}

.comments .comment-body .reply a {
    text-decoration: none;
    padding: 0.75em 1em;
    display: inline-block;
    color: white;
    margin-top: 0;
    font-weight: 300;
}

.comments .comment-body .reply a:hover {
    text-decoration: none;
    background-color: #000 !important;
    color: #fff;
}

.comments .children li {
    margin-left: 10px;
}

.comments .comment-body {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.comment-respond .logged-in-as {
    font: 0.875rem/1.43em "Roboto", Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
}

.comment-respond .logged-in-as a {
    text-decoration: none;
}

.comment-respond label[for="comment"] {
    display: none;
}

.comment-respond .form-submit {
    text-align: right;
    margin-top: 20px;
}

.comment-respond #submit {
    color: #fff;
    padding: 1em 1.5em;
    border: none;
    cursor: pointer;
    font-weight: 400;
}

.comment-respond #submit:hover {
    background-color: #000 !important;
}

.comment-respond:first-of-type {
    display: none;
}

.comment-respond .comment-form-url {
    display: none;
}

.comment-form p {
    margin-bottom: 5px;
}

.comment-form p label {
    display: block;
    font-size: 0.875rem;
    font-weight: bold;
}

.comment-form .comment-form-comment {
    margin-bottom: 10px;
}

.comment-form .comment-form-author,
.comment-form .comment-form-email {
    display: inline-block;
    width: 49%;
    margin: 0 0 5px;
}

.comment-form .comment-form-email {
    margin-left: 1%;
}

.comment-form .comment-form-author input,
.comment-form .comment-form-email input {
    width: 100%;
}

.comment-respond .logged-in-as a:hover,
.comments .comment-body a:hover {
    color: #393939;
}

.comment-form-cookies-consent {
    display: flex;
}

.comment-form p label[for="wp-comment-cookies-consent"] {
    font-weight: normal;
}



#cancel-comment-reply-link {
    text-transform: none;
    margin-left: 0.75em;
    display: inline-block;
    vertical-align: 3px;
    color: #888;
    font-size: 0.91em;
}

#cancel-comment-reply-link:hover {
    color: #393939;
    text-decoration: none;
}

.comments .comment-body .reply svg {
    height: 13px;
    vertical-align: -2px;
    margin-right: 3px;
    fill: currentColor;
}


.go_to_comments {
    color: var(--vef-couleur-dominante);
}

.go_to_comments:hover {
    text-decoration: none;
    color: #393939;
}


h3#reply-title {
    display: none;


}


@media (min-width:700px) {
    .comments .children li {
        margin-left: 50px;
    }
}