.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,0.03);border-radius:10px;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,.2)}
.comment-author.vcard .fn{font-style:normal;font-weight:600;color:rgba(255,255,255,0.9);font-size:15px}
.comment-author.vcard .says{display:none}
.comment-meta{font-size:12px;color:rgba(255,255,255,0.35);margin-bottom:12px}
.comment-meta a{color:inherit;text-decoration:none}
.comment-meta a:hover{text-decoration:underline;color:#60a5fa}
.comment-body p{line-height:1.7;color:rgba(255,255,255,0.6);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,0.5);border:1px solid rgba(255,255,255,0.08);border-radius:6px;text-decoration:none;background:rgba(255,255,255,0.03);transition:all ease .2s}
.comment-reply-link:hover{background:rgba(59,130,246,0.15);color:#60a5fa;border-color:rgba(59,130,246,0.3)}
.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:600;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,0.35);font-size:13px;line-height:2}
.comment-awaiting-moderation{color:#f59e0b}
.comment-respond{background-color:rgba(255,255,255,0.03);padding:25px;border-radius:12px;border:1px solid rgba(255,255,255,0.06)}
.comment-reply-title small a{color:rgba(255,255,255,0.5);display:inline-block;float:right;height:16px;overflow:hidden;width:16px}
.comment-reply-title small a:hover{color:#60a5fa;text-decoration:none}
.comment-reply-title small a:before{content:"×";vertical-align:top;line-height:1}
.comment-form .comment-notes{margin-bottom:15px;color:rgba(255,255,255,0.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,0.6)}
.comment-form .required{color:#f87171}
.comment-form input[type=email],
.comment-form input[type=text],
.comment-form input[type=url]{max-width:270px;width:60%;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:10px 12px;color:rgba(255,255,255,0.9);font-size:14px}
.comment-form input[type=email]:focus,
.comment-form input[type=text]:focus,
.comment-form input[type=url]:focus{border-color:rgba(59,130,246,0.4);outline:none}
.comment-form textarea{width:100%;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:12px;color:rgba(255,255,255,0.9);font-size:14px;resize:vertical}
.comment-form textarea:focus{border-color:rgba(59,130,246,0.4);outline:none}
.comment-form #wp-comment-cookies-consent{margin:0 10px 0 0}
.form-allowed-tags,
.form-allowed-tags code{color:rgba(255,255,255,0.35);font-size:12px}
.form-allowed-tags code{font-size:10px;margin-left:3px}
.comment-navigation{font-size:16px;font-style:italic;font-weight:300;margin:0 auto;max-width:604px;padding:20px 0 30px;width:100%;color:rgba(255,255,255,0.4)}
.no-comments{background-color:rgba(255,255,255,0.03);font-size:18px;font-style:italic;font-weight:300;margin:0;padding:40px 0;text-align:center;color:rgba(255,255,255,0.4);border-radius:12px}
.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:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:10px;color:#fff;display:inline-block;padding:12px 28px;text-decoration:none;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 12px rgba(59,130,246,0.2)}
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{box-shadow:0 4px 20px rgba(59,130,246,0.35);transform:translateY(-1px);outline:0}
button:active,
input[type=button]:active,
input[type=reset]:active,
input[type=submit]:active{transform:translateY(0)}