.elementor-10100 .elementor-element.elementor-element-4403f806{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-10100 .elementor-element.elementor-element-f4a0e06{color:#000000;}.elementor-10100 .elementor-element.elementor-element-f4a0e06 a{color:#EF8336;}/* Start custom CSS for text-editor, class: .elementor-element-f4a0e06 *//* ============================================================
   Flixeasy — blog design polish (add below the .fx-blog CSS)
   ============================================================ */

/* Smooth scrolling for the table-of-contents anchor links */
html {
  scroll-behavior: smooth;
}

/* Lead paragraph: slightly larger opening line */
.fx-blog > p:first-child {
  font-size: 18px;
  color: #2b2620;
}

/* Screenshots & images: rounded, framed, centered */
.fx-blog img {
  display: block;
  margin: 1.5em auto;
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  border: 1px solid rgba(24, 21, 18, 0.09);
  box-shadow: 0 6px 20px rgba(24, 21, 18, 0.08);
}

/* Step headings (h3): orange number-style marker */
.fx-blog h3 {
  display: flex;
  align-items: center;
  gap: 10px;
}
.fx-blog h3::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ef8c1a;
  flex-shrink: 0;
}

/* Highlighted keyboard keys / commands stand out more */
.fx-blog code {
  border: 1px solid rgba(24, 21, 18, 0.1);
  box-shadow: inset 0 -2px 0 rgba(24, 21, 18, 0.08);
}

/* Reusable "note" box — wrap any tip in <div class="fx-note">...</div> */
.fx-blog .fx-note {
  background: rgba(239, 140, 26, 0.08);
  border-left: 4px solid #ef8c1a;
  padding: 14px 18px;
  margin: 1.4em 0;
  border-radius: 0 10px 10px 0;
}
.fx-blog .fx-note p:last-child {
  margin-bottom: 0;
}

/* Reusable "warning" box — <div class="fx-warn">...</div> */
.fx-blog .fx-warn {
  background: rgba(226, 75, 74, 0.07);
  border-left: 4px solid #e24b4a;
  padding: 14px 18px;
  margin: 1.4em 0;
  border-radius: 0 10px 10px 0;
}
.fx-blog .fx-warn p:last-child {
  margin-bottom: 0;
}

/* Text selection in brand color */
.fx-blog ::selection {
  background: rgba(239, 140, 26, 0.25);
}/* End custom CSS */