/* Didgeridoo Dojo native comments (mu-plugins/dojo-comments.php) */
.dojo-comments { margin: 30px 0; text-align: left; font-size: 15px; line-height: 1.6; color: #333; }
.dojo-comments-title, .dojo-comments .comment-reply-title { font-size: 20px; font-weight: bold; margin: 0 0 15px; color: #222; }
.dojo-comments ol, .dojo-comments ol.children { list-style: none; margin: 0; padding: 0; }
.dojo-comments ol.children { margin-left: 40px; border-left: 2px solid #e5e5e5; padding-left: 15px; }
.dojo-comments li.comment { margin: 0 0 15px; padding: 0; background: none; list-style: none; }
.dojo-comments .comment-body { padding: 12px 15px; background: #f7f7f7; border-radius: 6px; overflow: hidden; }
.dojo-comments .comment-author { font-weight: bold; }
.dojo-comments .comment-author .avatar { position: static !important; float: left; margin: 0 12px 6px 0; border-radius: 50%; }
.dojo-comments .comment-author .says { display: none; }
.dojo-comments .comment-meta, .dojo-comments .comment-metadata { font-size: 12px; color: #888; margin-bottom: 6px; }
.dojo-comments .comment-metadata a { color: #888; text-decoration: none; }
.dojo-comments .comment-content p, .dojo-comments .comment-body p { margin: 0 0 8px; }
.dojo-comments .comment-body img { max-width: 100%; height: auto; }
.dojo-comments .bypostauthor > .comment-body { background: #eef6fb; }
.dojo-comments .reply { font-size: 13px; clear: both; }
.dojo-comments .reply a { font-weight: bold; text-decoration: none; }
.dojo-comments .comment-respond { margin-top: 20px; padding: 15px; border: 1px solid #e5e5e5; border-radius: 6px; background: #fff; }
.dojo-comments .comment-respond textarea { width: 100%; max-width: 100%; box-sizing: border-box; min-height: 120px; padding: 8px; font-size: 15px; border: 1px solid #ccc; border-radius: 4px; }
.dojo-comments .comment-respond label { display: block; font-weight: bold; margin-bottom: 4px; }
.dojo-comments .form-submit input[type=submit] { background: #313131; color: #fff; border: 0; border-radius: 4px; padding: 10px 20px; font-size: 15px; font-weight: bold; cursor: pointer; }
.dojo-comments .form-submit input[type=submit]:hover { background: #000; }
.dojo-comments #cancel-comment-reply-link { margin-left: 10px; font-size: 13px; font-weight: normal; }
.dojo-comments .must-log-in, .dojo-comments .logged-in-as { font-size: 14px; color: #555; }
@media (max-width: 600px) { .dojo-comments ol.children { margin-left: 12px; padding-left: 10px; } }
