﻿.rt-comments{
margin-bottom:60px;
padding:0 100px;
--white:rgba(0, 0, 0, 0.05);
--blur:#f5f5f5;
}
#cancel-comment-reply-link{color:red}
#cancel-comment-reply-link:hover{opacity:.7}
.comment-list #respond,#commentform .comment-form-comment,#commentform .form-submit,#comments,.dle-comments-navigation,#commentform,.comment-list li .children,.comment-list,.comment-list li,.comment-list li .comment-author,.comment-list li .comment-text,.comment-list li .comment-body,.comment-list li .reply{width:100%;float:right}
.comment-list li{position:relative}
.comment-list li .comment-author .avatar{width:50px;height:50px;float:right;border-radius:50%;margin-top:5px}
.comment-list li .comment-author .commentmetadata,.comment-list li .comment-author cite.fn{width:calc(100% - 70px);float:left}
.comment-list li .comment-author cite.fn{font-family:dana;font-size:15px;color:#444;font-weight:bold;margin-bottom:3px}
.comment-list li .comment-author cite.fn a{color:#fff;background-color:var(--color);padding:3px 7px;border-radius:30px;font-size:12px;font-weight:bold}
.comment-list li.verified-user>.comment-body>.comment-author>cite.fn{position: relative;padding: 5px 10px 4px;width: auto;line-height: 1;margin:0 15px 5px 0;background-color: var(--color);color: #444;float: right;border-radius: 8px;font-weight:bold;font-family:dana;}
.comment-list li.verified-user>.comment-body>.comment-author>cite.fn a,.comment-list li.verified-user>.comment-body>.comment-author>cite.fn{color:#444 !important}
.comment-list li.verified-user>.comment-body>.comment-author>cite.fn:after{position: absolute;left: -25px;top: 5px;}
.comment-list li .comment-author .commentmetadata,.comment-list li .comment-author .commentmetadata a{color:#777;font-size:13px}
.comment-list li{line-height:2;font-size:13px;color:#666;background-color:var(--white);border-radius:8px;padding:20px 25px;margin:10px 0}
.comment-list li .comment-text{margin:15px 0 5px;font-size:14px}
.comment-list li .reply .comment-reply-link{background-color: var(--blur);color: #666;font-weight: bold;padding: 3px 12px;border-radius: 8px;float:left}
.comment-list .comment .verified-user > div .comment-author .fn::after{font-family:'Font Awesome 5 Pro' !important;font-weight:300;margin-right:8px}
.comment-list li .children{margin-top:20px}
#comments .titr{margin:35px 0 5px}
#reply-title{float:right;font-family:dana;font-weight:bold;font-size:16px;margin-bottom:15px;color:#444}
#commentform .comment-form-url,#commentform .comment-form-cookies-consent,#commentform .comment-notes,#commentform label,#commentform .logged-in-as{display:none}
.comment-list #respond #cancel-comment-reply-link{color: #fb6363;display:inline-block;margin-right:15px}
.comment-list #respond #reply-title{margin-top:15px}
.comment-list #respond{margin-top:25px;border-top:1px var(--white) solid}
#commentform{background-color:var(--blur);padding:15px 20px;border-radius:10px;margin-bottom:20px}
#commentform .comment-form-author,#commentform .comment-form-email{width:calc(50% - 10px);float:right}
#commentform .comment-form-email{float:left}
#commentform #comment{height:100px}
#commentform #comment,#commentform #author,#commentform #email{width:100%;float:right;background-color:var(--white);border-radius:8px;border:0;color:#444;font-size:14px;padding:15px 20px;margin:10px 0}
#commentform #submit{background-color: var(--color);color: #fff;border: 0;font-family: dana;float: left;padding: 10px 15px;border-radius: 8px;box-shadow: 0 .5rem 1.5rem 0 #68cB5B33;font-weight: bold;font-size: 14px;margin: 10px 0;border-bottom: 3px rgba(0, 0, 0, 0.15) solid;cursor: pointer;}
.dle-comments-navigation{font-size:14px;text-align:center;margin-top:15px;color:#666}
.dle-comments-navigation a,.dle-comments-navigation span{font-family:yekan;display:inline-block;padding:8px 15px;margin:0 6px 9px;border-radius:30px;background-color:var(--blur);color:#444}
.dle-comments-navigation span{background-color:var(--color);color:#fff}
.dle-comments-navigation a:hover{background-color:#fff;color:var(--color)}
.dle-comments-navigation .page_next,.dle-comments-navigation .page_prev{display:none}
.dle-comments-navigation span.nav_ext{background:none}


.comment-list li .reply .cld-like-dislike-wrap i{filter:brightness(6);opacity:.5;transform:translateY(5px);width:23px;height:23px;display:inline-block}
.comment-list li .reply .cld-like-dislike-wrap i:before{content:""}
.comment-list li .reply .cld-like-dislike-wrap .cld-dislike-trigger i{background:url(../img/dislike.png) center no-repeat;background-size:20px}
.comment-list li .reply .cld-like-dislike-wrap .cld-like-trigger i{background:url(../img/like.png) center no-repeat;background-size:20px}
.light-mode .comment-list li .reply .cld-like-dislike-wrap i{filter:brightness(0);opacity:.3}
.comment-list li .reply .cld-like-dislike-wrap a:hover i{filter:brightness(1) !important;opacity:1 !important}

.comment-list li .reply .comment-reply-link:hover,#commentform #submit:hover,.comment-list #respond #cancel-comment-reply-link:hover{opacity:.8}

@media only screen and (max-width:920px){
#comments .titr{margin-top:15px}
#commentform{padding:10px 15px}
.comment-list li{padding:10px 15px 15px}
.comment-list li .comment-author cite.fn{margin-bottom:0}
.comment-list li .comment-author .avatar{width:35px;height:35px}
.comment-list li .comment-author .commentmetadata, .comment-list li .comment-author cite.fn{width:calc(100% - 50px)}
.comment-list li .comment-author .commentmetadata, .comment-list li .comment-author .commentmetadata a{font-size:11px}
.comment-list li .comment-text{font-size:13px}
.comment-list li .reply .cld-like-dislike-wrap{position: inherit;text-align: right;top: inherit;left: inherit;font-size: 15px;}
.comment-list li .reply .comment-reply-link{padding:1px 10px 3px}
.comment-list li .children{margin-top:10px}
#commentform .comment-form-author, #commentform .comment-form-email{width:100%}
#commentform #comment, #commentform #author, #commentform #email{font-size:13px;margin:7.5px 0;padding:12px 15px}
#commentform #submit{width:100%}
.rt-comments{padding:0;margin-bottom:20px !important}
}