.commentlist .bypostauthor {
    border-top: 10px solid #e18728 !important;
}
.commentlist li ul.children li.bypostauthor {border-top: 10px solid #e18728;}


#author, #email, #url, #comment {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 90%;
    padding: .7rem;
    margin: 0 5%;
}

.input-data {
    margin-bottom: 1.2rem;
}

.comment-form-comment button, input[type=button], input[type=reset], input[type=submit], .button, .entry-content .button {
   background-color: $primary-color;
   color: #FFFFFF;
   cursor: pointer;
   padding: 0.7rem 1.5rem;
   transition: 0.3s all ease-in-out;
   border: medium none;
   box-shadow: none;
   font-weight: 900;
   
   
   &:hover {
       background-color: $primary-color-dark;
       transition: 0.3s all ease-in-out;
   }
}

.single-comment {
     
   &__title {
       margin-bottom: 1rem;
   }

   &__list {
       list-style: none;
       

       .children {
           list-style: none;
           margin-left: 2rem;
           
       }
   }
}

.single-comment__body{
   
   padding: 0.5rem;
   margin-bottom: 1rem;
   display: flex;
   
   .single-comment__avatar {
       margin-right: 5px;
   }

   .single-comment__content {
       margin-left: 5px;
       display: flex;
       flex-direction: column;
       width: 100%;
       .single-comment__top {
           
           display: flex;
           .single-comment__author {
              flex: 0 0 50%;
              margin-right: 1rem;
              font-weight: 700;
              font-size: 18px;
           }
           .single-comment__edit {
               flex: 1;
           }


       }
       .single-comment__comment {

            border-bottom: 2px solid $primary-color;
           padding: .5rem;
           margin-bottom: 1rem;
           font-weight: 500;
           
       }
       .single-comment__reply {
           font-weight: 600;
           
           a {
               background-color: $primary-color;
               padding: 0.3rem 0.6rem;
               color: white;

               &:hover {
                   background-color: $primary-color-dark;
                   transition: 0.3s all ease-in-out;
               }
           }
       }

   }
}

.single-comment__moderation {
   color: red;
}
.comment-form {
    border-bottom: 2px solid $primary-color;
    padding: .6rem;
}

.comment-notes, .comment-form-cookies-consent {
    margin-bottom: 1rem;
    text-align: center;
    font-weight: 900;
}

.form-submit {
    margin: 0 40%;
    
}

.logged-in-as {
    margin-bottom: 1rem;
}