/**
 *
 * CoreUI
 * 
 * Supporting CSS for CoreUI components
 * 
**/

/**
 * Font Import(s)
 *
 * Inter is the default font of CoreUI
**/

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

:root {
  /* Icons referenced via {ICON_NAME} */
  --dcore-svg-sprite-sheet: /sfsites/c/resource/coreui/icons/symbols.svg;
  /* Icons referenced via lib:{ICON_NAME} */
  --dcore-svg-sprite-sheet-lib: /sfsites/c/resource/coreui/icons/symbols-lib.svg;
  /* Icons referenced via sf:{ICON_NAME} */
  --dcore-svg-sprite-sheet-sf: /sfsites/c/resource/coreui/icons/symbols-sf.svg;
  /* Icons referenced via fc:{ICON_NAME} */
  --dcore-svg-sprite-sheet-fc: /sfsites/c/resource/lhcHelpCentre/icons/symbols-fc.svg;

  /* SLDS SVG Icons
  --dcore-svg-sprite-sheet-utility: /_slds/icons/utility-sprite/svg/symbols.svg;
  --dcore-svg-sprite-sheet-action: /_slds/icons/action-sprite/svg/symbols.svg;
  --dcore-svg-sprite-sheet-standard: /_slds/icons/standard-sprite/svg/symbols.svg;
  --dcore-svg-sprite-sheet-doctype: /_slds/icons/doctype-sprite/svg/symbols.svg;
  --dcore-svg-sprite-sheet-custom: /_slds/icons/custom-sprite/svg/symbols.svg; */
}

@font-face { font-family: 'World360'; font-weight: 300; src: url('fonts/World360-Light.woff') format('woff'); } 
@font-face { font-family: 'World360'; font-weight: 300; src: url('fonts/World360-LightItalic.woff') format('woff'); font-style: italic; }
@font-face { font-family: 'World360'; font-weight: 400; src: url('fonts/World360-Regular.woff') format('woff'); }
@font-face { font-family: 'World360'; font-weight: 400; src: url('fonts/World360-RegularItalic.woff') format('woff'); font-style: italic; }
@font-face { font-family: 'World360'; font-weight: 500; src: url('fonts/World360-Medium.woff') format('woff'); }
@font-face { font-family: 'World360'; font-weight: 700; src: url('fonts/World360-Bold.woff') format('woff'); }

/** Resets **/

*,
*::before,
*::after {
  border: 0;
  box-sizing: border-box;
  font: inherit;
  margin: 0;
  padding: 0;
}
html {
  line-height: 1;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  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);
}

/* Structure */

.main-wrapper {
  margin: 0 auto;
  max-width: 1260px;
  padding: 0 15px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .main-wrapper {
    padding: 0 30px;
  }
}

/**
 * Typography
 *
 * Additional typography focused classes seperates style from semantics
**/

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  color: var(--dcore-theme-accent-default);
}

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);
  }

}
hr {
  border: 0;
  border-top: 1px solid var(--dcore-colors-grey-200);
  margin: 16px 0;
}
strong {
  font-weight: 700;
}

/* chatbot */
.embeddedMessagingConversationButtonWrapper{
  border: 2px solid white;
}
.embeddedMessagingConversationButton{
  background-color: blue;
}

/* Overrides */

:root {
  --dcore-typography-heading-1-l-xl-font-size: var(--dcore-font-size-5xl);

  /* [c-coreUiTabset_coreUiTabset-host] { */
  --dcore-tab-max-width: 430px;

  /* input labels */
  --dcore-input-default-label-font-size: 16px;
  --dcore-input-combobox-gap: 8px;
  --dcore-input-textarea-default-label-font-weight: 400;

  /* badges */
  --dcore-badge-outline-info-background-color: transparent;
  --dcore-badge-outline-info-text-color: var(--dcore-theme-accent-default);
  --dcore-badge-outline-info-icon-color: var(--dcore-theme-accent-default);

  /* c-core-ui-accordion[c-coreUiAccordion_coreUiAccordion-host] { */
  --dcore-accordion-transparent-large-heading-horizontal-padding: 0;
  --dcore-accordion-transparent-small-heading-horizontal-padding: 0;
  --dcore-accordion-transparent-large-heading-vertical-padding: 0;

  /* c-core-ui-accordion-section[c-coreUiAccordionSection_coreUiAccordionSection-host] { */
  --dcore-accordion-default-border-radius: 0;
  --dcore-accordion-default-label-gap: 0;
  --dcore-accordion-default-content-horizontal-padding: 5px;
  --dcore-accordion-large-label-font-weight: 500;
  
  /* button[c-coreUiAccordionSection_coreUiAccordionSection] { */
  --dcore-accordion-default-large-label-vertical-padding: var(--dcore-spacing-xl);
  
  /* c-core-ui-input[c-coreUiInput_coreUiInput-host] { */
  --dcore-input-field-vertical-padding: 18px;
  
  /* c-core-ui-input-combobox[c-coreUiInputCombobox_coreUiInputCombobox-host] { */
  --dcore-input-combobox-input-vertical-padding: 18px;

}

c-core-ui-tabset .tabset[c-coreUiTabset_coreUiTabset] {
  gap: 48px;
}
c-core-ui-tabset .responsive.tabset:has([aria-orientation='vertical'])[c-coreUiTabset_coreUiTabset] {
  overflow-x: unset;
}
c-core-ui-tabset .tabs-container:has([aria-orientation='vertical'])[c-coreUiTabset_coreUiTabset] {
  padding: 24px;
  box-shadow: 0 4px 12px -1px #0E0E0E0D, 0 -1px 2px 0 #0E0E0E0D;
  background: white;
  border: 1px solid #FFFFFF;
  border-radius: 12px;
  height: fit-content;
  top: 20px;
  box-shadow: var(--dcore-card-elevated-default-box-shadow);
  border-color: var(--dcore-card-elevated-default-border-color-top) var(--dcore-card-elevated-default-border-color-bottom) var(--dcore-card-elevated-default-border-color-right) var(--dcore-card-elevated-default-border-color-left);
}
}
@media screen and (min-width: 768px) {
  c-core-ui-tabset .tabs-container:has([aria-orientation='vertical'])[c-coreUiTabset_coreUiTabset] {
    position: sticky;
  }
  
}
c-core-ui-tab-button[c-coreUiTabButton_coreUiTabButton-host] {
  text-align: left;
}

c-core-ui-accordion .title[c-coreUiAccordion_coreUiAccordion] {
  margin-bottom: 40px;
}