/* commenti ======================*/
/* globali lista */

#comments { margin-bottom: 4em; padding-top: 2em; padding-bottom: 2em; }
#comments ol.commentlist { list-style: none !important; margin-bottom: 30px; margin-top: 30px; margin-left: 0 !important; }
#comments ol.commentlist li, ol.commentlist li ul { list-style: none !important; }
/*ol.commentlist li div.comment{ clear:both;}*/

#comments ol.commentlist li div.comment { display: block; padding: 0; }
#comments ol.commentlist .li-commenti { margin-bottom: 30px; width: 100%; float: left }
#comments ol.commentlist li .nastro { position: absolute; right: 10px; top: -1px; z-index: 999; }
#comments ol.commentlist li .avatarcom { margin: 0 auto; text-align: center; width: 108px; position: relative; }
#comments ol.commentlist li .nopad { padding: 0; text-align: center; }
#comments .autore > .avatarcom { }
#comments ol.commentlist li div.comment .profilo p.author-link { margin: 3px 0; font-size: 12px; color: #666; font-weight: normal; word-wrap: break-word; }
#comments ol.commentlist li div.comment .profilo p.author-link a { font-size: 12px !important; color: #344a5f; font-weight: normal; }
#comments .author-link { padding: 3px 3px 5px; font-size: 12px; text-align: left; margin: 0 0 5px 0; border-bottom: 1px solid #dfdfdf; }
/* vcard */

/* commmento content */
#comments ol.commentlist li div.comment .comment-content { background-color: #fff; border: 1px solid #DDDDDD; position: relative; font-size: 14px; font-weight: 400; }
#comments ol.commentlist li.autore > div.comment .comment-content { border: 1px solid #DDDDDD; background-color: #ffffff; position: relative; font-size: 14px; font-weight: 400; }
#comments ol.commentlist li div.comment .comment-content .commento { padding: 2em 0 0.3em 0; font-size: 14px; }
#comments ol.commentlist li div.comment .comment-content img.frecciacom { position: absolute; top: 15px; left: -14px; z-index: 10; }
#comments ol.commentlist li div.comment .comment-content .comment-awaiting-moderation { padding: 5px 5px 5px 30px; margin: 5px 5px 10px 5px; border: 1px dashed #ccc; background-color: #f4f4f4; color: #333; display: block; background-image: url(../images/clock.png); background-repeat: no-repeat; background-position: 5px 5px; }
#comments ol.commentlist li div.comment .reply { clear: both; }
#comments ol.commentlist li ul.children { padding: 0; float: right; margin-top: 50px; width: 96% }
#comments ol.commentlist li ul.children li { clear: both; }
#comments ol.commentlist .commento * { font-size: 16px !important }
#comments ol.commentlist img.avatar-mask { position: absolute; top: 0; left: 0; z-index: 4; width: 96px; height: 96px; }
img.avatar.avatar-96.photo { position: absolute; top: 0; left: 0; }
.comment-content.autore { background-image: url('../images/commbg.png'); background-position: top right; background-repeat: no-repeat; }
.large-10.columns.comment-content:before { content: " "; height: 13px; width: 13px; display: block; position: absolute; background-color: #fff; transform: rotate(45deg); top: 20px; left: -8px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }
/* reply */
#reply-title { font-size: 32px; }
#comments .comment-content * { transition: all 0s !important; }
#comments div.reply { background: none repeat scroll 0 0 #295db1; display: block; text-align: center; }
#comments div.reply a:after { content: " \f075"; font-family: Font Awesome\ 5 Pro, sans-serif; }
#comments div.reply a { color: #ffffff; text-transform: uppercase; font-size: 18px !important; display: block; padding: 1em; }
#comments div.reply:after { content: " "; height: 20px; width: 20px; background-color: #295db1; display: block; position: absolute; transform: rotate(45deg); bottom: -6px; left: 50%; margin-left: -12px; }
#comments div.reply:hover, #comments div.reply:hover:after { background-color: #e65944; }
/* form dei commenti */

p.comment-form-url { float: left; width: 100%; }
p.comment-form-cookies-consent { float: none !important; clear: both !important; }
p.comment-form-cookies-consent label { margin: -22px 0 0 30px; }
textarea#comment { padding: 1em; }
input#author, input#url, input#email { padding: 0 0.5em; }
/* post pingback */
#comments ol.commentlist li.pingback { padding: 10px 10px 10px 40px; border: 1px dashed #ddd; clear: both; margin: 10px 0 30px 0; background-image: url(../images/heart.png); background-repeat: no-repeat; background-position: 10px 20px; }
#comments .logged-in-as, #comments .logged-in-as a { font-size: 1.2em !important; }
.commentifacebook {
    float: left;
    width: 100%;
    margin-bottom: 2em;
}