/* IMPORTS */
/* VARIABLES */
/*
 * Cityu Template Theme
 */
/* MIXINS */
.comment-form {
  margin-left: auto;
  margin-right: auto;
  max-width: 1152px;
  padding-left: 12px;
  padding-right: 12px; }
  @media (max-width: 1199.98px) {
    .comment-form {
      max-width: 960px;
      padding-left: 12px;
      padding-right: 12px; } }
  @media (max-width: 999.98px) {
    .comment-form {
      max-width: 720px;
      padding-left: 8px;
      padding-right: 8px; } }
  @media (max-width: 759.98px) {
    .comment-form {
      max-width: 568px;
      padding-left: 20px;
      padding-right: 20px; } }

.comment__author,
.comment__permalink,
article.comment .card-title,
.form-group[id^=edit-comment-body][id$=format] {
  display: none; }

.layout-main-wrapper article.comment {
  border: solid 1px #ced4da;
  border-radius: .25rem;
  margin-top: 2rem;
  padding: 1.5rem .5rem; }

.layout-main-wrapper .indented article.comment {
  border-left: solid .5rem #ced4da;
  margin-top: .5rem; }

.layout-main-wrapper > article.comment:first-of-type {
  margin-top: 2rem; }

.comment__meta {
  max-width: 100%; }

.comment__content {
  border: none;
  max-width: 100%; }

.comment__time {
  color: #c0c0c0;
  font-size: 80%;
  margin-left: .75em; }

.comment__content nav.links {
  border-top: solid 1px #ced4da;
  padding-top: 1rem;
  font-size: 95%; }

.comment-wrapper .indented {
  margin-left: 2rem; }

.layout-main-wrapper article.comment .field--name-name {
  float: right;
  color: gray;
  text-align: right;
  position: relative;
  z-index: 2; }

article.comment .field--name-name::before,
article.comment .comment-delete a::before,
article.comment .comment-edit a::before,
article.comment .comment-reply a::before {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  margin-right: 5px; }

article.comment .field--name-name::before {
  content: "\f007"; }

article.comment .comment-delete a::before {
  content: "\f2ed"; }

article.comment .comment-edit a::before {
  content: "\f304"; }

article.comment .comment-reply a::before {
  content: "\f3e5"; }

.comment__content .nav-link {
  margin-left: -.25rem; }

article.comment .field--name-comment-body {
  margin: -1.5rem 0 1.5rem 0; }

.comment-form__title {
  margin-top: 5rem; }

.layout-main-wrapper #edit-submit,
.layout-main-wrapper #edit-preview {
  display: inline-block;
  font-size: 1.1rem;
  height: 4rem;
  width: calc(50% - .5rem); }

.layout-main-wrapper #edit-preview {
  float: right;
  font-weight: 500;
  background: none;
  border: solid 1px #ced4da;
  color: #bf165e; }

.layout-main-wrapper #edit-preview:focus,
.layout-main-wrapper #edit-preview:hover {
  background: #f0f0f0; }

.field--name-field-cityu-comments .comment-form {
  margin-top: 3rem;
  padding-left: 0;
  padding-right: 0; }
