:root{
  --brand-color: #d00010;               
  --font-heading: 'Montserrat','Inter',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
}

body>header>.menu>.categories-title {
    background-color: #d00010;
}

body>header>.categories-wrapper>.categories>.category.open>.category-name>.name-wrapper {
    background-color: #13ac02;
}

body>header>.categories-wrapper>.categories>.category.open:hover>.category-name>.name-wrapper {
    background-color: #13ac02;
}

html.home section.main section.view .home-page-wrapper>.content>.component h4 {
    font-size: 2.5em;
}

body>header>.menu>.next-delivery-wrapper>.next-delivery-content-wrapper>.next-delivery-content>.next-delivery-icon {
    height: 80%;
}

body>header>.menu>.categories-title>.categories-title-text {
    vertical-align: middle;
    color: #ffffff;
    
}

body>header>.menu>.categories-title>.categories-icon {
    fill: #ffffff;
    
}

body>header>.categories-wrapper>.categories>.category.open>.category-name {
    font-weight: 700;
    color: #ffffff;
}

li.category.open div.category-name span.image img {
	filter: brightness(0) invert(1);
}

section.view sp-items>.fixed-wrapper>.title-and-side-bar>.side-bar>.filter-item>.filter>.filter-content>.filter-button-wrapper.selected, section.view sp-items>.fixed-wrapper>.title-and-side-bar>.side-bar>.filter-item>.filter>.filter-content>.filter-button-wrapper.selected:hover {
    color: #ffffff;
}

section.view sp-items>.fixed-wrapper>.filtering-filters-wrapper>.filtering-filters .filters-group>.filters-item {
    color: #ffffff;
}

section.view sp-items>.fixed-wrapper>.filtering-filters-wrapper>.filtering-filters .filters-group>.filters-item>.x>svg {
    fill: #ffffff;
}

section.view sp-items>.fixed-wrapper>.title-and-side-bar>.side-bar>.filter-item>.filter .filter-content>.filter-button-wrapper>.icons>.clear-btn {
    fill: #ffffff;
}

.actions>button.add-to-cart, .actions.large-actions.landscape>.sp-quantity .quantity-wrapper, .product-

actions>button.add-to-cart, .product-actions.large-actions.landscape>.sp-quantity .quantity-wrapper {
    color: #ffffff;
        background-color: #13ac02;
}

.actions.landscape.large-actions>button.add-to-cart>svg, .product-actions.landscape.large-actions>button.add-to-cart>svg {
    filter: brightness(0) invert(1);
}

/*Product count small circle*/
.sp-cart-line-count>div {
    color: #ffffff;
    background-color: #13ac02;
}

.sp-cart-line-count>div>span {
    color: ##ffffff
}

/* body>header>.toolbar {
    color: #ffffff;
    background-color: var(--brand-color);
    
} */

/* body>header>.toolbar>.data>.settings>.user-details sp-kikar-dropdown>.sp-dropdown-text svg {
    fill: #ffffff;
    width: 1.918em;
}
 */
=

.retailer-data>div>.store-icon {
    width: 2.148em;
    height: 1.9175em;
    vertical-align: middle;
    fill: #ffffff;
}

html div.sidenav>section.cart>header>.previous-orders {
    background: var(--brand-color);
}

html div.sidenav>section.cart>header>.data {
    background: var(--brand-color);
    color: #ffffff;
}

html div.sidenav>section.cart>header>.data>.number-of-items>span.number {
    background: var(--brand-color);
}

html div.sidenav>section.cart>header>.data>button {
    border: 2px solid #ffffff;
}

html div.sidenav>section.cart>header>.data>.number-of-items>svg {
    fill: #ffffff;
}

html div.sidenav>section.cart>header>.data>.number-of-items>span.number {
    border: 2px solid #ffffff;
}

checkout-bottom-banner .checkout-bottom-banner-wrapper>.checkout-banner>.content button.back-button, checkout-bottom-banner .checkout-bottom-banner-wrapper>.checkout-banner>.content button.continue-shopping {
    
    vertical-align: middle;
    color: #ffffff;
    border: 2px solid #ffffff;
    font-weight: 700;
    padding: 0.5em 2em;
    border-radius: 3em;
    height: 100%;
}

checkout-bottom-banner .checkout-bottom-banner-wrapper>.checkout-banner>.content>.total-summary {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #ffffff;
}

checkout-bottom-banner .checkout-bottom-banner-wrapper>.checkout-banner>.content>.total-summary>.total-price>.number-of-items>svg {
    height: 2.625em;
    width: 2.625em;
    fill: #ffffff;
}

checkout-bottom-banner .checkout-bottom-banner-wrapper>.checkout-banner>.content>.total-summary>.total-price>.number-of-items>span.number {
    border: 2px solid #ffffff;
    background-color: var(--brand-color);
}

.sp-radio-buttons.switcher > label.sp-radio-option.checked {
    color: #ffffff;
}

/* body>header>.toolbar>.data>.search-wrapper>.input>input[type=search] {
    color: #000000;
}
 */
html.checkout section.view .checkout-content .tab > .details section.delivery-details > .data > .details-region .sp-slider-picker .slider-items-wrapper .slider-items > .slider-item.selected > .slider-item-content > ng-include > .date, html.checkout section.view .checkout-content .tab > .details section.delivery-details > .data > .details-region .sp-slider-picker .slider-items-wrapper .slider-items > .slider-item.selected > .slider-item-content > ng-include > .date-name, html.checkout section.view .checkout-content .tab > .details section.delivery-details > .data > .details-region .sp-slider-picker .slider-items-wrapper .slider-items > .slider-item.selected > .slider-item-content > ng-include > .date.today {
    color: #ffffff;
}

html.checkout section.view .checkout-content .tab > .details section.delivery-details > .data > .details-region .sp-slider-picker .slider-items-wrapper .slider-items > .slider-item > .slider-item-content > ng-include .selected-time {
    color: #ffffff;
}

html.checkout section.view .checkout-content .tab > .details section.delivery-details .dropdown-options-wrapper > .dropdown-options ng-include .drop-down-items-wrapper .dropdown-items > .dropdown-item.selected, html.checkout section.view .checkout-content .tab > .details section.delivery-details .dropdown-options-wrapper > .dropdown-options ng-include .drop-down-items-wrapper .dropdown-items > .dropdown-item.selected:hover {
    color: #ffffff;
}

html.checkout section.view .checkout-content .tab>.summary>div.summary-container .payment-details .check-out-button button {
    color: #FFFFFF;
}

html.finish section.view>[ui-view]>.checkout-content>.tab>.finish-content>button.continue-shopping {
    font-size: 1.5625em;
    height: 2em;
    border-radius: 2em;
    color: #ffffff;
    font-weight: 700;
    padding: 0 2em;
}

.actions.landscape>button.add-to-cart>svg, .product-actions.landscape>button.add-to-cart>svg {
    height: 1.8em;
    width: 2.4em;
    fill: #ffffff;
}

/*Desktop Remove price per 100 gram*/
div.dialog.product>.dialog-body>.product-details .product-details .bottom>.weight-and-price>.sp-product-price>.normalize-price {
display: none;
}

div.sp-product-price>.normalize-price {
display: none;
}

html.checkout section.view .checkout-content .tab>.details section.delivery-details .dropdown-options-wrapper>.dropdown-options ng-include .dropdown-items-wrapper .dropdown-items>.dropdown-item.selected {
    color: #ffffff;
}

html div.sidenav>section.cart>.collapsible>section.cart>.product-in-cart>div.product-content>.quantity-wrapper>.sp-cart-line-count>div {
    background-color: var(--brand-color);
}

sp-product>.product-dialog-indication {
    fill: #ffffff;
}

.sp-cart-line-count>div>span {
    /* background-color: var(--brand-color); */
    color: #ffffff;
}

.sp-list-items-wrapper table>tbody>tr.line>td.quantity>.sp-cart-line-count>div {
    background-color: var(--brand-color);
}

/* Removing coupon message*/

.sp-list-items-wrapper table>tbody>tr.line.coupon>td.coupon-actions>div>div.error {
    display: none;
}

[special-description-split]>.special-description-title {
    display: none;
}

html div.sidenav>section.cart>.collapsible>section.cart>.product-in-cart>div.coupon-content>div.data>div.error {
    display: none;
}

checkout-bottom-banner>.checkout-bottom-banner-wrapper>.checkout-banner {
    background-color: var(--brand-color);
}


sp-kikar-dropdown:nth-child(2) .sp-dropdown-text .arrow {
    fill: #000000;
}

/* body>header>.toolbar>.data>.settings>.language sp-kikar-dropdown svg, body>header>.toolbar>.data>.settings>.retailer-data sp-kikar-dropdown svg, body>header>.toolbar>.data>.settings>.user-details sp-kikar-dropdown svg {
    fill: #ffffff;
} */

sp-kikar-dropdown .sp-dropdown-options-wrapper .sp-kikar-option:nth-child(4) .label>.option-content>:nth-child(2) {
    visibility: hidden;
}

sp-kikar-dropdown .sp-dropdown-options-wrapper .sp-kikar-option:nth-child(4) .label>.option-content>:nth-child(2):before {
    content: "Change Area";
    visibility: visible;
}

checkout-bottom-banner .checkout-bottom-banner-wrapper>.checkout-banner>.content>.total-summary>button.next-button {
    border: 2px solid #ffffff;
}

/* Chnages the color of the link image icon at the bottom to white */ 

body>footer>.retailer-links>table tr>td img {
    filter: invert(1);
}

html.home section.main section.view .home-page-wrapper>.content>.component {
    gap: .7em;
    padding-top: .7em;
    padding-bottom: .7em;
    border-radius: 1px;
}

html.user-edit .account-options .continue-shopping-button {
    color: #ffffff;
}


.item.product>.product-item.bumper>.recipe-bumper .name {
    font-size: 1.4375em;
    margin-top: 0.5em;
}


/* Remove gradient-background on home page carousel */
.links-carousel-item .gradient-background {
  display: none !important;
}



html.checkout .dropdown-items-wrapper .dropdown-item {
  font-size: 1.3rem;    
  line-height: 2.2;  
}

html.checkout section.view .checkout-content .tab>.details section.delivery-details .dropdown-options-wrapper>.dropdown-options ng-include .dropdown-items-wrapper .dropdown-items>.dropdown-item.us-format {
    border: 2px solid  var(--brand-color);
    border-radius: 20px;
    background-color: #d00010;
    color:#ffffff
}


html.checkout section.view .checkout-content .tab>.details section.delivery-details .dropdown-options-wrapper>.dropdown-options ng-include .dropdown-items-wrapper .dropdown-items>.dropdown-item.us-format.selected {
    border: 2px solid  var(--brand-color);
    border-radius: 20px;
    background-color: #ffffff;
    color: var(--brand-color);
}  

/* Filter entire store font size */
body>header>.toolbar>.data>.search-wrapper>.permanent-filters>button .main-flex {
    font-size: 0.9em;
}

.actions.landscape>button.add-to-cart svg, .product-actions.landscape>button.add-to-cart svg {
    fill: #ffffff;
}