.elementor-3455 .elementor-element.elementor-element-cede79e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:64px;--padding-right:64px;}.elementor-3455 .elementor-element.elementor-element-cede79e:not(.elementor-motion-effects-element-type-background), .elementor-3455 .elementor-element.elementor-element-cede79e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fa76549 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );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 );}@media(max-width:1200px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:992px){.elementor-3455 .elementor-element.elementor-element-cede79e{--padding-top:32px;--padding-bottom:32px;--padding-left:16px;--padding-right:16px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:768px){.elementor-3455 .elementor-element.elementor-element-cede79e{--padding-top:24px;--padding-bottom:24px;--padding-left:16px;--padding-right:16px;}}@media(max-width:576px){.elementor-3455 .elementor-element.elementor-element-cede79e{--flex-wrap:nowrap;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}/* Start custom CSS for text-editor, class: .elementor-element-729fe14 *//* Case-study outcome table (support notes: case-study-outcome-table/outcome-table.css), scoped to this widget.
   Figma 780:28278 / 887:49742 desktop, 857:41429 mobile. */
/*
 * Red Oak Fabrication — case-study outcome table (ACF WYSIWYG `outcome_table`, field_6abe689267428).
 * Class-based so it works wherever the field is printed; same metrics as the
 * /fabrication-solutions/ case-study table (case-study-table/case-study-table.css).
 * Figma mf12VQCiYUtVUZEM1njo87: desktop 780:28278 (Practice Sports), 887:49742 (Mudslayer);
 * mobile 857:41429 (Practice Sports — Mudslayer has no mobile table, same component).
 * Row heights: natural (Mudslayer one-line rows 59); Practice Sports adds --even for its fixed 85 / 69 rows.
 * Mobile metrics switch at 992px = the kit tablet breakpoint.
 */

/* Scroll region: the table keeps its column widths and scrolls sideways when it can't fit */
.elementor-3455 .elementor-element.elementor-element-729fe14 .ro-outcome-table {
  overflow-x: auto;
  scrollbar-width: thin;
  margin: 0 0 1.5rem;
}

.elementor-3455 .elementor-element.elementor-element-729fe14 .ro-outcome-table:focus-visible {
  outline: 2px solid #43777f;
  outline-offset: 4px;
}

.elementor-3455 .elementor-element.elementor-element-729fe14 .ro-outcome-table table {
  width: 100%;
  min-width: 54rem;
  max-width: 68rem;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid #c8d7de; /* hairline border: px by design */
  border-radius: 2rem;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  table-layout: fixed;
  color: #0c1a20;
  font-family: "Archivo", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.03em;
}

.elementor-3455 .elementor-element.elementor-element-729fe14 .ro-outcome-table th,
.elementor-3455 .elementor-element.elementor-element-729fe14 .ro-outcome-table td {
  box-sizing: border-box; /* so the mobile 12rem first column includes its padding, as in Figma */
  padding: 1rem 2rem;
  border: 0;
  background-color: transparent;
  color: inherit;
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  vertical-align: middle;
}

/* Header row. Row background too, so sub-pixel seams between cells never show white */
.elementor-3455 .elementor-element.elementor-element-729fe14 .ro-outcome-table thead tr {
  background-color: #384c57;
}

.elementor-3455 .elementor-element.elementor-element-729fe14 .ro-outcome-table thead th {
  padding: 2rem;
  background-color: #384c57;
  color: #fff;
  font-weight: 600;
}

.elementor-3455 .elementor-element.elementor-element-729fe14 .ro-outcome-table thead th:first-child {
  border-top-left-radius: calc(2rem - 1px);
}

.elementor-3455 .elementor-element.elementor-element-729fe14 .ro-outcome-table thead th:last-child {
  border-top-right-radius: calc(2rem - 1px);
}

/* Figma: "(Pre-ROF)" / "(Annually)" are italic Regular, a size down */
.elementor-3455 .elementor-element.elementor-element-729fe14 .ro-outcome-table em {
  font-size: 0.875em;
  font-weight: 400;
}

/* Figma: highlighted results ("4X increase") are Bold */
.elementor-3455 .elementor-element.elementor-element-729fe14 .ro-outcome-table strong {
  font-weight: 700;
}

/* Body rows: horizontal rules, first column is the row label */
.elementor-3455 .elementor-element.elementor-element-729fe14 .ro-outcome-table tbody th,
.elementor-3455 .elementor-element.elementor-element-729fe14 .ro-outcome-table tbody td {
  border-bottom: 1px solid #c8d7de;
}

.elementor-3455 .elementor-element.elementor-element-729fe14 .ro-outcome-table tbody th {
  border-right: 1px solid #c8d7de;
  font-weight: 600;
}

/* Figma: Baseline column is Regular (Table Body), the two Red Oak columns are Light (Text Default).
   Kept as designed: at 400 the Light cells widen enough to wrap and grow the row. */
.elementor-3455 .elementor-element.elementor-element-729fe14 .ro-outcome-table tbody td:nth-child(n + 3) {
  font-weight: 300;
}

.elementor-3455 .elementor-element.elementor-element-729fe14 .ro-outcome-table tbody tr:last-child > * {
  border-bottom: 0;
}

/* Figma 780:28278 (Practice Sports): every body row is 85 (69 mobile), even when its text is one line.
   A row height is a minimum in tables, so longer text still grows the row. */
.elementor-3455 .elementor-element.elementor-element-729fe14 .ro-outcome-table--even tbody tr {
  height: 5.3125rem;
}

@media (max-width: 992px) {
  .elementor-3455 .elementor-element.elementor-element-729fe14 .ro-outcome-table--even tbody tr {
    height: 4.3125rem;
  }
}

/* Figma 887:49742 (Mudslayer): 16px right padding so the one-line rows stay one line (59 tall) */
@media (min-width: 993px) {
  .elementor-3455 .elementor-element.elementor-element-729fe14 .ro-outcome-table--tight thead th,
  .elementor-3455 .elementor-element.elementor-element-729fe14 .ro-outcome-table--tight tbody th,
  .elementor-3455 .elementor-element.elementor-element-729fe14 .ro-outcome-table--tight tbody td {
    padding-right: 1rem;
  }
}

/* Tablet + mobile: mobile frame metrics, fixed column widths, scroll to the viewport edge (16px gutter) */
@media (max-width: 992px) {
  .elementor-3455 .elementor-element.elementor-element-729fe14 .ro-outcome-table {
    margin-right: -1rem;
    padding-right: 1rem;
  }

  .elementor-3455 .elementor-element.elementor-element-729fe14 .ro-outcome-table table {
    width: 54rem;
    max-width: none;
    border-radius: 1.5rem;
    font-size: 0.875rem;
  }

  .elementor-3455 .elementor-element.elementor-element-729fe14 .ro-outcome-table thead th {
    padding: 1.5rem;
  }

  .elementor-3455 .elementor-element.elementor-element-729fe14 .ro-outcome-table thead th:first-child {
    width: 12rem;
    border-top-left-radius: calc(1.5rem - 1px);
  }

  .elementor-3455 .elementor-element.elementor-element-729fe14 .ro-outcome-table thead th:last-child {
    border-top-right-radius: calc(1.5rem - 1px);
  }

  .elementor-3455 .elementor-element.elementor-element-729fe14 .ro-outcome-table tbody th,
  .elementor-3455 .elementor-element.elementor-element-729fe14 .ro-outcome-table tbody td {
    padding: 0.75rem 1.5rem;
  }
}


.elementor-3455 .elementor-element.elementor-element-729fe14.elementor-widget.elementor-widget-text-editor {
  width: 100%;
}

.elementor-3455 .elementor-element.elementor-element-729fe14 .ro-outcome-table {
  margin-bottom: 0;
}/* End custom CSS */