.emts-comments-section {
    color: #fff;
}

.emts-comment-form-wrapper h2 {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 10px;
}

.emts-comment-form input[type="submit"],
.emts-reply-button {
    background: #d44848;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
}

.emts-comment-list {
    list-style: none;
    padding-left: 0;
    margin-top: 40px;
}

.comment {
    background: #1b1b1b;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 20px;
}

.comment .comment-author {
    display: flex;
    align-items: center;
    font-weight: 600;
    margin-bottom: 5px;
}

.comment .comment-author img {
    border-radius: 50%;
    margin-right: 20px;
}

.comment .comment-meta {
    font-size: 13px;
    color: #aaa;
    margin-bottom: 10px;
}

.comment .comment-content {
    font-size: 16px;
    margin-bottom: 10px;
    padding-left: 68px;
}

.comment .reply {
    text-align: right;
}

.emts-comments-section .comment-respond,
.emts-comments-section .comment-respond a,
.emts-comment-list>li.comment *,
.emts-comment-form .form-submit input[type="submit"],
.emts-comment-form .comment-form-cookies-consent,
.emts-comment-form .logged-in-as,
.emts-comment-form .logged-in-as a,
.emts-comment-form .logged-in-as span {
    font-family: var(--secondaryfont) !important;
}

.emts-comments-section .comment-respond a,
.emts-comment-form .logged-in-as a {
    color: var(--primarycolor);
    text-decoration: underline;
}

.emts-comment-form .logged-in-as {
    margin-bottom: 20px;
}

.emts-comment-form .emts-input-wrap input:not([type="submit"]),
.emts-comment-form .emts-textarea-wrap textarea {
    font-family: var(--secondaryfont) !important;
    font-size: 16px;
    background: linear-gradient(90deg, rgba(245, 243, 239, 0.09) 0%, rgba(245, 243, 239, 0.045) 100%);
    border: 1px solid rgba(245, 243, 239, 0.4);
    backdrop-filter: blur(11.8px);
    border-radius: 9px;
    padding: 16px 30px;
    width: 100%;
    color: #fff;
}

.emts-comment-form .emts-textarea-wrap textarea {
    min-height: 150px;
}

.emts-comment-form .form-submit input[type="submit"] {
    padding: clamp(0.75rem, 0.6923rem + 0.2564vw, 1rem) clamp(1.5rem, 1.4135rem + 0.3846vw, 1.875rem); /* 12px to 30px */
    font-size: clamp(0.875rem, 0.8462rem + 0.1282vw, 1rem); /* 14px to 16px */
    margin-top: 40px;
}

body:not(.logged-in) .emts-comment-form .emts-textarea-wrap {
    margin-bottom: 30px;
}

.emts-comment-form .emts-input-wrap {
    width: 48.9%;
    display: inline-block;
}

.emts-comment-form .emts-input-wrap+.emts-input-wrap {
    margin-left: 30px;
}


.emts-comment-form .comment-form-cookies-consent {
    margin-top: 30px;
}

.emts-comment-list>li.comment {
    padding: 30px;
}

/* .emts-comments-section .comment-respond .emts-comment-form {
    margin-top: 30px;
} */

.emts-comments-section #cancel-comment-reply-link {
    border-radius: 10px;
    border: 1px solid currentColor;
    padding: 10px 18px;
    margin-left: 10px;
    text-decoration: none;
    transition: all 0.3s ease-out;
}

.emts-comments-section #cancel-comment-reply-link:hover {
    color: var(--secondarycolor);
}

.emts-comments-section .comment .comment-author {
    color: var(--secondarycolor);
    font-size: 16px;
    align-items: flex-start;
}

.emts-comments-section .comment .comment-author .says {
    margin-left: 8px !important;
}

.emts-comments-section .comment .comment-metadata a {
    color: var(--secondarycolor);
    font-size: 14px;
}

.emts-comments-section .comment .comment-metadata {
    padding-left: 68px;
    margin-top: -25px;
}

.emts-comment-list .children .comment {
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
    border-top: 1px solid #535353;
    border-radius: 0;
}

.emts-comment-list>li.comment .comment-body+.children {
    margin-top: 20px;
}

.emts-comment-list .comment .reply {
    margin-top: -62px;
}

.emts-post-meta .value { font-size: 18px; color: var(--secondarycolor); }

@media screen and (max-width: 479px) {


    .emts-comments-section .comment .comment-metadata {
        padding-left: 50px !important;
        margin-top: -5px !important;
    }

    .comment .comment-content {
        padding-left: 52px !important;
    }

    .emts-comment-list .comment .reply {
        margin-top: 0 !important;
            font-size: 10px;
    }

}

p.emts-no-comments { margin-top: 30px !important; }