.QuestionViewPage {
  /* Component styles here... */
}

.QuestionViewPage[data-hidden="true"] {
  opacity: 0.5;
}

.QuestionViewPage[data-hidden="true"] [data-hide],
.QuestionViewPage[data-hidden="false"] [data-show] {
  display: none;
}

.QuestionViewPage .Header__content {
  margin-bottom:  10px;
}

.QuestionViewPage__content {
  overflow: hidden;
  flex-grow: 2;
}

.QuestionViewPage__details {
  display: flex;
  font-size: 13px;
  color: #6b727c;
  border-bottom: 1px solid #e2e6e8;
  margin-bottom: 16px;
}

.QuestionViewPage__details-value {
  color: black;
}

.QuestionViewPage__created-at {
  margin-bottom: 16px;
  margin-right: 16px;
}

.QuestionViewPage__subject {
  display: flex;
}

.QuestionViewPage__votes {
  width: 36px;
  margin-right: 16px;
  flex-shrink: 0;
}

.QuestionViewPage__tags {
  margin-top: 20px;
}

.QuestionViewPage__footer {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap-reverse;
}

.QuestionViewPage__actions {
  font-size: 13px;
  flex-grow: 2;
  padding-top: 10px;
  margin-right: 10px;
}

.QuestionViewPage__actions a {
  margin-right: 10px;
}

.QuestionViewPage__actions a:last-child {
  margin-right: 0;
}

.QuestionViewPage__users {
  min-width: 200px;
  flex-shrink: 0;
}

.QuestionViewPage__actions a, .QuestionViewPage__actions a:visited {
  color: #6a737c;
}

.QuestionViewPage__comments {
  margin: 20px 0;
}

.AnswersHeader__title {
  font-size: 20px;
  margin-bottom: 20px;
}

.QuestionViewPage__share-help {
  margin-top: 25px;
  font-size: 17px;
}

.QuestionViewPage__motivator {
  margin: 20px 0 10px 52px;
  background-color: #ffebc2;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #efd49c;
}

@media (max-width: 600px) {

  .QuestionViewPage__votes {
    width: 26px;
    margin-right: 10px;
  }

}