@font-face {
	font-family: openSansTtf;
	src: url(../Font/OpenSans-Regular.ttf);
}

@font-face {
	font-family: poppinsTtf;
	src: url(../Font/Poppins-Bold.ttf);
}

:root {
    --orange: #FF8200;
    --orange-highlight: #FF9D1B;
	--white: #FFF;
}

body {
	font-family: 'Open Sans', openSansTtf, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.row-header {
	font-family: 'Poppins', poppinsTtf, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.login_action_container .btn-primary,
.order-direct-container,
.btn-primary,
.delivery-container .btn-primary {
	background: #8c837a !important;
}

	.btn-primary:hover,
	.btn-primary:focus,
	.login_action_container .btn-primary:hover,
	.login_action_container .btn-primary:focus {
		background: var(--orange) !important;
	}

a,
.header-points a,
.header-points span,
.product-points,
.product-icon div .mat-icon:hover,
.savings-goal-star-active,
.fade-out-block-button-open span, .fade-out-block-button-open .mat-icon,
.fade-out-block-button-close span, .fade-out-block-button-close .mat-icon,
.product-container-blocks .product-title a:hover {
	color: #8c837a;
}

	a:hover,
	a:focus {
		color: #8c837a;
	}

.loginblock a:hover,
.loginblock a:focus {
	color: var(--white);
}

login figure.table table,
login figure.table table tbody,
login figure.table table tr,
login figure.table table td,
login figure.table table th {
	border: none !important;
}

login figure.table table tbody {
	vertical-align: top;
}

login figure.table,
login figure.image {
	margin: auto !important;
}

.delivery-container .btn-primary,
.delivery-container .btn-primary:hover,
.delivery-container .btn-primary:focus {
	border: 1px solid #8c837a;
}

.ngrs-range-slider .ngrs-join {
	background-image: linear-gradient(var(--orange-highlight), var(--orange));
}

.catalog-block .catalog-icon-order {
    background-image: url(../Images/catalog_icon_order.png);
}

.catalog-block:hover .catalog-icon-order {
    background-image: url(../Images/catalog_icon_order.png);
}

.catalog-block .catalog-icon-new {
    background-image: url(../Images/catalog_icon_new.png);
}

.catalog-block:hover .catalog-icon-new {
    background-image: url(../Images/catalog_icon_new.png);
}

.catalog-block .catalog-icon-suggestions {
    background-image: url(../Images/catalog_icon_suggestions.png);
}

.catalog-block:hover .catalog-icon-suggestions {
    background-image: url(../Images/catalog_icon_suggestions.png);
}

.catalog-block .catalog-icon-offers {
    background-image: url(../Images/catalog_icon_offers.png);
}

.catalog-block:hover .catalog-icon-offers {
    background-image: url(../Images/catalog_icon_offers.png);
}

.catalog-block .catalog-icon-popular {
    background-image: url(../Images/catalog_icon_popular.png);
}

.catalog-block:hover .catalog-icon-popular {
    background-image: url(../Images/catalog_icon_popular.png);
}

.catalog-block .catalog-icon-savingsgoal {
    background-image: url(../Images/catalog_icon_savingsgoal.png);
}

.catalog-block:hover .catalog-icon-savingsgoal {
    background-image: url(../Images/catalog_icon_savingsgoal.png);
}

.catalog-block .catalog-icon-savingsgoal-has-savingsgoal {
    background-image: url(../Images/catalog_icon_savingsgoal.png);
}

.catalog-block:hover{
	background: var(--white);
	color: inherit !important;
}
.catalog-block-savingsgoal-overlay {
	background: var(--orange);
}

.wrapper_main_content_loggedin {
	/* must be same height as the footer */
	padding-bottom: 188px;
}

.wrapper_main_footer_loggedin {
	/* negative value of footer height */
	margin-top: -188px;
	height: 188px;
}

.max-body-width .logo-container,
.sticky-logo {
	padding-bottom: 10px;
}

.desktop-menu-container-sticky .sticky-logo {
	margin-top: 8px;
}

.social-container {
	float: right;
}

	.social-container img {
		margin-left: 8px;
	}

.social-container-mobile {
	text-align: center;
	margin-top: 10px;
}

	.social-container-mobile img {
		margin: 0 4px;
	}

a, .header-points a, .header-points span, .product-points, .product-icon div .mat-icon:hover, .savings-goal-star-active, .product-details-icon .mat-icon:hover, .fade-out-block-button-open span, .fade-out-block-button-open .mat-icon, .fade-out-block-button-close span, .fade-out-block-button-close .mat-icon, .product-container-blocks .product-title a:hover {
	color: var(--orange);
}


/* Header changes */
.row-header {
	background: #0a0b0e;
	color: var(--white);
}

.basket-click {
	background: url(../images/basket_icon.png) no-repeat bottom;
}

.header-points {
	line-height: 27px;
}

	.header-points a, .header-points span {
		color: var(--white);
	}

		.header-points a:hover {
			color: #e6e6e6;
		}

.logo-container {
	padding: 10px 0;
}

.desktop-menu-container-sticky .sticky-logo {
	margin-top: 5px;
}

.desktop-menu-container-sticky .basket-click {
	background: url(/images/basket_icon_mobile.png) no-repeat bottom;
	color: var(--white)FFF;
}

.savings-goal-dropdown, .basket-list {
	color: #333;
}

/* Menu changes */
.desktop-menu-container {
	background: var(--orange);
}

	.desktop-menu-container li a, .desktop-menu-container li a:focus, .desktop-menu-container-sticky li a {
		color: var(--white)FFF;
	}

		.desktop-menu-container li a:hover {
			background: var(--orange-highlight);
			color: var(--white)FFF;
		}

.submenu .dropdown-menu {
	background: var(--orange);
	opacity: 0.9;
}

.desktop-menu-container-sticky .header-points a {
	color: var(--white)FFF;
}

.desktop-menu-container {
	border-top: 1px solid var(--orange-highlight);
}

.desktop-menu-container-sticky {
	background: #0a0b0e;
}

.sticky-menu-items .submenu .dropdown-menu {
	background: #0a0b0e;
}

.desktop-menu-container-sticky li a:hover {
	background: #191c23;
	color: var(--white)FFF;
}


.login-intro-accent {
	color: var(--orange);
}


/* Footer */
.footer-container {
	background: #0a0b0e;
	color: var(--white);
}

	.footer-container a {
		color: var(--white);
	}

.privacylink {
	text-decoration: none !important;
}

	.privacylink:hover,
	.privacylink:focus {
		text-decoration: underline !important;
	}

/* Mobile */
.logo-container-mobile {
	background: #0a0b0e;
	padding-bottom: 10px !important;
}


.custom-button-row .btn {
	font-size: 20px;
}