@charset "UTF-8";
/******************************************
Marker | Layout Group — Start (layout_group_start)

The container every row between a Start and an End marker renders inside.
Adding a style: add the radio choice in the ACF layout, whitelist it in
layout_group_start.php, and add a [data-style="..."] block here.
Editor-side styling lives in layout_group_start-admin.css/.js (plain files).
******************************************/
/**************************************************
Stylesheet: Design Tokens (ECOVA page components)

Source of truth: Figma "Page Consolidation" variables. Values are kept
verbatim from Figma and intentionally NOT reconciled with
sass/theme/_theme_variables.scss (see the palette note in the build plan).

Usage from a component stylesheet (components/{name}/{name}.scss):
  @use "../../library/variables/tokens" as *;
  @use "../../library/mixins/mixins" as *;
(@import also works but is deprecated in Dart Sass and removed in 3.0.)

Do NOT use font-secondary() or font-proxima() from the mixins partial:
neither font family is loaded on the site. Use the type() mixin below.
**************************************************/
/*******************
PALETTE
********************/
/*******************
TYPE — Inter (loaded by the theme via Google Fonts)
********************/
/*******************
EFFECTS
********************/
/*******************
BREAKPOINTS — mirror $grid-breakpoints in sass/theme/_theme_variables.scss
********************/
/*******************
LAYOUT — shared section box. Figma page is 1440 wide with 145px margins,
so content is 1150px; the wrapper adds one gutter each side.
********************/
.layout-group {
  position: relative;
  background-color: #FFFFFF;
}
.layout-group[data-background=riverstone] {
  background-color: #006675;
}
.layout-group[data-background=verdant] {
  background-color: #688F2D;
}
.layout-group[data-background=ember] {
  background-color: #EB7922;
}
.layout-group[data-background=current] {
  background-color: #00929D;
}
.layout-group[data-background=blue_carbon] {
  background-color: #003A60;
}
.layout-group[data-background=evergreen] {
  background-color: #4F5C41;
}
.layout-group[data-background=claystone] {
  background-color: #AA2B2B;
}
.layout-group[data-background=graphite] {
  background-color: #636569;
}
.layout-group[data-background=stonewood] {
  background-color: #D8D6D3;
}
.layout-group[data-background=pulp] {
  background-color: #D5D8C7;
}
.layout-group[data-background=ink] {
  background-color: #0F0F0F;
}
.layout-group[data-background=white] {
  background-color: #FFFFFF;
}
.layout-group[data-style=texture] {
  background-image: var(--lg-image);
  background-repeat: repeat;
  background-position: 0 0;
  background-size: auto;
}
.layout-group > section {
  position: relative;
  background: transparent !important;
}
.layout-group > section:not(:last-child) {
  padding-bottom: 0;
}