.comments-title {
  border-bottom:1px solid #eeeeee;
  padding:0 0 20px 0;
  margin:0 0 30px 0;
}
.comment-field-wrapper {
  display:block;
  margin:0 0 20px;
}
.comment-field-wrapper label {
  display:block;
  font-size:18px;
  line-height:20px;
  font-weight:700;
  margin:0 0 6px 0;
}
.comment-field-wrapper label .legal {
  font-size:16px;
  font-weight:400;
  color:rgba(14,35,59,0.8);
  font-style:italic;
}
.comment-field-wrapper label .legal:before {
  content:'•';
  display:inline-block;
  margin:0 10px 0 8px;
  color:#0e233b;
}
.comment-field-wrapper textarea, .comment-field-wrapper input[type="email"], .comment-field-wrapper input[type="text"] {
  background-color:#ffffff;
  border:1px solid #cccccc;
  display:block;
  width:100%;
  max-width:320px;
  height:50px;
  padding:0 10px;
  -webkit-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}
.comment-field-wrapper textarea {
  height:auto;
  max-width:none;
  min-height:280px;
  padding:10px;
}
.comment-field-wrapper textarea:focus, .comment-field-wrapper input[type="email"]:focus, .comment-field-wrapper input[type="text"]:focus { border-color:#0e233b; }
.extra-checkbox-field {
  position:relative;
  margin:5px 0 26px;
}
.extra-checkbox-field input[type="checkbox"] {
  position:absolute;
  top:0;
  left:0;
  opacity:0;
}
.extra-checkbox-field label {
  font-size:18px;
  font-weight:600;
  padding:0 0 0 30px;
}
.extra-checkbox-field label:before {
  content:'';
  display:block;
  background-color:#ffffff;
  width:20px;
  height:20px;
  position:absolute;
  top:1px;
  left:0;
  border:1px solid #cccccc;
  -webkit-transition:border 0.2s ease-out;
  transition:border 0.2s ease-out;
}
.extra-checkbox-field input:focus ~ label:before, .extra-checkbox-field:hover label:before { border:1px solid #0e233b; }
.extra-checkbox-field label:after {
  content:'✓';
  font-weight:600;
  position:absolute;
  top:3px;
  left:3px;
  line-height:20px;
  font-size:16px;
  opacity:0;
  -webkit-transition:opacity 0.2s ease-out;
  transition:opacity 0.2s ease-out;
}
.extra-checkbox-field input:checked ~ label:after { opacity:1; }
.comment > .inner {
  position:relative;
  padding-bottom:49px;
  padding-top:41px;
}
.comment > .inner:after {
  content:'';
  display:block;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:1px;
  background-color:rgba(29,184,202,0.5);
  -webkit-transition:right 1s ease-out;
  transition:right 1s ease-out;
}
.wf-loading .comment > .inner:after { right:100%; }
.comment { padding-left:50px; }
.comment.depth-1 { padding-left:0; }
.comment.depth-1 > .inner:after { left:0; }
.comment.depth-2 > .inner:after { left:-50px; }
.comment.depth-3 > .inner:after { left:-100px; }
.comment.depth-4 > .inner:after { left:-150px; }
.comment-content.content {
  margin:0 0 9px 0;
  padding:0;
  position:relative;
}
.comment-content.content > *:last-child { margin-bottom:0; }
.comment-header * { font-size:18px; }
.comment-header .comment-date {
  display:inline-block;
  color:#0e233b;
  margin-right:15px;
}
.comment-header .comment-author {
  display:inline-block;
  font-weight:600;
}
.comment-header .subject-author .icon { vertical-align:0; }
.comment-awaiting-moderation {
  color:rgba(14,35,59,0.8);
  font-size:16px;
  font-weight:400;
  font-style:italic;
}
.comment-reply-link { font-weight:600; }
.comment-reply-link .icon {
  display:inline-block;
  width:16px;
  height:19px;
  margin:0 10px;
  vertical-align:-4px;
}
.comment-reply-link .icon * {
  fill:#1db8ca;
  -webkit-transition:fill 0.2s ease-out;
  transition:fill 0.2s ease-out;
}
.comment-reply-link em { font-weight:400; }
.comment-reply-link:hover .icon * { fill:#0e233b; }
#respond-wrapper {
  position:relative;
  background-color:#f5f5f5;
  padding:79px 0 74px;
}
#respond-wrapper:before {
  content:'';
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  left:-70px;
  width:100vw;
  background-color:#f5f5f5;
}
#reply-title {
  font-size:32px;
  line-height:40px;
  font-weight:400;
  overflow:hidden;
}
#reply-title .reply-to {
  display:block;
  font-size:16px;
  line-height:25px;
}
#cancel-comment-reply-link {
  display:block;
  font-size:16px;
  line-height:20px;
  font-weight:400;
  padding-bottom:20px;
}
.comment-form {
  display:block;
  position:relative;
}
.link-button { padding:9px 30px 6px 30px; }
#respond {
  width:100%;
  position:relative;
  z-index:1;
}
#comment-status {
  margin-top:15px;
  font-size:16px;
  line-height:25px;
}
.comments-footer {
  display:block;
  width:100%;
}
.more-article-wrapper:after, .more-article-wrapper:before { display:none; }
.must-log-in .link-button { margin-top:20px; }
.mce-tinymce {
  -webkit-transition:border 0.2s ease-out;
  transition:border 0.2s ease-out;
}
.mce-tinymce.extra-focus { border:1px solid #0e233b; }
.mce-tinymce iframe { width:calc(100% - 1px) !important; }
form.loading .submit-button .background-wave, form.loading .submit-button .text {
  display:block;
  opacity:0;
  -webkit-transition:opacity 0.3s ease-out;
  transition:opacity 0.3s ease-out;
}
@media only screen and (max-width: 1200px) {
  .forum-article.page-article {
    width:100%;
    max-width:none;
    margin:0;
    padding:60px 0 230px;
    z-index:1;
  }
  .forum-article.page-article > .inner, .forum-article.page-article .comment-list, .forum-article.page-article #respond-wrapper > .inner {
    width:100%;
    max-width:860px;
    margin:0 auto;
    padding:0 20px;
  }
  #respond-wrapper:before {
    left:0;
    width:100%;
  }
}
@media only screen and (max-width: 850px) {
  .comment-wrapper { display:block; }
  .respond-column {
    padding:0;
    margin-bottom:60px;
  }
}