@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;900&display=swap');
@font-face {
	font-family: "DIN Next Devanagari W05 Bold";
	src: url("b1339a2ac36faa14e206d482e0063fc5.eot"); /* IE9*/
	src: url("b1339a2ac36faa14e206d482e0063fc5.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("b1339a2ac36faa14e206d482e0063fc5.woff2") format("woff2"), /* chrome、firefox */
	url("b1339a2ac36faa14e206d482e0063fc5.woff") format("woff"), /* chrome、firefox */
	url("b1339a2ac36faa14e206d482e0063fc5.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url("b1339a2ac36faa14e206d482e0063fc5.svg#DIN Next Devanagari W05 Bold") format("svg"); /* iOS 4.1- */
}
@font-face {
    font-family: FuturaNowTextBlack;
    src: url(fonts/FuturaNowTextBlack.ttf);
}

/* @font-face {
    font-family: Neue_Aachen_Pro_Medium;
    src: url(https://deliverit-vhosts.s3-ap-southeast-2.amazonaws.com/eldoradopizzabar.com.au/fonts/Neue_Aachen_Pro_Medium.otf);
} */

body {
	color: #000 !important;
}

.navbar {
	background: #222 !important;
    border-bottom: 1px solid transparent !important;
}

.nav-color {
    background: #262626 !important;
}

.navbar-inverse .navbar-nav>li>a {
	color: #fff !important;
	text-transform: uppercase !important;
	font-family: 'Poppins', sans-serif !important;
	font-weight: 600;
    height: 59px;
}


.logo img {
	width: 200px !important;
/*     left: -5%; */
}
.office-info {
	width: auto;
	background: linear-gradient(to bottom, #dedddd82, #dedddd82), url(https://deliverit-vhosts-sync.s3-ap-southeast-2.amazonaws.com/spudsandmore.com.au/images/bg.jpg) no-repeat !important;
	background-size: cover !important;
	background-attachment: fixed !important;
	background-position: center !important;
}

.storeinfo {
/*     margin-left: 20px; */
	color: #4b4b4b;
}
.office-info .desk-top-title {
	color: #222;
	text-transform: uppercase;
	font-family: DIN Next Devanagari W05 Bold, sans-serif;
	font-weight: 900 !important;
	font-size: 38px;
	letter-spacing: -1px;
/* 	display: none; */
}
.office-info p, #h-address a {
    color: #222;
    text-align: left !important;
    font-size: 15px !important;
    font-weight: 600;
    margin-left: 0px;
    font-family: "Poppins", sans-serif;
}

p.store-info.text-danger, strong {
    font-weight: 800;
    font-family: 'Open Sans', sans-serif;
}

#estimated-time {
	color: #fff;
}

/* Menu Nav */
#menu {
	box-shadow: 3px 10px 30px -25px rgba(0, 0, 0, 0.75);
	background-color: #fff  !important; 
}
#menu ul li a {
	color: #232021 !important;
	font-size: 15px !important;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif !important;
	font-weight: 600;
    letter-spacing: 1px;
}
#menu-cont > #menu > #menu-ul > li > a.menu-active {
	border-bottom: none !important;
	color: rgb(255 255 255) !important;
	background: #D82828 !important;
}
#menu ul li a:hover {
	color: #f3f3f3 !important;
	background: #222 !important;
	font-weight: 600 !important;
}
.pn-Advancer {
	background: #fff !important;
}
.pn-Advancer_Icon {
	fill: #232021 !important;
}

/* Menu Items */
.menu-item {
	background: #F9F9F9 !important;
    background-position: bottom !important;
    background-attachment: fixed !important;
    background-size: cover !important;
	padding: 10px;
    border-bottom: none;
/* 	margin-bottom: 40px; */
}

#menu-items ul li.group, 
#menu-items ul li.single {
	padding: 8px;
	border: 1px solid rgb(252 252 252) !important;
	border-radius: 10px;
	background: #e1e1e1;
	
}  

#menu-items ul li.single:hover,
#menu-items ul li.group:hover {
	background: #fff;
	border: 1px solid rgb(187 187 187) !important;
	transition: 0.5s !important;
	box-shadow: 6px 6px 0px 0px #71717166;
}

#menuitems-reorder .last-order .basket-ul>li {
    color: #f3f3f3;
}

#menu-items h1 {
	font-family: DIN Next Devanagari W05 Bold, sans-serif;
	color: #111 !important;
	padding: 15px;
	text-align: center;
	text-transform: uppercase !important;
	margin-right: 15px;
	font-weight: 900 !important;
	font-size: 35px !important;
}

#menu-desc-header, #menu-desc-footer {
	text-align: center;
	color: #222;	
	font-family: 'Open Sans', sans-serif;
	font-style: italic !important;
    font-size: 14px;
    margin-top: 40px;
}

#menu-items .item-title {
	text-transform: uppercase;
	color: #111;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
    font-size: 16px;
/*     padding-bottom: 40px !important; */
/* 	letter-spacing: .1em; */
}

#menu-items .item-price {
	color: #fff;
	background: #D82828 !important;
	border-radius: 5px;
	padding: 5px 10px 5px 10px;
	font-weight: 600 !important;
	font-family: 'Poppins', sans-serif;
	width: auto !important;
	font-size: 12px;
    letter-spacing: 1px;
}

.item-description {
	text-transform: none !important;
	color: #222 !important;
	font-size: 13px;
	font-weight: 400 !important;
	font-family: Open Sans, sans-serif;
}
.activetime_span {
	font-size: 12px !important;
}

.menu-item .item-thumb {
	background: #f9f9f9 !important;
}

/* Menu Modal */
#menu-items .modal-popup .modal-header h4{
	text-transform: capitalize !important;
	color: #212121 !important;
	font-family: 'Open Sans', sans-serif;
} 
h4.modal-title {
	text-transform: capitalize !important;
}
.modal-title.item-description-popup {
    font-family: 'Open Sans', sans-serif;
    text-transform: inherit !important;
}

#menu-items .modal-popup .modal-footer .popup-item-price {
	font-weight: 600;
	color: #212121 !important;
}

input:checked+.input-group-label {
	background: #D82828 !important;
	color: #fff !important;
}

.input-group-label:hover {
	background: #D82828 !important;
	color: #fff !important;
}

label.input-group-label {
    background: #2a2a2a !important;
    color: #fff;
}

img.check-img-popup {
	filter: invert(0) !important;
}

#menu-items ul li #item-buttons input[type="button"],
.item-add-buttons #modal-addbtn {
	background-color: #d82828 !important;
	border-color: #d82828 !important;
	text-transform: uppercase !important;
	color: #fff !important;
	font-weight: 600;
}

#menu-items ul li #item-buttons input[type="button"]:hover,
.item-add-buttons #modal-addbtn:hover{
	background-color: #222 !important;
	border-color: #222 !important;
	color: #fff !important;
}

/* Deals */
#displayDeals h2{
	text-transform: uppercase;
	color: #000 !important;
	padding: 15px;
	text-align: left; 
	letter-spacing: 0.1em;
    font-weight: 500 !important;
    font-family: 'Poppins', sans-serif;
}

/* half/ha;f */
#half-half-page h3 {
	letter-spacing: 0.1em;
    font-weight: 500 !important;
    font-family: 'Poppins', sans-serif;
}

/*footer*/
#footerOfflineAlert {
    background: #d82828;
    color: #fff !important;
}

p#footerOfflineAlert-close {
    color: #fff !important;
}

#footerOfflineAlert .progress {
    background-image: -webkit-linear-gradient(top,#fff 0,#fff 100%);
    background-image: linear-gradient(to bottom,#fff 0,#fff 100%);
    background: #fff !important;
}

#footerOfflineAlert .progress-bar {
    color: #0082e5;
    background-image: -webkit-linear-gradient(top,#000 0,#000 100%);
    background-image: linear-gradient(to bottom,#000 0,#000 100%);
}

/* Desktop Only */
@media (max-width: 1920px) {
	.office-info {
/* 	    background-position: 0px -350px !important; */
    }
}

@media (max-width: 1366px) {
	.office-info {
	    background-position: 0px 0px !important;
}

@media screen and (min-width: 1025px){
	.menu-item {
		margin-bottom: 0px !important;
	}
}

@media (max-width: 1024px){
	#menu-desc-header, #menu-desc-footer {
		text-align: center;
	}	
	#menu-items h1 {
		font-weight: 600 !important;
		background: transparent !important;
		margin-bottom: 20px;
		margin-top: 20px
	}
	#menu-items .modal {
		overflow-y:scroll !important;
	}
    .menu-item {
        background-position: -70px 0px !important;
    }
}

@media (max-height: 800px) and (min-height: 800px) {
    .office-info .desk-top-title {
        font-size: 50px;
    }
    .logo img {
        left: 2% !important;
    }
    .office-info .desk-top-title {
        margin-left: 50px !important;
    }
    .office-info p, #h-address a {
        margin-left: 50px !important;
    }
}

@media (max-width: 768px){
	#menu-cont > #menu > #menu-ul > li > a.menu-active {
		border-bottom: none !important;
		color: rgb(255 255 255) !important;
		background: #d82828 !important;
	}
	#menu ul li a {
		padding: 14px !important;
/* 		background-color: #f3f3f3 !important; */
	}
	#menu-items {
		padding: 2px !important;
	}
/* 	#menu-items h1 {
		background-color: #e2e2e200 !important;
		font-size: 25px !important;
		padding: 21px !important;
		border-bottom: none !important;
	} */
	#menu-items ul li.group, #menu-items ul li.single {
		padding: 20px;
		margin-bottom: 10px;
		border: 1px solid #dedede !important;
	}
	.menu-item .item-thumb img {
		width: 100% !important;
		max-height: 122px !important;
	}
	#menu-items h1 {
		font-size: 40px !important;
		margin-bottom: 20px;
		font-weight: 600 !important;
	}
}

@media (max-width: 480px){
	#menu-cont > #menu > #menu-ul > li > a.menu-active {
	    border-bottom: none !important;
	    color: rgb(255 255 255) !important;
		background: #d82828 !important;
	}
	a.menu-86812.first {
		border-radius: 0px !important;
	}
	.menu-item {
		padding: 10px !important;
	}
	.menu-item .item-thumb img {
		max-height: 202px !important;
	}
	#menu-items h1 {
		font-size: 34px !important;
		margin-bottom: 20px;
	}
}