@font-face {
  font-family: 'Fleur Corner Caps';
  src: url('../Fonts/FleurCornerCaps.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*
 * Float drop cap — works when the first block is a normal <p> and the widget is not flex-wrapping
 * the paragraph. Ornate / full-tile fonts (e.g. corner caps) often need a second column in Elementor
 * instead of ::first-letter — see theme note with [dbc_dropcap].
 */
.dbc-dropcap {
  --dbc-dropcap-size: 3.25em;
  --dbc-dropcap-line: 0.88;
  display: flow-root;
}

.dbc-dropcap > p:first-of-type::first-letter,
.dbc-dropcap .elementor-widget-container > p:first-of-type::first-letter {
  font-family: 'Fleur Corner Caps', serif;
  font-size: var(--dbc-dropcap-size);
  line-height: var(--dbc-dropcap-line);
  font-weight: normal;
  float: left;
  margin: 0.05em 0.1em 0 0;
  padding: 0;
  color: inherit;
}

/* Two-column Elementor layout: put the letter alone in one column, e.g. <span class="dbc-dropcap-glyph">C</span> */
.dbc-dropcap-glyph {
  font-family: 'Fleur Corner Caps', serif;
  font-size: clamp(2.75rem, 10vw, 4.5rem);
  line-height: 1;
  display: block;
  color: inherit;
}