/* Red Orchid brand palette overrides: logo red, black and white. */
:root {
  --orchid-red: #d71920;
  --orchid-dark-red: #b5121b;
  --orchid-black: #111111;
  --orchid-white: #ffffff;
  --orchid-light: #f5f5f5;
}

body { background: var(--orchid-white); color: #222222; }
#sidebar { background: var(--orchid-black); color: var(--orchid-white); }
#sidebar .navbar-info,
#sidebar .navbar-info p,
#sidebar .navbar-default .navbar-nav > li > a { color: var(--orchid-white); }
#sidebar .navbar-default .navbar-nav > .active > a,
#sidebar .navbar-default .navbar-nav > .active > a:focus,
#sidebar .navbar-default .navbar-nav > .active > a:hover { color: #ff5a60; }
#sidebar .navbar-default .navbar-nav > li:hover > a {
  background: var(--orchid-red);
  color: var(--orchid-white) !important;
}
#sidebar .brand { padding: 10px; border-radius: 4px; background: var(--orchid-white); }
#sidebar .margin-icon { color: #ff5a60; }

.btn,
.btn-default,
.btn.btn-secondary {
  border-color: var(--orchid-dark-red);
  background-color: var(--orchid-dark-red);
  color: var(--orchid-white);
}
.btn:hover,
.btn:focus,
.btn-default:hover,
.btn-default:focus {
  border-color: var(--orchid-red);
  background-color: var(--orchid-red);
  color: var(--orchid-white);
}
.bg-light { background: var(--orchid-light); }
.delivery-area-box { border-left-color: var(--orchid-red); background: var(--orchid-light); }
.delivery-eyebrow,
.delivery-benefits i,
.delivery-faq summary::after { color: var(--orchid-dark-red); }

.red-orchid-reviews { background: var(--orchid-black); color: var(--orchid-white); }
.red-orchid-reviews h2,
.red-orchid-reviews .review-heading p { color: var(--orchid-white); }
.red-orchid-reviews .review-cards article,
.red-orchid-reviews .review-cards article p { color: #222222; }
.review-source { color: var(--orchid-dark-red); }

.contact-icon-info a { color: #8f0d13; }
.contact-icon-info a:hover,
.contact-icon-info a:focus { color: var(--orchid-red); }
.footer { background: var(--orchid-black); color: var(--orchid-white); }
.footer a { color: #ff7277; }
.footer a:hover,
.footer a:focus { color: var(--orchid-white); }
.footer .gradient-overlay { background: rgba(17, 17, 17, 0.92) !important; }

.red-orchid-mobile-order { background: rgba(17, 17, 17, 0.97); }
.red-orchid-mobile-order a { background: var(--orchid-red); color: var(--orchid-white); }
.red-orchid-mobile-order a:hover,
.red-orchid-mobile-order a:focus { background: var(--orchid-dark-red); color: var(--orchid-white); }
