/* ============================================================
   Action Text Overrides
   Layers on top of the gem's default trix.css
   ============================================================ */

/* ---- Editor size ---- */

trix-editor {
  min-height: 400px;
}

/* ---- Hide file attachment button ---- */

trix-toolbar .trix-button-group--file-tools {
  display: none;
}

/* ---- Heading Buttons ---- */

.trix-heading-buttons {
  display: inline-flex;
}

.trix-heading-buttons .trix-button {
  text-indent: 0;
  font-size: 0.65em;
  font-weight: 700;
  width: auto;
  padding: 0 0.4em;
}

/* ---- Heading typography inside editor ---- */

trix-editor h1 { font-size: 28px; font-weight: 700; line-height: 1.25; margin: 24px 0 8px; }
trix-editor h2 { font-size: 24px; font-weight: 700; line-height: 1.3; margin: 20px 0 6px; }
trix-editor h3 { font-size: 20px; font-weight: 600; line-height: 1.35; margin: 18px 0 6px; }
trix-editor h4 { font-size: 17px; font-weight: 600; line-height: 1.4; margin: 16px 0 4px; }
trix-editor h5 { font-size: 15px; font-weight: 600; line-height: 1.45; margin: 14px 0 4px; }
trix-editor h6 { font-size: 13px; font-weight: 600; line-height: 1.5; text-transform: uppercase; letter-spacing: 0.04em; color: #737373; margin: 14px 0 4px; }

/* ---- Heading typography in rendered output ---- */

.trix-content h1 { font-size: 28px; font-weight: 700; line-height: 1.25; margin: 24px 0 8px; }
.trix-content h2 { font-size: 24px; font-weight: 700; line-height: 1.3; margin: 20px 0 6px; }
.trix-content h3 { font-size: 20px; font-weight: 600; line-height: 1.35; margin: 18px 0 6px; }
.trix-content h4 { font-size: 17px; font-weight: 600; line-height: 1.4; margin: 16px 0 4px; }
.trix-content h5 { font-size: 15px; font-weight: 600; line-height: 1.45; margin: 14px 0 4px; }
.trix-content h6 { font-size: 13px; font-weight: 600; line-height: 1.5; text-transform: uppercase; letter-spacing: 0.04em; color: #737373; margin: 14px 0 4px; }