.clear:after,
.navigation:after,
.comment-form-author:after,
.comment-form-email:after,
.comment-form-url:after,
.comment-body:after{clear:both}
.clear:before,
.clear:after,
.navigation:before,
.navigation:after,
.comment-form-author:before,
.comment-form-author:after,
.comment-form-email:before,
.comment-form-email:after,
.comment-form-url:before,
.comment-form-url:after,
.comment-body:before,
.comment-body:after{content:"";display:table}

.comment-list,
.comment-list .children{list-style:none;margin:0;padding:0}
.comment-list li.comment{position:relative}
.comment-list li.bypostauthor>.comment-body{background:rgba(255,255,255,.03);border-radius:8px;padding:15px}
.comment-body{display:block;margin-bottom:15px}
.comment-author.vcard{display:flex;align-items:center;margin-bottom:8px}
.comment-author.vcard img.avatar{border-radius:50%;margin-right:12px;box-shadow:0 2px 5px rgba(0,0,0,.3)}
.comment-author.vcard .fn{font-style:normal;font-weight:600;color:#fff;font-size:15px}
.comment-author.vcard .says{display:none}
.comment-meta{font-size:12px;color:rgba(255,255,255,.3);margin-bottom:12px}
.comment-meta a{color:inherit;text-decoration:none}
.comment-meta a:hover{text-decoration:underline}
.comment-body p{line-height:1.7;color:rgba(255,255,255,.55);font-size:15px;word-wrap:break-word;margin:0 0 10px}
.edit-link,
.reply{margin-top:10px;font-size:13px}
.comment-edit-link,
.comment-reply-link{display:inline-block;padding:4px 15px;color:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.1);border-radius:4px;text-decoration:none;background:transparent;transition:all ease .1s}
.comment-reply-link:hover{background:#fff;color:#0d0d0d;border-color:#fff}
.comment-list .children{margin-left:44px}
@media (max-width:768px){
    .comment-list .children{margin-left:20px}
    .comment-meta,
    .reply{padding-left:0}
}
.comment-awaiting-moderation{display:block;font-style:italic;color:#f59e0b;font-size:13px}


.comment-reply-title,
.comment-respond .comment-form,
.comment-respond iframe,
.comments-title,
.must-log-in{display:block;margin-left:auto;margin-right:auto;max-width:604px;width:100%}
.sidebar .comment-navigation,
.sidebar .comment-reply-title,
.sidebar .comment-respond .comment-form,
.sidebar .comments-title,
.sidebar .must-log-in{max-width:1040px;padding-left:60px;padding-right:376px}
.comments-title{font-size:28px;font-weight:300;margin-top:16px;margin-bottom:16px;color:#fff}
.comment-body{padding:24px 0;position:relative}
.says{display:none}
.comment-awaiting-moderation,
.ping-meta{color:rgba(255,255,255,.35);font-size:13px;line-height:2}
.comment-respond{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:25px}
.comment-reply-title small a{color:rgba(255,255,255,.5);display:inline-block;float:right;height:16px;overflow:hidden;width:16px}
.comment-reply-title small a:hover{color:#fff;text-decoration:none}
.comment-reply-title small a:before{content:"\00d7";vertical-align:top;line-height:1}
.comment-form .comment-notes{margin-bottom:15px;color:rgba(255,255,255,.4)}
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url{margin-bottom:8px}
.comment-form [for=author],
.comment-form [for=comment],
.comment-form [for=email],
.comment-form [for=url]{float:left;padding:5px 0;width:120px;color:rgba(255,255,255,.6)}
.comment-form .required{color:#fe2c55}
.comment-form input[type=email],
.comment-form input[type=text],
.comment-form input[type=url]{max-width:270px;width:60%;background:#111;border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px 12px;border-radius:6px}
.comment-form textarea{width:100%;background:#111;border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px 12px;border-radius:6px}
.comment-form #wp-comment-cookies-consent{margin:0 10px 0 0}
.form-allowed-tags,
.form-allowed-tags code{color:rgba(255,255,255,.35);font-size:12px}
.form-allowed-tags code{font-size:10px;margin-left:3px}
.comment-navigation{font-size:20px;font-style:italic;font-weight:300;margin:0 auto;max-width:604px;padding:20px 0 30px;width:100%}
.no-comments{background:rgba(255,255,255,.02);font-size:20px;font-style:italic;font-weight:300;margin:0;padding:40px 0;text-align:center;color:rgba(255,255,255,.4)}
.sidebar .no-comments{padding-left:60px;padding-right:376px}
@media (max-width:768px){
    .comments-title{font-size:22px}
}

button,
input[type=button],
input[type=reset],
input[type=submit]{background:#2a2a2a;border:1px solid rgba(255,255,255,.1);border-radius:50px;color:#fff;display:inline-block;padding:11px 24px;text-decoration:none;font-weight:600;cursor:pointer;transition:all var(--transition)}
button:focus,
button:hover,
input[type=button]:focus,
input[type=button]:hover,
input[type=reset]:focus,
input[type=reset]:hover,
input[type=submit]:focus,
input[type=submit]:hover{background:#3a3a3a;transform:translateY(-1px);outline:0}
button:active,
input[type=button]:active,
input[type=reset]:active,
input[type=submit]:active{opacity:.7;transform:translateY(0)}