/*
 * Contains all CSS variables
 *
 */

:root {
  /* Fonts */
  --font-body: 'Montserrat', 'Arial', sans-serif;
  --font-heading: 'Roboto', 'Arial', sans-serif;
  --font-icons: 'fontawesome';

  /* Base */
  --base-font-size: 1rem;
  --base-line-height: 1.2;
  --content-line-height: 1.4;
  --base-spacing-unit: 16px;
  --body-text-font-weight: 400;
  --body-text-color: var(--c-text);
  --body-background-color: var(--c-background);

  /* Layout */
  --space: 16px;
  --grid-gap: 32px;

  /* Times */
  --space-one-fifth: calc(var(--space) * 1.2);
  --space-one-quarter: calc(var(--space) * 1.25);
  --space-one-half: calc(var(--space) * 1.5);
  --space-one-three-quarter: calc(var(--space) * 1.75);
  --space-double: calc(var(--space) * 2);
  --space-double-half: calc(var(--space) * 2.5);
  --space-triple: calc(var(--space) * 3);
  --space-quadruple: calc(var(--space) * 4);
  --space-quintuple: calc(var(--space) * 5);

  /* Divided */
  --space-half: calc(var(--space) * 0.5);
  --space-three-quarter: calc(var(--space) * 0.75);
  --space-quarter: calc(var(--space) * 0.25);
  --space-eighth: calc(var(--space) * 0.125);

  /* Widths */
  --max-width: 1260px;
  --min-width: 320px;
  --content-tablet-width: calc(768px - var(--space-double));
  --content-width: 780px;

  /* calculated as 780px / 1260px */
  --component-inner-content-width: 61.9047%;

  /* calculated as 480px / 1260px */
  --component-inner-aside-width: 38.0952%;

  /* calculated as (780px - 48px) / 1260px */
  --component-inner-content-width--padding: 58.9052%;

  /* calculated as (480px - 48px) / 1260px */
  --component-inner-aside-width--padding: 34.2857%;

  /* 00-Base > 00-Defaults > Mixins > Components > Button */
  --button-bg-color: var(--c-accent);
  --button-bg-color-active: var(--c-primary);
  --button-text-color: var(--c-text-inverse);
  --button-text-color-active: var(--c-text-inverse);
  --button-corners: 0;
  --button-padding: var(--space) var(--space-double);
  --button-font-size: var(--base-font-size);
  --button-font-size-lrg: var(--base-font-size);
  --button-font-weight: normal;
  --button-text-transform: none;

  /* 00-Base > 00-Defaults > Mixins > Components > Heading Icon */
  --heading-icon-bg: none;
  --heading-icon-width: 44px;
  --heading-icon-height: 44px;
  --heading-icon-gap: var(--space);

  /* 00-Base > 00-Defaults > Mixins > Components > Heading Primary */
  --heading-primary-color: var(--c-text);
  --heading-primary-color-highlight: var(--c-highlight);
  --heading-primary-font-family: var(--font-heading);
  --heading-primary-font-weight: 500;
  --heading-primary-font-size-lrg: 28px;
  --heading-primary-font-size-sml: 26px;
  --heading-primary-letter-spacing: normal;
  --heading-primary-text-transform: none;
  --heading-primary-margin-top: 0;
  --heading-primary-margin-bottom: var(--space);

  /* 00-Base > 00-Defaults > Mixins > Components > Heading Secondary */
  --heading-secondary-color: var(--c-text);
  --heading-secondary-font-family: var(--font-heading);
  --heading-secondary-font-weight: 500;
  --heading-secondary-font-size-lrg: 23px;
  --heading-secondary-font-size-sml: 23px;
  --heading-secondary-letter-spacing: normal;
  --heading-secondary-text-transform: none;
  --heading-secondary-margin-top: 0;
  --heading-secondary-margin-bottom: var(--space);

  /* 00-Base > 00-Defaults > Mixins > Components > Heading Secondary / H4 */
  --heading-h4-font-size-lrg: 20px;
  --heading-h4-font-size-sml: 20px;
  --heading-h4-font-weight: 500;

  /* 00-Base > 00-Defaults > Mixins > Components > Menu Inline */
  --menu-inline-item-gap: var(--space);
  --menu-inline-link-color: var(--c-text);
  --menu-inline-link-active-color: var(--c-text);
  --menu-inline-link-font-size: 14px;
  --menu-inline-link-font-weight: 400;
  --menu-inline-link-text-transform: none;
  --menu-inline-link-underline: true;
  --menu-inline-divider-color: var(--c-text);
  --menu-inline-buttons-item-text-transform: none;
  --menu-inline-buttons-item-font-family: var(--font-heading);
  --menu-inline-buttons-item-font-weight: 400;
  --menu-inline-buttons-item-color: var(--c-text-inverse);
  --menu-inline-buttons-item-color-active: var(--c-text-inverse);
  --menu-inline-buttons-item-bg: var(--c-secondary);
  --menu-inline-buttons-item-bg-active: var(--c-secondary);
  --menu-inline-buttons-item-border-width: 1px;
  --menu-inline-buttons-item-border-width-active: 1px;
  --menu-inline-buttons-item-border-color: var(--c-secondary);
  --menu-inline-buttons-item-border-color-active: var(--c-secondary);
  --menu-inline-buttons-item-active-trail-color: var(--c-accent);
  --menu-inline-buttons-item-active-trail-color-active: var(--c-accent);
  --menu-inline-buttons-item-active-trail-bg: transparent;
  --menu-inline-buttons-item-active-trail-bg-active: transparent;
  --menu-inline-buttons-item-active-trail-border-width: 1px;
  --menu-inline-buttons-item-active-trail-border-width-active: 1px;
  --menu-inline-buttons-item-active-trail-border-color: var(--c-accent);
  --menu-inline-buttons-item-active-trail-border-color-active: var(--c-accent);
  --menu-inline-buttons-item-padding: var(--space-half)
    var(--space-three-quarter);
  --menu-inline-button-last-item-gap: var(--space);
  --menu-inline-button-last-item-gap-mobile: var(--space-double);
  --menu-inline-button-last-link-font-size: 18px;
  --menu-inline-button-last-padding-left: var(--space);
  --menu-inline-button-last-padding-right: var(--space);

  /* 00-Base > 00-Defaults > Mixins > Components > Resource Link */
  --resource-link-border-width: 1px;
  --resource-link-border-width-active: 1px;
  --resource-link-border-color: var(--c-border);
  --resource-link-border-color-active: var(--c-accent);
  --resource-link-bg-color: transparent;
  --resource-link-bg-color-active: var(--c-accent);
  --resource-link-text-color: var(--c-primary);
  --resource-link-text-color-active: var(--c-text-inverse);
  --resource-link-icon-bg-color: transparent;
  --resource-link-icon-bg-color-active: transparent;
  --resource-link-padding: var(--space-one-half);
  --resource-link-padding-icon: var(--space-quadruple);
  --resource-link-file-size-font-size-lrg: small;
  --resource-link-file-size-font-size: small;
  --resource-link-file-size-margin: 0px 0px 0px auto;
  --resource-link-file-size-padding: 0px 0px 0px var(--space-half);
  --resource-link-file-size-display: none;

  /* 00-Base > 00-Defaults > Mixins > Components > Text Link Arrow */
  --text-link-arrow-direction: right;
  --text-link-arrow-color: var(--c-text-inverse);
  --text-link-arrow-bg-color: var(--c-accent);
  --text-link-arrow-bg-color-active: var(--c-accent);

  /* 00-Base > 00-Defaults > 01-Colors */

  /* Grayscale */
  --c-white: #ffffff;
  --c-near-white: #fafafa;
  --c-grey-lightest: #eff0f1;
  --c-grey-lighter: #dddddd;
  --c-grey-light: #cccccc;
  --c-grey: #828386;
  --c-grey-dark: #4c4c4c;
  --c-grey-darker: #333333;
  --c-black: #000000;

  /* Status */
  --c-yellow-light: #f9fb93;
  --c-red-light: #fbe3e4;
  --c-green-light: #cfefc2;

  /* Brand colors */
  --c-brand-primary: #662d91;
  --c-brand-secondary: #e9f9fb;
  --c-brand-accent: #9d2790;
  --c-brand-highlight: #26c4db;
  --c-brand-primary-dark: #271932;
  --c-brand-secondary-dark: #93e2eb;
  --c-brand-accent-dark: #721c69;
  --c-brand-highlight-dark: #12626d;

  /* Theme colors */
  --c-text: var(--c-brand-primary-dark);
  --c-text-inverse: var(--c-white);
  --c-text-grey: var(--c-grey);
  --c-background: var(--c-white);
  --c-background-light: var(--c-near-white);
  --c-background-alt: var(--c-grey-lightest);
  --c-background-dark: var(--c-brand-primary);
  --c-primary: var(--c-brand-primary);
  --c-secondary: var(--c-brand-secondary);
  --c-accent: var(--c-brand-accent);
  --c-highlight: var(--c-brand-highlight);
  --c-border: var(--c-grey-light);
  --c-border-light: var(--c-grey-lighter);
  --c-muted: var(--c-white);
  --c-warning: var(--c-yellow-light);
  --c-error: var(--c-red-light);
  --c-message: var(--c-green-light);

  /* 01-Atoms > Date Time */
  --date-container-margin-top: var(--space);
  --date-container-margin-bottom: var(--space);
  --date-elements-space: 5px;

  /* 01-Atoms > Forms */

  /* 01-Atoms > Forms > Form Fields > File */
  --form-file-border-width: var(--form-textfield-border-width);
  --form-file-border-color: var(--c-border);
  --form-file-corners: var(--form-field-corners);
  --form-file-padding: var(--space-one-half);

  /* 01-Atoms > Forms > Form Fields > Webform Signature */
  --webform-signature-pad-bg: var(--c-background-alt);

  /* 01-Atoms > Forms > Form Fields > Mixin > Progress Tracker */
  --progress-bar-step-color: var(--c-primary);
  --progress-bar-step-complete-color: var(--c-secondary);
  --form-width: var(--content-width);
  --form-field-corners: 10px;

  /* Form items */

  --form-item-margin-top: var(--space-double);
  --form-item-margin-bottom: var(--space-double);
  --form-item-line-height: 1;
  --form-item-description-margin-bottom: var(--space-double);

  /* Labels */

  --form-textfield-label-position: 'above';
  --form-label-text-indent: 0;
  --form-label-text-transform: none;
  --form-label-font-weight: 400;
  --form-label-font-size: var(--base-font-size);

  /* Text fields */

  --form-textfield-padding: var(--space-half);
  --form-textfield-corners: var(--form-field-corners);
  --form-textfield-line-height: var(--form-item-line-height);
  --form-textfield-width: 100%;
  --form-textfield-height: 43px;
  --form-textfield-bg-color: var(--c-background);
  --form-textfield-font-size: var(--base-font-size);
  --form-textfield-border-width: 1px;
  --form-textfield-border-width-active: 1px;
  --form-textfield-border-color: var(--c-border);
  --webform-textfield-border-color-active: var(--c-primary);

  /* Autocomplete */
  --form-field-autocomplete-textfield-background-position: center right 10px;
  --form-field-autocomplete-textfield-right-padding: var(--space-double);

  /* Autocomplete Popup/Dropdown Menu */
  --form-field-autocomplete-menu-link-padding: var(--space-half) var(--space);
  --form-field-autocomplete-menu-link-color: var(--c-accent);
  --form-field-autocomplete-menu-active-link-color: var(--c-white);
  --form-field-autocomplete-menu-active-link-background: var(--button-bg-color);
  --form-field-autocomplete-menu-active-link-border: 1px solid transparent;

  /* 01-Atoms > Forms > Form Fields > Checkbox */
  --form-checkbox-background-color: var(--c-background);
  --form-checkbox-border-color: var(--c-text);
  --form-checkbox-border-width: 1px;
  --form-checkbox-color: var(--c-primary);
  --form-checkbox-gap: var(--space-half);
  --form-checkbox-margin-bottom: var(--space);
  --form-checkbox-margin-top: var(--space);
  --form-checkbox-size: 20px;

  /* 01-Atoms > Forms > Form Fields > Radio */
  --form-radio-background-color: var(--c-background);
  --form-radio-border-color: var(--c-grey);
  --form-radio-border-width: 1px;
  --form-radio-color: var(--c-primary);
  --form-radio-gap: var(--space-half);
  --form-radio-margin-bottom: var(--space);
  --form-radio-margin-top: var(--space);
  --form-radio-size: 20px;

  /* Select */

  --form-select-corners: var(--form-field-corners);
  --form-select-bg-color: var(--c-background);
  --form-select-border-width: 1px;
  --form-select-border-color: var(--c-border);
  --form-select-arrow-type: 'css-triangle';
  --form-select-arrow-type-icon: '';
  --form-select-arrow-type-icon-color: var(--c-text);
  --form-select-arrow-has-border: false;
  --form-select-arrow-type-icon-border-width: 2px;
  --form-select-arrow-type-icon-border-color: var(--c-primary);
  --form-select-arrow-type-icon-from-top: var(--space-half);
  --form-select-arrow-type-icon-from-right: var(--space-half);

  /* Field description */

  --form-field-description-font-size: 13px;
  --form-field-description-margin-top: var(--space-three-quarter);
  --form-field-description-margin-bottom: var(--space-half);
  --form-field-description-link-color: var(--c-text);
  --form-field-description-link-color-active: var(--c-primary);
  --form-field-description-link-text-decoration: none;
  --form-field-description-link-text-decoration-active: underline;

  /* Likert question */

  --form-likert-thead-bg: var(--c-background-alt);
  --form-likert-tr-odd-bg: var(--c-background-alt);
  --form-likert-cell-padding: var(--space-three-quarter) var(--space-half);
  --form-likert-thead-font-size: 15px;
  --form-likert-line-height: 1.35;
  --form-likert-font-size: 15px;
  --form-likert-radio-spacing: var(--space-three-quarter);

  /* Error messages */

  --form-textfield-error-color: var(--c-accent);
  --form-textfield-error-font-weight: 400;
  --form-item-text-error-border-width: 2px;
  --form-item-text-error-border-color: var(--c-accent);
  --form-item-error-msg-margin-top: var(--space-half);

  /* 01-Atoms > Forms > Form Inline */
  --form-inline-actions-own-row-enable: false;
  --form-inline-label-margin-bottom: var(--space-half);

  /* 01-Atoms > Link Arrow */
  --link-arrow-link-color: var(--c-primary);
  --link-arrow-link-color-active: var(--c-primary);
  --link-arrow-icon-code: '\f054';
  --link-arrow-icon-size: 12px;

  /* 01-Atoms > Tables > Views Tables */
  --views-view-table-header-bg: var(--c-secondary);
  --views-view-table-header-color: var(--c-text-inverse);
  --views-view-table-header-text-align: left;
  --views-view-table-header-font-family: var(--font-heading);
  --views-view-table-header-font-size: 22px;
  --views-view-table-header-font-weight: 500;
  --views-view-table-header-cellpadding-horizontal: var(--space-one-quarter);
  --views-view-table-row-even-bg: var(--c-background-alt);
  --views-view-table-cellpadding: var(--space-half) var(--space-three-quarter);
  --views-view-table-text-align: left;

  /* 02-Molecules > Add to Calendar */
  --addtocalendar-margin-top: var(--space-one-half);
  --addtocalendar-margin-bottom: var(--space-one-half);

  /* 02-Molecules > Admin Local Tasks */
  --local-tasks-text: var(--c-text);
  --local-tasks-text-active: var(--c-text-inverse);
  --local-tasks-tab: var(--c-primary);
  --local-tasks-tab-active: var(--c-accent);

  /* 02-Molecules > Branding */
  --header-logo-width-sml: 161px;
  --header-logo-width-lrg: 161px;
  --header-logo-margin-left-lrg: var(--space-quadruple);

  /* 02-Molecules > Breadcrumbs */
  --breadcrumbs-margin-top: var(--space-one-half);
  --breadcrumbs-margin-bottom: var(--space-one-half);
  --breadcrumbs-direction: left;
  --breadcrumb-separator-char: ' / ';
  --breadcrumb-gap: 10px;
  --breadcrumb-font-size: 14px;

  /* 02-Molecules > CT Info */
  --ct-info-field-margin-top: var(--space);
  --ct-info-field-margin-bottom: var(--space);
  --ct-info-label-inline-width: 140px;
  --ct-info-category-bg: var(--c-background-alt);
  --ct-info-category-color: var(--c-text);
  --ct-info-category-padding: var(--space-half) var(--space-three-quarter);
  --ct-info-category-font-size: var(--base-font-size);
  --ct-info-category-text-decoration: none;

  --ct-info-location-margin-top: var(--space-double);
  --ct-info-location-bg: var(--c-background-light);
  --ct-info-location-color: var(--c-text);
  --ct-info-location-padding: var(--space-half) var(--space-three-quarter);
  --ct-info-location-font-size: var(--base-font-size);
  --ct-info-location-text-decoration: none;

  /* 02-Molecules > Menus > Breadcrumbs */
  --color-breadcrumb: var(--c-primary);
  --color-breadcrumb-hover: var(--c-primary);
  --color-breadcrumb-active: var(--c-text);

  /* 02-Molecules > Menus > Dropdown Menu > Superfish Extend */
  --enable-dropdown-menu-align-right-edge: null;
  --dropdown-menu-font-family: var(--font-body);
  --dropdown-menu-link-font-size-sml: 18px;
  --dropdown-menu-link-font-size-lrg: 18px;
  --dropdown-menu-link-font-weight: normal;
  --dropdown-menu-link-color: var(--c-text);
  --dropdown-menu-link-text-transform: none;
  --dropdown-menu-link-active-color: var(--c-text);
  --dropdown-menu-link-active-bg-color: var(--c-accent);
  --dropdown-menu-padding: var(--space);
  --dropdown-menu-padding-lrg: var(--space-double) var(--space);
  --dropdown-menu-toggle-text-enabled: false;
  --dropdown-menu-toggle-bg-active: transparent;
  --dropdown-menu-toggle-color-active: var(--c-text);
  --dropdown-menu-toggle-icon-width: 48px;
  --dropdown-menu-toggle-icon-height: 48px;
  --dropdown-menu-link-chevron-type: 'chevron-down';
  --dropdown-menu-accordion-link-chevron-type: 'none';
  --dropdown-menu-submenu-link-chevron-type: 'none';
  --dropdown-menu-submenu-link-chevron-menu-level: 'submenu-first';
  --dropdown-menu-submenu-link-color: var(--c-text);
  --dropdown-menu-submenu-link-font-weight: 500;
  --dropdown-menu-submenu-link-font-size-lrg: 16px;
  --dropdown-menu-submenu-link-font-size-sml: 16px;
  --dropdown-menu-submenu-link-color-active: var(--c-primary);

  /* 02-Molecules > Menus > Dropdown Menu > Dropdown Menu */
  --dropdown-menu-border-top-width: 6px;
  --dropdown-menu-bg-color: transparent;
  --dropdown-menu-top-margin-adjustment: var(--space);
  --dropdown-menu-top-margin-adjustment-double: var(--space-double);
  --dropdown-menu-link-active-corners: 0;
  --dropdown-menu-link-text-color-active: var(--c-text-inverse);
  --dropdown-menu-link-description-font-size: 13px;
  --dropdown-menu-link-description-font-weight: 400;
  --dropdown-menu-link-description-gap: var(--space-quarter);
  --dropdown-menu-dropdown-bg: var(--c-background);
  --dropdown-menu-dropdown-bg-accordion: var(--c-background-alt);
  --dropdown-menu-dropdown-shadow-desktop: 0 10px 20px rgba(0, 0, 0, 0.4);
  --dropdown-menu-dropdown-shadow-mobile: calc(var(--space) * -1)
    calc(var(--space) * -1) 0 var(--space-double)
    var(--dropdown-menu-dropdown-bg-accordion);

  /* 02-Molecules > Menus > Inline Menu > Inline Menu */
  --inline-menu-inverse-link-color: var(--c-text-inverse);
  --inline-menu-inverse-link-color-active: var(--c-text-inverse);
  --inline-menu-link-divider-color: var(--c-text-inverse);

  /* 02-Molecules > Menus > Mega Menu > Superfish Extend */
  --main-menu-font-family: var(--font-heading);
  --main-menu-link-font-size-sml: 18px;
  --main-menu-link-font-size-lrg: 22px;
  --main-menu-link-font-weight: 500;
  --main-menu-link-color: var(--c-text);
  --main-menu-link-active-color: var(--c-text);
  --main-menu-link-active-bg-color: var(--c-accent);
  --main-menu-submenu-link-color: var(--c-text);
  --main-menu-submenu-link-font-size-lrg: 20px;
  --main-menu-submenu-link-font-size-sml: 16px;
  --main-menu-submenu-link-color-active: var(--c-primary);

  /* 02-Molecules > Menus > Mega Menu > Mega Menu */
  --mega-menu-border-top-width: 6px;
  --mega-menu-border-top-color: var(--c-accent);
  --mega-menu-bg-color: var(--c-background-alt);
  --mega-menu-link-active-bg-color: var(--c-accent);
  --mega-menu-link-active-corners: 6px 20px 0 0;
  --mega-menu-link-text-color-active: var(--c-text-inverse);
  --mega-menu-dropdown-bg: var(--c-background);
  --mega-menu-dropdown-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);

  /* 02-Molecules > Menus > Mega Menu > Mega Menu Center */
  --mega-menu-border-bottom-width: 6px;
  --mega-menu-border-bottom-color: var(--c-accent);
  --mega-menu-link-color: transparent;
  --mega-menu-link-color-active: var(--c-text-inverse);
  --mega-menu-link-active-color: transparent;
  --mega-menu-link-background-color: transparent;
  --mega-menu-dropdown-background-color: var(--c-background);
  --mega-menu-dropdown-link-border-color: var(--c-border);

  /* 02-Molecules > Menus > Social Footer > Social Footer */
  --social-footer-margin-top: 0;
  --social-footer-margin-bottom: 0;
  --social-footer-link-color: var(--c-text-inverse);
  --social-footer-link-color-active: var(--c-accent);
  --social-footer-icons-gap: var(--space-half);
  --social-footer-icon-height: var(--space-triple);
  --social-footer-icon-width: var(--space-triple);

  /* 02-Molecules > Notice Banner */
  --notice-banner-bg: var(--c-highlight);
  --notice-banner-bg-alt: var(--c-secondary);
  --notice-banner-text-color: var(--c-text-inverse);

  /* 02-Molecules > Page Title */
  --page-title-heading-color: var(--c-text);
  --page-title-heading-font-family: var(--font-heading);
  --page-title-heading-font-size: 36px;
  --page-title-heading-font-size-lrg: 36px;
  --page-title-heading-font-weight: 500;
  --page-title-heading-line-height: 1;
  --page-title-heading-text-transform: none;
  --page-title-heading-margin-top: var(--space-double);
  --page-title-heading-margin-bottom: var(--space-double);

  /* 02-Molecules > Search > Search Bar */
  --search-bar-bg: var(--c-background-alt);
  --search-bar-button-bg: var(--c-accent);
  --search-bar-button-bg-active: var(--c-primary);
  --search-bar-button-color: var(--c-text-inverse);
  --search-bar-button-color-active: var(--c-text-inverse);
  --header-search-bar-toggle-color: var(--c-text);
  --header-search-bar-input-font: 14px;
  --header-search-bar-input-button-size: 14px;

  /* 02-Molecules > Search > Search Spellchek > Did you mean */
  --search-did-you-mean-margin: 0 0 var(--space-double) 0;
  --search-did-you-mean-padding: var(--space);
  --search-did-you-mean-text-color: var(--c-text);
  --search-did-you-mean-bg-color: var(--c-grey-lightest);
  --search-did-you-mean-fix-text-color: var(--c-text);
  --search-did-you-mean-fix-font-weight: normal;
  --search-did-you-mean-fix-text-transform: none;
  --search-did-you-mean-suggestions-text-color: var(--c-primary);
  --search-did-you-mean-suggestions-text-active-color: var(--c-accent);
  --search-did-you-mean-suggestions-font-weight: bold;
  --search-did-you-mean-suggestions-text-transform: underline;

  /* 02-Molecules > Search > Search Sort > Search Sort */
  --search-sort-margin: var(--space-double) auto;
  --search-sort-padding: var(--space);
  --search-sort-bg-color: var(--c-grey-lightest);
  --search-sort-text-color: var(--c-text);
  --search-sort-header-margin: 0;
  --search-sort-header-font-size: var(--space);
  --search-sort-header-font-weight: bold;
  --search-sort-header-text-color: var(--c-text);
  --search-sort-content-margin: 0;
  --search-sort-content-font-size: var(--space);
  --search-sort-content-font-weight: bold;
  --search-sort-content-text-color: var(--c-accent);
  --search-sort-content-text-active-color: var(--c-primary);
  --search-sort-content-text-decoration: none;

  /* 02-Molecules > Search > Search Facet */
  --search-facet-checkbox-border-color: var(--c-text);
  --search-facet-checkbox-check-color: var(--c-text-inverse);
  --search-facet-checkbox-background-color: var(--c-text);

  /* 02-Molecules > Slick > Slick Skin Default */
  --slick-default-vertical-spacing-lrg: var(--space-quadruple);
  --slick-default-vertical-spacing-sml: var(--space-double-half);
  --slick-default-arrow-font-size-lrg: var(--space-double);
  --slick-default-arrow-font-size-sml: var(--space-one-half);
  --slick-default-arrow-color: var(--c-primary);
  --slick-default-arrow-color-active: var(--c-primary);
  --slick-default-arrow-gap-sml: calc(
    var(--slick-default-vertical-spacing-lrg) * -1
  );
  --slick-default-arrow-gap-lrg: calc(
    var(--slick-default-vertical-spacing-sml) * -1
  );
  --slick-default-dots-size-sml: 14px;
  --slick-default-dots-size-lrg: 16px;
  --slick-default-dots-font-size-sml: 16px;
  --slick-default-dots-font-size-lrg: 18px;
  --slick-default-dots-color: var(--c-primary);
  --slick-default-dots-color-active: var(--c-accent);

  /* 02-Molecules > Status */
  --status-messages-margin: var(--space) 0;
  --status-messages-type-status-text-color: #325e1c;
  --status-messages-type-status-background-color: #f3faef;
  --status-messages-type-status-shadow-color: #77b259;
  --status-messages-type-status-border-color: #c9e1bd;
  --status-messages-type-warning-text-color: #734c00;
  --status-messages-type-warning-background-color: #fdf8ed;
  --status-messages-type-warning-shadow-color: #e09600;
  --status-messages-type-warning-border-color: #f4daa6;
  --status-messages-type-error-text-color: #a51b00;
  --status-messages-type-error-background-color: #fcf4f2;
  --status-messages-type-error-shadow-color: #e62600;
  --status-messages-type-error-border-color: #f9c9bf;

  /* 02-Molecules > Summary */
  --summary-text-max-width: var(--content-width);
  --enable-summary-layout-centre: 'null';
  --summary-event-ct-type: 'wide-bg';
  --summary-bg: transparent;
  --summary-margin-top: var(--space-double);
  --summary-margin-bottom: var(--space-double);
  --summary-padding-top: 0;
  --summary-padding-bottom: 0;
  --summary-font-size: 20px;
  --summary-line-height: 1.4;

  /* 02-Molecules > Traffic light */
  --traffic-light-width: 70px;
  --traffic-light-text-color: var(--c-white);
  --traffic-light-text-size: 12px;
  --traffic-light-text-padding: 10px;
  --traffic-light-green: #6dbf4e;
  --traffic-light-yellow: #edf41e;
  --traffic-light-orange: #f48d1e;
  --traffic-light-red: #c8252c;
  --traffic-light-orange-red: #f06745;
  --traffic-light-blue: #03b7d3;
  --traffic-light-grey: #cdcdcd;
  --traffic-light-hover: #818181;
  --traffic-light-text-color-hover: var(--c-white);
  --traffic-light-icon-size: 80% auto;
  --traffic-light-text-color-with-icon: black;

  /* 03-Organisms > Card > Basic */
  --card-basic-gap: var(--space-three-quarter);
  --card-basic-gap-lrg: var(--space-three-quarter);
  --card-basic-text-color: var(--c-text);
  --card-basic-text-color-active: var(--c-text);
  --enable-card-basic-title-height-two-line-min: null;
  --card-basic-title-min-height: 42px;
  --card-basic-title-color: var(--c-primary);
  --card-basic-title-font-size: 16px;
  --card-basic-title-font-size-lrg: 18px;
  --card-basic-title-font-family: var(--font-heading);
  --card-basic-title-font-weight: 700;
  --card-basic-title-text-transform: none;
  --card-basic-date-color: var(--c-text);
  --card-basic-desc-min-height: 0;
  --card-basic-link-color: var(--c-primary);
  --card-basic-link-color-active: var(--c-primary);
  --card-basic-link-margin-top: var(--space);
  --card-basic-link-icon-code: '\f054';
  --card-basic-link-icon-size: 12px;
  --card-basic-link-button-bg-color: var(--button-bg-color);
  --card-basic-link-button-bg-color-active: var(--button-bg-color-active);
  --card-basic-link-button-text-color: var(--button-text-color);
  --card-basic-link-button-text-color-active: var(--button-text-color-active);

  /* 03-Organisms > Card > Card BG Image */
  --card-bg-image-overlay-color: var(--c-text);
  --card-bg-image-overlay-opacity: 0.66;
  --card-bg-image-padding: var(--space-one-half) var(--space-double);
  --card-bg-image-text-color: var(--c-text-inverse);
  --card-bg-image-text-color-active: var(--c-text-inverse);
  --card-bg-image-text-font-family: var(--font-heading);
  --card-bg-image-text-font-size: 34px;
  --card-bg-image-text-font-weight: 700;
  --card-bg-image-text-line-height: 1;
  --card-bg-image-title-visibility: none;
  --card-bg-image-desc-visibility: block;
  --card-bg-image-cta-arrow-color: var(--text-link-arrow-color);

  /* 03-Organisms > Card > Card Mini */
  --card-mini-title-color: var(--c-text);
  --card-mini-title-font-family: var(--font-body);
  --card-mini-title-font-size-lrg: 18px;
  --card-mini-title-font-size-sml: 17px;
  --card-mini-title-align: center;

  /* 03-Organisms > Card > Card Round Corners */
  --card-round-corners-border-radius: 15px 70px 10px 10px;
  --card-round-corners-image-border-radius: 15px 70px 0 0;
  --card-round-corners-mini-border-radius: 10px 70px 10px 10px;
  --card-round-corners-title-color-active: var(--c-text);

  /* 03-Organisms > Card > Card Side Image */
  --card-side-image-padding: var(--space-one-half) var(--space-double);
  --card-side-image-title-color: var(--c-accent);
  --card-side-image-title-color-active: var(--c-primary);
  --card-side-image-title-font-family: var(--font-heading);
  --card-side-image-title-font-size: 28px;
  --card-side-image-title-font-weight: 700;
  --card-side-image-title-line-height: 1;
  --card-side-image-text-font-size: 18px;
  --card-side-image-cta-color: var(--c-accent);
  --card-side-image-cta-color-active: var(--c-text-inverse);
  --card-side-image-cta-arrow-color: var(--c-accent);
  --card-side-image-cta-arrow-color-active: var(--c-primary);

  /* 03-Organisms > Card  > Card */
  --card-text-color: var(--c-text);
  --card-text-color-active: var(--c-text-inverse);
  --card-icon-color: var(--c-primary);
  --card-icon-color-active: var(--c-text-inverse);
  --card-title-min-height: none;
  --card-title-font-weight: 500;
  --card-title-color: var(--c-text);
  --card-title-color-active: var(--c-text-inverse);
  --card-title-font-size: 22px;
  --card-title-font-size-lrg: 22px;
  --card-title-line-height: 1.25;
  --card-title-margin-top: var(--space);
  --card-title-margin-bottom: var(--space);
  --card-title-text-transform: none;
  --card-date-font-weight: 400;
  --card-date-margin-top: var(--space-three-quarter);
  --card-date-margin-bottom: var(--space-half);
  --card-date-updated-margin-bottom: var(--space-double);
  --card-desc-margin-top: var(--space-three-quarter);
  --card-desc-margin-bottom: var(--space-half);
  --card-cta-text-color: var(--c-text);
  --card-cta-text-color-active: var(--c-text-inverse);
  --card-bg-content-color: var(--c-text);
  --card-bg-content-padding: 20px;
  --card-bg-background-color: var(--c-background-alt);
  --card-bg-background-color-active: var(--c-accent);
  --card-bg-border-width: 1px;
  --card-bg-border-color: var(--c-border);

  /* 03-Organisms > Card Featured */
  --card-featured-gap: var(--space-three-quarter);
  --card-featured-text-color: var(--c-text);
  --card-featured-text-color-active: var(--c-text);
  --enable-card-featured-title-height-two-line-min: null;
  --card-featured-title-min-height: 42px;
  --card-featured-type-color: var(--c-primary);
  --card-featured-type-font-size: 16px;
  --card-featured-type-font-size-lrg: 18px;
  --card-featured-type-font-family: var(--font-heading);
  --card-featured-type-font-weight: 700;
  --card-featured-type-text-transform: none;
  --card-featured-type-margin-top: 0;
  --card-featured-type-margin-bottom: 0;
  --card-featured-title-color: var(--c-primary);
  --card-featured-title-font-size: 16px;
  --card-featured-title-font-size-lrg: 18px;
  --card-featured-title-font-family: var(--font-heading);
  --card-featured-title-font-weight: 700;
  --card-featured-title-text-transform: none;
  --card-featured-date-color: var(--c-text);
  --card-featured-link-color: var(--c-primary);
  --card-featured-link-color-active: var(--c-primary);
  --card-featured-link-font-weight: 400;
  --card-featured-link-text-transform: none;
  --card-featured-link-margin-top: var(--space);
  --card-featured-link-icon-position: after;
  --card-featured-link-icon-font: var(--font-icons);
  --card-featured-link-icon-code: '\f054';
  --card-featured-link-icon-size: 12px;
  --card-featured-link-button-bg-color: var(--button-bg-color);
  --card-featured-link-button-bg-color-active: var(--button-bg-color-active);
  --card-featured-link-button-text-color: var(--button-text-color);
  --card-featured-link-button-text-color-active: var(
    --button-text-color-active
  );

  /* 03-Organisms > Card Index */
  --card-index-gap: var(--space-double);
  --card-index-margin-top: var(--space-triple);
  --card-index-margin-bottom: var(--space-triple);
  --card-index-padding-top: var(--space-triple);
  --card-index-padding-bottom: var(--space-triple);
  --card-index-border-top-width: 1px;
  --card-index-border-top-color: var(--c-border);

  /* 03-Organisms > Column Layout */
  --column-layout-header-text-align: center;
  --column-layout-header-margin-bottom: var(--space-triple);
  --column-layout-header-strong-font-size: var(--base-font-size);
  --column-layout-header-strong-margin-bottom: var(--space);
  --column-layout-gap: var(--space-double);
  --column-layout-gap-lrg: var(--space-double);
  --column-layout-column-min-height: 0;
  --column-layout-column-footer-align: right;
  --column-layout-divider-width: 0;
  --column-layout-divider-color: transparent;
  --column-layout-divider-spacing: 0;
  --column-layout-right-flex-direction: column;
  --column-layout-right-gap: var(--column-layout-gap);

  /* 03-Organisms > Event Summary */
  --enable-event-summary-layout: null;

  /* 03-Organisms > Node View Mode Full */
  --node-full-page-title-heading-margin-top: var(--space-triple);
  --node-full-page-title-heading-margin-bottom: var(--space-double-half);
  --content-main-margin-horizontal: var(--space-quadruple);
  --content-main-margin-horizontal-double: var(--space-quadruple);

  /* 03-Organisms > Pager Header > Page Header Full Banner Heading */
  --page-header-fbh-title-font-size: 26px;
  --page-header-fbh-title-font-size-lrg: 26px;
  --page-header-fbh-title-font-weight: 400;
  --page-header-fbh-title-bg: var(--c-background-dark);
  --page-header-fbh-title-color: var(--c-text-inverse);
  --page-header-fbh-title-text-transform: uppercase;
  --page-header-fbh-title-indent: 0;
  --page-header-fbh-title-indent-lrg: var(--space-double);
  --page-header-fbh-title-horizontal-margin: var(--space-double);
  --page-header-fbh-title-width-lrg: 50%;
  --page-header-fbh-image-max-height: none;
  --page-header-fbh-image-max-height-lrg: none;
  --page-header-fbh-title-bg-strip: true;
  --page-header-fbh-title-bg-strip-shadow: true;
  --page-header-fbh-title-bg-strip-shadow-color: rgba(0, 0, 0, 0.5);
  --page-header-fbh-title-bg-strip-shadow-h-offset: 10px;
  --page-header-fbh-title-bg-strip-shadow-v-offset: 10px;
  --page-header-fbh-title-bg-strip-shadow-blur: 10px;
  --page-header-fbh-title-bg-strip-shadow-spread: 0;
  --page-header-fbh-title-bg-strip-shadow-bottom-gap: var(--space-double);

  /* 03-Organisms > Pager Header > Page Header Text Image Right */
  --page-header-content-font-size: 26px;
  --page-header-content-font-size-lrg: 26px;
  --page-header-content-margin-bottom: var(--space-triple);
  --page-header-content-margin-bottom-lrg: var(--space-quadruple);
  --page-header-tir-title-image-max-height: 200px;
  --page-header-tir-title-image-max-width: 400px;

  /* 03-Organisms > Paragraph > Base */

  /* Use margin if section do not use a different bg colour */
  --paragraph-margin-top: var(--space-triple);
  --paragraph-margin-bottom: var(--space-triple);
  --paragraph-margin-top-lrg: var(--space-quadruple);
  --paragraph-margin-bottom-lrg: var(--space-quadruple);
  --paragraph-padding-top: 0;
  --paragraph-padding-bottom: 0;
  --paragraph-padding-top-lrg: 0;
  --paragraph-padding-bottom-lrg: 0;

  /* Use padding when section uses different bg colour */
  --paragraph-bg-padding-top: var(--space-triple);
  --paragraph-bg-padding-bottom: var(--space-triple);
  --paragraph-bg-padding-top-lrg: var(--space-quadruple);
  --paragraph-bg-padding-bottom-lrg: var(--space-quadruple);
  --paragraph-bg-alt-text-color: var(--c-text);
  --paragraph-bg-light-text-color: var(--c-text);
  --paragraph-bg-light-header-color: --paragraph-bg-light-text-color;
  --paragraph-bg-dark-text-color: var(--c-text-inverse);
  --enable-pt-layout-centre: null;

  /* Captions on media items in paragraphs */
  --paragraph-media-title-background-color: var(--c-background-alt);
  --paragraph-media-title-padding: var(--space-half) var(--space);
  --paragraph-media-title-margin: 0px;

  /* 03-Organisms > Paragraph > PT6 Image with Text */
  --paragraph-media-with-text-media-title-display: none;
  --paragraph-media-with-text-media-title-background-color: var(--c-background-alt);
  --paragraph-media-with-text-media-title-padding: var(--space-half) var(--space);
  --paragraph-media-with-text-media-title-margin: 0px;

  /* 03-Organisms > Paragraph > PT7 Related Pages */
  --card-related-pages-title-color: var(--c-text);
  --card-related-pages-title-font-size: 16px;
  --card-related-pages-title-font-size-lrg: 18px;
  --card-related-pages-title-font-family: var(--font-heading);
  --card-related-pages-title-font-weight: 700;
  --card-related-pages-title-text-transform: none;

  /* 03-Organisms > Paragraph > PT7 Related Pages */
  --pt-webform-bg-color: var(--c-background-light);
  --pt-webform-border-width: 1px;
  --pt-webform-border-color: var(--c-border-light);
  --pt-webform-progress-bg: var(--pt-webform-bg-color);
  --pt-webform-card-bg: var(--c-white);

  /* 03-Organisms > Paragraph > PT11 Accordion > Accordion Item */
  --accordion-item-border: var(--c-border);
  --accordion-item-title-bg: var(--c-background);
  --accordion-item-title-color: var(--c-primary);
  --accordion-item-title-font-family: var(--font-heading);
  --accordion-item-title-font-size: 22px;
  --accordion-item-title-font-weight: 500;
  --accordion-item-title-line-height: 1.45;
  --accordion-item-title-bg-active: var(--c-background-alt);
  --accordion-item-title-color-active: var(--c-primary);
  --accordion-item-title-padding-top-sml: var(--space-one-quarter);
  --accordion-item-title-padding-bottom-sml: var(--space-one-quarter);
  --accordion-item-title-padding-left-sml: var(--space-one-quarter);
  --accordion-item-title-padding-right-sml: var(--space-triple);
  --accordion-item-title-padding-top-lrg: var(--space-one-half);
  --accordion-item-title-padding-bottom-lrg: var(--space-one-quarter);
  --accordion-item-title-padding-left-lrg: var(--space-double);
  --accordion-item-title-padding-right-lrg: var(--space-quadruple);

  /* 03-Organisms > Paragraph > PT11 Accordion > Accordion */
  --accordion-border: var(--c-border);
  --accordion-corners: 10px;

  /* 03-Organisms > Paragraph > PT14 Call to Action */
  --cta-bg-color: var(--c-background-alt);
  --cta-heading-font-family: var(--font-body);
  --cta-heading-color: var(--c-highlight);
  --cta-heading-color-highlight: var(--c-text-inverse);
  --cta-heading-font-size-lrg: var(--heading-primary-font-size-lrg);
  --cta-heading-font-size-sml: var(--heading-primary-font-size-sml);
  --cta-copy-color: var(--c-text);
  --cta-button-bg-color: var(--c-accent);
  --cta-button-text-color: var(--c-text-inverse);
  --cta-button-bg-color-active: var(--c-primary);
  --cta-button-text-color-active: var(--c-text-inverse);
  --cta-button-corners: 0;
  --cta-button-padding: var(--space-three-quarter) var(--space-one-quarter);
  --cta-button-font-size: 18px;
  --cta-button-font-weight: 500;
  --cta-button-text-transform: uppercase;

  /* 03-Organisms > Paragraph > PT15 Benefit Statement */

  /* Change layout for default grid layout type to appear as a list for mobile only */
  --enable-mobile-layout-list: null;

  /* Mobile Layout List */
  --benefit-statement-title-text-align-layout-list: left;

  /* Default */
  --benefit-statement-box-border-width: 1px;
  --benefit-statement-box-border-color: var(--c-border);
  --benefit-statement-box-padding: var(--space) var(--space-double);
  --benefit-statement-box-header-text-align: left;
  --benefit-statement-box-header-text-align-mobile: left;
  --benefit-statement-box-header-margin-bottom: 0;
  --benefit-statement-box-header-title-margin-bottom: var(--space);
  --benefit-statement-box-header-title-margin-bottom-lrg: var(--space-double);
  --benefit-statement-box-header-summary-margin-top: 0;
  --benefit-statement-box-header-summary-margin-bottom: var(--space-double);
  --benefit-statement-padding: var(--space) var(--space-triple);
  --benefit-statement-title-text-align: center;
  --benefit-statement-title-min-height: 55px;
  --benefit-statement-title-line-height: 1;
  --benefit-statement-title-font-size: 22px;
  --benefit-statement-title-font-family: var(--font-heading);
  --benefit-statement-title-font-weight: 400;
  --benefit-statement-title-font-size-lrg: 22px;
  --benefit-statement-icon-align: center;
  --benefit-statement-icon-margin-top: 0;
  --benefit-statement-icon-margin-bottom: var(--space);
  --benefit-statement-icon-width-lrg: 75px;
  --benefit-statement-icon-height-lrg: 75px;
  --benefit-statement-icon-width-sml: 50px;
  --benefit-statement-icon-height-sml: 50px;
  --benefit-statement-desc-text-align-mobile: center;
  --benefit-statement-desc-text-align-desktop: center;

  /* List type */

  --benefit-statements-list-gap: var(--space-one-quarter);
  --benefit-statements-list-max-width: var(--max-width);
  --benefit-statements-list-margin-left: auto;
  --benefit-statements-list-margin-right: auto;

  --bst-list-benefit-statement-row-gap: var(--space-double);
  --bst-list-benefit-statement-row-gap-lrg: var(--space-double);
  --bst-list-benefit-statement-column-gap: var(--space);
  --bst-list-benefit-statement-column-gap-lrg: var(--space-double);

  --bst-list-benefit-statement-desc-flex: 6;
  --bst-list-benefit-statement-desc-flex-lrg: 8;
  --bst-list-benefit-statement-desc-font-size: var(
    --benefit-statement-title-font-size
  );
  --bst-list-benefit-statement-desc-font-size-lrg: var(
    --benefit-statement-title-font-size-lrg
  );
  --bst-list-benefit-statement-desc-font-family: var(
    --benefit-statement-title-font-family
  );
  --bst-list-benefit-statement-desc-font-weight-mobile: 400;
  --bst-list-benefit-statement-desc-font-weight: 700;
  --bst-list-benefit-statement-desc-text-align: left;
  --bst-list-benefit-statement-desc-line-height: 1.2;

  /* only applies if icons sizes are set in scss overrides, otherwise same icon size applies to grid and list types */
  --bst-list-benefit-statement-icon-flex: 1;
  --bst-list-benefit-statement-icon-flex-lrg: 1;
  --bst-list-benefit-statement-icon-width-lrg: 75px;
  --bst-list-benefit-statement-icon-height-lrg: 75px;
  --bst-list-benefit-statement-icon-width-sml: 50px;
  --bst-list-benefit-statement-icon-height-sml: 50px;

  /* 03-Organisms > Paragraph > PT19 Slideshow > Paragraph Slider Image Scroll */
  --paragraph-slider-vertical-spacing-lrg: var(--space-quadruple);
  --paragraph-slider-vertical-spacing-sml: var(--space-double-half);

  /* 03-Organisms > Paragraph > PT19 Slideshow > Paragraph Slider */
  --paragraph-slider-max-width: 1230px;
  --paragraph-slider-vertical-spacing-lrg: var(--space-quadruple);
  --paragraph-slider-vertical-spacing-sml: var(--space-double-half);
  --paragraph-slider-copy-layout: row;
  --paragraph-slider-copy-overlay: desktop;
  --paragraph-slider-copy-align-items: flex-start;
  --paragraph-slider-copy-gap: var(--space);
  --paragraph-slider-copy-width: 100%;
  --paragraph-slider-copy-padding: var(--space-one-quarter) var(--space);
  --paragraph-slider-copy-pos-top: auto;
  --paragraph-slider-copy-pos-bottom: 0;
  --paragraph-slider-copy-pos-left: 0;
  --paragraph-slider-copy-pos-right: auto;
  --paragraph-slider-copy-bg: var(--c-background);
  --paragraph-slider-copy-title: var(--c-text);
  --paragraph-slider-copy-text-color: var(--c-text);
  --paragraph-slider-copy-text-highlight-color: var(--c-text);
  --paragraph-slider-copy-text-font-size: var(--base-font-size);
  --paragraph-slider-copy-text-font-size-lrg: var(--base-font-size);
  --paragraph-slider-copy-text-font-family: var(--font-body);
  --paragraph-slider-copy-text-font-weight: 400;
  --paragraph-slider-copy-text-line-height: normal;
  --paragraph-slider-copy-overlay-padding: var(--space-half)
    var(--space-three-quarter);
  --paragraph-slider-copy-overlay-padding-lrg: var(
    --paragraph-slider-copy-padding
  );
  --paragraph-slider-link-text-color: var(--c-text);
  --paragraph-slider-link-text-color-active: var(--c-text);
  --paragraph-slider-dots-color: var(--c-primary);
  --paragraph-slider-dots-color-active: var(--c-accent);

  /* 03-Organisms > Paragraph > PT21 Timeline */
  --timeline-item-size: 67px;
  --timeline-item-size-half: calc(var(--timeline-item-size) / 2);
  --timeline-item-text-color: var(--c-text-inverse);
  --timeline-item-bg-color: var(--c-primary);
  --timeline-item-date-circle-color: var(--c-primary);
  --timeline-item-date-circle-text: var(--c-text-inverse);

  /* 03-Organisms > Paragraph > PT23 Pull Quote */
  --paragraph-pull-quote-text-font-size: 56px;
  --paragraph-pull-quote-text-font-family: var(--font-heading);
  --paragraph-pull-quote-text-color: var(--c-primary);
  --paragraph-pull-quote-text-highlight-color: var(--c-primary);
  --paragraph-pull-quote-text-line-height: 1;
  --paragraph-pull-quote-text-font-weight: bold;

  --paragraph-pull-quote-quote-font-size-lrg: 36px;
  --paragraph-pull-quote-quote-font-size-sml: 30px;
  --paragraph-pull-quote-quote-line-height: 1.1;

  --paragraph-pull-quote-cite-font-size: var(--base-font-size);
  --paragraph-pull-quote-cite-color: var(--c-text-grey);
  --paragraph-pull-quote-cite-font-style: italic;

  /* 03-Organisms > Paragraph > PT28 Lead Generator Form */
  --paragraph-lead-generator-content-row-gap: var(--space-double);
  --paragraph-lead-generator-content-row-gap-lrg: var(--space-double);
  --paragraph-lead-generator-content-column-gap: var(--space-one-half);
  --paragraph-lead-generator-content-column-gap-lrg: var(--space-one-half);
  --paragraph-lead-generator-h2-font-size: 18px;
  --paragraph-lead-generator-h3-font-size: 18px;
  --paragraph-lead-generator-form-bg: var(--c-background-light);
  --paragraph-lead-generator-form-arrow-size: 30px;
  --paragraph-lead-generator-form-arrow-size-half: calc(
    var(--paragraph-lead-generator-form-arrow-size) / 2
  );
  --paragraph-lead-generator-cta-margin-top: 0;
  --paragraph-lead-generator-cta-margin-top-lrg: 0;
  --paragraph-lead-generator-cta-style: button;
  --paragraph-lead-generator-cta-font-size: var(--button-font-size);
  --paragraph-lead-generator-cta-font-size-lrg: var(--button-font-size);
  --paragraph-lead-generator-reveal-button-style: button;
  --paragraph-lead-generator-reveal-button-font-size: var(--button-font-size);
  --paragraph-lead-generator-reveal-button-bg-color: var(--c-accent);
  --paragraph-lead-generator-reveal-button-bg-color-active: var(--c-secondary);
  --paragraph-lead-generator-form-actions-align: space-between;

  /* 03-Organisms > Paragraph > PT29 Anchors */
  --anchors-item-margin: 0 0 var(--space) 0;
  --anchors-item-level-1-margin: 0 0 var(--space) var(--space);
  --anchors-item-level-2-margin: 0 0 var(--space) var(--space-double);
  --anchors-item-level-3-margin: 0 0 var(--space) var(--space-triple);
  --anchors-background: var(--c-background-light);
  --anchors-margin: 0;
  --anchors-padding: var(--space);

  /* 03-Organisms > Primary Menu */
  --primary-menu-border-bottom-width: 6px;
  --primary-menu-border-bottom-color: var(--c-accent);
  --primary-menu-background-color: transparent;

  /* 03-Organisms > Promo Banner */
  --promo-banner-bg-strip: true;
  --promo-banner-bg-strip-shadow: true;
  --promo-banner-bg-strip-bg-color: var(--c-background-alt);
  --promo-banner-bg-strip-color: var(--c-text-inverse);
  --promo-banner-bg-strip-shadow-color: rgba(0, 0, 0, 0.5);
  --promo-banner-bg-strip-shadow-h-offset: 10px;
  --promo-banner-bg-strip-shadow-v-offset: 10px;
  --promo-banner-bg-strip-shadow-blur: 10px;
  --promo-banner-bg-strip-shadow-spread: 0;
  --promo-banner-bg-strip-shadow-bottom-gap: var(--space-double);

  /* 03-Organisms > Resource List */
  --resources-list-gap: var(--space);
  --resources-list-margin-top: var(--space-double);
  --resources-list-margin-bottom: var(--space-double);

  /* 03-Organisms > Services Slider */
  --services-slider-bg-color: var(--c-background-alt);
  --services-slider-bg-color-active: var(--c-accent);
  --services-slider-arrow-color: var(--c-primary);
  --services-slider-card-bg-color: var(--c-background);
  --services-slider-card-bg-color-active: var(--c-accent);
  --services-slider-card-border-radius: 10px 70px 10px 10px;
  --services-slider-card-border-color: var(--c-border);
  --services-slider-card-border-width: 1px;
  --services-slider-card-title-color: var(--c-text);
  --services-slider-card-title-color-active: var(--c-text);
  --services-slider-card-title-font-family: var(--font-body);
  --services-slider-card-title-font-size: 17px;
  --services-slider-card-text-color: var(--c-text);
  --services-slider-card-text-color-active: var(--c-text);

  /* 03-Organisms > Sign Up Banner */
  --sign-up-banner-copy-heading-color: null;

  /* 03-Organisms > Site > Footer > Footer Menu */
  --footer-menu-item-margin-top: var(--space-quarter);
  --footer-menu-item-margin-bottom: var(--space-quarter);

  --footer-menu-link-text-color: var(--c-text-inverse);
  --footer-menu-link-text-color-active: var(--c-highlight);
  --footer-menu-link-text-transform: none;
  --footer-menu-link-text-decoration: none;
  --footer-menu-link-text-decoration-active: none;

  /* 03-Organisms > Site > Footer > Back to top */
  --footer-back-to-top-text-color: var(--c-text-inverse);
  --footer-back-to-top-right: var(--space);
  --footer-back-to-top-padding: var(--space-half) var(--space);
  --footer-back-to-top-clip-path: polygon(calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%, 0 0);
  --footer-back-to-top-icon-left-margin: var(--space);

  /* 03-Organisms > Site > Footer  */
  --footer-margin-top: var(--space-double);
  --footer-margin-top-lrg: var(--space-triple);
  --footer-margin-bottom: 0;
  --footer-margin-bottom-lrg: 0;
  --footer-padding-top: var(--space-double);
  --footer-padding-bottom: var(--space-double);
  --footer-padding-top-lrg: var(--space-double);
  --footer-padding-bottom-lrg: var(--space-double);
  --footer-background-color: var(--c-background-dark);
  --footer-border-top-color: var(--c-accent);
  --footer-border-top-width: 10px;
  --footer-top-column-gap: var(--space-double);
  --footer-top-margin-bottom: var(--space-triple);
  --footer-top-margin-bottom-lrg: var(--space-triple);
  --footer-top-padding-bottom: 0;
  --footer-top-border-bottom-width: 0;
  --footer-top-border-bottom-color: transparent;
  --footer-bottom-stacked-gap: var(--space);
  --footer-bottom-inline-gap: var(--space);
  --footer-bottom-border-top-width: 0;
  --footer-bottom-border-top-width-mobile: 0;
  --footer-bottom-border-top-color: var(--c-border);
  --footer-bottom-padding-top: 0;
  --footer-bottom-padding-top-lrg: 0;
  --footer-bottom-margin-top: 0;
  --footer-bottom-margin-top-lrg: 0;
  --footer-bottom-margin-bottom: 0;
  --footer-bottom-margin-bottom-lrg: 0;
  --footer-text-color: var(--c-text-inverse);
  --footer-text-color-active: var(--c-text-inverse);
  --footer-social-links-color: var(--c-text-inverse);
  --footer-block-title-font-size: var(--space-one-three-quarter);
  --footer-block-title-font-weight: 400;
  --footer-block-title-letter-spacing: normal;
  --footer-block-title-border-top: true;
  --footer-block-title-padding-top: var(--space-double);
  --footer-block-title-padding-bottom: 0;
  --footer-block-title-margin-top: 0;
  --footer-block-title-margin-bottom: var(--space-double);
  --footer-bottom-region-font-size: 14px;
  --footer-bottom-region-font-size-lrg: 14px;

  /* 03-Organisms > Site > Header > Header Compact */
  --header-compact-block-branding-height: auto;
  --header-compact-padding-top-lrg: var(--space-double);
  --header-compact-padding-bottom-lrg: var(--space-double);
  --header-compact-padding-top-sml: var(--space);
  --header-compact-padding-bottom-sml: var(--space);
  --header-compact-border-bottom-width: 1px;
  --header-compact-border-bottom-color: var(--c-border);
  --header-compact-block-branding-logo-max-width: 162px;
  --header-compact-logo-menu-gap: var(--space-double);
  --header-menu-main-link-color: var(--c-text);
  --header-menu-main-link-color-active: var(--c-highlight);
  --header-menu-main-link-font-size: var(--font-body);
  --header-menu-main-link-font-weight: normal;
  --header-menu-main-link-text-transform: none;
  --header-menu-main-link-text-decoration: none;
  --header-menu-main-link-text-decoration-active: none;
  --header-menu-main-link-padding: var(--space-half);
  --header-menu-main-link-horizontal-space: 0;
  --header-menu-main-link-vertical-space: var(--space-eighth);
  --header-menu-account-link-color: var(--c-text);
  --header-menu-account-link-color-active: var(--c-accent);
  --header-menu-account-link-font-size: 16px;
  --header-menu-account-link-font-weight: normal;
  --header-menu-account-link-text-transform: none;
  --header-menu-account-link-text-decoration: none;
  --header-menu-account-link-text-decoration-active: none;
  --header-menu-account-link-divider-width: 0;
  --header-menu-account-link-divider-color: transparent;
  --header-menu-account-link-padding: var(--space-half);
  --header-menu-account-link-horizontal-space: 0;
  --header-menu-account-link-vertical-space: var(--space-eighth);
  --header-menu-account-dropdown-bg-accordion: var(--c-background-alt);
  --header-menu-account-dropdown-shadow-mobile: calc(var(--space) * -1)
    calc(var(--space) * -1) 0 calc(var(--space-double) * -1)
    var(--header-menu-account-dropdown-bg-accordion);
  --header-menu-account-dropdown-border-top-width: 1px;
  --header-menu-account-dropdown-border-top-color: var(--c-border);

  /* 03-Organisms > Site > Header > Header Right Side Menu */
  --header-rs-menu-block-branding-height: auto;
  --header-rs-menu-padding-top-lrg: var(--space-double);
  --header-rs-menu-padding-bottom-lrg: var(--space-double);
  --header-rs-menu-padding-top-sml: var(--space);
  --header-rs-menu-padding-bottom-sml: var(--space);
  --header-rs-menu-border-bottom-width: 1px;
  --header-rs-menu-border-bottom-color: var(--c-border);
  --header-rs-menu-block-branding-logo-max-width: 162px;
  --header-rs-menu-block-branding-logo-margin-left: 0;
  --header-rs-menu-logo-menu-gap: var(--space-double);
  --header-menu-main-link-color: var(--c-text);
  --header-menu-main-link-color-active: var(--c-highlight);
  --header-menu-main-link-font-size: var(--font-body);
  --header-menu-main-link-font-weight: normal;
  --header-menu-main-link-text-transform: none;
  --header-menu-main-link-text-decoration: none;
  --header-menu-main-link-text-decoration-active: none;
  --header-menu-main-link-padding: var(--space-half);
  --header-menu-main-link-horizontal-space: 0;
  --header-menu-main-link-vertical-space: var(--space-eighth);
  --header-menu-account-margin-bottom: 20px;
  --header-menu-account-link-color: var(--c-text);
  --header-menu-account-link-color-active: var(--c-accent);
  --header-menu-account-link-font-size: var(--font-body);
  --header-menu-account-link-font-weight: normal;
  --header-menu-account-link-text-transform: none;
  --header-menu-account-link-text-decoration: none;
  --header-menu-account-link-text-decoration-active: none;
  --header-menu-account-link-divider-width: 0;
  --header-menu-account-link-divider-color: transparent;
  --header-menu-account-link-padding: var(--space-half);
  --header-menu-account-link-horizontal-space: 0;
  --header-menu-account-link-vertical-space: var(--space-eighth);

  /* 03-Organisms > Site > Header */
  --header-bg-color: transparent;
  --header-bg-border-top-width: 8px;
  --header-bg-border-top-color: var(--c-primary);
  --header-padding-top: var(--space-one-half);
  --header-padding-bottom: var(--space-one-half);
  --header-padding-top-sml: var(--space);
  --header-padding-bottom-sml: var(--space);

  /* 03-Organisms > Views */
  --view-header-filter-bg-enabled: false;
  --view-header-filter-bg-color: var(--c-background-light);
  --view-header-filter-margin-top: calc(--space-triple * -1);
  --view-header-filter-margin-top-lrg: calc(--space-quadruple * -1);
  --view-header-filter-margin-bottom: 0;
  --view-header-filter-margin-bottom-lrg: 0;
  --view-header-filter-padding-top: var(--space-triple);
  --view-header-filter-padding-top-lrg: var(--space-quadruple);
  --view-header-filter-padding-bottom: var(--space-triple);
  --view-header-filter-padding-bottom-lrg: var(--space-quadruple);

  /* 03-Organisms > Webform */
  --webform-flex-field-horizontal-spacing: var(--space-half);

  /* 03-Organisms > Webform > Document File */
  --webform-document-file-style: 'form-item';
  --webform-document-file-button-bg-color: var(--button-bg-color);
  --webform-document-file-button-bg-color-active: var(--button-bg-color-active);

  /* 03-Organisms > Webform > Form Actions */
  --webform-form-actions-align: space-between;

  /* 03-Organisms > Webform > Options Buttons */
  --webform-options-button-bg: transparent;
  --webform-options-button-bg-active: var(--c-primary);
  --webform-options-button-border-color: var(--c-border);
  --webform-options-button-border-color-active: var(--c-border);
  --webform-options-button-border-radius: 6px;
  --webform-options-button-text: var(--c-text);
  --webform-options-button-text-active: var(--c-text);
  --webform-options-button-font-size: var(--base-font-size);
  --webform-options-button-line-height: var(--base-line-height);
  --webform-options-button-padding: var(--space);
  --webform-options-button-spacing: var(--space);
  --webform-options-button-spacing-double: var(--space-double);
  --webform-options-buttons-count: 3;
  --webform-options-button-vertical-spacing: var(--space-half);

  /* 03-Organisms > Webform > Progress Tracker */
  --webform-progress-bg: var(--c-background);
  --webform-progress-bg: var(--c-background);
  --webform-progress-margin-top: var(--space-triple);
  --webform-progress-margin-bottom: var(--space-triple);
  --webform-progress-step-marker-color: var(--c-text);
  --webform-progress-step-marker-color-active: var(--c-accent);
  --webform-progress-step-marker-join-color: var(--c-border);
  --webform-progress-step-marker-text-color: var(--c-text);
  --webform-progress-step-marker-text-color-active: var(--c-primary);
  --webform-progress-step-marker-inside-text-color: var(--c-text);
  --webform-progress-step-marker-inside-text-color-active: var(
    --c-text-inverse
  );
  --webform-progress-step-marker-complete-bg-color: var(--c-primary);
  --webform-progress-step-marker-complete-text-color: var(--c-text-inverse);

  /* 03-Organisms > Webform > Scale */
  --webform-scale-margin-top: var(--base-spacing-unit);
  --webform-scale-medium-option-bg: var(--c-background-alt);
  --webform-scale-medium-option-bg-active: var(--c-background-alt);
  --webform-scale-medium-option-color: var(--c-text);
  --webform-scale-medium-option-border-width: 2px;
  --webform-scale-medium-option-border-color: var(--c-border);

  /* 04-Tempaltes > Login > Nice Login */
  --nice-login-margin-top: 0;
  --nice-login-margin-bottom: 0;
  --nice-login-padding-top: 0;
  --nice-login-padding-bottom: 0;
  --nice-login-border-width: 0;
  --nice-login-border-color: transparent;
  --nice-login-corners: 0;
  --nice-login-actions-margin-top: var(--space-triple);
  --nice-login-actions-margin-bottom: 0;

  /* 04-Tempaltes > Placeholder */
  --color-place-holder: var(--grey-light);

  /* 04-Tempaltes > Teaser Group */
  --teaser-group-footer-position: bottom;
  --teaser-group-margin-top: var(--space-double);
  --teaser-group-margin-bottom: var(--space-double);
  --teaser-group-margin-top-lrg: var(--space-triple);
  --teaser-group-margin-bottom-lrg: var(--space-triple);
  --teaser-group-heading-margin-top: 0;
  --teaser-group-heading-margin-bottom: var(--space-double);
  --teaser-group-link-type: button;
  --teaser-group-card-button-color: var(--c-accent);
  --teaser-group-card-button-color-active: var(--c-secondary);

  /* 04-Tempaltes > Views View Table */
  --views-view-table-header-bg: var(--c-background-dark);
  --views-view-table-header-color: var(--c-text-inverse);
  --views-view-table-row-even-bg: var(--c-background-alt);
  --views-view-table-cellpadding: var(--space-half);
  --views-view-table-text-align: left;

  /* 04-Tempaltes > Default / Layout */
  --page-layout-with-left-sidebar-template-columns: 2fr 6fr;
  --page-layout-with-left-and-right-sidebar-template-columns: 2fr 4fr 2fr;
  --page-layout-with-sidebars-gap: 32px;

  --layout-section-bg-light: var(--c-background-light);
  --layout-section-bg-dark: var(--c-background-dark);
  --layout-section-y-padding: var(--space-triple);
  --layout-section-y-padding: var(--space-quadruple);
  --layout-section-gap: var(--space-triple);
  --layout-section-wide-gap: calc(var(--space) * 8);
  --layout-section-narrow-gap: var(--space-double);

  /* 05-Pages > Dashboard > View */
  --views-view-dashboard-table-header-text-align: center;
  --views-view-dashboard-table-text-align: center;
}

[data-theme='dark'] {
  --c-text: var(--c-grey);
  --c-text-inverse: var(--c-brand-primary-dark);
  --c-text-grey: var(--c-grey-dark);
  --c-background: var(--c-grey-darker);
  --c-background-light: var(--c-grey-light);
  --c-background-alt: var(--c-grey-dark);
  --c-background-dark: var(--c-grey-darker);
  --c-primary: var(--c-brand-primary-dark);
  --c-secondary: var(--c-brand-secondary-dark);
  --c-accent: var(--c-brand-accent-dark);
  --c-highlight: var(--c-brand-highlight-dark);
  --c-border: var(--c-grey-darker);
  --c-border-light: var(--c-grey-dark);
  --c-muted: var(--c-grey-light);
  --c-warning: var(--c-yellow-light);
  --c-error: var(--c-red-light);
  --c-message: var(--c-green-light);
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
  :root {
    --c-text: var(--c-grey);
    --c-text-inverse: var(--c-brand-primary-dark);
    --c-text-grey: var(--c-grey-dark);
    --c-background: var(--c-grey-darker);
    --c-background-light: var(--c-grey-light);
    --c-background-alt: var(--c-grey-dark);
    --c-background-dark: var(--c-grey-darker);
    --c-primary: var(--c-brand-primary-dark);
    --c-secondary: var(--c-brand-secondary-dark);
    --c-accent: var(--c-brand-accent-dark);
    --c-highlight: var(--c-brand-highlight-dark);
    --c-border: var(--c-grey-darker);
    --c-border-light: var(--c-grey-dark);
    --c-muted: var(--c-grey-light);
    --c-warning: var(--c-yellow-light);
    --c-error: var(--c-red-light);
    --c-message: var(--c-green-light);
  }
}