@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700&display=swap');
#content .comment-wrapper h2
{
    margin-bottom: 1rem;
}

#content .comment-wrapper h2.comment-form__title
{
    margin-bottom: 1rem;
}

.field-node--comment
{
    font-size: .875rem;
}

.comment
{
    display: table;

    margin-bottom: 1.25em;

    vertical-align: top;
}

[dir='rtl'] .comment
{
    direction: rtl;
}

.comment__meta
{
    /* LTR */
    font-size: 1rem;

    padding: 0 30px 0 0;
}

[dir='rtl'] .comment__meta
{
    padding: 0 0 0 calc(1.3125rem + .75vw);
}

@media (min-width: 1200px)
{
    [dir='rtl'] .comment__meta
    {
        padding: 0 0 0 1.875rem;
    }
}

.comment__attribution img
{
    border: 1px solid #dee2e6;
}

/* This is required to win over specificity of .field--type-image img */
.comment .field--name-user-picture img
{
    margin: 0;
}

.comment__author .username
{
    white-space: nowrap;
}

.comment__author
{
    line-height: 1.2;

    margin: .25rem 0;
}

.comment__time,
.comment__permalink
{
    font-size: .875rem;
    line-height: 1.2;

    margin-bottom: .25rem;
    padding: 0 .5em 0 0;

    color: #68696b;
    /* LTR */
}

[dir='rtl'] .comment__time,
.comment__permalink
{
    padding: 0 0 0 .5em;
}

.comment__permalink
{
    font-size: .875rem;
    line-height: 1.2rem;
}

.comment__content:before
{
    position: absolute;
    /* LTR */
    top: 1.25em;
    right: 100%;

    content: '';

    border-top: 1.25em solid transparent;
    border-right: 1.25em solid #dee2e6;
    /* LTR */
    border-bottom: 1.25em solid transparent;
}

[dir='rtl'] .comment__content:before
{
    right: auto;
    left: 100%;

    border-right: none;
    border-left: 1.25em solid #dee2e6;
}

.comment__content:after
{
    position: absolute;
    /* LTR */
    top: 1.25em;
    right: 100%;

    margin-right: -.0625;

    content: '';

    border-top: 1.25em solid transparent;
    border-right: 1.25em solid #fff;
    /* LTR */
    border-bottom: 1.25em solid transparent;
    /* LTR */
}

[dir='rtl'] .comment__content:after
{
    right: auto;
    left: 100%;

    margin-right: 0;
    margin-left: -.0625;

    border-right: none;
    border-left: 1.25em solid #fff;
}

.comment__content h3
{
    font-size: 1.25rem;

    margin-top: .94em;
    margin-bottom: .45em;
}

.comment__content nav
{
    padding-top: .0625;
}

.indented
{
    margin-left: calc(1.375rem + 1.5vw);
    /* LTR */
}

@media (min-width: 1200px)
{
    .indented
    {
        margin-left: 2.5rem;
    }
}

[dir='rtl'] .indented
{
    margin-right: calc(1.375rem + 1.5vw);
    margin-left: 0;
}

@media (min-width: 1200px)
{
    [dir='rtl'] .indented
    {
        margin-right: 2.5rem;
    }
}

.comment .links
{
    padding: 0 0 .25em 0;
}

.comment .links-inline span
{
    /* LTR */
    font-size: 1rem;

    padding: 0 .5em 0 0;
}

[dir='rtl'] .comment .links-inline span
{
    padding: 0 0 0 .5em;
}

.comment--unpublished
{
    margin-right: .3125rem;
    /* LTR */
    padding: .3125rem .125 .3125rem .3125rem;
    /* LTR */

    background: #7ecfff;
}

[dir='rtl'] .comment--unpublished
{
    margin-right: 0;
    margin-left: .3125rem;
    padding: .3125rem .3125rem .3125rem .125;
}

.unpublished .comment-text .comment-arrow
{
    border-right: 1px solid #7ecfff;
    border-left: 1px solid #7ecfff;
}

.unpublished
{
    padding: 1.25em 1.25em 0;
}

.comment-footer
{
    display: table-row;
}

.comment--unpublished .comment__text:after,
.node--unpublished .comment__text:after
{
    border-right-color: #7ecfff;
    /* LTR */
}

[dir='rtl'] .comment--unpublished .comment__content:after,
[dir='rtl'] .node--unpublished .comment__content:after
{
    border-left-color: #7ecfff;
}