.comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .comments-area { max-width: 747px; margin: 40px 0; } .comments-title, .comment-list, .comment-reply-title, .must-log-in, .comment-respond .comment-form, .comment-respond iframe { display: block; margin-left: auto; margin-right: auto; width: 100%; } .sidebar .comments-title, .sidebar .comment-list, .sidebar .must-log-in, .sidebar .comment-reply-title, .sidebar .comment-navigation, .sidebar .comment-respond .comment-form { max-width: 1040px; padding-left: 60px; padding-right: 376px; } .comments-title { margin: 20px 0; } .comment-list, .comment-list .children { list-style-type: none; padding: 0; margin: 0; } .comment-list .children { margin: 0 0 0 40px; } .comment-list > li:after, .comment-list .children > li:before { background: url(images/dotted-line.png) repeat left top; background-size: 4px 4px; content: ""; display: block; height: 1px; width: 100%; } .comment-list > li:last-child:after { display: none; } .comment-body { padding: 24px 0; position: relative; clear: both; overflow: hidden; border-bottom: 1px solid #E7E7E7; } .comment-author { } .comment-author .avatar { display: block; float: left; margin: 0 20px 20px 0; } .comment-author .fn { word-wrap: break-word; } .comment-author .fn, .comment-author .url, .comment-reply-link, .comment-reply-login { color: #fa5742; font-size: 16px; font-style: normal; font-weight: bold; } .says { display: none; } .no-avatars .comment-author { margin: 0 0 5px; max-width: 100%; position: relative; } .no-avatars .comment-metadata, .no-avatars .comment-content, .no-avatars .comment-list .reply { width: 100%; } .bypostauthor > .comment-body .fn:before { } .comment-list .edit-link { margin-left: 20px; } .comment-metadata, .comment-awaiting-moderation, .comment-content, .comment-list .reply { margin: 10px 0; } .comment-meta, .comment-meta a { color: #a2a2a2; font-size: 13px; } .comment-meta a:hover { color: #555555; } .comment-metadata { margin-bottom: 20px; } .ping-meta { color: #a2a2a2; font-size: 13px; line-height: 2; } .comment-awaiting-moderation { color: #a2a2a2; } .comment-awaiting-moderation:before { content: "\f021"; margin-right: 10px; display: inline-block; font-family: FontAwesome; font-weight: normal; } .comment-reply-link:before, .comment-reply-login:before { content: "\f122"; margin-right: 10px; display: inline-block; font-family: FontAwesome; font-weight: normal; } /* Comment form */ .comment-respond { background-color: #f5f5f5; padding: 40px; margin: 30px 0; max-width: 747px; } .comment .comment-respond { margin-bottom: 20px; padding: 20px; } .comment-reply-title { } .comment-reply-title small a { color: #131310; display: inline-block; float: right; height: 20px; overflow: hidden; width: 20px; } .comment-reply-title small a:hover { color: #ed331c; text-decoration: none; } .comment-reply-title small a:before { content: "\f05c"; display: inline-block; font-family: FontAwesome; font-size: 20px; font-weight: normal; } .sidebar .comment-list .comment-reply-title, .sidebar .comment-list .comment-respond .comment-form { padding: 0; } .comment-form .comment-notes { margin-bottom: 15px; } .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url { margin-bottom: 30px; } .comment-form [for="author"], .comment-form [for="email"], .comment-form [for="url"], .comment-form [for="comment"] { float: left; padding: 10px 0; width: 100px; } .comment-form .required { color: #FF8778; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { max-width: 300px; width: 60%; } .comment-form textarea { width: 100%; } .form-allowed-tags, .form-allowed-tags code { color: #686758; font-size: 14px; } .form-allowed-tags code { font-size: 10px; margin-left: 3px; white-space: pre-wrap; } .comment-list .pingback, .comment-list .trackback { padding-top: 24px; } .comment-navigation { border-bottom: 1px solid #E7E7E7; font-size: 20px; font-style: italic; font-weight: 300; margin: 0 auto; max-width: 747px; padding: 20px 0; width: 100%; } .no-comments { background-color: #eeeeee; font-size: 20px; font-style: italic; font-weight: 300; margin: 0; padding: 10px 0; text-align: center; } .sidebar .no-comments { padding-left: 60px; padding-right: 376px; } .comment-reply-title { margin-top: 0; }