﻿:root {
    --header-colour: #FF5003;
    --header-text-colour: #fff;
    --header-logo: url('/_assets/themes/mydelhi/logo.svg') no-repeat;
    --header-width: 120px;
    --header-height: 65px;
    --nav-icon-colour: #fbc141;
    --main-colour: #FF5003; /* Text */
    --darker-colour: #0A8952;
    --main-background-colour: #F4E5D4; /* behind background image if applicable*/
    --postcode-background-color: #FF5003;
    --postcode-button-color: #fbc141;
    --footer-colour: #000;
    --home-banner-background-image: none;
    --home-banner-background-colour: #EFB4CA;
    --home-banner-text-colour: #ffffff;
    --home-background-image: none;
    --home-advert-background-colour: #58ADC4;
    --home-advert-font-colour: #fff;
    --home-gradient: transparent;
    --secondary-colour: #0A8952;
}

#logo {
    background-size: initial !important;
}

.sync-block > h2 {
	background: #ffffff;
	color: #000000;
}

#menu ul:first-of-type {
	background: #ffffff;
}

#menu ul li a {
	color: #000000;
}

.mobile-horizontal-menu {
	background: #ffffff;
}

.mobile-horizontal-menu a {
	background: #ffffff;
}

.li-horizontal-menu a {
	color: #000000 !important;
}

.mobile-horizontal-menu a.active {
	background: #000000;
	border-radius: 20px;
	color: #fff !important;
}

#menu ul {
	display: inline-block;
	margin: 0;
	background: #ffffff;
}

.basketCount a {
	color: #000000 !important;
}

.basketCount > span {
	color: #000000;
}

#menu {
	display: flex;
	position: relative;
	background: #190641;
	z-index: 20;
	border-bottom: 0px solid #ffffff;
	padding-right: 60px;
}

.mobile-horizontal-menu a:hover {
	background: #ddd;
	color: #000 !important;
}

.intro-food2go {
	background: #000000;
}

span.order {
	background: #000000;
	color: #ffffff;
}

.list-a > li > ul > li, li.sale {
	color: #000000;
}

#menu ul li a:hover {
	color: #000000;
}

a[href="#more"].active {
	color: #000000 !important;
}

#more > li > a {
	color: #000000 !important;
	display: inline-block !important;
}


@media only screen and (max-width: 760px) {
#menu ul:first-of-type {
	display: block;
	overflow-y: hidden;
	background: #ffffff !important;
	height: 58px;
	width: 15%;
}
}