#comments { text-align: center; }

#comments-login { margin: 12px; padding: 20px; border: solid 1px #ddd; display: inline-block; border-radius: 0.5rem; }

#comments-form { clear: both; margin: 13px 0px; }
#comments-form #comments-form-text { float: left; width: calc(85% - 23px); margin-right: 23px; }
#comments-form #comments-form-text input { font-size: 15px; padding:7px; border:solid 1px #789abc; border-radius:4px; width: 100%; }
#comments-form #comments-form-send { float: left; width: 15%; text-decoration: none; }
#comments-form #comments-form-send button { border-radius: 2.0rem; width: 100%; }

#comments-processing { display: none; }
#comments-response { display: none; margin:7px 0px; padding:3px; color: #fff; border-radius: 0.4rem; background: #900; font-weight: bold; }

#comments .comments-count { text-align: left; margin: 39px 0px 13px; font-size: 17px; border-bottom: solid 1px #ccc; }
#comments .comments-list { text-align: left; margin-bottom: 13px; clear: both; }
#comments .comments-item { margin-bottom: 26px; }
#comments .comments-item .author { font-size: 17px; font-weight: bold; }
#comments .comments-item .date   { font-size: 13px; }
#comments .comments-item .text   { font-size: 14px; margin-top: 5px; }