/* image popup (from original globals.css) */
img.mfp-img {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  position: absolute;
  max-height: 392px;
  padding: 0 !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mfp-img-container .mfp-close {
  top: -110px;
  right: -24px;
}

/*
  The original template ships flaticon-*.woff/.woff2 fonts but its
  flaticon.css glyph map was missing from the source package. These rules
  render the same icon classes using the bundled Font Awesome 5 Pro glyphs
  so nothing shows as a blank box.
*/
[class^="flaticon-"],
[class*=" flaticon-"] {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.flaticon-delivery:before { content: "\f21c"; }
.flaticon-phone-call-2:before { content: "\f879"; }
.flaticon-fast-delivery:before { content: "\f48b"; }
.flaticon-quality:before { content: "\f5a2"; }
.flaticon-reputation:before { content: "\f559"; }
.flaticon-burger:before { content: "\f805"; }
.flaticon-pizza:before { content: "\f818"; }
.flaticon-chicken:before { content: "\f6d7"; }
.flaticon-hotdog:before { content: "\f80f"; }
.flaticon-sandwich:before { content: "\f7ec"; }
.flaticon-bread:before { content: "\f7ec"; }
.flaticon-rice:before { content: "\f2e7"; }
.flaticon-french-fries:before { content: "\f803"; }
.flaticon-cooking:before { content: "\f2e7"; }
.flaticon-shopping-cart:before { content: "\f07a"; }