/**
* Scoped to the root of the document and all its descendant elements.
* Add this to the Header markup in Experience builder>Settings>Advanced>Edit Header: 
* <link rel="stylesheet" href="/sfsites/c/resource/WebtrialExperienceStyles" />
*/
:root {
  /** Background and Component Colors **/
  --dxp-g-root: #FFFFFF; /* Background White */
  --dxp-g-root-1: #E8E8E8; /* SGB - Light Grey */
  --dxp-g-root-2: #F2F2F2; /* SGB Light Grey (Fill) */
  --dxp-g-root-3: #219CDC; /* SGB Light Blue */
  --dxp-g-root-4: #06183A; /* SGB - Dark Blue */
  --dxp-g-root-5: #0E4E95; /* SGB Blue */
  --dxp-g-root-6: #E5531A; /* SGB Orange */
  --dxp-g-root-7: #0086DC; /* making a big difference */
  --dxp-g-root-8: #67B9B0; /* SGB Green*/
  --dxp-g-root-9: #0000001A; /* Black 10%*/
  --dxp-g-root-10: #00000000; /* Black 0%* */

  /** Text Colors **/
  --dxp-g-root-contrast: #06183A; /* SGB - Dark Blue */
  --dxp-g-root-contrast-1: #132C51; /* Text Color */
  --dxp-g-root-contrast-2: #0086DC; /* making a big difference */
  --dxp-g-root-contrast-3: #E5531A; /* SGB Orange */
  --dxp-g-root-contrast-4: #FFFFFF; /* White */
  --dxp-g-root-contrast-5: #0E4E95; /* SGB Blue */
  --dxp-g-root-contrast-6: #219CDC; /* SGB Light Blue */
  --dxp-g-root-contrast-7: #414141; /* SGB Dark Grey */
  --dxp-g-root-contrast-8: #1D4289; /* Blue */
  --dxp-g-root-contrast-9: #000000; /* Black */
  --dxp-g-root-contrast-10: #F1F3F7; /* SGB - Blue Fill */

  --dxp-g-brand: #67B9B0; /* SGB Green*/
  --dxp-g-brand-1: #E5531A; /* SGB Orange */
  --dxp-g-brand-2: #0E4E95; /* SGB Blue */
  --dxp-g-brand-3:  #219CDC; /* SGB Light Blue */


  --dxp-g-brand-contrast: #fff;

  --dxp-g-neutral: #0E4E95; /* SGB Blue */
  --dxp-g-neutral-contrast: #fff;
  --dxp-g-footer-contrast: #fff; /* White Footer Text */
  /** set the font for all root/body text **/
  --dxp-g-root-font-family: "Roboto",Roboto;
  /** set the font for headings **/
  --dxp-g-heading-font-family: "Roboto",Roboto;
  

  /** Set the link color **/
  --dxp-c-link-text-color: var(--dxp-g-root-contrast-5, #0E4E95); /* SGB Blue, Link */
  --dxp-c-link-text-color-focus: var(--dxp-g-root-contrast-6, #219CDC); /* SGB Blue, Link */
  --dxp-c-link-text-color-hover: var(--dxp-g-root-contrast-6, #219CDC); /* SGB Blue, Link */

  /** Font for buttons **/
  --dxp-s-button-font-family: Roboto;

  --dxp-c-anchor-text-color: #FFF;
  
  --sds-c-button-radius-border: 0;
  
  /** Template Sytyle **/
  --dxp-c-section-content-spacing-block-start: 21px;
  --dxp-c-section-content-spacing-inline-end: 0;
  --dxp-c-section-content-spacing-block-end: 21px;
  --dxp-c-section-content-spacing-inline-start: 0;
  --dxp-c-section-columns-max-width: none;

  --dxp-c-section-content-spacing-block-start-mobile: 7px;
  --dxp-c-section-content-spacing-inline-end-mobile: 0;
  --dxp-c-section-content-spacing-block-end-mobile: 7px;
  --dxp-c-section-content-spacing-inline-start-mobile: 0;
  --dxp-c-section-columns-max-width-mobile: none;
 

--dxp-s-section-columns-max-width: none;
--dxp-s-header-content-max-width: none;
--dxp-s-footer-content-max-width: none;
--dxp-s-component-wrapper-spacer-size: none;
--dxp-s-column-spacer-size:0;

--dxp-s-header-content-max-width-mobile: none;
--dxp-s-section-content-max-width-mobile: none;
--dxp-s-footer-content-max-width-mobile: none;
--dxp-s-component-wrapper-spacer-size-mobile: none;
--dxp-s-column-spacer-size-mobile:0;

  /** Standard Headings **/
--dxp-s-text-heading-extra-large-font-size: 40px;
--dxp-s-text-heading-extra-large-font-style: normal;
--dxp-s-text-heading-extra-large-font-weight: 400;
--dxp-s-text-heading-extra-large-letter-spacing: 1px;
--dxp-s-text-heading-extra-large-line-height: 44px;

--dxp-s-text-heading-large-font-size: 32px;
--dxp-s-text-heading-large-font-style: normal;
--dxp-s-text-heading-large-font-weight: 300;
--dxp-s-text-heading-large-letter-spacing: 1px;
--dxp-s-text-heading-large-line-height: 56px;

--dxp-s-text-heading-medium-font-size: 28px;
--dxp-s-text-heading-medium-font-style: normal;
--dxp-s-text-heading-medium-font-weight: 500;
--dxp-s-text-heading-medium-letter-spacing: 1px;
--dxp-s-text-heading-medium-line-height: 34px;

--dxp-s-text-heading-small-font-size: 18px;
--dxp-s-text-heading-small-font-style: normal;
--dxp-s-text-heading-small-font-weight: 500;
--dxp-s-text-heading-small-letter-spacing: 0.03em;
--dxp-s-text-heading-small-line-height: 25px;

  /** Standard Text **/
  --dxp-s-text-body-regular-font-size: 16px;
  --dxp-s-text-body-regular-font-style: normal;
  --dxp-s-text-body-regular-font-weight: 400;
  --dxp-s-text-body-regular-line-height: 24px;

  --dxp-s-text-body-small-font-size: 13px;
  --dxp-s-text-body-small-font-style: normal;
  --dxp-s-text-body-small-font-weight: 400;
  --dxp-s-text-body-small-line-height: 16px;

}