/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/css/components/comment-form.css ***!
  \************************************************************************************************************************************************************************************************************************************************************/
.wp-block-comments {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 2rem;
    padding-bottom: 2rem
}

.wp-block-comments .comment-reply-title {
    padding-bottom: 1.5rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity, 1))
}

.wp-block-comments .comment-reply {
    padding-top: 1rem
}

.wp-block-comments .comment-reply a {
    border-radius: 0.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(105 7 22 / var(--tw-border-opacity, 1));
    padding: .5rem;
    --tw-text-opacity: 1;
    color: rgb(105 7 22 / var(--tw-text-opacity, 1));
    text-decoration-line: none;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.wp-block-comments .comment-reply a:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(105 7 22 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.comment-form {
    --tw-bg-opacity: 1;
    background-color: rgb(78 5 16 / var(--tw-bg-opacity, 1));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

@media (min-width: 1024px) {

    .comment-form {
        padding-left: 6.5rem;
        padding-right: 6.5rem
    }
}

.comment-notes,
.comment-form label:not(.checkbox_label) {
    display: none !important
}

.checkbox_label {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.comment-form input[name="text"],
.comment-form input[name="email"],
.comment-form input[name="author"],
.comment-form input[name="url"],
.comment-form textarea {
    border-radius: 0.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(219 0 47 / var(--tw-border-opacity, 1));
    padding: 1rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(132 138 144 / var(--tw-text-opacity, 1))
}

.comment-form input[name="text"].error,
.comment-form input[name="email"].error,
.comment-form input[name="author"].error,
.comment-form input[name="url"].error,
.comment-form textarea.error {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    --tw-border-opacity: 1;
    border-color: rgb(198 0 43 / var(--tw-border-opacity, 1))
}

.wp-block-comments-pagination {
    justify-content: center
}

.wp-block-comments-pagination-previous,
.wp-block-comments-pagination-next,
.wp-block-comments-pagination-numbers {
    margin: 0px !important
}

.wp-block-comments-pagination a,
.wp-block-comments-pagination .page-numbers.current {
    border-radius: 0.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(105 7 22 / var(--tw-border-opacity, 1));
    padding: .5rem;
    --tw-text-opacity: 1;
    color: rgb(105 7 22 / var(--tw-text-opacity, 1));
    text-decoration-line: none;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.wp-block-comments-pagination a:hover,
.wp-block-comments-pagination .page-numbers.current {
    --tw-bg-opacity: 1;
    background-color: rgb(105 7 22 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

#commentform {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem
}

.grid-comment {
    width: 100%
}

.grid-author {
    width: 100%
}

@media (min-width: 768px) {

    .grid-author {
        width: auto;
        flex: 1 1 0%
    }
}

.grid-submit {
    display: block;
    width: 100%
}

@media (min-width: 768px) {

    .grid-submit {
        width: auto
    }
}

.grid-submit .wp-element-button {
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(241 141 21 / var(--tw-bg-opacity, 1));
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

@media (min-width: 768px) {

    .grid-submit .wp-element-button {
        width: auto
    }
}

.wp-block-comment-template ol,
ol.wp-block-comment-template {
    list-style-type: none !important
}

.comment-author {
    display: none
}

@media (min-width: 768px) {

    .comment-author {
        display: block
    }
}

.comment-author .only-first-letter {
    height: 5rem;
    width: 5rem;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 242 226 / var(--tw-bg-opacity, 1));
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(241 141 21 / var(--tw-text-opacity, 1));
    font-size: 0 !important
}

.comment-author .only-first-letter::first-letter {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
    line-height: 78px !important
}

.column-comment-content {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(252 242 241 / var(--tw-bg-opacity, 1));
    padding: 1.5rem
}

.column-comment-content .wp-block-comment-author-name,
.column-comment-content .wp-block-comment-date {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(105 7 22 / var(--tw-text-opacity, 1))
}

.column-comment-content .wp-block-comment-date {
    padding-left: 1rem
}

.column-comment-content .wp-block-comment-content {
    padding-top: 1rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity, 1))
}

.column-comment-content .comment-content {
    width: 100%
}

.column-comment-content .cld-like-dislike-wrap {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    display: flex;
    gap: 0.5rem
}

.column-comment-content .cld-common-wrap {
    margin-right: 0px;
    border-radius: 0.25rem;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.column-comment-content .cld-common-wrap:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 128 123 / var(--tw-bg-opacity, 1))
}

.column-comment-content .cld-like-like-trigger,
.column-comment-content .cld-like-dislike-trigger,
.column-comment-content .cld-like-dislike-wrap.cld-custom img {
    height: 100%
}

.column-comment-content .cld-like-like-trigger,
.column-comment-content .cld-like-dislike-trigger {
    position: absolute;
    top: 12%;
    left: 12%;
    height: 75%;
    width: 100%
}

.column-comment-content .cld-common-wrap {
    position: relative;
    min-width: 0px;
    padding: 0.25rem
}

.column-comment-content .cld-like-wrap.cld-common-wrap,
.column-comment-content .cld-dislike-wrap.cld-common-wrap {
    display: flex;
    height: 2rem;
    align-items: center
}

.column-comment-content .cld-count-wrap {
    margin-left: 2rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(105 7 22 / var(--tw-text-opacity, 1))
}

.wp-block-comment-template {
    padding-left: 0px !important
}

.comment-error-message {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    border-width: 1px;
    border-top-width: 0px;
    --tw-border-opacity: 1;
    border-color: rgb(198 0 43 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(198 0 43 / var(--tw-text-opacity, 1))
}

/*# sourceMappingURL=comment-form.css.map*/