/* Keep in sync with editor.editor.wildfire_ckeditor_text.yml */
span.font-size-8 , .ck.ck-button.font-size-8  .ck-button__label { font-size:  8px; }
span.font-size-9 , .ck.ck-button.font-size-9  .ck-button__label { font-size:  9px; }
span.font-size-10, .ck.ck-button.font-size-10 .ck-button__label { font-size: 10px; }
span.font-size-11, .ck.ck-button.font-size-11 .ck-button__label { font-size: 11px; }
span.font-size-12, .ck.ck-button.font-size-12 .ck-button__label { font-size: 12px; }
span.font-size-14, .ck.ck-button.font-size-14 .ck-button__label { font-size: 14px; }
span.font-size-16, .ck.ck-button.font-size-16 .ck-button__label { font-size: 16px; }
span.font-size-18, .ck.ck-button.font-size-18 .ck-button__label { font-size: 18px; }
span.font-size-20, .ck.ck-button.font-size-20 .ck-button__label { font-size: 20px; }
span.font-size-24, .ck.ck-button.font-size-24 .ck-button__label { font-size: 24px; }
span.font-size-30, .ck.ck-button.font-size-30 .ck-button__label { font-size: 30px; }
span.font-size-36, .ck.ck-button.font-size-36 .ck-button__label { font-size: 36px; }
span.font-size-42, .ck.ck-button.font-size-42 .ck-button__label { font-size: 42px; }
span.font-size-48, .ck.ck-button.font-size-48 .ck-button__label { font-size: 48px; }
span.font-size-60, .ck.ck-button.font-size-60 .ck-button__label { font-size: 60px; }
span.font-size-72, .ck.ck-button.font-size-72 .ck-button__label { font-size: 72px; }

/* RTL support for ckeditor_indentblock. */
/* See ckeditor.indentblock.css. */
[dir="rtl"] p.Indent1, [dir="rtl"] ul.Indent1, [dir="rtl"] ol.Indent1 {
  margin-right: 2em;
}
[dir="rtl"] p.Indent2, [dir="rtl"] ul.Indent2, [dir="rtl"] ol.Indent2 {
  margin-right: 4em;
}
[dir="rtl"] p.Indent3, [dir="rtl"] ul.Indent3, [dir="rtl"] ol.Indent3 {
  margin-right: 6em;
}
[dir="rtl"] p.Indent4, [dir="rtl"] ul.Indent4, [dir="rtl"] ol.Indent4 {
  margin-right: 8em;
}
[dir="rtl"] p.Indent5, [dir="rtl"] ul.Indent5, [dir="rtl"] ol.Indent5 {
  margin-right: 10em;
}
[dir="rtl"] p.Indent6, [dir="rtl"] ul.Indent6, [dir="rtl"] ol.Indent6 {
  margin-right: 12em;
}
[dir="rtl"] p.Indent7, [dir="rtl"] ul.Indent7, [dir="rtl"] ol.Indent7 {
  margin-right: 14em;
}
[dir="rtl"] p.Indent8, [dir="rtl"] ul.Indent8, [dir="rtl"] ol.Indent8 {
  margin-right: 16em;
}
[dir="rtl"] p.Indent9, [dir="rtl"] ul.Indent9, [dir="rtl"] ol.Indent9 {
  margin-right: 18em;
}
[dir="rtl"] p.Indent10, [dir="rtl"] ul.Indent10, [dir="rtl"] ol.Indent10 {
  margin-right: 20em;
}

/* Fix text jumping around during the animation due to collapsing margins if a
"read more" element immediately follows an element with a margin-bottom (which
is most of them). */
.ckeditor-readmore-wrapper:not(:first-child) .ckeditor-readmore > *:first-child {
  margin-top: 0;
}
/* Smaller "read more" link and less space between... maybe not? */
/*
.ckeditor-readmore-toggler {
  font-size: smaller;
}
.ckeditor-readmore-wrapper:not(:first-child) .ckeditor-readmore-toggler {
  position: relative;
  top: -0.5em;
}
*/

/* Tables */
/* Mimic CKEditor styles */
div.wildfire-content table {
  margin: 0.9em auto;
}
div.wildfire-content table tr th {
  text-align: start;
}
div.wildfire-content table th,
div.wildfire-content table td {
  border: 1px solid #bfbfbf;
  min-width: 2em;
  padding: 0.2em 0.4em;
}
div.wildfire-content table > caption {
  font-size: 0.75em;
  background-color: #dddddd;
  padding: 0.2em 0.6em;
  word-break: break-word;
}
/* Remove extra margin in cells containing a single <p>. */
table p:only-child {
  margin-top: 0;
  margin-bottom: 0;
}
/* Alternating table row colors. Overridden by theme color.css. */
div.wildfire-content table thead tr,
div.wildfire-content table tbody th,
table.striped tbody tr:nth-of-type(2n)
.ck-content table.striped thead tr,
.ck-content table.striped tbody tr:nth-of-type(2n) {
  background-color: rgba(0, 0, 0, 0.05);
}
/* Hide grid style. */
div.wildfire-content table.nogrid th,
div.wildfire-content table.nogrid td,
.ck-content .table table.nogrid,
.ck-content .table table.nogrid th,
.ck-content .table table.nogrid td {
  border: 0;
}
/* Responsive table customizations. */
@media (max-width: 1024px) {
  table.tabled--stacked {
    width: 100%;
  }
  table.tabled--stacked tr {
    border: 1px solid #ccc;
  }
  table.tabled--stacked tr td {
    position: relative;
    padding-inline-start: 50%;
    border-bottom: 1px solid #c8c8c8;
  }
  table.tabled--stacked td::before {
    position: absolute;
    inset-inline-start: 0.4em;
  }
}