:root {

    /**************************
           General
    ***************************/


    /**************************
           Typography
    ***************************/

     /* Font Sizes 1rem = 16px*/
    /* --dxp-g-font-size-1: 0.625rem;
    --dxp-g-font-size-2: 0.75rem;
    --dxp-g-font-size-3: 0.8125rem;
    --dxp-g-font-size-4: 0.875rem;
    --dxp-g-font-size-5: 1rem;
    --dxp-g-font-size-6: 1.125rem;
    --dxp-g-font-size-7: 1.25rem;
    --dxp-g-font-size-8: 1.5rem;
    --dxp-g-font-size-9: 1.75rem;
    --dxp-g-font-size-10: 2rem;
    --dxp-g-font-size-11: 2.625rem; */

    /* Body Text Small (Paragraph 2) */
    --dxp-s-body-small-font-weight: var(--font-weight-normal);
    --dxp-s-body-small-font-size: .875rem;
    --dxp-s-body-small-font-style: normal;
    --dxp-s-body-small-text-decoration: none;
    --dxp-s-body-small-text-transform: none; /* 'none' to respect label translations*/
    --dxp-s-body-small-text-shadow: none;
    --dxp-s-body-small-line-height: 1.5;
    --dxp-s-body-small-letter-spacing: .42px;
    --dxp-s-body-small-text-color: var(--mk-heading-color);

    /* 
    * Heading 1
    * class: dxp-text-heading-xlarge
    */
    --dxp-s-text-heading-extra-large-font-size: 2.25rem;
    --dxp-s-text-heading-extra-large-line-height: 120%;
    --dxp-s-text-heading-extra-large-letter-spacing: 1.08px;
    --dxp-s-text-heading-extra-large-font-family: var(--dxp-g-heading-font-family);
    --dxp-s-text-heading-extra-large-font-weight: var(--font-weight-normal);
    --dxp-s-text-heading-extra-large-font-style: normal;
    --dxp-s-text-heading-extra-large-text-decoration: none;
    --dxp-s-text-heading-extra-large-text-transform: none; /*'none' to respect label translations*/
    --dxp-s-text-heading-extra-large-text-shadow: none;
    --dxp-s-text-heading-extra-large-color:  var(--mk-heading-color); 

    /* 
    * Heading 2
    * class: .dxp-text-heading-large,.slds-text-heading--large,.slds-text-heading_large
    */
    --dxp-s-text-heading-large-font-size: 2rem;
    --dxp-s-text-heading-large-line-height: 120%;
    --dxp-s-text-heading-large-letter-spacing: .96px;
    --dxp-s-text-heading-large-font-family: var(--dxp-g-heading-font-family);
    --dxp-s-text-heading-large-font-weight: var(--font-weight-normal);
    --dxp-s-text-heading-large-font-style: normal;
    --dxp-s-text-heading-large-text-decoration: none;
    --dxp-s-text-heading-large-text-transform: none; /*'none' to respect label translations*/
    --dxp-s-text-heading-large-text-shadow: none;
    --dxp-s-text-heading-large-color: var(--mk-heading-color);

    /* 
    * Heading 3
    * class: .dxp-text-heading-medium,.slds-text-heading--medium,.slds-text-heading_medium
    */
    --dxp-s-text-heading-medium-font-size: 1.75rem;
    --dxp-s-text-heading-medium-line-height: 120%;
    --dxp-s-text-heading-medium-letter-spacing: .84px;
    --dxp-s-text-heading-medium-font-family: var(--dxp-g-heading-font-family);
    --dxp-s-text-heading-medium-font-weight: var(--font-weight-normal);
    --dxp-s-text-heading-medium-font-style: normal;
    --dxp-s-text-heading-medium-text-decoration: none;
    --dxp-s-text-heading-medium-text-transform: none; /*'none' to respect label translations*/
    --dxp-s-text-heading-medium-text-shadow: none;
    --dxp-s-text-heading-medium-color:  var(--mk-heading-color); 

    /* 
    * Heading 4
    * class: .dxp-text-heading-small,.slds-text-heading--small,.slds-text-heading_small
    */
    --dxp-s-text-heading-small-font-size: 1.5rem;
    --dxp-s-text-heading-small-line-height: 120%;
    --dxp-s-text-heading-small-letter-spacing: .72px;
    --dxp-s-text-heading-small-font-family: var(--dxp-g-heading-font-family);
    --dxp-s-text-heading-small-font-weight: var(--font-weight-normal);
    --dxp-s-text-heading-small-font-style: normal;
    --dxp-s-text-heading-small-text-decoration: none;
    --dxp-s-text-heading-small-text-transform: none; /*'none' to respect label translations*/
    --dxp-s-text-heading-small-text-shadow: none;
    --dxp-s-text-heading-small-color:  var(--mk-heading-color);

    /* 
    * Heading 5
    * class: .dxp-text-heading-xsmall
    */
     --dxp-s-text-heading-extra-small-font-size: 1.25rem;
    --dxp-s-text-heading-extra-small-line-height: 120%;
    --dxp-s-text-heading-extra-small-letter-spacing: .6px;
    --dxp-s-text-heading-extra-small-font-family: var(--dxp-g-heading-font-family);
    --dxp-s-text-heading-extra-small-font-weight: var(--font-weight-normal);
    --dxp-s-text-heading-extra-small-font-style: normal;
    --dxp-s-text-heading-extra-small-text-decoration: none;
    --dxp-s-text-heading-extra-small-text-transform: none; /*'none' to respect label translations*/
    --dxp-s-text-heading-extra-small-text-shadow: none;
    --dxp-s-text-heading-extra-small-color:  var(--mk-heading-color); 

    /* 
    * Heading 6
    * class: .dxp-text-heading-xxsmall
    */
    --dxp-s-text-heading-extra-extra-small-font-size: 1rem;
    --dxp-s-text-heading-extra-extra-small-line-height: 120%;
    --dxp-s-text-heading-extra-extra-small-letter-spacing: .48px;
    --dxp-s-text-heading-extra-extra-small-font-family: var(--dxp-g-heading-font-family);
    --dxp-s-text-heading-extra-extra-small-font-weight: var(--font-weight-normal);
    --dxp-s-text-heading-extra-extra-small-font-style: normal;
    --dxp-s-text-heading-extra-extra-small-text-decoration: none;
    --dxp-s-text-heading-extra-extra-small-text-transform: none; /*'none' to respect label translations*/
    --dxp-s-text-heading-extra-extra-small-text-shadow: none;
    --dxp-s-text-heading-extra-extra-small-color:  var(--mk-heading-color); 


    /**************************
           Buttons & Links 
    ***************************/

    /* Links */
    --dxp-c-link-text-color: var(--mk-primary);
    --dxp-s-link-text-color: var(--mk-primary);
    --dxp-s-link-text-color-hover: #D4147B;
    --slds-g-link-text-color-hover: #D4147B;
    --dxp-c-link-color-background: none;
    --dxp-c-link-color-background-hover: none;
    --dxp-s-link-text-decoration: none;
    --dxp-s-link-text-decoration-hover: underline;
    --dxp-c-link-text-shadow-hover: none;
    --dxp-c-link-color-outline-focus: none;
    /* Transitions */
    --dxp-c-button-brand-transition: border 0s linear;
    --dxp-c-button-outline-brand-transition: border 0s linear;
    --dxp-c-button-neutral-transition: border 0s linear;
    --dxp-c-button-destructive-transition: border 0s linear;
    --dxp-c-button-text-destructive-transition: border 0s linear;
    --dxp-c-button-success-transition: border 0s linear;
    --dxp-c-spinner-color-background: inherit;
    --dxp-c-link-transition: color 0.1s linear;
  
    /******* Site Spacing *******/
    --container_default: 100%;
    --container_s: 100%; /* 540px */
    --container_m: 100%; /* 720px */
    --container_l: 960px;
    --container_xl: 1140px;
    --container_xxl: 1320px;
    --container_xxxl: 1500px;
    --gutter-main: 1.5rem;

    --dxp-s-component-wrapper-spacer-size: 1rem;
    --dxp-s-component-wrapper-spacer-size-mobile: 1rem;

    /* Column Gutters */
    --dxp-s-column-spacer-size: 1.5rem;
    --dxp-s-column-spacer-size-mobile: 1rem;

    /* 
    * Section Padding 
    */

    /* Padding-top */
    --dxp-c-section-content-spacing-block-start: 3rem;
    --dxp-s-section-content-spacing-block-start: 3rem;
    --dxp-c-section-content-spacing-block-start-mobile: 2rem;
    --dxp-s-section-content-spacing-block-start-mobile: 2rem;
    /* padding-right */
    --dxp-c-section-content-spacing-inline-end: 1.5rem;
    --dxp-s-section-content-spacing-inline-end: 1.5rem;
    --dxp-c-section-content-spacing-inline-end-mobile: 1rem;
    --dxp-s-section-content-spacing-inline-end-mobile: 1rem;
    /* padding-bottom  */
    --dxp-c-section-content-spacing-block-end: 3rem;
    --dxp-s-section-content-spacing-block-end: 3rem;
    --dxp-c-section-content-spacing-block-end-mobile: 2rem;
    --dxp-s-section-content-spacing-block-end-mobile: 2rem;
    /* padding-left */
    --dxp-c-section-content-spacing-inline-start: 1.5rem;
    --dxp-s-section-content-spacing-inline-start: 1.5rem;
    --dxp-c-section-content-spacing-inline-start-mobile: 1rem;
    --dxp-s-section-content-spacing-inline-start-mobile: 1rem;

}

/**************************
        Structure
***************************/
ul, ol, p {
    font-family: var(--font-family-noto-sans);
    font-size: 1rem;
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: 150%; 
    letter-spacing: 0.48px;
}

/* For nested columns remove padding */
.columns-content .columns-content {
    padding: 0 !important;
}

.comm-section-container:last-child {
    padding: 0!important;
}

.comm-section-container:last-child  .component-wrapper-spacer {
    margin: 0!important;
}

/* Theme Layout */
.theme-container.mk-content-theme {
    padding-right: var(--gutter-main, 1rem) !important;
    padding-left: var(--gutter-main, 1rem) !important;
    width: 100%;
    max-width: 100%;
}

.footer-container_theme .component-wrapper-spacer {
    margin: 0;
}

/**************************
        Headings
***************************/
h1,
.dxp-text-heading-xlarge {
    font-size: 2.25rem;   
    line-height: 120%;
    color: var(--mk-heading-color);
    font-weight: var(--font-weight-normal);
    font-family: var(--font-family-noto-sans);
    letter-spacing: 1.08px;
    font-style: normal;
}
h2, 
.dxp-text-heading-large,
.slds-text-heading--large,
.slds-text-heading_large {
    font-size: 2rem;   
    line-height: 120%;
    color: var(--mk-heading-color);
    font-weight: var(--font-weight-normal);
    font-family: var(--font-family-noto-sans);
    letter-spacing: .96px;
    font-style: normal;
}
h3, 
.dxp-text-heading-medium,
.slds-text-heading--medium,
.slds-text-heading_medium {
    font-size: 1.75rem; 
    line-height: 120%;
    color: var(--mk-heading-color);
    font-weight: var(--font-weight-normal);
    font-family: var(--font-family-noto-sans);
    letter-spacing: .84px;
    font-style: normal;
}
h4,
.dxp-text-heading-small,
.slds-text-heading--small,
.slds-text-heading_small {
    font-size: 1.5rem; 
    line-height: 120%;
    color: var(--mk-heading-color);
    font-weight: var(--font-weight-normal);
    font-family: var(--font-family-noto-sans);
    letter-spacing: .72px;
    font-style: normal;
}
h5, 
.dxp-text-heading-xsmall {
    font-size: 1.25rem;
    line-height: 120%;
    color: var(--mk-heading-color);
    font-weight: var(--font-weight-normal);
    font-family: var(--font-family-noto-sans);
    letter-spacing: .6px;

}
h6,
.dxp-text-heading-xxsmall  {
    font-size: 1rem;   
    line-height: 120%;
    color: var(--mk-heading-color);
    font-weight: var(--font-weight-normal);
    font-family: var(--font-family-noto-sans);
    letter-spacing: .48px;
    font-style: normal;
}
.dxp-text-body-small {
    font-family: var(--font-family-noto-sans);
    font-size: .875rem;
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: 150%;
    letter-spacing: 0.42px;
}
.d1,
.d1 > * {
    font-size: 5rem;   
    line-height: 120%;
    color: var(--mk-heading-color);
    font-weight: var(--font-weight-light)!important;
    font-family: var(--font-family-noto-sans);
    letter-spacing: 2.4px;
    font-style: normal;
}
.d2,
.d2 > * {
    font-size: 4.5rem;   
    line-height: 120%;
    color: var(--mk-heading-color);
    font-weight: var(--font-weight-light)!important;
    font-family: var(--font-family-noto-sans);
    letter-spacing: 2.16px;
    font-style: normal;
}
.d3,
.d3 > * {
    font-size: 4rem;   
    line-height: 120%;
    color: var(--mk-heading-color);
    font-weight: var(--font-weight-light)!important;
    font-family: var(--font-family-noto-sans);
    letter-spacing: 1.92px;
    font-style: normal;
}
.d4,
.d4 > * {
    font-size: 3.5rem;   
    line-height: 120%;
    color: var(--mk-heading-color);
    font-weight: var(--font-weight-light)!important;
    font-family: var(--font-family-noto-sans);
    letter-spacing: 1.68px;
    font-style: normal;
}
.d5, 
.d5 > * {
    font-size: 3rem;   
    line-height: 120%;
    color: var(--mk-heading-color);
    font-weight: var(--font-weight-light)!important;
    font-family: var(--font-family-noto-sans);
    letter-spacing: 1.44px;
    font-style: normal;
}
.d6,
.d6 > * {
    font-size: 2.5rem;   
    line-height: 120%;
    color: var(--mk-heading-color);
    font-weight: var(--font-weight-light)!important;
    font-family: var(--font-family-noto-sans);
    letter-spacing: 1.2px;
    font-style: normal;
}
.small,
.small > * {
    font-family: var(--font-family-noto-sans);
    font-size: .875rem;
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: 150%; 
    letter-spacing: 0.42px;
}
.caption,
.caption > * {
    font-family: var(--font-family-noto-sans);
    font-size: .75rem;
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: 150%; 
    letter-spacing: 0.36px;
}
.legal, 
.legal > * {
    font-family: var(--font-family-noto-sans);
    font-size: .675rem;
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: 150%; /* 21px */
    letter-spacing: 0.3px;
}
@media (max-width: 64rem) {
    h1,
    .dxp-text-heading-xlarge {
        font-size: 1.74rem!important;
        letter-spacing: 0;
    }
    h2, 
    .dxp-text-heading-large,
    .slds-text-heading--large,
    .slds-text-heading_large {
        font-size: 1.54rem!important;
        letter-spacing: 0;
    }
    h3, 
    .dxp-text-heading-medium,
    .slds-text-heading--medium,
    .slds-text-heading_medium {
        font-size: 1.45rem!important;
        letter-spacing: 0;
    }
    h4,
    .dxp-text-heading-small,
    .slds-text-heading--small,
    .slds-text-heading_small {
        font-size: 1.35rem!important;
        letter-spacing: 0;
    }
    .d1,
    .d1 > * {
        font-size: 2.72rem!important;
        letter-spacing: 0;
    }
    .d2,
    .d2 > * {
        font-size: 2.53rem!important;
        letter-spacing: 0;
    }
    .d3,
    .d3 > * {
        font-size: 2.33rem!important;
        letter-spacing: 0;
    }
    .d4, 
    .d4 > * {
        font-size: 2.13rem!important;
        letter-spacing: 0;
    }
    .d5,
    .d5 > * {
        font-size: 1.94rem!important;
        letter-spacing: 0;
    }
    .d6,
    .d6 > * {
        font-size: 1.74rem!important;
        letter-spacing: 0;
    }
    .small,
    .small > * {
        font-size: .875rem!important;
    }
    .caption,
    .caption > * {
        font-size: .75rem!important;
    }
    .legal, 
    .legal > * {
        font-size: .675rem!important;
    }
}

/**************************
    Buttons & Links
***************************/


/**************************
    Expandable Section
***************************/
dxp_content_layout-expandable-section details {
    border-bottom: 1px solid var(--silver-wing);
    padding-bottom: 1rem !important;
}
dxp_content_layout-expandable-section lightning-icon {
    padding: 0!important;
}
dxp_content_layout-expandable-section summary {
    flex-direction: row-reverse !important;
}
dxp_content_layout-expandable-section .title {
    padding: .5rem 0rem 0rem 1rem !important;
}
dxp_content_layout-expandable-section .content {
    padding: 1rem 1rem 2rem 1rem !important;
}
dxp_content_layout-expandable-section .title :is(h1, h2, h3, h4, h5, h6, p) {
    font-family: var(--font-family-noto-sans);
    font-size: 1rem!important;
    font-style: normal;
    font-weight: var(--font-weight-normal)!important;
    line-height: 120%; 
    letter-spacing: 0.48px;
}
dxp_content_layout-expandable-section details svg path {
    display: none;
}
/* Plus sign */
dxp_content_layout-expandable-section details svg {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Im1rLWljb25zLXBsdXMiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMTIgMlYxMk0xMiAxMlYyMk0xMiAxMkgyMk0xMiAxMkgyIiBzdHJva2U9IiMxMDE4MjAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPgo8L2c+Cjwvc3ZnPgo=);
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 24px!important;
    height: 24px!important;
}
/* Minus sign */
dxp_content_layout-expandable-section details[open] svg {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyIDEySDEySDEuOTk5OTgiIHN0cm9rZT0iIzEwMTgyMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+Cjwvc3ZnPgo=);
}

/**************************
        Tabs
***************************/
.dxp-tabs-container li,
.dxp-tabs-container .dxp-tab {
    padding: .875rem 2rem!important;
    border-bottom-width: 2px !important;
}
.dxp-tabs-container li.dxp-tab-bar-active-tab-styles ,
.dxp-tabs-container .dxp-tab-bar-active-tab-styles  {
    padding: .675rem 2rem .875rem 2rem!important;
}
.dxp-tabs-container .dxp-tab :is(h1, h2, h3, h4, h5, h6, p) {
    color: var(--steel-black, #545859) !important;
    font-size: .875rem !important;
    font-weight: var(--font-weight-medium)!important;
    line-height: 150%;
}
.dxp-tabs-container .dxp-tab-bar-active-tab-styles :is(h1, h2, h3, h4, h5, h6, p) {
    color: var(--mk-heading-color, #101820)!important;
    font-size: .875rem !important;
    font-weight: var(--font-weight-medium)!important;
    line-height: 150%;
}

/**************************
        Overlap
***************************/
dxp_content_layout-overlap dxp_content_layout-block-content-region .main-content {
    border: 1px solid transparent!important;
    -webkit-clip-path: polygon(0% 0%, 90% 0%, 100% 20%, 100% 100%, 100% 100%, 0% 100%, 0% 80%, 0% 20%);
    clip-path: polygon(0% 0%, 90% 0%, 100% 20%, 100% 100%, 100% 100%, 0% 100%, 0% 80%, 0% 20%);
}