body {
  --color-black: #1f1f1f;
  --color-white: #ffffff;
  --color-primary-purple: #2D053C;
  --color-primary-offWhite: #F0EFFF;

  --color-secondary-red: #FF324B;

  --color-tertiary-green: #32FF64;
  --color-tertiary-yellow: #C8FF0A;
  --color-tertiary-lightBlue: #00FFFF;
  --color-tertiary-darkBlue: #2E54FF;

  --color-tint-purple: #3E134E;
  --color-tint-offWhite: #F7F7FF;
}

body {
  font-size: 16px;
  line-height: 16px;  
}

/* Graphik Compact Regular */
@font-face {
  font-display: swap;
  font-family: 'Graphik Compact';
  font-style: normal;
  font-weight: 400;
  src: url("/sfsites/c/resource/GraphikCompactFont/graphikCompact/GraphikCompact-Regular-Web.woff2") format('woff2'),
    url("/sfsites/c/resource/GraphikCompactFont/graphikCompact/GraphikCompact-Regular-Web.woff") format('woff');
}
  
/* Graphik Compact Medium */
@font-face {
  font-display: swap;
  font-family: 'Graphik Compact';
  font-style: normal;
  font-weight: 500;
  src: url("/sfsites/c/resource/GraphikCompactFont/graphikCompact/GraphikCompact-Medium-Web.woff2") format('woff2'),
    url("/sfsites/c/resource/GraphikCompactFont/graphikCompact/GraphikCompact-Medium-Web.woff") format('woff');
}
/* Graphik Compact Italic */
@font-face {
  font-display: swap;
  font-family: 'Graphik Compact';
  font-style: italic;
  font-weight: 500;
  src: url("/sfsites/c/resource/GraphikCompactFont/graphikCompact/GraphikCompact-MediumItalic-Web.woff2") format('woff2'),
    url("/sfsites/c/resource/GraphikCompactFont/graphikCompact/GraphikCompact-MediumItalic-Web.woff") format('woff');
}
/* Graphik Compact SemiBold */
@font-face {
  font-display: swap;
  font-family: 'Graphik Compact';
  font-style: normal;
  font-weight: 600;
  src: url("/sfsites/c/resource/GraphikCompactFont/graphikCompact/GraphikCompact-Semibold-Web.woff2") format('woff2'),
    url("/sfsites/c/resource/GraphikCompactFont/graphikCompact/GraphikCompact-Semibold-Web.woff") format('woff');
}

:root {
  --headerHeight: clamp(11.88rem, 11.23rem + 1vw, 12.44rem);
  --stickyHeaderHeight: 105px;

  --dxp-style-c-padding-top: 80px;
  --dxp-style-c-padding-bottom: 80px;

  --dxp-s-section-columns-max-width: 1415px;
  --dxp-c-l-component-spacer-size: 1.5rem;
}

.columns-content {
  column-gap:6px;
}

.site-wide {
  --sitePadding: clamp(1.13rem, 0.88rem + 0.52vw, 1.5rem);
  --siteWidth: 1700px;
  --gutterWidth: clamp(1rem, 0.5rem + 1.04vw, 1.75rem);
  margin: 0px auto;
  max-width: calc(var(--siteWidth) + (var(--sitePadding)* 2));
  padding: 0 var(--sitePadding);
  width: 100%;
}

.focus-anchor {
  border: none;
  outline: none;
  padding: 0px;
  background: none;
  border-radius: 0px;
  height: 0px;
  width: 0px;
}

/* Accordion styles */

.slds-accordion__section {
  --slds-c-accordion-summary-color-background: #F7F7FF;
  background-color: var(--slds-c-accordion-summary-color-background, pink)
}

/*
.content-container {
  padding-top: 12.5rem;

  @media (max-width: 1023px) {
    padding-top: 7.5rem;
  }
}*/


.comm-login-form {
  .slds-form-element .slds-form-element__label,
  .comm-login-form__link-section a {
    font-family: "Graphik Compact", sans-serif;
  }  

  .comm-login-form__login-button:hover {
    background: #2D053C !important;
  }
}