.comment-list {
  list-style: none;
  margin: 0;
  padding: 0;

  .comments-title {
    margin: 1em 0 0.5em;
  }

  .comment,
  .pingback {
    padding: 10px;
    border-bottom: 1px solid #e9edef;
  }

  .comment-author {
    img {
      position: absolute;
      margin-right: 20px;
      border-radius: 60px;
    }

    cite {
      margin-left: 80px;
    }

    .says {
      display: none;
    }
  }

  .comment-awaiting-moderation {
    font-weight: bold;
    text-decoration: underline;
    font-size: 0.9em;
    margin-left: 80px;
  }

  .comment-meta {
    float: right;
    position: relative;
    top: -19px;

    a {
      color: #000;
      font-size: 0.9em;

      &::before {
        background-color: #000;
        height: 1px;
      }
    }
  }

  .comment-body {
    > p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    blockquote,
    table,
    dl,
    ul,
    ol,
    address,
    pre {
      margin-left: 80px;
    }
  }

  ol.children {
    list-style: none;

    > .comment {
      padding: 10px 0;
      border-bottom: 0;

      > div {
        padding-bottom: 10px;
        border-bottom: 1px solid #e9edef;
      }
    }
  }

  .comment-reply-link {
    margin-left: 80px;
    color: #000;
    font-size: 0.9em;
    text-decoration: underline;

    &::before {
      background-color: #000;
      height: 1px;
      bottom: 1px;
    }
  }

}

.no-comments {
  padding: 10px 10px 0;
  margin-left: 80px;
}

.bypostauthor {
  background-color: #FDFDFD;
}

.comment-form {
  label[for="comment"] {
    display: none;
  }

  .comment-notes,
  .logged-in-as {
    margin-top: -20px;
  }

  textarea {
    padding: 10px;
    outline: 0;
    border: 2px solid;
  }

  .comment-form-author,
  .comment-form-email,
  .comment-form-url {
    label {
      min-width: 119px;
      display: inline-block;
      text-transform: uppercase;
    }

    input[type="text"] {
      padding: 5px;
      outline: 0;
      border: 2px solid;
    }
  }

  input[type="submit"] {
    background-color: transparent;
    min-width: 150px;
    max-width: 250px;
    display: block;
    padding: 10px 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    border: 2px solid;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;

    &:hover,
    &:focus {
      color: $main-color;
      border-color: $main-color;
      background-color: rgba(63, 81, 181, 0);
    }
  }
}

@media screen and (max-width: 480px) {
  .comment-form textarea,
  .comment-form .comment-form-author input[type="text"],
  .comment-form .comment-form-email input[type="text"],
  .comment-form .comment-form-url input[type="text"] {
    max-width: 100%;
  }

  .comment-list .comment-meta {
    float: none;
    top: 0;
    margin-left: 80px;
  }
}