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: #000000;
}

body>header>.toolbar {
    color: #ffffff;
    background-color: #5e5e5e;   
}

body>header>.toolbar .search-wrapper {
    color: #000000;

}


.retailer-data>div>.store-icon {
    fill: #ffffff;
}

body>header>.toolbar>.data>.settings>.language sp-kikar-dropdown>.sp-dropdown-text svg:not(.arrow) {
    fill: #ffffff;
}

body>header>.toolbar>.data>.settings>.user-details sp-kikar-dropdown>.sp-dropdown-text svg {
    fill: #ffffff;
}

sp-kikar-dropdown .sp-dropdown-text .arrow {
    fill: #ffffff;
}

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

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

.dialog.login-or-register>.dialog-body>h1 {
     Visibility: hidden;
}

.dialog.login-or-register>.dialog-body>h1:before {
    Visibility: visible;
    Content: "The site is active only for registered users \A \A To apply for The Family Store email info@thefamilystore.org"; 
     white-space: pre-wrap;  
     display: block;
    font-weight: 700;
    text-align: unset;
    color: #606060;
    padding-top: unset;
    padding-bottom: unset;
    font-family: sans-serif;
    font-size: .8em;
}

.payment-methods label:nth-child(2) span.label > span {
	visibility: hidden;
}

.payment-methods label:nth-child(2) span.label > span:before {
   display: inline-block;
   content: 'Prepaid Balance ';
   visibility: visible;
   }

html.checkout section.view .checkout-content .tab>.summary>div.summary-container .payment-details h5 {
   visibility: hidden;
}

html.checkout section.view .checkout-content .tab>.summary>div.summary-container .payment-details h5:before {
    visibility: visible;
    display: inline-block;
   content: "Enter your phone number on file";
}

body>header>.menu>.no-available-slots-wrapper {
    display: none;
}