/*
 * vars
 */
/*
 * mixins
 */
/*
 * post content
 */
/* specific to the post editor */
#tinymce {
  font-size: 22.4px;
}
#tinymce blockquote:not(.quote-right) {
  margin-left: 0;
}
#tinymce blockquote.quote-right {
  margin-right: 0;
}
/* specific to the actual post */
.single-content > p:first-of-type {
  margin-left: 5em;
}
/* common */
.single-content,
.wp-editor {
  margin-top: 15px;
  font-size: 1.4em;
  font-weight: lighter;
  font-family: Lato, sans-serif;
  line-height: 1.5;
}
.single-content p,
.wp-editor p {
  margin-bottom: 1.2em;
}
.single-content ul,
.wp-editor ul,
.single-content ol,
.wp-editor ol {
  margin-left: 4em;
}
.single-content .alignright,
.wp-editor .alignright {
  float: right;
  margin-left: 2em;
}
.single-content .alignleft,
.wp-editor .alignleft {
  float: left;
  margin-right: 2em;
}
.single-content .aligncenter,
.wp-editor .aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}
.single-content .wp-caption-text,
.wp-editor .wp-caption-text {
  font-size: .9em;
}
.single-content blockquote,
.wp-editor blockquote {
  float: left;
  width: 30%;
  margin-left: -1em;
  color: inherit;
  line-height: 1.5;
  font-size: 1em;
}
.single-content blockquote p,
.wp-editor blockquote p {
  font-size: 1.6em;
  font-style: italic;
  margin-right: 1.5em;
}
.single-content blockquote.quote-right,
.wp-editor blockquote.quote-right {
  float: right;
  margin-left: 0;
  margin-right: -1em;
}
.single-content blockquote.quote-right p,
.wp-editor blockquote.quote-right p {
  margin-right: 0;
  margin-left: 1.5em;
}
.single-content h1,
.wp-editor h1,
.single-content h2,
.wp-editor h2,
.single-content h3,
.wp-editor h3,
.single-content h4,
.wp-editor h4,
.single-content h5,
.wp-editor h5 {
  clear: both;
  position: relative;
}
.single-content h1:before,
.wp-editor h1:before,
.single-content h2:before,
.wp-editor h2:before,
.single-content h3:before,
.wp-editor h3:before,
.single-content h4:before,
.wp-editor h4:before,
.single-content h5:before,
.wp-editor h5:before {
  content: '#';
  position: absolute;
  top: 0;
  left: -1em;
  color: #cdcdcd;
}
.single-content figure.gallery-item,
.wp-editor figure.gallery-item {
  display: inline-block;
}
/* responsive! */
@media screen and (max-width: 360px) {
  .single-content > p:first-of-type {
    margin-left: 0;
  }
  .single-content img {
    width: 100%;
    height: auto;
  }
  .single-content ul,
  .single-content ol {
    margin-left: 1em;
  }
}