/**
 * Editor action styles within editor and post
 */
.post-font-size-smaller {
  font-size: smaller;
}

.post-font-size-larger {
  font-size: larger;
}

.post-font-size-xx-large {
  font-size: xx-large;
}

.post-font-size-x-large {
  font-size: x-large;
}

.post-font-size-large {
  font-size: 18px;
}

.post-font-size-medium,
.post-font-size-normal,
.post-font-size-default {
  font-size: 13px;
}

.post-font-size-small {
  font-size: 11px;
}

.post-font-size-x-small {
  font-size: x-small;
}

.post-font-size-xx-small {
  font-size: xx-small;
}

/**
 * These two are not actually inserted into the editor. They are only used for
 * the dropdown.
 */
.post-font-size-h1 {
  font-size: 21px;
  font-weight: bold;
  line-height: 31px !important;
}

.post-font-size-h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 26px !important;
}

/* Colours based on http://clrs.cc/
cell-* are used for the dropdown */
.post-color-black {
  color: #111111;
}

.cell-color-black,
.post-highlightcolor-black {
  background-color: #111111;
}

.post-color-silver {
  color: #dddddd;
}

.cell-color-silver,
.post-highlightcolor-silver {
  background-color: #dddddd;
}

.post-color-gray {
  color: #aaaaaa;
}

.cell-color-gray,
.post-highlightcolor-gray {
  background-color: #aaaaaa;
}

.post-color-white {
  color: #ffffff;
}

.cell-color-white,
.post-highlightcolor-white {
  background-color: #ffffff;
}

.post-color-maroon {
  color: #85144b;
}

.cell-color-maroon,
.post-highlightcolor-maroon {
  background-color: #85144b;
}

.post-color-red {
  color: #ff4136;
}

.cell-color-red,
.post-highlightcolor-red {
  background-color: #ff4136;
}

.post-color-purple {
  color: #7b11d0;
}

.cell-color-purple,
.post-highlightcolor-purple {
  background-color: #7b11d0;
}

.post-color-fuchsia {
  color: #f012be;
}

.cell-color-fuchsia,
.post-highlightcolor-fuchsia {
  background-color: #f012be;
}

.post-color-green {
  color: #2ecc40;
}

.cell-color-green,
.post-highlightcolor-green {
  background-color: #2ecc40;
}

.post-color-lime {
  color: #01ff70;
}

.cell-color-lime,
.post-highlightcolor-lime {
  background-color: #01ff70;
}

.post-color-olive {
  color: #3d9970;
}

.cell-color-olive,
.post-highlightcolor-olive {
  background-color: #3d9970;
}

.post-color-yellow {
  color: #ffdc00;
}

.cell-color-yellow,
.post-highlightcolor-yellow {
  background-color: #ffdc00;
}

.post-color-navy {
  color: #001f3f;
}

.cell-color-navy,
.post-highlightcolor-navy {
  background-color: #001f3f;
}

.post-color-blue {
  color: #0074d9;
}

.cell-color-blue,
.post-highlightcolor-blue {
  background-color: #0074d9;
}

.post-color-teal {
  color: #39cccc;
}

.cell-color-teal,
.post-highlightcolor-teal {
  background-color: #39cccc;
}

.post-color-aqua {
  color: #7fdbff;
}

.cell-color-aqua,
.post-highlightcolor-aqua {
  background-color: #7fdbff;
}

.post-color-orange {
  color: #ffa500;
}

.cell-color-orange,
.post-highlightcolor-orange {
  background-color: #ffa500;
}

.post-text-align-right {
  text-align: right;
}

.post-text-align-center {
  text-align: center;
}

.post-text-align-left {
  text-align: left;
}

.post-text-align-justify {
  text-align: justify;
}

.post-float-left {
  float: left;
  margin: 0 8px 8px 0;
}

.post-float-right {
  float: right;
  margin: 0 0 8px 8px;
}

.post-clear-right {
  clear: right;
}

.post-clear-left {
  clear: left;
}

/**
 * Font families
 */
.post-fontfamily-default {
  font-family: inherit;
}

.post-fontfamily-arial {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.post-fontfamily-comicsansms {
  font-family: "Comic Sans MS", cursive !important;
}

.post-fontfamily-couriernew {
  font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
}

.post-fontfamily-georgia {
  font-family: Georgia, Times, "Times New Roman", serif;
}

.post-fontfamily-impact {
  font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;
}

.post-fontfamily-timesnewroman {
  font-family: "Times New Roman", Times, Baskerville, Georgia, serif;
}

.post-fontfamily-trebuchetms {
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}

.post-fontfamily-verdana {
  font-family: Verdana, Geneva, sans-serif;
}

/* Custom classes */
blockquote.Quote,
div.Quote {
  background: rgba(0, 0, 0, 0.05);
  border-left: 4px solid rgba(0, 0, 0, 0.1);
  margin: 1em;
  padding: 1ex 10px;
  min-width: 200px;
  overflow-y: auto;
}

.bbcode_left,
.AlignLeft {
  text-align: left;
}

.bbcode_center,
.AlignCenter {
  text-align: center;
}

.bbcode_right,
.AlignRight {
  text-align: right;
}

/**
 * Target iframe and actual body within editor iframe. Do not use body to set
 * background color of composer. By default it will be inherited from
 * textarea automatically, but if for some reason you want to override the
 * styles directly, use .editor-composer (body) for fonts and padding, and use
 * .wysihtml5-sandbox (iframe) to modify the iframe (do background-color on
 * this).
 */
/* iframe */
/* body within iframe */
.editor-composer {
  margin: 0;
  border: 0;
  padding: inherit;
  font: inherit;
  outline: none;
}
.editor-composer img {
  max-width: 100%;
}
.editor-composer div.Spoiler {
  padding: 10px 10px;
  margin: 4px 10px 4px 0;
  background-color: #e6e6e6;
  border-radius: 3px;
}
.editor-composer div.Spoiler p {
  padding: 3px 0 3px 5px;
  margin: 0;
  border-left: 1px solid #818181;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}
.editor-composer pre {
  display: block;
  padding: 4px 8px;
  margin: 1em 0;
  font-size: 13px;
  word-break: break-all;
  word-wrap: break-word;
  background: #ff9;
  border-radius: 2px;
  border: 1px solid #eec;
}
.editor-composer pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border: 0;
  border-radius: 0;
}

/**
 * Adjust some styles explicitly within the editor composer. These match the
 * styles in styles.css. These rules match the font sizes for post-font-size-h*
 */
.editor-composer h1 {
  font-size: 21px;
}
.editor-composer h2 {
  font-size: 18px;
}
