/**
* 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:  #000000; /* Background Black */
  --dxp-g-root-1: #FFFFFF; /* Background White */ 
  --dxp-g-root-2: #0E4E95; /* SGB Blue */
  --dxp-g-root-3: #E5531A; /* SGB Orange */ 
  --dxp-g-root-4: #67B9B0; /* SGB Green*/



    /** Text Colors **/
    --dxp-g-root-contrast: #0E4E95; /* SGB Blue */
    --dxp-g-root-contrast-1: #132C51; /* SGB Light Blue */
    --dxp-g-root-contrast-2: #06183A; /* SGB - Dark Blue */
    --dxp-g-root-contrast-3: #219CDC; /* SGB Light Blue */
    --dxp-g-root-contrast-4: #132C51; /* Text Color */
    --dxp-g-root-contrast-5: #0E4E95; /* SGB Blue */
    --dxp-g-root-contrast-6: #FFFFFF; /* Black */
    --dxp-g-root-contrast-7: #E5531A; /* SGB Orange */
    --dxp-g-root-contrast-8: #1D4289; /* Blue */
    --dxp-g-root-contrast-9: #414141;

  --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-4:  #219CDC; /* SGB Light Blue */
  --dxp-g-brand-5:  rgba(103,185,176,0.7); /* SGB Green 70% */
  --dxp-g-brand-6:  rgba(14,78,149,0.7); /* SGB Blue 70%*/



  --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-3, #219CDC); /* SGB Blue, Link */
  --dxp-c-link-text-color-hover: var(--dxp-g-root-contrast-3, #219CDC); /* SGB Blue, Link */

   /** Font for buttons **/
   --dxp-s-button-font-family: Roboto;
   --dxp-c-anchor-text-color: #FFFFFF;
   --sds-c-button-radius-border: 0;
   
   /** Template Sytyle **/
   --dxp-c-section-content-spacing-block-start: 0;
   --dxp-c-section-content-spacing-inline-end: 0;
   --dxp-c-section-content-spacing-block-end: 0;
   --dxp-c-section-content-spacing-inline-start: 0;
   --dxp-c-section-columns-max-width: none;
 
   --dxp-c-section-content-spacing-block-start-mobile: 0;
   --dxp-c-section-content-spacing-inline-end-mobile: 0;
   --dxp-c-section-content-spacing-block-end-mobile: 0;
   --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;
 
 /** Custom Styles **/
   --text-gradient: #F2F2F2;
 

}