/* Barlow Condensed font */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Inter font */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100..900;1,100..900&display=swap');

:root {

  /* Container width */
  --asf-theme-container-xxs: 310px;
  --asf-theme-container-xs: 456px;
  --asf-theme-container-sm: 640px;
  --asf-theme-container-md: 1024px;
  --asf-theme-container-lg: 1200px;
  --asf-theme-container-xl: 1440px;

  /* Spacing */
  --asf-theme-spacing-base : var(--dcore-spacing-base, 4px); /* 4px */
  --asf-theme-spacing-xxs: var(--dcore-spacing-xxs, 2px); /* 2px */
  --asf-theme-spacing-xs: var(--asf-theme-spacing-base, 4px); /* 4px */
  --asf-theme-spacing-sm: var(--dcore-spacing-sm, 8px); /* 8px */
  --asf-theme-spacing-md : var(--dcore-spacing-md, 12px); /* 12px */
  --asf-theme-spacing-lg : var(--dcore-spacing-lg, 16px); /* 16px */
  --asf-theme-spacing-xl : var(--dcore-spacing-xl, 20px); /* 20px */
  --asf-theme-spacing-2xl : var(--dcore-spacing-2xl, 24px); /* 24px */
  --asf-theme-spacing-3xl : var(--dcore-spacing-3xl, 32px); /* 32px */
  --asf-theme-spacing-4xl : calc(var(--asf-theme-spacing-3xl) + var(--dcore-spacing-base) * 2); /* 40px */
  --asf-theme-spacing-5xl : calc(var(--asf-theme-spacing-4xl) + var(--dcore-spacing-base) * 2); /* 48px */
  --asf-theme-spacing-6xl : calc(var(--asf-theme-spacing-5xl) + var(--dcore-spacing-sm) * 2); /* 64px */

  /* Font Weight */
  --asf-theme-font-regular: 400;
  --asf-theme-font-medium: 500;
  --asf-theme-font-semibold: 600;
  --asf-theme-font-bold: 700;
}

html {
  box-sizing: border-box;
  font-size: 100%;
  overflow-x: hidden;
}

body {
  margin: 0;
  background-color: var(--dcore-colors-grey-100);
  width: 100%;
  overflow-x: hidden;
  color: var(--dcore-colors-black);
}

button {
  cursor: pointer;
}

hr {
  margin-top: var(--asf-theme-spacing-2xl);
  margin-bottom: var(--asf-theme-spacing-5xl);
  border-style: solid;
  border-color: #dedede;
}

.liner {
  max-width: var(--asf-theme-container-xl);
  margin: auto;
}

/* LWR Fixes */
/* remove extra padding that section/container components have in LWR */
community_layout-section.comm-section-container {
  padding: 0 !important;
}

/* remove extra margin that wrapper components have in LWR */
webruntimedesign-design-component
  webruntimedesign-component-wrapper.component-wrapper-spacer {
  margin: 0 !important;
}

/* span colums to be 100% width */
.comm-section-container .columns-content {
  max-width: 100% !important;
}

.component-wrapper-spacer {
  --dxp-c-component-wrapper-spacer-size: 0;
}

/* Typography */

h1, .h1 {
  font-family: var(--dcore-typography-heading-1-s-m-font-family);
  font-size: var(--dcore-typography-heading-1-s-m-font-size);
  font-weight: var(--dcore-typography-heading-1-s-m-font-weight);
  letter-spacing: var(--dcore-typography-heading-1-s-m-letter-spacing);
  line-height: var(--dcore-typography-heading-1-s-m-line-height);
  text-decoration: var(--dcore-typography-heading-1-s-m-text-decoration);
  text-transform: var(--dcore-typography-heading-1-s-m-text-case);
}
h2, .h2 {
  font-family: var(--dcore-typography-heading-2-s-m-font-family);
  font-size: var(--dcore-typography-heading-2-s-m-font-size);
  font-weight: var(--dcore-typography-heading-2-s-m-font-weight);
  letter-spacing: var(--dcore-typography-heading-2-s-m-letter-spacing);
  line-height: var(--dcore-typography-heading-2-s-m-line-height);
  text-decoration: var(--dcore-typography-heading-2-s-m-text-decoration);
  text-transform: var(--dcore-typography-heading-2-s-m-text-case);
}
h3, .h3 {
  font-family: var(--dcore-typography-heading-3-s-m-font-family);
  font-size: var(--dcore-typography-heading-3-s-m-font-size);
  font-weight: var(--dcore-typography-heading-3-s-m-font-weight);
  letter-spacing: var(--dcore-typography-heading-3-s-m-letter-spacing);
  line-height: var(--dcore-typography-heading-3-s-m-line-height);
  text-decoration: var(--dcore-typography-heading-3-s-m-text-decoration);
  text-transform: var(--dcore-typography-heading-3-s-m-text-case);
}
h4, .h4 {
  font-family: var(--dcore-typography-heading-4-s-m-font-family);
  font-size: var(--dcore-typography-heading-4-s-m-font-size);
  font-weight: var(--dcore-typography-heading-4-s-m-font-weight);
  letter-spacing: var(--dcore-typography-heading-4-s-m-letter-spacing);
  line-height: var(--dcore-typography-heading-4-s-m-line-height);
  text-decoration: var(--dcore-typography-heading-4-s-m-text-decoration);
  text-transform: var(--dcore-typography-heading-4-s-m-text-case);
}
h5, .h5 {
  font-family: var(--dcore-typography-heading-5-all-sizes-font-family);
  font-size: var(--dcore-typography-heading-5-all-sizes-font-size);
  font-weight: var(--dcore-typography-heading-5-all-sizes-font-weight);
  letter-spacing: var(--dcore-typography-heading-5-all-sizes-letter-spacing);
  line-height: var(--dcore-typography-heading-5-all-sizes-line-height);
  text-decoration: var(--dcore-typography-heading-5-all-sizes-text-decoration);
  text-transform: var(--dcore-typography-heading-5-all-sizes-text-case);
}
h6, .h6 {
  font-family: var(--dcore-typography-heading-6-all-sizes-font-family);
  font-size: var(--dcore-typography-heading-6-all-sizes-font-size);
  font-weight: var(--dcore-typography-heading-6-all-sizes-font-weight);
  letter-spacing: var(--dcore-typography-heading-6-all-sizes-letter-spacing);
  line-height: var(--dcore-typography-heading-6-all-sizes-line-height);
  text-decoration: var(--dcore-typography-heading-6-all-sizes-text-decoration);
  text-transform: var(--dcore-typography-heading-6-all-sizes-text-case);
}
p.large {
  font-family: var(--dcore-typography-body-large-default-font-family);
  font-size: var(--dcore-typography-body-large-default-font-size);
  font-weight: var(--dcore-typography-body-large-default-font-weight);
  letter-spacing: var(--dcore-typography-body-large-default-letter-spacing);
  line-height: var(--dcore-typography-body-large-default-line-height);
  text-decoration: var(--dcore-typography-body-large-default-text-decoration);
  text-transform: var(--dcore-typography-body-large-default-text-case);
}
p, p.medium, ul li, ol li {
  font-family: var(--dcore-typography-body-medium-default-font-family);
  font-size: var(--dcore-typography-body-medium-default-font-size);
  font-weight: var(--dcore-typography-body-medium-default-font-weight);
  letter-spacing: var(--dcore-typography-body-medium-default-letter-spacing);
  line-height: var(--dcore-typography-body-medium-default-line-height);
  text-decoration: var(--dcore-typography-body-medium-default-text-decoration);
  text-transform: var(--dcore-typography-body-medium-default-text-case);
}
ul, ol {
  list-style-position: inside;
}
p.small {
  font-family: var(--dcore-typography-body-small-default-font-family);
  font-size: var(--dcore-typography-body-small-default-font-size);
  font-weight: var(--dcore-typography-body-small-default-font-weight);
  letter-spacing: var(--dcore-typography-body-small-default-letter-spacing);
  line-height: var(--dcore-typography-body-small-default-line-height);
  text-decoration: var(--dcore-typography-body-small-default-text-decoration);
  text-transform: var(--dcore-typography-body-small-default-text-case);
}
label.small, .label.small {
  font-family: var(--dcore-typography-label-small-font-family);
  font-size: var(--dcore-typography-label-small-font-size);
  font-weight: var(--dcore-typography-label-small-font-weight);
  letter-spacing: var(--dcore-typography-label-small-letter-spacing);
  line-height: var(--dcore-typography-label-small-line-height);
  text-decoration: var(--dcore-typography-label-small-text-decoration);
  text-transform: var(--dcore-typography-label-small-text-case);
}
label.large, .label.large {
  font-family: var(--dcore-typography-label-large-font-family);
  font-size: var(--dcore-typography-label-large-font-size);
  font-weight: var(--dcore-typography-label-large-font-weight);
  letter-spacing: var(--dcore-typography-label-large-letter-spacing);
  line-height: var(--dcore-typography-label-large-line-height);
  text-decoration: var(--dcore-typography-label-large-text-decoration);
  text-transform: var(--dcore-typography-label-large-text-case);
}

@media only screen and (min-width: 768px) {
  h1, .h1 {
    font-family: var(--dcore-typography-heading-1-l-xl-font-family);
    font-size: var(--dcore-typography-heading-1-l-xl-font-size);
    font-weight: var(--dcore-typography-heading-1-l-xl-font-weight);
    letter-spacing: var(--dcore-typography-heading-1-l-xl-letter-spacing);
    line-height: var(--dcore-typography-heading-1-l-xl-line-height);
    text-decoration: var(--dcore-typography-heading-1-l-xl-text-decoration);
    text-transform: var(--dcore-typography-heading-1-l-xl-text-case);
  }
  h2, .h2 {
    font-family: var(--dcore-typography-heading-2-l-xl-font-family);
    font-size: var(--dcore-typography-heading-2-l-xl-font-size);
    font-weight: var(--dcore-typography-heading-2-l-xl-font-weight);
    letter-spacing: var(--dcore-typography-heading-2-l-xl-letter-spacing);
    line-height: var(--dcore-typography-heading-2-l-xl-line-height);
    text-decoration: var(--dcore-typography-heading-2-l-xl-text-decoration);
    text-transform: var(--dcore-typography-heading-2-l-xl-text-case);
  }
  h3, .h3 {
    font-family: var(--dcore-typography-heading-3-l-xl-font-family);
    font-size: var(--dcore-typography-heading-3-l-xl-font-size);
    font-weight: var(--dcore-typography-heading-3-l-xl-font-weight);
    letter-spacing: var(--dcore-typography-heading-3-l-xl-letter-spacing);
    line-height: var(--dcore-typography-heading-3-l-xl-line-height);
    text-decoration: var(--dcore-typography-heading-3-l-xl-text-decoration);
    text-transform: var(--dcore-typography-heading-3-l-xl-text-case);
  }
  h4, .h4 {
    font-family: var(--dcore-typography-heading-4-l-xl-font-family);
    font-size: var(--dcore-typography-heading-4-l-xl-font-size);
    font-weight: var(--dcore-typography-heading-4-l-xl-font-weight);
    letter-spacing: var(--dcore-typography-heading-4-l-xl-letter-spacing);
    line-height: var(--dcore-typography-heading-4-l-xl-line-height);
    text-decoration: var(--dcore-typography-heading-4-l-xl-text-decoration);
    text-transform: var(--dcore-typography-heading-4-l-xl-text-case);
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.no-margin {
  margin: 0;
}

.page_title {
  margin-bottom: var(--asf-theme-spacing-sm);
}

.page_subtitle {
  color: var(--dcore-theme-fg-muted);
  margin: 0;
  margin-bottom: var(--asf-theme-spacing-2xl);
}

c-core-ui-table .nodata {  
  margin-left: -1px;
  margin-right: 1px;
}
c-core-ui-table .nodata p {
  text-align: center;
  background: var(--dcore-theme-bg-subtle);
  margin: 0;
  padding: var(--asf-theme-spacing-2xl);
}

.controls-wrapper c-core-ui-input-select {
  margin-left: auto;
}