.elementor-125 .elementor-element.elementor-element-a1f0c001{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS *//* ABOUTME: Company facts page CSS: four tables and a list set as one reference sheet (one label column, one type, hidden captions), and the slim "Last updated" stamp. */

/* Every rule is scoped under .elementor, the document wrapper. Elementor emits each Global Class as ".elementor .<label>" at (0,2,0) in a sheet
   that loads AFTER this one, so a rule that overrides a class on the same element is lifted to (0,3,0) by a longer path. The table component's own rules (a key-and-value table
   fits its frame by wrapping, the frame, the cell caps) are the child theme's; this page only sets what makes its four tables one set. */

/* ---------- Reference sheet ---------- */
/* The page exists to be read and quoted, so every table and the list share one type: the body size in the full-contrast ink, labels in the weight the component gives row headings.
   The size is the body token (16px and up) and steps down to the component's small size below 360px as the component does (16px would not hold the label column there). A table cell is not a sentence, so a
   fact written in lower case ("the hire's start date") opens with a capital, as the list component's items do; the text itself, which a reader copies, is unchanged. */
.elementor .ffdh-table :is(th, td) {
  padding-block: var(--sp-4);
  color: var(--c-ink-900);
}
.elementor .ffdh-table :is(th, td)::first-letter {
  text-transform: uppercase;
}
@media (min-width: 360px) {
  .elementor table.ffdh-table {
    font-size: var(--fs-body);
  }
}

/* The label column is one width in all four tables, so a reader's eye keeps its place from one table to the next. Fixed layout takes the widths from the heading row alone, which a
   table sized by its content cannot do (each table's longest label would set its own column). The labels are short phrases that wrap inside it, the values take the rest. The 44% and 16rem
   are structural: no token names a column's share of a frame, and 16rem is the width at which the longest label takes two lines. The component caps a heading cell at 11rem (a heading
   over a short figure), which would hold this column to 176px and stack the longest labels into three lines, so the column lifts the cap. */
.elementor .ffdh-table {
  table-layout: fixed;
}
.elementor .ffdh-table thead th:first-child {
  width: 44%;
}
@media (min-width: 768px) {
  .elementor .ffdh-table thead th:first-child {
    width: 16rem;
    max-width: none;
  }
}
/* On a phone the share is 44%, not the 40% a column of short keys would take: the render filter keeps "Latin America" whole, and in bold it is wider than 40% of the frame less both
   paddings (8px over at 320px, 14px at 360px, where the type steps up to 16px). The label cells also give their end padding back to the text, a step smaller (the gutter to the value is the
   value cell's own start padding), so the held run fits its content box from 320px; 44% still leaves the values most of the frame (the facts tests' 45% cap). */
@media (max-width: 767px) {
  .elementor .ffdh-table :is(thead, tbody) tr > :first-child {
    padding-inline-end: var(--sp-2);
  }
}

/* The caption repeats the H2 above its table, so it is hidden from sight and stays for assistive technology (it names the region, aria-labelledby) and for crawlers. It is
   clipped to a pixel and taken out of the flow, not display: none, which would drop it from the accessibility tree. The 1px box and -1px margin are structural: the standard clip that
   keeps the text readable by assistive technology while it takes no space. */
.elementor .ffdh-table caption {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* ---------- What we do not do ---------- */
/* A list of four negations reads as plainly as the tables above it: the same white plate on the same edge, corners and hairline between rows, in the same type, with the cross marker
   in the start padding. The page's one list is found by its style. The marker's top is the component's (the first line's x-height centre) moved down by the row's padding; its lh, em and ex
   units are structural, the font-relative metrics that formula is made of, and the 1px edges are the component's hairline. */
.elementor .ffdh-list--cross {
  --facts-x: var(--sp-5);
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--c-border);
  border-radius: var(--r-lg);
  background: var(--c-surface);
  color: var(--c-ink-900);
  font-size: var(--fs-body);
  line-height: 1.5;
}
.elementor .ffdh-list--cross .ffdh-list__item {
  padding: var(--sp-4) var(--facts-x) var(--sp-4) calc(var(--facts-x) + var(--sp-5));
  color: var(--c-ink-900);
}
.elementor .ffdh-list--cross .ffdh-list__item + .ffdh-list__item {
  border-top: 1px solid var(--c-border);
}
.elementor .ffdh-list--cross .ffdh-list__item::before {
  top: calc(var(--sp-4) + 0.5lh + 0.35em - 0.5ex - var(--marker-size) / 2);
  left: var(--facts-x);
}
@media (max-width: 767px) {
  .elementor .ffdh-list--cross {
    --facts-x: var(--sp-3);
  }
}
@media (max-width: 359px) {
  .elementor .ffdh-list--cross {
    --facts-x: var(--sp-2);
    font-size: var(--fs-small);
  }
}

/* ---------- Last updated ---------- */
/* The page's date stamp is a label and a date on one line, so its section is a slim strip, not a full section's space around two words. Its row sizes to its content (a V4 flex row
   shares its children's widths equally) and breaks only if the two cannot fit. */
.elementor .ffdh-section:has(.ffdh-facts-updated) {
  padding-block: var(--sp-6);
}
/* The band that follows keeps the white space above it that it keeps below (R51), counted from the date: the theme's margin above a band, less the strip's own bottom padding, which is
   already white. The 10px is the theme's, as in its ghost and mist rule (style.css); change the strip's padding and this subtraction together. */
.elementor .ffdh-section:has(.ffdh-facts-updated) + .ffdh-cta-band {
  margin-block-start: calc(var(--section-y) + 10px - var(--sp-6));
}
.elementor .ffdh-container:has(.ffdh-facts-updated) {
  display: flex;
  flex-flow: row wrap;
  align-items: baseline;
  gap: var(--sp-1) var(--sp-3);
}
.elementor .ffdh-container:has(.ffdh-facts-updated) > * {
  flex: 0 0 auto;
  width: auto;
  margin: 0;
}
.elementor .ffdh-facts-updated {
  color: var(--c-ink-900);
  font-size: var(--fs-body);
}/* End custom CSS */