/* Vars ----------------------------------------------------*//* Mixins ----------------------------------------------------*//* COMMENTS ------------------------------------------------------------*/ #comments-wrap { padding-top: 40px; margin-bottom: 60px; /* COMMENTS PAGINATION ------------------------------------------------------------*/ } #comments-wrap a { color: #e37655; text-decoration: none; } #comments-wrap .heading { margin-bottom: 10px; padding-top: 0px; padding-bottom: 10px; border-top: 0px solid #444444; border-bottom: 5px solid #444444; } #comments-wrap .nocomments { text-align: center; padding: 20px; } #comments-wrap .commentlist { margin: 0 0 30px 0; list-style-type: none; font-size: 14px; } #comments-wrap .commentlist .comment { padding: 10 0 0px 0; border-top: 1px #444444 solid; margin: 0 0 18px; padding: 25px 0px 0px 0px; /* REPLY ------------------------------------------------------------*/ /* CHILDREN ------------------------------------------------------------*/ } #comments-wrap .commentlist .comment .comment-body { position: relative; margin-bottom: 20px; /* META ------------------------------------------------------------*/ } #comments-wrap .commentlist .comment .comment-body .comment-author { color: #444444; } #comments-wrap .commentlist .comment .comment-body .comment-author cite { font-weight: bold; font-style: normal; color: #2C2D31; margin: 0; padding: 0; } #comments-wrap .commentlist .comment .comment-body .comment-author cite a { padding: 0 15px 0 0; color: #2C2D31; } #comments-wrap .commentlist .comment .comment-body .comment-author p:last-child { margin: 0; } #comments-wrap .commentlist .comment .comment-body .comment-author .avatar { float: left; margin: 2px 15px 0 0; } #comments-wrap .commentlist .comment .comment-body .comment-meta { margin: 0 0 40px 50px; color: #a4a5aa; font-size: 14px; position: relative; } #comments-wrap .commentlist .comment .reply { position: absolute; right: 1px; top: 1px; } #comments-wrap .commentlist .comment .reply .comment-reply-link { display: block; color: #444444; font-size: 12px; background: #f1f1f1; padding: 3px 10px; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.22); } #comments-wrap .commentlist .comment .reply .comment-reply-link:hover { color: #e37655; } #comments-wrap .commentlist .comment .children { list-style-type: none; margin-left: 74px; } #comments-wrap .commentlist .comment .children .comment { border-bottom: none; border-top: 1px #444444 solid; } #comments-wrap .commentlist .comment .children .comment .comment-body { margin: 20px 0 0 0px; } #comments-wrap .commentlist .comment .children .comment .comment-body .avatar { height: 35px; width: 35px; } #comments-wrap .commentlist .comment .children .comment .comment-body .comment-meta { margin-left: 40px; margin-bottom: 18px; } #comments-wrap .commentlist > li:first-child { border: none; padding-top: 20px; } #comments-wrap .comments-pagination { clear: both; overflow: hidden; padding: 20px 0; position: relative; font-size: 14px; line-height: 13px; margin-bottom: 10px; } #comments-wrap .comments-pagination span, #comments-wrap .comments-pagination a { display: block; float: left; margin: 2px 2px 2px 0; padding: 6px 9px 5px 9px; text-decoration: none; width: auto; color: #fff; background: #555; } #comments-wrap .comments-pagination span:hover, #comments-wrap .comments-pagination a:hover { color: #fff; background: #000000; } #comments-wrap .comments-pagination .current { padding: 6px 9px 5px 9px; background: #000000; color: #fff; } #comments-wrap .comments-pagination .add-comment-link a { font-size: 14px; padding: 0 15px 0 0; } #comments-wrap .comment-body ul { list-style-type: disc; } #comments-wrap .comment-body ol { list-style-type: decimal; }