/* 
 * Global CSS - AVL Experience Cloud
 *
 * Stefan Leitner 11.06.2021
 */

 /* Variables */
 :root {
  --avl-primary-color: #0075be;
  --avl-secondary-color: #25b7bc;
  --avl-tertiary-color: rgba(81,200,187,1);

  --avl-gradient-navigation: linear-gradient(149deg,#0095db 2%,#21bbef);
  --avl-gradient-blue: linear-gradient(96deg, #25B7BC, #0095DB);
  --avl-gradient-blue-light: linear-gradient(272deg, #EEF9FA, #ECF7FC);
  --avl-gradient-blue-light-opacity : linear-gradient(270deg, rgba(0, 90, 153, 0.07) 0%, rgba(38, 52, 139,0.07) 52%, rgba(72, 37, 131,0.07) 100%);
  --avl-gradient-blue-purple: linear-gradient(90deg, #005A99, #26348B, #482583);
  --avl-gradient-purple:  linear-gradient(90deg, #482583, #C8057F);
  --avl-gradient-heading: linear-gradient(106deg, #EEF9FA, #ECF7FC);
  --avl-gradient-plp-filter: linear-gradient(90deg, #EEF8F0 0%, #EDF8F3 33%, #ECF7F4 34%, #ECF6F6 65%, #ECF8FA 100%);
  --avl-gradient-highlight: linear-gradient(90deg, #25B7BC, #0095DB, #0095DB66, #0095DB00);
  --avl-gradient-plp-blue: linear-gradient(90deg, #25b7bc 0%, #0095db 100%);
  --avl-gradient-plp-green: linear-gradient(90deg, #23a638 0%, #009770 33%, #00878a 68%, #00a5c8 100%);
  --avl-gradient-highlight-green: linear-gradient(270deg, #23A638 0%, #009770 34%, #00878A66 68%, #00A5C800 100%) 0% 0% ;

  --avl-text-link: #005C87;
  --avl-background: #fff;
  --avl-background-widget: #f5f5f5;
  --avl-line: #a7a7a7;
  --avl-light-line: #E2E2E2;
  --avl-text: #051226;
  --avl-text-disabled: #808080;
  --avl-text-on-background: #fff;
  --avl-btn-text-background: #fff;
  --avl-btn-contained-background: #051226;
  --avl-avl-logo: url('/sfsites/c/resource/B2B_Graphic_Resources/logo-AVL_inverse.png');
  --avl-max-page-width: 1170px;
  --avl-box-shadow:  4px 4px 32px #0512260D;
  --avl-box-shadow-hover:  0px 4px 30px #0512261A;
  --avl-gap: 24px;
  
  --avl-header-height-desktop: 114px;
  --avl-header-height-mobile: 92px;
     
  /** set the font for all root/body text **/
  --dxp-g-root-font-family: 'Roboto', Helvetica, sans-serif;
  --dxp-g-heading-font-family: 'Montserrat', ui-sans-serif;
  
  /** button **/
  --slds-c-button-text-color-hover: white;
  
  /** checkbox **/
  --slds-c-checkbox-color-background: transparent;
  --slds-c-checkbox-color-background-checked: transparent;
  --slds-c-checkbox-color-border: var(--avl-text);
  --slds-c-checkbox-color-border-checked: var(--avl-text);
  --slds-c-checkbox-mark-color-foreground: var(--avl-text);
  --slds-c-checkbox-color-border-focus: #23A638;
  --slds-c-checkbox-shadow-focus: 0 0 3px #23A638;
  --slds-c-checkbox-radius-border: 0;
  
  --dxp-g-root-contrast: var(--avl-text-on-background); // UserProfile Dropdown menu
  
  /** icons **/
  --slds-c-icon-radius-border: 0;
  --slds-c-icon-color-background: transparent;
  
}

/* text formats & headings */
.avl-h0 {
    font-size: 70px;
    font-weight: 700;
    font-family: 'Montserrat', ui-sans-serif;
    line-height: 74px;
    letter-spacing: -0.14px;
    color: var(--avl-text);
}

.avl-h1 {
    font-size: 40px;
    font-weight: 700;
    font-family: 'Montserrat', ui-sans-serif;
    line-height: 49px;
    letter-spacing: -0.08px;
    color: var(--avl-text);
}

.avl-h2 {
    font-size: 32px;
    font-weight: 700;
    font-family: 'Montserrat', ui-sans-serif;
    line-height: 39px;
    letter-spacing: -0.06px;
    color: var(--avl-text);
}

.avl-h3 {
    font-size: 24px;
    font-weight: 700;
    font-family: 'Montserrat', ui-sans-serif;
    line-height: 25px;
    letter-spacing: -0.05px;
    color: var(--avl-text);
}

.avl-h4 {
    font-size: 16px;
    font-weight: 700;
    font-family: 'Montserrat', ui-sans-serif;
    line-height: 17px;
    color: var(--avl-text);
}

.avl-topline-bold {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.font_reset {
    font-weight: unset;
    text-transform: unset;
    font-family: unset;
}

.avl-topline {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.avl-text-summary {
    font-size: 20px;
    font-weight: 400;
    line-height: 29px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
}

.avl-text-body {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
}

.avl-text-small {
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.05em;
}

.avl-link {
    color: var(--avl-text-link);
    font-weight: 700;
    text-decoration: none;
}

.avl-link:hover {
    color: var(--avl-text-link);
    cursor: pointer;
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
    .avl-h0 {
        font-size: 40px;
        line-height: 49px;
        letter-spacing: -0.08px;
    }
    .avl-h1 {
        font-size: 32px;
        line-height: 39px;
        letter-spacing: -0.06px;
    }
    .avl-h2 {
        font-size: 24px;
        line-height: 25px;
        letter-spacing: -0.05px;
    }
    .avl-h3 {
        font-size: 16px;
        font-weight: 700;
        line-height: 17px;
    }
}

/** Buttons **/
.avl-btn-text {
    background-color: var(--avl-btn-text-background, #fff);
    border: 2px solid #051226;
    color: var(--avl-text, rgba(0,0,0,0.87));
    font-size: 16px;
    font-weight: 400;
    height: 44px;
    min-width: 160px;
}

.avl-btn-contained {
    background-color: var(--avl-btn-contained-background, #000);
    border: 2px solid #051226;
    color: var(--avl-text-on-background, #fff);
    font-size: 16px;
    font-weight: 400;
    height: 44px;
    min-width: 160px;
}

.avl-btn-contained:disabled,
.avl-btn-contained[disabled]{
    background-color: var(--avl-light-line, #f3f3f3);
    border: 2px solid var(--avl-light-line, #f3f3f3);
    color: white;
}

.avl-btn-text:hover {
    color: white;
    background: var(--avl-btn-contained-background);
}
.avl-btn-contained:hover {
    color: var(--avl-text);
    background: white;
}

button.avl-btn-text:hover > .button-icon,
button.avl-btn-contained > .button-icon {
    padding-right: 8px;
    --sds-c-icon-color-foreground-default: white;
}

button.avl-btn-contained:hover > .button-icon,
button.avl-btn-text > .button-icon {
    padding-right: 8px;
    --sds-c-icon-color-foreground-default:  var(--avl-text);
}

/** Anchor links offset for sticky header **/
.avl-anchor {
    display: block;
    position: relative;
    top: 0px;
    visibility: hidden;
}
@media screen and (max-width: 768px){
    .avl-anchor {
        top: -85px;
    }
}

/** slider **/
.avl-slider-hide {
    display: none;
    height: 0;
    width: 0;
    opacity: 0;
    overflow: hidden;  /* Hide the element content, while height = 0 */
    transition: height 0ms 400ms, width 0ms 400ms, opacity 400ms 0ms;
}

/** shadow **/
.avl-box-shadow {
    box-shadow: 0 2px 9px 0 var(--avl-line);
}

.pointer {
  cursor: pointer;
}

/** padding **/
.pb-05 {
  padding-block: .5rem;
}
.pb-1 {
  padding-block: 1rem
}

/** COMPONENT SPECIFIC OVERRIDES **/
/** navigation **/
.commerce-drilldownNavigation_drilldownNavigation-host {
  --dxp-c-navigation-text-color: var(--avl-text-on-background) !important;
  --dxp-c-navigation-item-focus-color: var(--avl-text-on-background) !important;
  --dxp-c-navigation-bar-spacing: var(--dxp-g-spacing-xsmall) !important;
  --dxp-c-navigation-item-font-size: 18px !important;
}
/** CHECKOUT PAGE **/
.checkout-notification {
    --dxp-g-root: white;
}
.shipping-address{
  font-size: 16px;
  line-height:26px;
  font-family: Roboto, Arial, Helvetica, sans-serif;
}

/*hide new address and edit address buttons / AVL-1508
	display:none;
}
*/



/*'company name' field must be hidden 
.card-address-fit div:nth-child(2) {
    display: none;
}
.card-address-fit div div:nth-child(2) {
    display: block;
}
/ AVL-1508 */

.shipping-address .slds-form-element__label,
.salesforce-payments .slds-form-element__label {
  font-size: 16px !important;
  font-family: Roboto, Arial, Helvetica, sans-serif;
}
.shipping-address input,
.salesforce-payments input,
.shipping-address textarea,
.salesforce-payments textarea {
  font-size: 16px;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  padding-top: 6.4px;
  padding-bottom: 8px;
  margin-bottom: 4px
}
.shipping-address .slds-form-element__row,
.salesforce-payments .slds-form-element__row {
  display: flex;
  margin-bottom:4px;
}
.shipping-address lightning-combobox.slds-form-element,
.salesforce-payments lightning-combobox.slds-form-element {
  padding-left: 0;
  padding-right: 0;
}
.shipping-address .slds-text-heading_small,
.salesforce-payments .slds-text-heading_small {
  font-size: 24px;
  font-weight: 700;
  font-family: 'Montserrat', ui-sans-serif;
  line-height: 25px;
  letter-spacing: -0.05px;
  color: var(--avl-text);
}
.salesforce-payments {
  --slds-c-button-sizing-border: 2px;
  --slds-c-button-radius-border: 0;
  font-size: 18px
}
.salesforce-payments .sfpp-component-checkout,
.salesforce-payments .sfpp-accordion__summary {
  padding: 0 1rem .5rem;
  --sfpp-color-brand: #051226 !important;
  --sfpp-color-border-input: #051226 !important;
  --sfpp-form-label-color: #051226 !important;
  --sfpp-form-label-font-size: 16px !important;
  --sfpp-form-label-padding: 4px 8px 0 0 !important;
  --sfpp-form-label-margin: 0 0 2px !important;
  --sfpp-input-padding: 6.4px 16px 8px 12px !important;
  --sfpp-input-border: 1px solid #051226 !important;
  --sfpp-input-focus-border: 1px solid #1b96ff !important;
  --sfpp-input-focus-box-shadow: 0 0 3px #0176d3 !important;
  --sfpp-input-font-family: Roboto, Arial, Helvetica, sans-serif !important;
  --sfpp-input-color: #051226 !important;
  --sfpp-input-invalid-color: #051226 !important;
  --sfpp-font-family: Roboto, Arial, Helvetica, sans-serif !important;
  --sfpp-color-background: linear-gradient(106deg, #EEF9FA, #ECF7FC) !important;
}
.salesforce-payments .sfpp-stripe-element-wrapper {
  color: blue !important;
  background-color: rgb(85 109 125 / 37%) !important
}
.salesforce-payments .sfpp-form-element {
  margin-bottom: 8px
}
.shipping-address .slds-button_neutral,
.salesforce-payments .slds-button_neutral {
  --slds-c-button-neutral-color-background: white;
  --slds-c-button-neutral-color-background-hover: #051226;
  --slds-c-button-neutral-color-border: #051226;
  --slds-c-button-neutral-color-border-hover: #051226;
  --slds-c-button-text-color: #051226;
}
.shipping-address .slds-button_neutral:hover,
.salesforce-payments .slds-button_neutral:hover {
  --slds-c-button-color-background: #051226;
  --slds-c-button-color-border: #051226;
  --slds-c-button-text-color: white;
}
.salesforce-payments .slds-button_neutral:focus {
  --slds-c-button-color-background: white;
  --slds-c-button-color-border: #051226;
  --slds-c-button-text-color: #051226;
  --slds-c-button-text-color-hover: #051226;
}
.salesforce-payments .slds-button_brand {
  --slds-c-button-brand-color-background: #051226;
  --slds-c-button-brand-color-background-hover: white;
  --slds-c-button-color-border: #051226;
  --slds-c-button-brand-color-border-hover: #051226;
  --slds-c-button-brand-text-color: white;
  --slds-c-button-brand-text-color-hover: #051226;
}
.salesforce-payments .slds-button_brand:hover {
  --slds-c-button-color-background-hover: white;
  --slds-c-button-color-border-hover: #051226;
  --slds-c-button-text-color-hover: #051226;
}
.salesforce-payments .slds-button_brand:focus {
  --slds-c-button-color-background-hover: #051226;
  --slds-c-button-color-border-hover: #051226;
  --slds-c-button-text-color-hover: white;
}
.salesforce-payments .slds-button_brand:active {
  --slds-c-button-brand-color-background-active: #051226;
  --slds-c-button-color-border-active: #051226;
  --slds-c-button-text-color-active: white;
}
.place-order-button {
  --com-c-checkout-order-button-text-color: #051226;
  --com-c-checkout-order-button-text-hover-color: white;
  --com-c-checkout-order-button-background-color: #051226;
  --com-c-checkout-order-button-background-hover-color: white;
  --com-c-checkout-order-button-border-color: #051226;
  --com-c-checkout-order-button-border-radius: 0;
  --slds-c-button-sizing-border: 2px;
}
.place-order-button .slds-button_brand:before {
    content: '';
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-icon-name='arrow-up-right' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    height: 21px;
    width: 21px;
    margin-right: 5px;
}
.place-order-button .slds-button_brand {
    font-size: 16px;
    font-weight: 400;
    height: 44px;
    min-width: 160px;
}
.place-order-button .slds-button_brand:hover {
    --slds-c-icon-color-foreground: #051226 !important;
}
.place-order-button .slds-button_brand:hover:before {
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-icon-name='arrow-up-right' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23051226'%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z'/%3E%3C/svg%3E");
}
.checkout-action-button {
  --com-c-button-color: rgb(5, 18, 38);
  --com-c-button-color-hover: rgb(255, 255, 255);
  --com-c-button-color-background: rgb(255, 255, 255);
  --com-c-button-color-background-hover: rgb(5, 18, 38);
  --com-c-button-color-border: rgb(5, 18, 38);
  --com-c-button-color-border-hover: rgb(5, 18, 38);
  --com-c-button-radius-border: 0px;
  --slds-c-button-sizing-border: 2px;
}
.checkout-action-button .slds-button_neutral:before {
    content: '';
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-icon-name='arrow-up-right' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23051226'%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    height: 21px;
    width: 21px;
    margin-right: 5px;
}
.checkout-action-button .slds-button_neutral {
    background-color: #fff;
    border: 2px solid #051226;
    border-radius: 0;
    color: #051226;
    font-size: 16px;
    font-weight: 400;
    height: 44px;
    min-width: 160px;
    display: inline-flex !important;
}
.checkout-action-button .slds-button_neutral:hover,
.checkout-action-button .slds-button_neutral:focus {
    color: #fff !important;
    background-color: #051226;
    --slds-c-icon-color-foreground: #fff !important;
}
.checkout-action-button .slds-button_neutral:hover:before,
.checkout-action-button .slds-button_neutral:focus:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-icon-name='arrow-up-right' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z'/%3E%3C/svg%3E");
}
.checkout-summary{
	border-left:1px solid black;
}

.checkout-file-selector .slds-file-selector__button.slds-button.slds-button_neutral{
	color: #051226;
	border: 2px solid #051226;
}

.checkout-file-selector .slds-file-selector__button.slds-button.slds-button_neutral:hover,
.checkout-file-selector .slds-file-selector__button.slds-button.slds-button_neutral:focus
{
	background: #051226;
	color:#fff;
	border: 2px solid #fff;
}

.checkout-file-delete-button{
	color: #051226;
	border: 1px solid #051226;
	margin-left:.5rem;
	cursor:pointer;
	background-color:#fff;
	
}

.checkout-spacer{
    margin-bottom:1.5rem;
}

.checkout-hr-narrow{
    display:block;
    margin: 1rem 2rem 1rem 2rem;
    border-top: 1px solid var(--slds-g-color-border-base-1);
    height:1px;
}




/** CHECKOUT PAGE **/
community_layout-section {
    --dxp-c-section-content-spacing-block-start: 0 !important;
    --dxp-c-section-content-spacing-block-end: 0 !important;
    --dxp-c-section-content-spacing-inline-start: 0 !important;
    --dxp-c-section-content-spacing-inline-end: 0 !important;
}
.slds-button_brand {
    --slds-c-button-radius-border: 0 !important;
}
commerce-drilldown-navigation .slds-button,
commerce-drilldown-navigation .slds-button:hover,
commerce-drilldown-navigation .slds-button:active,
commerce-drilldown-navigation .slds-button:focus {
    color: white;
}
commerce-drilldown-navigation .slds-button__icon {
    height: 2rem;
    width: 2rem;
}
commerce-drilldown-navigation nav {
    --dxp-c-navigation-list-background-color: rgb(34 165 57);
    --dxp-c-navigation-item-font-size: 1rem;
}

@media screen and (max-width: 768px) {
  commerce-drilldown-navigation nav {
    --dxp-c-navigation-item-font-size: 1.5rem;
  }
}
/* CART */
commerce-number-input {
    --com-c-number-input-width: 5rem;
    --com-c-number-input-height: 2.5rem;
    --com-c-number-input-border-radius: 3rem !important;
}
commerce-number-input > div > span.slds-grid {
    --com-c-number-input-border-radius: 0;
    --sds-c-button-neutral-color-border: black

}
commerce_cart-item h2 {
    font-size: 18px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    color: #051226;
}
commerce_cart-item .slds-input,
commerce_cart-item number-input__decrement-button,
commerce_cart-item number-input__increment-button,
commerce_cart-item .slds-button:disabled {
    border-color: #051226 !important;
    --slds-g-color-border-base-4: #051226
}
commerce_cart-item .slds-icon {
    --slds-c-icon-color-foreground: #051226 !important;
}
commerce_cart-item:hover {
    --slds-c-icon-color-foreground: #fff !important;
}
.cart-summary {
    background: rgb(241 241 241);
    padding: 1rem;
    display:block;
}
.cart-button {
    background: var(--avl-gradient-blue-light);
  padding-block: 1rem 1rem;
}
.cart-items {
    --com-c-button-color: #051226;
    --com-c-button-color-hover: #051226;
}
/* Override Modal Buttons Style Neutral (Tertiary)  */
.address-action-buttons .slds-button_neutral:before,
.slds-modal .slds-button_neutral:before {
    content: '';
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-icon-name='arrow-up-right' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23051226'%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    height: 21px;
    width: 21px;
    margin-right: 5px;
}
.address-action-buttons .slds-button_neutral,
.slds-modal .slds-button_neutral {
    background-color: #fff;
    border: 2px solid #051226;
    border-radius: 0;
    color: #051226;
    font-size: 16px;
    font-weight: 400;
    height: 44px;
    min-width: 160px;
    display: inline-flex !important;
}
.address-action-buttons .slds-button_neutral:hover,
.slds-modal .slds-button_neutral:hover {
    color: #fff !important;
    background-color: #051226;
    --slds-c-icon-color-foreground: #fff !important;
}
.address-action-buttons .slds-button_neutral:hover:before,
.slds-modal .slds-button_neutral:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-icon-name='arrow-up-right' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z'/%3E%3C/svg%3E");
}

/* Override Modal Button Style Primary */
.btn-contained .slds-button_brand:before,
.address-action-buttons .slds-button_brand:before,
.cart-button .slds-button_brand:before,
.slds-modal .slds-button_brand:before {
    content: '';
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-icon-name='arrow-up-right' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    height: 21px;
    width: 21px;
    margin-right: 5px;
}
.btn-contained .slds-button_brand,
.address-action-buttons .slds-button_brand,
.cart-button .slds-button_brand,
.slds-modal .slds-button_brand {
    background-color: #051226;
    border: 2px solid #051226;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    height: 44px;
    min-width: 160px;
    display: inline-flex !important;
}
.btn-contained .slds-button_brand:hover,
.address-action-buttons .slds-button_brand:hover,
.cart-button .slds-button_brand:hover,
.slds-modal .slds-button_brand:hover {
        color: #051226 !important;
    background: white;
      --slds-c-icon-color-foreground: #051226 !important;
}
.btn-contained .slds-button_brand:hover:before,
.address-action-buttons .slds-button_brand:hover:before,
.cart-button .slds-button_brand:hover:before,
.slds-modal .slds-button_brand:hover:before {
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-icon-name='arrow-up-right' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23051226'%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z'/%3E%3C/svg%3E");
}
/* Override Button Style Secondary */
.address-action-buttons .slds-button_outline-brand:before,
.slds-modal .slds-button_outline-brand:before{
    content: '';
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-icon-name='arrow-up-right' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23051226'%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    height: 21px;
    width: 21px;
    margin-right: 5px;
}
.address-action-buttons .slds-button_outline-brand,
.slds-modal .slds-button_outline-brand{
    background-color: #fff;
    border: 2px solid #051226;
    border-radius: 0;
    color: #051226;
    font-size: 16px;
    font-weight: 400;
    height: 44px;
    min-width: 160px;
    display: inline-flex !important;
}
.address-action-buttons .slds-button_outline-brand:hover,
.slds-modal .slds-button_outline-brand:hover{
    color: #fff;
    background-color: #051226;
}
.address-action-buttons .slds-button_outline-brand:hover:before,
.slds-modal .slds-button_outline-brand:hover:before{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-icon-name='arrow-up-right' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z'/%3E%3C/svg%3E");
}
/* Search Pageination buttons */
.pageControlPart .slds-button_brand {
    background-color: #051226;
    border: 2px solid #051226;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    display: inline-flex !important;
}
.cart-button .slds-button_brand:hover,
.slds-modal .slds-button_brand:hover,
.pageControlPart .slds-button_brand:hover {
        color: #051226 !important;
    background: white;
      --slds-c-icon-color-foreground: #051226 !important;
}
.slds-modal .slds-button_neutral,
.pageControlPart .slds-button_neutral {
    background-color: #fff;
    border: 2px solid #051226;
    border-radius: 0;
    color: #051226;
    font-size: 16px;
    font-weight: 400;
    display: inline-flex !important;
}
.slds-modal .slds-button_neutral:hover,
.pageControlPart .slds-button_neutral:hover {
    color: #fff !important;
    background-color: #051226;
    --slds-c-icon-color-foreground: #fff !important;
}
/* UserMenu DropDown */
.menu {
    --dxp-g-root: #22a639 !important;
	fill:white;
}
html, body {
    height:100%;
    background-color: white
}
/*Address List */
.address-list {
    --com-c-my-account-address-card-text-color: #051226;
    --dxp-g-root-contrast: green;
}
/* Address Edit */
.address-action-buttons .action-buttons {
    display: flex;
}
/* Order List */
.order-list .slds-grid {
    align-items: center;
}
/* Header & Menu */
header[ref="header"],
ul.commerce_my_account-userProfileMenu_userProfileMenu,
ul[community_navigation-drilldownnavigationlist_drilldownnavigationlist]{
   background: linear-gradient(90deg, #23A638, #009770, #00878A, #00A5C8) !important;
}
header * button[role="menuitem"],
header * a[role="menuitem"],
commerce-drilldown-navigation-bar    {
    font-size: 18px;
    font-weight: 700;
    font-family: Roboto, Arial, Helvetica, sans-serif;
}
.commerce-drilldownNavigation_drilldownNavigation-host svg {
    fill: white;
}
/** search input **/
.input-clear-button[b2b_search_suggestions-input_input] svg {
    fill: white;
}
/* Breadcrumps */
ol.commerce-breadcrumbs_breadcrumbs {
    font-size: 18px !important;
    color: #051226 !important;
}

/* Hero (Temporary fix) */
div[c-b2b_hero_b2b_hero] {
    padding-top: 0px !important;
}




/* Default Tab Container */
.slds-tabs_default__link {
    font-size: 18px;
}
.slds-tabs_default__item:hover:after,
.slds-tabs_default__item.slds-is-active:after {
    background-color: black;
}

/* Override Button Style Neutral  */
/*.slds-button_neutral:before{
    content: '';
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-icon-name='arrow-up-right' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23051226'%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    height: 21px;
    width: 21px;
    margin-right: 5px;
}
.slds-button_neutral{
    background-color: #fff;
    border: 2px solid #051226;
    border-radius: 0;
    color: #051226;
    font-size: 16px;
    font-weight: 400;
    height: 44px;
    min-width: 160px;
    display: inline-flex !important;
}
.slds-button_neutral:hover{
    color: #fff !important;
    background-color: #051226;
    --slds-c-icon-color-foreground: #fff !important;
}
/*.slds-button_neutral:hover:before{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-icon-name='arrow-up-right' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z'/%3E%3C/svg%3E");
}*/

/* Override Button Style Primary */
/*.slds-button_brand:before{
    content: '';
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-icon-name='arrow-up-right' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    height: 21px;
    width: 21px;
    margin-right: 5px;
}
.slds-button_brand{
    background-color: #051226;
    border: 2px solid #051226;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    height: 44px;
    min-width: 160px;
    display: inline-flex !important;
}
.slds-button_brand:hover{
        color: #051226 !important;
    background: white;
      --slds-c-icon-color-foreground: #051226 !important;
}
.slds-button_brand:hover:before{
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-icon-name='arrow-up-right' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23051226'%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z'/%3E%3C/svg%3E");
} */