@import "./fonts.css";
@import "./colors.css";

/*
*  Global variables
*/
:root {
    /*--grey-scale-0-backgrounds-typography: #FFF;*/
    /*--Grey-Scale-300---Disabled-elements: #E0E0E0;*/
    /*--Grey-Scale-500---Third-level-typography: #949494;*/
    /*--Grey-Scale-700---Second-level-typography: #616161;*/
    /*--Grey-Scale-900---First-level-typography: #212121;*/
    /*--primary-brand-colour-primary-brand-colour-first-level-typography-backgrounds-details: #E5004B;*/
    /*--Background-Footer: #293132;*/
    /*--Border-Radius-Large: 10px;*/
}

/*CSS for header*/
:root {
    /*--dxp-s-header-content-max-width: 90rem;*/
    /*--dxp-c-header-container-spacing-block-start: 0.75rem;*/
    /*--dxp-c-header-container-spacing-inline-end: 2rem;*/
    /*--dxp-c-header-container-spacing-block-end: 0.75rem;*/
    /*--dxp-c-header-container-spacing-inline-start: 2rem;*/
    /*--dxp-c-header-container-spacing-inline-end-mobile: 2rem;*/
    /*--dxp-c-header-container-spacing-inline-start-mobile: 2rem;*/
    /*--com-c-builder-layout-header-min-height: 4.625rem;*/
}



/* Commerce Layout Header Styles*/
.slds-spinner:after, .slds-spinner:before, .slds-spinner__dot-a:after, .slds-spinner__dot-a:before, .slds-spinner__dot-b:after, .slds-spinner__dot-b:before {
    background: #007100 !important;
}
.breadcrumbs {
    --com-c-breadcrumb-text-size: 12px;
}

.green {
    --com-c-wishlist-shortcut-color: #6a6f67;
    --dxp-s-button-color: #6a6f67;
    --com-c-unified-cart-badge-link-color: #6a6f67;
    --com-c-unified-cart-badge-shortcut-color: #6a6f67;
    --sds-c-icon-color-foreground-default: #6a6f67;

}
.header {
    --com-c-layout-header-position: relative;
}
.forceCommunityHeadline {
    --sds-c-button-brand-color-background: pink;
    color: blue !important;
    :root {
        --button-color: red;
    }
}

.z1 {
    z-index: 1;
}

.z2rem > commerce_cart-badge > span > a > span > svg {
    height: 2.5rem;
    width: 2.5rem;
}

.greybg {
    background-color: #F8F8F8;
}

.blackbg {
    background-color: #3A3A3A;
}

/* Media query for large screens (desktops) */

/* Media query for medium screens (Ipad-mini) */

/* Media query for medium screens (tablets) */


/* Media query for small screens (mobile devices) */