:root {

--font: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;

--base-color: #0062A1;



--base-text-color: #fff;


--footer-color: #3C3C3C;


--footer-text-color: #fff;

--button-color: #0062A1;



--button-hover-color: hsl(from var(--button-color) h s calc(l - 5));


--button-text-color: #fff;


--header-color: #fefefe;


--header-text-color: #333;

--clear-filters-display-text: inline-block;


--clear-filters-display-icon: inline-block;

}

	.es-clear-all-filters-button .button-text {
	display: var(--clear-filters-display-text);
	}

	.es-clear-all-filters-button .button-icon {
	display: var(--clear-filters-display-icon);
	}

/*************** Header bar amendments ***************/

/*Remove duplicate header bar*/
#body > div.header-wrapper.collapse > div.inner-wrapper > div.row.header-bar.clearfix {
    display: none;
}

/*Modify header bar to fill the entire width of screen*/
.header-bar {
    max-width: 100%;
}

/*Change Left Text colour and header bar background colour*/
#body > div.header-wrapper.collapse > div.header-bar.clearfix {
    background-color: #3C3C3C;
	color: white;
}

/*Change Right Text colour and header bar background colour*/
#body > div.header-wrapper.collapse > div.row.header-bar.clearfix > div.header-bar-section.right > ul > li:nth-child(1) > a, 
#body > div.header-wrapper.collapse > div.row.header-bar.clearfix > div.header-bar-section.right > ul > li:nth-child(2) > a {
    color: white;
}

/*Remove seperating border between phone and email addess*/
#body > div.header-wrapper.collapse > div.row.header-bar.clearfix > div.header-bar-section.right > ul > li:nth-child(1) {
    border-right: none;
}

/*************** End Header bar amendments ***************/

/*************** Hide Postcode Checker ***************/	

.customer-registration-postcodefinder {
    display: none;
}

.address-information .addressinformation-header {
    padding-left: .9375rem;
    display: none;
}

/*************** END Hide Postcode Checker* ***************/

/*************** Focus Assortment Category buttons ***************/

.product-list-categories .product-list-category-button, .product-list-categories .product-list-category-button:hover, .product-list-categories .product-list-category-button:focus {
    color: white;
}

.product-list-category-button:focus, .product-list-category-button:hover {
    background-color: #336e1b;
}

/*************** END Focus Assortment Category buttons ***************/

/*************** Side Banners ***************/
.bf-promotion {
    position: absolute;
    max-height: 100vh;
}

.bf-promotion.right {
    right: 0;
}
/*************** END Side Banners ***************/

/*************** Search box size ***************/	
.quick-search-overlay .quick-search .search-result-products .prodlist-row {
    margin-bottom: 1px;
    height: 116px;
    padding: 8px 20px;
    display: flex
;
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
}
/*************** END Search box size ***************/

/*************** Sales Price colour ***************/		

.product-card .product-card-price .price .price-text {
    color: #0062a1;
}
.promotion-price.price {
    color: #0062a1;
}
.small-product-list-prices .small-product-list-price .product-price {
    color: #0062a1;
}
.prodlist-row {
    color: #0062a1;
}

/*************** END Sales Price colour ***************/