.kbg-comments #reply-title{
    margin:0 0 get-gutter-width('xl') * 0.5;
}
.comment #reply-title{
    position: relative;
    width: 100%;
    align-items: flex-start;
}

.comment-form .comment-notes,
.comment-form .logged-in-as{
    font-size: 1.4rem;
	margin-bottom: 20px;
    @include mq('md') {
        margin-bottom: 36px;
    }
}
.comment-form .logged-in-as a{
    text-decoration: underline;
}
.comment-form .logged-in-as a:hover{
    text-decoration: none;
}

.comment-form-subscriptions{
    display: block;
    font-size: 85%;
    margin-bottom: 0;
    margin-top: 15px;
}

.kbg-comments-form {
    position: relative;

    .form-submit {
        display: none;
    }
    .form-submit+.form-submit {
        display: block;
    }
    .form-submit+.form-submit+input+input+p {
        position: absolute;
        bottom: 0;
        left: 0;
    }
}
.comment-form,
.entry-content,
.widget{
    input[type="text"],input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="url"], textarea{
        background: var(--color-txt-0025);
    }

    input[type="text"]:focus,input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="url"]:focus, textarea:focus{
        background: #FFF !important;
    }
}

.logged-in .kbg-comments-form .h2 {
    margin-bottom: 0;
}

.form-submit{
    margin-right: 20px;	
    margin-top: 0;
    margin-bottom: 0;
    button.submit {
        margin-top: 16px;
    }
}

.comment-list{
	
	padding:0;
    font-size: 1.4rem;
    line-height: 1.6;
    list-style: none;

    margin-top: get-gutter-width('md');
    @include mq('md') {
        margin-top: get-gutter-width('md');
    }
    @include mq('lg') {
        margin-top: get-gutter-width('md');
    }
    @include mq('xl') {
        margin-top: get-gutter-width('lg');
    }
}
.fn{
    display: block;
    line-height: 1;
    margin-bottom: 5px;
    font-size: 1.8rem;
    @include mq('md') {
    font-size: 2rem;
    }
}
.fn a{
    color: var(--color-txt);
    -webkit-transition: all .15s ease-in-out;
       -moz-transition: all .15s ease-in-out;
        -ms-transition: all .15s ease-in-out;
         -o-transition: all .15s ease-in-out;
            transition: all .15s ease-in-out;
    line-height: 1.35;
}
.comment-metadata,
.comment-metadata a{
    color: var(--color-meta);   
}
.says{
	display: none;
}
.comment-author img{
    border-radius: 50%;
    border: 3px solid #FFF;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15);
}
.comment-author img{
	float: left;
	margin-right: 15px;
    margin-top: -10px;
}
.comment-content{
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
    clear: both;
    @include mq('md') {
    padding-left: 75px;
    }
}
.comment-awaiting-moderation{
    display: block;
    font-size: 1.2rem;
    padding-left: 85px;
    margin-top: 10px;
}
.comment-body .reply{
    position: absolute;
    opacity: 0;
    pointer-events: none;
    top: 0;
    right: 0;
    transition: opacity .2s ease-in-out;
    @include mq('md') {
        top: 0;
        right: 0;
        left: auto;
    }
}
.comment-body:hover .reply{
    opacity: 1;
    pointer-events: auto;
}
.comment-body{
    
    position: relative;
    margin-bottom: get-gutter-width('lg');
    @include mq('md') {
        margin-bottom: get-gutter-width('md');
    }
    @include mq('lg') {
        margin-bottom: get-gutter-width('lg');
    }
}

.comment-metadata{
    font-size: 1.2rem;
    line-height: 1.2;
}
.comment-content p{
    margin-bottom: get-gutter-width('lg');
    &:last-child{
        margin-bottom: 0;
    }
}

.comment-list > li.comment:last-child > .comment-body:last-child {
	margin-bottom: 0;
}

.comment > .children{
   
    list-style: none;

    padding:0;

    @include mq('lg') {
        padding: 0 0 0 70px;
    }

}
.pingback .comment-content,
.trackback .comment-content{
    margin-left: 0;
    padding-left: 0;
}
.comment .comment-respond{
    padding: 50px 0;
}
.comment-respond{
    position: relative;
	.section-title + small{
    position: absolute;
    top: 14px;
    right: 0;
    text-transform: uppercase;
    font-size: 1.1rem;
    letter-spacing: .5px;
    padding-left:5px;	
	}
}
.comment-respond{
    .section-head{
        justify-content: start !important;
        margin-bottom: 5px !important;
        .col-6{
            flex: 0 0 100%;
            max-width: 100%;
        }
    }
    .section-title{
        display: flex;
        align-items: center !important;
        justify-content: space-between;
    }
}
.comment .mt--xxl.section-title{
    margin-top: 0;
}

.avatar{
    border-radius: 50%;
}
.comment-body + .comment-respond{
    margin-bottom: 50px;
    margin-top: -10px;
}

.bypostauthor .fn:after{
	opacity: .8;
    width: 20px;
    padding: 0;
    text-align: center;
    margin-left: 7px;
    font-size: 1.4rem;
    vertical-align: 1px;
}
#cancel-comment-reply-link,
.comment-reply-link{
    text-align: center;
    font-weight: normal;
    font-size: 1rem;
    text-transform: uppercase;
    padding: 0 14px;
    height: 25px;
    line-height: 25px;
}
#cancel-comment-reply-link{
    float: right;
}

#reply-title small{
    position: absolute;
    left: 0;
    top: 30px;
    @include mq('md') {
        top: 0;
        right: 0;
        left: auto;
    }
}


.comment-content p .emoji{
    max-width: 30px;
}
.comment-form-cookies-consent{
    clear: both;
    line-height: 1;
}
.form-submit input[type="submit"]{
    margin-top: 0;
}

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

    input[type=checkbox]{
        margin:3px 0 0 0;
    }
    label{
        font-size: 1.3rem;
        margin: 0 0 0 8px;
        line-height: 1.4;
    }
}

/* Comment pagination */
.kbg-comments ul.page-numbers{
    display: flex;
    margin-top: 32px;
    padding: 0;
    list-style: none;
}

.comment .comment-respond{
    padding: 0;
    .separator-line.large {
        display: none;
    }
}

.comment-form-author, .comment-form-email, .comment-form-url {
    float: left;
    width: 100%;
    padding: 0;
    @include mq('md') {
        width: 33.33%;
        padding: 0 15px 0 0;
    }
}
.comment-form-url {
    padding: 0;
}