.comments-header {
  display:flex;
  justify-content:space-between;
  margin:0 0 22px;
  align-items:baseline;
}
.comments-header .comments-title {
  font-size:30px;
  line-height:30px;
  font-weight:900;
}
.comments-header .comments-header-link {
  font-size:14px;
  line-height:30px;
  font-weight:900;
  text-transform:uppercase;
}
.pingback, .trackback, .comment {
  background-color:#ffffff;
  font-size:16px;
  line-height:20px;
  color:#040418;
  font-weight:500;
  border:none;
  padding:18px 20px 21px 20px;
  position:relative;
  margin-bottom:20px;
}
.pingback .comment-avatar, .trackback .comment-avatar, .comment .comment-avatar {
  position:absolute;
  top:18px;
  left:21px;
  z-index:1;
}
.pingback .comment-avatar, .pingback .comment-avatar a, .pingback .comment-avatar img.avatar, .trackback .comment-avatar, .trackback .comment-avatar a, .trackback .comment-avatar img.avatar, .comment .comment-avatar, .comment .comment-avatar a, .comment .comment-avatar img.avatar {
  display:block;
  width:50px;
  height:50px;
  float:none;
  margin:0;
}
.pingback .comment-content, .trackback .comment-content, .comment .comment-content {
  margin:0;
  color:#040418;
  padding:0 0 0 70px;
}
.pingback .comment-content .comment-header, .trackback .comment-content .comment-header, .comment .comment-content .comment-header {
  color:#040418;
  margin:0;
  padding:0;
  min-height:50px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.pingback .comment-content .comment-header p, .pingback .comment-content .comment-header a, .trackback .comment-content .comment-header p, .trackback .comment-content .comment-header a, .comment .comment-content .comment-header p, .comment .comment-content .comment-header a {
  line-height:20px;
  margin:0;
}
.pingback .comment-content .comment-header .comment-author-link, .trackback .comment-content .comment-header .comment-author-link, .comment .comment-content .comment-header .comment-author-link {
  color:#040418;
  -webkit-transition:color 0.3s ease-out;
  transition:color 0.3s ease-out;
}
.pingback .comment-content .comment-header .comment-author-link:hover, .trackback .comment-content .comment-header .comment-author-link:hover, .comment .comment-content .comment-header .comment-author-link:hover {
  color:#f50057;
  -webkit-transition:color 0.2s ease-out;
  transition:color 0.2s ease-out;
}
.pingback .comment-content .comment-header .comment-author-link:active, .trackback .comment-content .comment-header .comment-author-link:active, .comment .comment-content .comment-header .comment-author-link:active {
  color:#040418;
  -webkit-transition:color 0.1s ease-out;
  transition:color 0.1s ease-out;
}
.pingback .comment-content .comment-header .comment-time-since, .trackback .comment-content .comment-header .comment-time-since, .comment .comment-content .comment-header .comment-time-since {
  display:block;
  font-size:14px;
  line-height:20px;
  font-weight:300;
  color:#808080;
  letter-spacing:0;
}
.pingback .comment-content .comment-inner, .trackback .comment-content .comment-inner, .comment .comment-content .comment-inner {
  padding:10px 0 0 0;
  font-size:16px;
  line-height:20px;
  color:#040418;
  font-weight:300;
}
.comment-form .extra-field .extra-indicator, .comment-form .extra-field label {
  color:#808080;
  font-size:16px;
  line-height:25px;
  font-weight:300;
  text-transform:none;
  letter-spacing:0;
}
.comment-form .extra-field label { padding:17px 22px; }
.comment-form .extra-field .extra-indicator {
  top:15px;
  padding:0 22px;
  font-size:14px;
  line-height:20px;
  color:#040418;
}
.comment-form .extra-field input[type="text"] {
  width:100%;
  height:60px;
  border:1px solid rgba(4,4,24,0);
}
.comment-form .extra-field input[type="text"]:focus { border:1px solid rgba(4,4,24,0.8); }
.comment-form .extra-field input[type="text"], .comment-form .extra-field textarea {
  background-color:#ffffff;
  width:100%;
  max-width:none;
  min-height:190px;
  max-height:570px;
  height:190px;
  padding:17px 22px;
  font-size:16px;
  line-height:25px;
  font-weight:300;
  position:relative;
  border:1px solid rgba(4,4,24,0);
}
.comment-form .extra-field input[type="text"]:focus, .comment-form .extra-field textarea:focus { border:1px solid rgba(4,4,24,0.8); }
.comment-form .extra-field input[type="text"] {
  min-height:0;
  max-height:none;
  height:60px;
  margin:0 0 20px;
}
.comment-form .extra-field.extra-full .extra-indicator { top:-20px; }
.comment-form .extra-field.extra-full label {
  -webkit-transform:translate3d(0,-40px,0);
  transform:translate3d(0,-40px,0);
}
.comment-form .extra-field.extra-rank-field {
  width:100%;
  height:60px;
  background-color:#ffffff;
  margin-bottom:20px;
  padding:5px 0 0;
  display:flex;
  flex-direction:row-reverse;
  justify-content:center;
}
.comment-form .extra-field.extra-rank-field input {
  opacity:0;
  position:absolute;
  top:0;
}
.comment-form .extra-field.extra-rank-field .extra-rank-label {
  display:block;
  width:50px;
  height:50px;
  position:relative;
}
.comment-form .extra-field.extra-rank-field .extra-rank-label .icon {
  display:block;
  width:30px;
  height:30px;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-15px;
  margin-left:-15px;
}
.comment-form .extra-field.extra-rank-field .extra-rank-label .icon * {
  fill:#040418;
  -webkit-transition:fill 0.3s ease-out;
  transition:fill 0.3s ease-out;
}
.comment-form .extra-field.extra-rank-field .extra-rank-label .icon-full {
  opacity:0;
  -webkit-transition:opacity 0.3s ease-out;
  transition:opacity 0.3s ease-out;
}
.comment-form .extra-field.extra-rank-field input:hover ~ .extra-rank-label .icon-full, .comment-form .extra-field.extra-rank-field input:checked ~ .extra-rank-label .icon-full {
  opacity:1;
  -webkit-transition:opacity 0.2s ease-out;
  transition:opacity 0.2s ease-out;
}
.comment-form .extra-field.extra-rank-field input:hover + .extra-rank-label .icon-full {
  opacity:0.8;
  -webkit-transition:opacity 0.1s ease-out;
  transition:opacity 0.1s ease-out;
}
.comment-form .extra-field.extra-rank-field input:active + .extra-rank-label .icon-full {
  opacity:1;
  -webkit-transition:opacity 0.1s ease-out;
  transition:opacity 0.1s ease-out;
}
.comment-form .link-button {
  margin:18px 0 0;
  display:block;
  width:100%;
}
.respond-title {
  font-size:30px;
  line-height:30px;
  font-weight:900;
  margin:44px 0 16px;
}
@media only screen and (max-width: 540px) {
  .comments-header { display:block; }
}