:root {
  --primary: #020912;
  --primary-dark: #000;
  --primary-rgba: rgb(2, 9, 18, 1);
  --primary-light: #18293f;
  --secondary-light: #020912;
  --secondary: #c78b25;
  --secondary-dark: #c78b25;
  --link-color: rgb(199, 139, 37);
  --border-color: #c78b25;
  --color: #fff;
  --color-light: #ddd;
  --font-main: 'New York', Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times,
    Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --font-header: 'New York', Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times,
    Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --font_1: normal normal normal 16px/1.4em din-next-w01-light, sans-serif;
}

/************ STYLES ***************/
body {
  font-family: var(--font-main);
  background-color: var(--primary);
  color: var(--color);
}
h1,
h2,
h3,
h4,
h5,
h6,
label,
.high_light h3,
.parallax-content .sub_content h3,
.parallax-content-2 div h3,
ul#cat_nav li a,
h3.slide_typo {
  color: var(--color);
  font-family: var(--font-header);
}
a,
.desc h3 a,
.high_light h3,
.cart__option a,
.account__group .table .store--link,
.account__group .table a,
a.strip_list:hover h3,
.panel-title a,
.panel-title a .indicator,
.modal-popup a.close-link {
  color: var(--link-color);
}
.main_title h2,
h1.home-header__heading,
.home-header__subheading,
.loading-menu .loading-text,
.distance,
.desc h3 a:hover,
.box_home {
  color: var(--color);
}
.main_title p {
  color: var(--secondary);
}

.disabled,
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: var(--primary);
  color: var(--color);
  opacity: 0.5;
}

.modal-popup {
  border: 1px solid var(--border-color);
}
.modal.fade.in {
  background-color: rgba(0, 0, 0, 0.75);
}

input,
.form-control,
select,
#cart_box a.btn_full_outline,
#cart_box,
#cart_box h3,
#cart_coupon h3,
#filters_col,
#login_2 .modal-dialog .modal-content,
.strip_list,
.modal-content,
textarea {
  background: var(--primary);
  color: var(--color);
  border-color: var(--border-color);
}

ul#cat_nav li a span {
  color: var(--color-light);
}

.payment_select {
  background-color: rgba(255, 255, 255, 0.2);
}

.btn_1,
.btn_full,
.btn_icon,
.point-container__li a.active,
.high_light .btn_1,
#close-promo,
#close-promo:hover,
ul#cat_nav li a.active,
ul#cat_nav li a:hover,
legend,
#cart_box,
#cart_coupon,
.hero-bg .box_style_2,
.row.equal-height .store--detail .strip_list,
.modal-popup {
  background: var(--primary);
  color: var(--color);
}
.btn_1:hover,
.btn_full:hover,
a.btn_1:hover,
a.btn_full:hover {
  background: var(--primary);
}
.high_light .btn_1:hover,
.btn-info,
a.btn_1,
.btn_1,
a.btn_full,
#cart_box .btn_full,
#cart_box a.btn_full,
.btn_full {
  background-color: var(--secondary-dark);
}
.high_light {
  background: var(--secondary-light);
  color: var(--color);
  border-top: 1px solid var(--border-color);
}
a.btn_stylized {
  border: 1px solid var(--primary);
  color: var(--primary);
  background: var(--color);
}
a.btn_stylized:hover {
  color: var(--color);
  background: var(--primary);
}
footer a:hover,
.side-heading,
.home-header__search__input,
a:hover {
  color: var(--color);
}
.home-header__search__input {
  border: 1px solid var(--border-color);
}
.home-header__search--icon {
  color: #bbb;
}
.logo img {
  padding: 6px 0;
}

.parallax-window .full-screen {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  justify-content: center;
}

.frontend .main-menu > ul > li > a,
.frontend .main-menu > ul > li > a:hover,
.menu-list__item--lunch,
.service__wrapper__notice,
footer a,
.footer-delivery-areas li a,
#cart_coupon #coupon_info,
.email--resend,
.contact__info a,
.login__model--link,
.cart__address--change,
.cart__other__store,
.delivery__info--more,
.register__model--link {
  color: var(--link-color);
}
.frontend .main-menu > ul > li > a,
.frontend .main-menu > ul > li > a:hover {
  background-color: var(--primary);
  border: 1px solid var(--border-color);
}
.homepage .strip_list {
  color: var(--link-color);
  background-color: var(--primary);
  border: 1px solid var(--link-color);
  border-bottom: solid 3px var(--border-color);
}
.homepage .strip_list:active,
.homepage .strip_list:hover,
.store-finder .strip_list:active,
.store-finder .strip_list:hover {
  color: var(--color);
  background-color: var(--primary) !important;
  border-color: var(--border-color);
}
.homepage .strip_list:active,
.homepage .strip_list:hover {
  border-bottom: solid 6px var(--border-color);
}
.store-finder .strip_list:active,
.store-finder .strip_list:hover {
  border: 1px dashed var(--border-color);
}

.menu-list__item:hover,
ul#cat_nav li a:hover,
#position,
#position ul,
#position ul li a {
  background-color: var(--primary-light);
  color: var(--color);
}

.mfp-close,
.mfp-title {
  opacity: 1;
  color: var(--color);
}

#main_menu h3 {
  font-size: 1.5em;
}

header,
.alt-banner,
footer,
.white_bg,
.home__content,
.panel,
.panel-default > .panel-heading,
.main-menu .submenu ul,
.main-menu .submenu ul a,
#preloader,
.box_style_1,
.box_style_1 h2.inner,
.box_style_2,
.box_style_2 h2.inner {
  background-color: var(--primary);
  color: var(--color);
}
header,
header.sticky {
  background: var(--primary-rgba);
}
footer,
.home__content,
.cart__other,
.copyright {
  border-top: 1px solid var(--border-color);
}
footer ul.page-list li:after,
.main-menu .submenu ul,
.main-menu .submenu ul a,
.box_style_2,
.btn-info,
.panel,
.box_style_1,
hr,
hr.styled,
.menu-list__item,
ul#cat_nav li,
.panel-default > .panel-heading,
.panel-default > .panel-heading + .panel-collapse > .panel-body,
.home__content {
  border-color: var(--border-color);
}
.main-menu .submenu ul {
  border-right: 1px solid var(--border-color);
  border: 1px solid var(--border-color);
}
.main-menu .submenu ul a,
#cart_box h3,
#cart_coupon h3 {
  border-bottom: 1px solid var(--border-color);
}
.main-menu .submenu ul:before {
  border-bottom-color: var(--border-color);
}
.main-menu .submenu ul a:hover {
  background-color: var(--primary);
}
.home-header__wrapper {
  background: rgba(0, 0, 0, 0.7);
}

.cart__count {
  background: var(--color);
  color: var(--primary);
  border: 1px solid var(--border-color);
}

.refer-button {
  color: var(--color) !important;
  background: var(--secondary);
}
.free-delivery,
.free-delivery-fixed {
  color: #459900;
}
.green {
  color: #6c3;
}
.red,
.error,
.order-status.refund {
  color: rgb(255, 137, 137);
}
.red:hover,
.error:hover,
.order-status.refund:hover {
  color: rgb(255, 137, 137);
}

.loading-menu .sk-spinner-wave div {
  background-color: var(--primary-dark);
  opacity: 0.7;
}
#subheader:after {
  background-color: rgba(0, 0, 0, 0.6);
}

@media only screen and (max-width: 991px) {
  header {
    background-color: var(--primary);
  }
  .frontend .main-menu ul li a {
    color: var(--color);
    background-color: var(--primary);
  }
  .btn_1:hover,
  .btn_full:hover,
  a.btn_1:hover,
  a.btn_full:hover {
    background: var(--primary);
  }
}
@media only screen and (min-width: 991px) {
  #main_menu h3 {
    color: var(--color);
  }
}

/************ TIP & DELIVERY OPTIONS **************/
.tip-container-new input.disabled {
  background-color: rgba(0, 0, 0, 0.05);
}
.tip-container__li a {
  background-color: var(--primary);
  color: var(--color);
}
.tip-container__li a.active,
.account__address__wrapper li.account__address--no {
  background-color: #f4f4f4;
  color: var(--primary-dark);
}
.tip-group button {
  background-color: #f4f4f4;
}
.tip-group button:focus,
.tip-group button:active,
.tip-group button:focus-visible {
  background-color: #f4f4f4 !important;
}
.tip-group button.notnow {
  color: var(--color);
  background: #555;
}

.delivery-quotes {
  border: 1px solid #ddd;
  color: var(--primary);
}
.delivery-quotes .item {
  background-color: #fafafa;
  border-bottom: 1px solid #ddd;
}
.delivery-quotes .item.active {
  opacity: 1;
  background-color: #e8ffe0;
}
