/*ToolbarColor*/
body>header>.toolbar {
    background-color:#207d3f ;
}
/*images of tool bar*/
header .toolbar .retailer-data sp-dropdown .sp-dropdown-text img,
 header .toolbar .user-details sp-dropdown .sp-dropdown-text img ,
 header .toolbar .language sp-dropdown .sp-dropdown-text img, 
 header .toolbar .newsletter  img
 /* {
    /* filter: invert(1); */
    /* -webkit-filter: invert(1); */
} */
/*images of tool bar on open state*/
 header .toolbar .retailer-data sp-dropdown.open .sp-dropdown-text img,
 header .toolbar .user-details sp-dropdown.open .sp-dropdown-text img ,
 header .toolbar .language sp-dropdown.open .sp-dropdown-text img
 {
    filter: invert(0);
    -webkit-filter: invert(0);
}
/*text color for drop down list of toolbar*/
body>header>.toolbar>.data>.user-details sp-dropdown>.sp-dropdown-options-wrapper>sp-option .option-content, body>header>.toolbar>.data>.language sp-dropdown>.sp-dropdown-options-wrapper>sp-option .option-content, body>header>.toolbar>.data>.retailer-data sp-dropdown>.sp-dropdown-options-wrapper>sp-option .option-content {
    border-top: 1px solid #FFFFFF;
    color: #ffffff;
}
/* color for drop down list of toolbar on hover state* usually the same as current category */
body>header>.toolbar>.data>.user-details sp-dropdown>.sp-dropdown-options-wrapper>sp-option:hover,
body>header>.toolbar>.data>.language sp-dropdown>.sp-dropdown-options-wrapper>sp-option:hover,
body>header>.toolbar>.data>.retailer-data sp-dropdown>.sp-dropdown-options-wrapper>sp-option:hover {
    background-color: #ff8a18 !important;
}
/*categories text color*/
body>header>.menu>.categories>.category>.category-content>.content>.name
{
	color: #ffffff;
}

/*categories images color - specials and my items*/
body>header>.menu>.categories>.category>.category-content>.content>.image>img.normal {
    display:none;
	background-color: #FFFFFF;
}

body>header>.menu>.categories>.category>.category-content>.content>.image>img.current {
    display: inline-block;
	color: #000000 !important;
}

/*text toolbar*/
sp-dropdown .sp-dropdown-text * {
    /* color: #000000 !important; */
}
sp-dropdown.open .sp-dropdown-text * {
	color: #ffffff !important;
}

/*--------login text  - before login -------------*/
body>header>.toolbar>.data>.user-details>button.login {
	/* color: #000000 !important; */
}


html div.sidenav>div>nav>header
{
	background-color: #207d3f;
}

html.close-sidenav div.sidenav>div>nav.cart>header .toggle-cart {
	/* filter: invert(1); */
}

html div.sidenav>div>nav>header .left>.toggle-cart {
	/* filter: invert(1); */
}

div.sidenav>div>nav>header .left>.cart-icon {
	/* filter: invert(1); */
}

html div.sidenav>div>nav>header {
	/* color: #000000 */
}

/*drop down menu on login/store detailes/and language*/
body>header>.toolbar>.data>.user-details sp-dropdown.open, body>header>.toolbar>.data>.language sp-dropdown.open, body>header>.toolbar>.data>.retailer-data sp-dropdown.open,
body>header>.toolbar>.data>.user-details sp-dropdown>.sp-dropdown-options-wrapper, body>header>.toolbar>.data>.language sp-dropdown>.sp-dropdown-options-wrapper, body>header>.toolbar>.data>.retailer-data sp-dropdown>.sp-dropdown-options-wrapper{
    background-color: #ff8a18 !important;
}
/*---------search button------------------*/


/*search button color*/
body>header>.toolbar>.data>.search-wrapper>.search>.input>button
{
	background-color: #ff8a18  !important;
}
/*search area color*/
body>header>.toolbar>.data>.search-wrapper>.search>.input>input
{
    background-color: #E8E8E8 !important;
}
/*--------categories-------------*/

/*categories lines seperator*/
body>header>.menu>.categories>.category {
    
	border-left: 1px solid #ffffff !important;
}
/*categories color*/
body>header>.menu>.categories>.category>.category-content
{
	    background: #ff8a18 !important;
}
/*categories current*/
body>header>.menu>.categories>.category.current>.category-content {
    background-color: #ff8a18  !important;
}

/*under line on over and selected - usually as current category*/
body>header>.menu>.categories>.category.open>.category-content
{
	box-shadow: inset 0px -5px #ff8a18  !important;
}


/*---------------------checkout-------------------*/
/*check out button*/
html div.sidenav>div>nav.cart>footer>.checkout>span
{
	background-color: #ff8a18 ;
}
/*small check out button*/
html div.sidenav>div>nav>header .right .button
{
	background-color: #ff8a18 ;
}
/*Check out button text color*/
html div.sidenav>div>nav.cart>footer>.checkout>span>span,
html div.sidenav>div>nav.cart>footer>.checkout>span
{
	color:   #ffffff !important;
}
/*secondary checkout button color*/
checkout-bottom-banner .total-summary .next-button button {
    background-color: #ff8a18 ;
    border-color: #ffffff;
    color: #ffffff;
}

html.home>body>footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #555555;
	color: #ffffff
}

checkout-bottom-banner .help-buttons .continue-shopping button {
    color: #000000;
    border: 2px solid #000000;
}

checkout-bottom-banner .total-summary .back-button button {
    color: #ffffff;
    border: 2px solid #ffffff;
}

checkout-bottom-banner .total-summary .est-total .title, checkout-bottom-banner .total-summary .est-total .total {
    color: #ffffff;
}

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

checkout-bottom-banner .total-summary>.saved-price>div>span {
    color: #ffffff;
}

body>header>.toolbar>.data>.user-details sp-dropdown>.sp-dropdown-options-wrapper>.sp-option:hover, body>header>.toolbar>.data>.user-details sp-dropdown>.sp-dropdown-options-wrapper .sp-option.active, body>header>.toolbar>.data>.language sp-dropdown>.sp-dropdown-options-wrapper>.sp-option:hover, body>header>.toolbar>.data>.language sp-dropdown>.sp-dropdown-options-wrapper .sp-option.active, body>header>.toolbar>.data>.retailer-data sp-dropdown>.sp-dropdown-options-wrapper>.sp-option:hover, body>header>.toolbar>.data>.retailer-data sp-dropdown>.sp-dropdown-options-wrapper .sp-option.active {
    background-color: ##ff8a18;
}

html.cart-summary section.view div.fixed-banner .left .title {
    color: #ff8a18;
}

section.view sp-items .fixed-banner-wrapper .fixed-banner .banner-body>.main-row>.title, section.view sp-items .fixed-banner-wrapper .fixed-banner .banner-body>.main-row>.back-btn {
    color: #ff8a18;
}

body>header>.toolbar>.data>.search-wrapper>.search>.input>input {
    color: #000000;
}
	
body>header>.toolbar>.data>.search-wrapper>.search>.input>input[type=search].placeholder {
    color: #000000;
}	

sp-dropdown .sp-dropdown-text .arrow {
    /* filter: invert(0);
    -webkit-filter: invert(1); */
}

sp-dropdown.open .sp-dropdown-text .arrow {
    filter: invert(0);
    -webkit-filter: invert(0);
}

html.home section.view .home-page-wrapper>.content>.component {
    padding: 1.875em 0 1.875em 0;
    background-color: #E8E8E8;
}

section.view sp-items>.tools-wrapper .tools .tools-opener .text {
	color: #000000
}

/* Toolbar Store details */
body>header>.toolbar>.data>.retailer-data sp-dropdown>.sp-dropdown-options-wrapper>.sp-option:hover {
	color: #000000;
	background-color: ##ff8a18;
}

body>header>.toolbar>.data>.retailer-data sp-dropdown>.sp-dropdown-options-wrapper>.sp-option .option-content:hover .img-container {
	filter: invert(0);
	-webkit-filter: invert(1);
	color: #fff;
	fill: #fff;
}

body>header>.toolbar>.data>.retailer-data sp-dropdown>.sp-dropdown-options-wrapper>.sp-option.active {
	background-color: #ff8a18
}

body>header>.toolbar>.data>.retailer-data sp-dropdown>.sp-dropdown-options-wrapper>.sp-option.active:hover {
	background-color: ##ff8a18
}

/* Toolbar Language details */
body>header>.toolbar>.data>.language sp-dropdown>.sp-dropdown-options-wrapper>.sp-option:hover {
	color: #000000;
	background-color: ##ff8a18;
}

body>header>.toolbar>.data>.language sp-dropdown>.sp-dropdown-options-wrapper>.sp-option.active {
	background-color: #ff8a18
}

body>header>.toolbar>.data>.language sp-dropdown>.sp-dropdown-options-wrapper>.sp-option.active:hover {
	background-color: ##ff8a18
}

/* Toolbar User details */
body>header>.toolbar>.data>.user-details sp-dropdown>.sp-dropdown-options-wrapper>.sp-option:hover {
	color: #ffebeb;
	background-color: ##ff8a18;
}

body>header>.toolbar>.data>.user-details sp-dropdown>.sp-dropdown-options-wrapper>.sp-option.active {
	background-color: #ff8a18
}

body>header>.toolbar>.data>.user-details sp-dropdown>.sp-dropdown-options-wrapper>.sp-option.active:hover {
	background-color: ##ff8a18
}

/* Clear cart icon */
html div.sidenav>div>nav header.nav-header .left>.clean-cart-icon, html div.sidenav>div>nav>header .left>.clean-cart-icon {
	background-color: #8F8F90;
}


/* Center delete button in cart */
img.middle.remove-icon {
	padding-top: 0.35em
}

span.middle.delete-text {
	color: #000000;
	padding-top: 0.8em;
	margin-left: -0.6em;
}

/* Side filter down arrows */
div.sorter sp-dropdown .sp-dropdown-text .arrow {
	filter: invert(0);
    -webkit-filter: invert(0);
}

.dialog.login-or-register>.dialog-body sp-tabs>.sp-tabs-panes>sp-tabs-pane>div form[name=loginForm] button {
	background: #ff8a18
}

.dialog.login-or-register>.dialog-body sp-tabs>.sp-tabs-panes>sp-tabs-pane>div form[name=loginForm] button, .dialog.login-or-register>.dialog-body sp-tabs>.sp-tabs-panes>sp-tabs-pane>div form[name=registerForm] button:not(.no-design) {
	background: #ff8a18
}

body>header>.toolbar>.data>.user-details sp-dropdown>.sp-dropdown-options-wrapper>.sp-option:hover {
	color: #ffffff
}

body>header>.toolbar>.data>.retailer-data sp-dropdown>.sp-dropdown-options-wrapper>.sp-option:hover {
	color: #ffffff
}

body>header>.toolbar>.data>.retailer-data sp-dropdown>.sp-dropdown-options-wrapper>.sp-option .option-content:hover .img-container {
	filter: invert(0);
}

sp-dropdown .sp-dropdown-options-wrapper .sp-option label>.option-content>.option-link {
	color: #ffffff
}

button:not(.no-design), .button {
	background: #207d3f;
	/* color: #000000 */
}

button:not(.no-design):not(.highlight):not(.grey):not(.white-solid):hover:enabled, button:not(.no-design):not(.highlight):not(.grey):not(.white-solid):focus:enabled, .button:not(.highlight):not(.grey):not(.white-solid):hover:enabled, .button:not(.highlight):not(.grey):not(.white-solid):focus:enabled {
	color: #ffffff
}

div.sp-quantity>.btns-row>.quantity-wrapper>sp-vertical-value-slider>input{
	color: #000000
}

.sp-cart-line-count>.count-wrapper {
	background: #ff8a18
}

.sp-radio-buttons.switcher>label.sp-radio-option.checked {
	background: #207d3f
}

.user-edit .account-options .option-btn.selected {
	background: #207d3f
}

checkout-bottom-banner .help-buttons .continue-shopping button {
    color: #000000;
    border: 2px solid #000000;
}