/* =========================================
   Text Color
   ========================================= */
/**umb_name:Camelonta Ice*/
.rte-text-color--camelonta-ice {
  color: #DCF3FA !important;
}

/**umb_name:Camelonta Pink*/
.rte-text-color--camelonta-pink {
  color: #F9DDEC !important;
}

/**umb_name:Camelonta Antique White*/
.rte-text-color--camelonta-antique-white {
  color: #F4ECDF !important;
}

/**umb_name:Camelonta Melon*/
.rte-text-color--camelonta-melon {
  color: #DCECD7 !important;
}

/**umb_name:Camelonta Water*/
.rte-text-color--camelonta-water {
  color: #D8E3F5 !important;
}

/* =========================================
   Editor preview only (scoped)
   Applies only inside Tiptap RTE that use typo.css as stylesheet
   These do not apply to rendered elements on live site
   ========================================= */
.tiptap,
.ProseMirror {
  /**umb_name:Chip*/
}
.tiptap .text-chip,
.ProseMirror .text-chip {
  padding: 0.875rem 1.25rem;
  border: 1.2px solid black;
  border-radius: 50px;
  margin-right: 0.5rem;
  margin-bottom: 0.75rem;
  margin-top: 0.75rem;
  display: inline-block;
}
.tiptap,
.ProseMirror {
  /**umb_name:Preamble*/
}
.tiptap .preamble,
.ProseMirror .preamble {
  font-size: 1.5rem;
  font-weight: 600;
}
.tiptap,
.ProseMirror {
  /**umb_name:Sharp 40*/
}
.tiptap .sharp-40,
.ProseMirror .sharp-40 {
  font-size: 2.5rem;
  font-family: var(--font-quaternary);
  margin-bottom: 1rem;
}
.tiptap,
.ProseMirror {
  /**umb_name:Sharp Extra 54*/
}
.tiptap .sharp-extra-54,
.ProseMirror .sharp-extra-54 {
  font-size: 3.375rem;
  font-family: var(--font-senary);
  line-height: 1.2;
}
.tiptap,
.ProseMirror {
  /**umb_name:Sharp 32*/
}
.tiptap .sharp-32,
.ProseMirror .sharp-32 {
  font-size: 2rem;
  font-family: var(--font-quaternary);
}
.tiptap,
.ProseMirror {
  /* Basic heading preview (for the built-in H1/H2/H3/H4 tools) */
}
.tiptap h1,
.ProseMirror h1 {
  font-size: 4rem;
  line-height: 1;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.tiptap h2,
.ProseMirror h2 {
  font-size: 3rem;
  margin-bottom: 1rem;
  line-height: 1;
}
.tiptap h3,
.ProseMirror h3 {
  font-size: 2rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
  line-height: 1;
}
.tiptap,
.ProseMirror {
  /* H4 menu item uses tag only */
}
.tiptap h4,
.ProseMirror h4 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-top: 2rem;
  margin-bottom: 1rem;
  line-height: 1;
}