/* + Posting System + */
#posting-system {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

#posts-content {
  position: relative;
  padding: 20px;
  background: #e9ebee;
}

#posting-system .post {
  margin-bottom: 50px;
  padding: 30px;
  border: 1px solid #dddfe2;
  border-radius: 3px;
  background: #fff;
}

#posting-system .post-content {
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #cbcbcb;
}

#posting-system .post-image,
#posting-system .reply-image {
  max-width: 400px;
}

#posting-system p {
  font-family: "latoregular", Arial, sans-serif;
}

#posting-system .reply-content {
  margin-bottom: 20px;
  padding: 30px;
  border-radius: 18px;
  background: #dbdde0;
}

#posting-system .reply .reply-content,
#posting-system .reply .reply-box {
  margin-left: 150px;
}

#posting-system .reply .reply .reply-content,
#posting-system .reply .reply .reply-box  {
  margin-left: 300px;
  background: #E9EBEE;
}

#posting-system .post-user-name,
#posting-system .reply-user-name,
#posting-system .post-posting-date,
#posting-system .reply-date {
  font-weight: bold;
}

#posting-system .post-likes,
#posting-system .reply-likes {
  float: right;
}

#posting-system .forum-controls {
  margin-top: 17px;
}

#posting-system .forum-controls > a
#posting-system .forum-post,
#posting-system .reply-box > form > input[type="submit"],
#posting-system .reply-box > form > input[type="button"],
#posting-system .post-box > form > input[type="submit"],
#posting-system .post-box > form > input[type="button"]  {
  text-decoration: none;
}

#posting-system .forum-controls > a > div,
#posting-system .forum-post > div,
#posting-system .reply-box > form > input[type="submit"],
#posting-system .reply-box > form > input[type="button"],
#posting-system .post-box > form > input[type="submit"],
#posting-system .post-box > form > input[type="button"] {
  display: inline-block;
  width: 130px;
  max-width: 100%;
  margin-right: 15px;
  margin-bottom: 0;
  padding: 6px 12px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-weight: bold;
  text-align: center;
  background: white;
  color: #428bca;
  font-family: Helvetica, Arial, sans-serif;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
}

#posting-system .forum-controls > a:hover > div,
#posting-system .forum-post:hover > div,
#posting-system .reply-box > form > input[type="submit"]:hover,
#posting-system .reply-box > form > input[type="button"]:hover,
#posting-system .post-box > form > input[type="submit"]:hover,
#posting-system .post-box > form > input[type="button"]:hover {
  background: #cccccc;
}

#posting-system .reply-box,
#posting-system .post-box {
  position: relative;
  max-height: 0;
  margin-bottom: 0;
  padding: 0 20px;
  border: 0;
  background: #e9ebee;
  opacity: 0;
  overflow: hidden;
  transition-duration: .5s;
}

#posting-system .post-box {
  background: #fff;
}

#posting-system .reply-box[visible="visible"],
#posting-system .post-box[visible="visible"] {
  max-height: 5000px;
  margin-bottom: 30px;
  padding: 20px;
  border: 1px solid #cbcbcb;
  opacity: 1;
}

#posting-system .reply-box textarea,
#posting-system .post-box textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  min-height: 125px;
  max-height: 400px;
  margin-bottom: 20px;
}

/* + End Posting System + */