#comments{margin: 6rem 0}
.home #comments{
    max-width:800px;
    margin-right:auto;
    margin-left:auto;
}
#comments .comment-list li{list-style: none}
#comments .comment-list{padding: 0;}
#comments .comment-list>li{padding-bottom: 1em;margin-bottom: 1em;border-bottom-width: 1px;border-bottom-style: solid;}
#comments .comment-list>li li{padding-bottom: 1em;}
#comments .comment-list .entry-comment{position: relative;padding: 10px;padding-right:70px;}
#comments .comment-list .comment-header{position: relative;}
#comments .comment-list .comment-header .author cite{font-style: normal}
#comments .comment-list .comment-header .gravatar-wrapper{position: absolute;top:0;right:-60px;width:40px;height:40px;}
#comments .comment-list .comment-header .avatar{border-radius: 50%;}
#comments .comment-list .comment-header .comment-meta>*{margin: 0 .5em}
#comments .comment-list .comment-content{opacity: 0.6;line-height: 1.6;font-size: 0.9em}
#comments .comment-list .comment-content > p:first-of-type{margin-top: 0}
#comments #respond{padding: 10px 40px;margin: 5rem 0;}
#comments #respond >#commentform{max-width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between}
#comments #respond >#commentform>.comment-form-comment{
  width: 100%;
}
#comments #respond >#commentform>.comment-form-comment textarea{
  max-height: 129px;
  padding: 10px;
}
#comments #respond >#commentform p.comment-form-author,
#comments #respond >#commentform p.comment-form-email{
  margin:0;
  width:47%;
}
@media (max-width:600px){
  #comments #respond >#commentform{flex-direction: column;}
  #comments #respond >#commentform p.comment-form-author,
  #comments #respond >#commentform p.comment-form-email{
    margin:0;
    width:100%;
    max-width: 300px;
  }
}
#comments #respond >#commentform p.comment-form-author input,
#comments #respond >#commentform p.comment-form-email input{
  width: 100%;
  max-width: unset;
  padding: 5px 10px;
}
#comments #respond >#commentform .comment-form-comment label{display: none;}
#comments #respond >#commentform input#author,
#comments #respond >#commentform input#url,
#comments #respond >#commentform input#email,
#comments #respond >#commentform .comment-form-comment textarea{width: 100%;border-radius: 5px;box-shadow: none;border-width: 1px; border-style: solid;resize: none;}
#comments #respond >#commentform .comment-form-author label,
#comments #respond >#commentform .comment-form-email label,
#comments #respond >#commentform .comment-form-url label{display:inline-block;min-width: 70px}
@media(max-width:500px){
  #comments #respond >#commentform .comment-form-author input#author,
  #comments #respond >#commentform .comment-form-email input#email,
  #comments #respond >#commentform .comment-form-url input#url{max-width: 300px;}
}
#comments #respond >#commentform #submit{
    padding: .5em 1em;
    border-radius: 4px;
    border-style: solid;
    cursor: pointer;
    margin-top: 15px;
    background-color: #bfa36e !important;
    color: white !important;
    height: 38px !important;
    min-height: 38px !important;
    min-width: 120px;
}
#comments .comment-reply-link{
  display: inline-flex;
  align-items: center;
}
#comments .comment-reply-link::before{
  content: '↩';
  padding-top: 2px;
  margin-left: 5px;
}
#comments .comment-meta,
#comments .comment-meta a{
  color: #484a58CC !important;
  opacity: .9
}
#comments .comment-meta{
  margin-bottom: .5em;
}
#comments .comment-awaiting-moderation{
  position: absolute;
  top: -2em;
  font-size: .85em;
  font-style: normal
}
#comments #cancel-comment-reply-link{
  margin: 0 1em;
  background-color: rgba(0,0,0,0.05);
  border: 1px solid rgba(0,0,0,0.1);
  padding: 4px 12px;
  font-size: .8em;
  border-radius: 5px;
}
@media (max-width: 680px){
    #comments .comment-list .entry-comment{text-align: justify;text-justify: inter-character;}
    #comments .comment-list ol{padding: 0}
}
@media (max-width: 500px){
    #comments .comment-list .entry-comment{padding-right: 10px;}
    #comments .comment-list .entry-comment .gravatar-wrapper{display: none;}
}
@media (max-width: 400px){
  #comments #respond{padding: 10px}
}