/*
  Theme Name: weDocs Child Theme
  Theme URI: https://github.com/tareq1988/wedocs
  Description: A documentation theme for WordPress
  Version: 0.1
  Template: wedocs-develop
  Author: Mohammad Jaqmaqji
  Author URI: http://github.com/mohjak
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
  Tags: blue
  Text Domain:  wedocs-develop-child
*/

#commentform {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#commentform .comment-notes {
  flex-wrap: 1;
  width: 100%;
  margin-bottom: 10px;
}

#commentform .comment-form-comment{
  flex-wrap: 1;
  width: 100%;
  margin-bottom: 10px;
  order: 2;
}

.comment-form-author ,.comment-form-email, .comment-form-url {
  flex-grow: 1;
  max-width: 30%;
}

.comment-form-author label,.comment-form-email label, .comment-form-url label {
  display: block;
}

.comment-form-comment label{
  display: block;
  margin-top: 10px;
}

.comment-form-cookies-consent {
  order: 3;
}

.form-submit{
  margin-top: 10px;
  margin-bottom: 30px;
  order: 4;
  width: 100%;
  text-align:left;
}

.form-submit .submit {
  color: #fff;
  border: 0 none;
  padding: 10px 15px ;
  background: #2E384D 0% 0% no-repeat padding-box;
  border-radius: 4px;
  opacity: 1;
  transition: .2s ease;
}

.form-submit .submit:hover {
  background: #5C6E94;
  
}

#commentform input[type="text"],#commentform  textarea {
  background: #FFFFFF;
  border: 1px solid #2E384D;
  border-radius: 4px;
  width:100%;
  padding: 6px;
  transition: .2s ease;
  margin-top: 5px;
}

#commentform input[type="text"]:focus ,
#commentform  textarea:focus
{
  box-shadow: 0 0 7px RGBA(46, 56, 77, 0.3);
}

#commentform  .required {
  color: #E21E1E;
  padding: 0 10px;
  font-size: 25px;
  line-height: 1;
  position: relative;
  top: 9px;
}

#commentform .comment-form-url {
  margin-top: 6px;
}

.comments-area {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.comments-area .comment-list {
  order: 2;
  list-style: none;
  padding: 0;
  margin: 0;
}

.comment-author img{
  width: 50px;
    height:50px;
  border-radius: 30px;
}

.comment-author .says {
  display: none
}

.comment-author .fn {
  font-weight: 600;
  font-size: 18px;
  padding: 0 10px;
  position: relative;
  top: -8px;
}

.comment-meta {
  padding-right: 64px;
  margin-top: -25px;
  font-size: 12px;
  margin-bottom: 15px;
}

.comment-body {
  padding-bottom: 20px;
  border-bottom: 1px solid #CCC;
  margin-bottom: 20px;
}

.comment-body .reply {
  display: none;
}

.comment-awaiting-moderation + br {
  display: none;
}

.comment-body {
  position: relative;
}

.comment-list .comment-awaiting-moderation {
  position: absolute;
  top: -19px;
}