:root {
    /*! put your custom css here */
    --b2b-body-background-color: #E8ECEE;
    --com-c-layout-header-position: static;
    --cus-cart-qty-selector-border-color: #d9d9d9;
    --dxp-g-root-contrast: #333;
    --dxp-c-text-block-text-color: #303030;
    --dxp-s-text-heading-large-color: #303030;
    --dxp-s-tertiary-button-text-color: #078bc7;
    --dxp-c-progress-bar-color-background: #078bc7;
}

@font-face {
    font-family: "Barlow";
    font-weight: 100;
    src: url("/sfsites/c/resource/barlowFont/Barlow-Thin.ttf") format("truetype");
}
@font-face {
    font-family: "Barlow";
    font-weight: 100;
    font-style: italic;
    src: url("/sfsites/c/resource/barlowFont/Barlow-ThinItalic.ttf") format("truetype");
}
@font-face {
    font-family: "Barlow";
    font-weight: 200;
    src: url("/sfsites/c/resource/barlowFont/Barlow-ExtraLight.ttf") format("truetype");
}
@font-face {
    font-family: "Barlow";
    font-weight: 200;
    font-style: italic;
    src: url("/sfsites/c/resource/barlowFont/Barlow-ExtraLightItalic.ttf") format("truetype");
}
@font-face {
    font-family: "Barlow";
    font-weight: 300;
    src: url("/sfsites/c/resource/barlowFont/Barlow-Light.ttf") format("truetype");
}
@font-face {
    font-family: "Barlow";
    font-weight: 300;
    font-style: italic;
    src: url("/sfsites/c/resource/barlowFont/Barlow-LightItalic.ttf") format("truetype");
}
@font-face {
    font-family: "Barlow";
    font-weight: 400;
    src: url("/sfsites/c/resource/barlowFont/Barlow-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Barlow";
    font-weight: 400;
    font-style: italic;
    src: url("/sfsites/c/resource/barlowFont/Barlow-Italic.ttf") format("truetype");
}
@font-face {
    font-family: "Barlow";
    font-weight: 500;
    src: url("/sfsites/c/resource/barlowFont/Barlow-Medium.ttf") format("truetype");
}
@font-face {
    font-family: "Barlow";
    font-weight: 500;
    font-style: italic;
    src: url("/sfsites/c/resource/barlowFont/Barlow-MediumItalic.ttf") format("truetype");
}
@font-face {
    font-family: "Barlow";
    font-weight: 600;
    src: url("/sfsites/c/resource/barlowFont/Barlow-SemiBold.ttf") format("truetype");
}
@font-face {
    font-family: "Barlow";
    font-weight: 600;
    font-style: italic;
    src: url("/sfsites/c/resource/barlowFont/Barlow-SemiBoldItalic.ttf") format("truetype");
}
@font-face {
    font-family: "Barlow";
    font-weight: 700;
    src: url("/sfsites/c/resource/barlowFont/Barlow-Bold.ttf") format("truetype");
}
@font-face {
    font-family: "Barlow";
    font-weight: 700;
    font-style: italic;
    src: url("/sfsites/c/resource/barlowFont/Barlow-BoldItalic.ttf") format("truetype");
}
@font-face {
    font-family: "Barlow";
    font-weight: 800;
    src: url("/sfsites/c/resource/barlowFont/Barlow-ExtraBold.ttf") format("truetype");
}
@font-face {
    font-family: "Barlow";
    font-weight: 800;
    font-style: italic;
    src: url("/sfsites/c/resource/barlowFont/Barlow-ExtraBoldItalic.ttf") format("truetype");
}
@font-face {
    font-family: "Barlow";
    font-weight: 900;
    src: url("/sfsites/c/resource/barlowFont/Barlow-Black.ttf") format("truetype");
}
@font-face {
    font-family: "Barlow";
    font-weight: 900;
    font-style: italic;
    src: url("/sfsites/c/resource/barlowFont/Barlow-BlackItalic.ttf") format("truetype");
}

body {
    font-family: Barlow;
    font-weight: 400;
    background-color: var(--b2b-body-background-color);
}

section.items {
    background-color: #fff;
    padding: 26px;
}

.custom-cart-items {
    --dxp-g-neutral-3: #333;
    --dxp-s-link-text-color: #333;
    --com-c-cart-item-actual-price-font-color: #333;
}

.custom-cart-items commerce-quantity-selector {
    border: 1px solid var(--cus-cart-qty-selector-border-color);
    border-radius: 4px;
}

.custom-cart-items commerce-quantity-selector .slds-input.number-input__input {
    height: 16px;
    min-height: 16px;
    border-radius: 2px !important;
    border-color: var(--cus-cart-qty-selector-border-color);
    padding: 0;
    width: 23px;
}

.custom-cart-items commerce-quantity-selector commerce-number-input {
    --dxp-s-form-element-text-font-size: 0.6875rem;
    --dxp-s-form-element-text-color: #4b4b4b;
    width: 85px;
    height: 25px;
}

.custom-cart-items commerce-quantity-selector commerce-number-input > .slds-grid {
    height: 100%;
}

.custom-cart-items commerce-quantity-selector commerce-number-input > .slds-grid > .slds-grid {
    width: 100%;
    justify-content: space-evenly;
    align-items: center;
}

.custom-cart-items commerce-quantity-selector commerce-number-input button {
    padding: 0;
    border: 0;
}

.custom-cart-items commerce-quantity-selector commerce-number-input button .slds-icon_x-small {
    width: 0.4375rem;
    height: 0.4375rem;
}

.custom-cart-items commerce_cart-item {
    position: relative;
}

.custom-cart-items .item-delete {
    --dxp-s-button-font-size: 0.875rem;
    position: absolute;
    top: calc(100% - 23px);
    left: 14.75rem;
}

.custom-cart-items .item-delete button {
    padding: 0;
}

.custom-cart-items .item-details-pills-qty {
    justify-content: flex-end;
}

commerce_cart-managed-contents commerce_cart-header .clear-cart-section button {
    padding: 0;
}

.custom-cart-items commerce_cart-items > ul {
    padding-top: 0;
}

.custom-cart-items commerce_cart-items > ul > section > article > li {
    border: var(--dxp-s-form-element-width-border) solid #d9dfe7;
    border-top: 0;
    padding: 23px 26px !important;
}

commerce_cart-managed-contents commerce_cart-header {
    padding: 23px 23px !important;
    border: var(--dxp-s-form-element-width-border) solid #d9dfe7;
    border-bottom: 0;
}