/*invert the icons for language and store on the top bar*/
body>header>.toolbar>.data>.coupons.coupons img, 
body>header>.toolbar>.data>.coupons sp-dropdown img,
body>header>.toolbar>.data>.language sp-dropdown img,
body>header>.toolbar>.data>.newsletter sp-dropdown img,
body>header>.toolbar>.data>.retailer-data sp-dropdown img,
body>header>.toolbar>.data>.user-details sp-dropdown img {
    filter: invert(0);
    -webkit-filter: invert(1);
}

/*change colour and font-weight of all text on top bar*/
sp-dropdown .sp-dropdown-text,
body > header > .toolbar > .data > .user-details > button.login,
header .toolbar sp-dropdown label,
header > .toolbar > .data > .user-details sp-dropdown > .sp-dropdown-options-wrapper {
	color: black !important;
	font-weight: 400;
}

/*change colour of border lines on top bar*/
body > header > .toolbar > .data > .border:after {
	background-color: black!important;
}

sp-dropdown .sp-dropdown-text .arrow {
    filter: invert(1);
}

/* menu display icon + text*/ 
body>header>.menu>.categories>.category>.category-content>.content>.image {
    display: block; 
	padding-bottom: .3em;
}

body>header>.menu>.categories>.category>.category-content>.content>.name {
    color: #FFFFFF;
}

 body>footer .inner-footer .retailer-links{
  width: 30em;
  columns: 10em;
}

body>footer .inner-footer {
  height: auto;
  align-items: center;
  margin: auto;
}

body>footer .inner-footer .retailer-links > * {
    display: inline-block;
}

/*change colour of main categories background*/
body > header > .menu > .categories > .category {
    background-color: #89C44D;
}

/*change colour of category borders on the left and right*/
body > header > .menu > .categories > .category {
	border-left: 1px solid #FFFFFF;
}

html.rtl body > header > .menu > .categories > .category {
	border-right: 1px solid #FFFFFF;
}

body > header > .menu > .categories > .category > .category-content:hover {
    border-bottom: 5px solid #8ac754;
}

section.view sp-items>.tools-wrapper .tools .tools-opener {
    background-color: #539833;
}

body > header > .menu > .categories > .category > .category-content > .content > .image > img.normal {
	display: none;
}

body > header > .menu > .categories > .category > .category-content > .content > .image > img.current {
	display: inline-block;
}

checkout-bottom-banner .total-summary .next-button button {
    border-color: #FFFFFF;
}

checkout-bottom-banner .total-summary .est-total .total .items-total {
    color: #FFFFFF;
}

span.newsletter {

    filter: invert(1);
}

.coupons > a > span {

    color: black;
}