body { position: relative; } .cc-comments h3#comments { margin-bottom: 25px; } .cc-comments .comment-user-meta { display: block; padding: 0 0 0 100px; position: relative; } .cc-comments img.avatar.avatar-80.photo { float: left; margin: 0 20px 0 0; vertical-align: top; border-radius: 100%; position: absolute; left: 0px; top: 0px; max-width: 80px; } .cc-comments h4.comment-user { display: inline; text-transform: uppercase; font-weight: bold; } @media (min-width: 780px) { .cc-comments .comment-meta { float: right; position: absolute; top: 5px; right: 0px; } } @media (max-width: 780px) { .cc-comments .comment-meta { margin-top: 10px; } } .cc-comments .date { font-style: italic; } .cc-comments .comment-body { padding: 30px 0; border-bottom: 1px solid #ebebeb; } .cc-comments > ul > li:first-child > .comment-body { padding-top: 0; } .cc-comments .comment-head { margin-bottom: 15px; } .cc-comments #respond { margin-top: 70px; } .cc-comments h3#reply-title { margin-bottom: 10px; } .cc-comments .comment-notes { margin-bottom: 20px; } .cc-comments textarea, .cc-comments input[type="text"] { max-width: 100%; width: 100%; border-radius: 0px; margin-bottom: 20px; border: none; border: 1px solid #ebebeb; background: #fafafa; padding: 10px 20px; transition-duration: .4s; } .cc-comments textarea:focus, .cc-comments input[type="text"]:focus { outline: none; background: #f3f3f3; } .cc-comments .comment-form .text-field > div { width: 33.33%; float: left; padding: 0 10px; } .cc-comments .comment-form .text-field { margin: 0 -10px; } .cc-comments input#wp-comment-cookies-consent { margin-right: 10px; } .cc-comments .comment-form label { font-weight: bold; } .cc-comments .comment-form-cookies-consent { display: block; margin-bottom: 25px; } .cc-comments .children { margin-left: 20px; padding-left: 20px; } .wp-block-post-comments { width: 100%; } .cc-comments .logged-in-as { margin-bottom: 20px; }