/* สีฟอนต์หัวเรื่อง Responses */
.comments-area .title-comments{
    color: #ecbd7b ;
}
/* สีเส้นขอบสำหรับแยกแต่ล่ะคอมเม้นส์ สามารถเพิ่มได้ตรง border-bottom เป็น 1px เปลี่ยนสีที่ต้องการได้ */
#comments .comment .comment-body, #comments .pingback .comment-body {
  display: -webkit-box ;
  display: -ms-flexbox ;
  display: flex ;
  -webkit-box-orient: vertical ;
  -webkit-box-direction: normal ;
  -ms-flex-direction: column ;
  flex-direction: column ;
  padding: 30px 0 30px 60px ;
  border-bottom: 0px solid #111 ;
}
/* สีพื้นวันที่และผู้เขียนคอมเม้นส์ */
.comments-area .comment-list .comment .comment-body .comment-meta{background-color: #222222 ;
    padding: 10px ;
    border-radius: 3px 3px 0 0 ;
}
 /* สีพื้นเนื้อหาคอมเม้นส์ */
.comments-area .comment-list .comment .comment-body .comment-content{background-color: #222222 ;
	padding: 10px ;
	margin-top:-15px ;
    border-radius: 0 0 3px 3px ;
}
 /* สีฟอนต์หัวเรื่องฟอร์มคอมเม้นส์ ใส่ความเห็น */
.comment-respond .comment-reply-title{
    color: #ecbd7b ;
}
 /* สีชื่อผู้คอมเม้นส์ */
.comments-area .comment-list .comment .comment-body .comment-meta .comment-author .fn{
    color: #ecbd7b ;
}
 /* ข้อความ says ตั้งค่าซ่อนไว้เพื่อความสวยงาม */
.comments-area .comment-list .comment .comment-body .comment-meta .comment-author .says{
    color: #ecbd7b ;
    display: none ;
}
 /* สีเวลาที่คอมเม้นส์ถูกบันทึก */
.comments-area .comment-list .comment .comment-body .comment-meta .comment-metadata a time{
    color: #ecbd7b ;
    opacity: 0.5 ;
}
 /* สีปุ่มแสดงความคิดเห็น Submit Form */
.comment-respond .comment-form .form-submit [type=button], .comment-respond .comment-form .form-submit [type=submit], .comment-respond .comment-form .form-submit button {
    display: inline-block ;
    font-weight: 500 ;
    background: linear-gradient(180deg,#dcc6aa,#b89f7e) ;
    color: #111 ;
    text-align: center ;
    white-space: nowrap ;
    -webkit-user-select: none ;
    -moz-user-select: none ;
    -ms-user-select: none ;
    user-select: none ;
    background-color: transparent ;
    border: 1px solid #333 ;
    padding: 0.5rem 1rem ;
    font-size: 1rem ;
    border-radius: 5px ;
    -webkit-transition: all .3s ;
    -o-transition: all .3s ;
    transition: all .3s ;
}
 /* สีปุ่มแสดงความคิดเห็น Submit Form ตอน :hover */
.comment-respond .comment-form .form-submit [type=button]:hover, 
.comment-respond .comment-form .form-submit [type=submit]:hover, 
.comment-respond .comment-form .form-submit button:hover {
    display: inline-block ;
    font-weight: 500 ;
    background: linear-gradient(90deg,#dcc6aa,#b89f7e) ;
    color: #111 ;
    text-align: center ;
    white-space: nowrap ;
    -webkit-user-select: none ;
    -moz-user-select: none ;
    -ms-user-select: none ;
    user-select: none ;
    background-color: transparent ;
    border: 1px solid #ecbd7b ;
    padding: 0.5rem 1rem ;
    font-size: 1rem ;
    border-radius: 5px ;
    -webkit-transition: all .3s ;
    -o-transition: all .3s ;
    transition: all .3s ;
}
 /* สีพื้น Body ช่องฟอร์มแต่ล่ะช่อง */
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    width: 100% ;
    color: #ffffff ;
    background-color: #333333 ;
    border: 1px solid #111111 ;
    border-radius: 3px ;
    padding: 0.5rem 1rem ;
    -webkit-transition: all .3s ;
    -o-transition: all .3s ;
    transition: all .3s ;
}
 /* จัด ไอคอน Avatar ให้แสดงผลฝั่งซ้าย*/
#comments .comment .avatar, #comments .pingback .avatar {
    position: absolute ;
    left: 0 ;
    border-radius: 50% ;
    margin-right: 10px ;
}
 /* จัด ไอคอน Avatar ให้แสดงผลฝั่งซ้าย อุปกรณ์ขนาดเล็ก */
@media (max-width: 767px){
    #comments .comment .avatar {
        position: absolute ;
        float: left ;
    }
}