/* Site Colours */
/* Spice Colours */
.btn-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%; }

.header-logo img {
  width: 190px;
  transition: all .3s ease; }

header.small .header-logo img {
  width: 140px;
  transition: all .3s ease; }

/* Recipe details for recipe filter list */
.recipe-details h3 a {
  color: #BC2126;
  text-decoration: none;
  transition: all .3s ease; }
  .recipe-details h3 a:visited {
    color: #BC2126;
    text-decoration: none; }
  .recipe-details h3 a:hover {
    color: #720607;
    text-decoration: underline;
    text-underline-offset: 5px; }

/* Selectable Recipe List */
.recipe-list {
  position: relative;
  background-color: #fff;
  padding-left: 5%;
  padding-right: 5%; }
  .recipe-list h4 {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    color: #BC2126;
    font-family: brush-up,sans-serif;
    font-size: 6.5rem;
    text-transform: uppercase; }
  .recipe-list p {
    width: 100%;
    text-align: center;
    color: #720607;
    margin-top: 0;
    font-size: 24px;
    line-height: 30px; }
  .recipe-list ul {
    padding: 0;
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px; }
    @media (max-width: 992px) {
      .recipe-list ul {
        grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 640px) {
      .recipe-list ul {
        grid-template-columns: 1fr; } }
  .recipe-list .recipe-item {
    list-style: none; }
  .recipe-list .recipe-details {
    text-align: center; }
    .recipe-list .recipe-details h3 {
      font-size: 3rem; }
    .recipe-list .recipe-details p {
      text-align: left;
      color: #333; }

.recipe-item.fajita .recipe-details h3 a {
  color: #c84f33; }

.recipe-item.korma .recipe-details h3 a {
  color: #a02e85; }

.recipe-item.greek-style .recipe-details h3 a {
  color: #2f6cb0; }

.recipe-item.southern-fried-chicken .recipe-details h3 a {
  color: #21335d; }

.recipe-item.southern-peri-peri .recipe-details h3 a {
  color: #451918; }

.recipe-item.original-tikka .recipe-details h3 a {
  color: #cc7539; }

.recipe-item.chinese-5-spice .recipe-details h3 a {
  color: #bc4778; }

.recipe-item.jerk .recipe-details h3 a {
  color: #000000; }

body.single-recipe .spice-grid {
  background-color: #fff;
  background-image: none; }

.menu-area ul li a:after {
  background-image: none !important; }

.menu-area ul li.spice-link a:after {
  background-image: url("images/menubg.jpg") !important; }

.menu-area ul li.story-link a:after {
  background-image: url("images/menu-bg-2.png") !important; }

.menu-area ul li.recipes-link a:after {
  background-image: url("images/menu-bg-3.png") !important; }

.menu-area ul li.contact-link a:after {
  background-image: url("images/menu-bg-4.png") !important; }

.google-map {
  text-align: center; }
  .google-map h4 {
    margin-bottom: 4rem;
    font-size: 4rem; }
  .google-map p {
    margin: 0;
    width: 100%; }
  .google-map iframe {
    width: 100%; }

.footer-logo img {
  width: 190px; }

.footer-menu {
  margin-bottom: 3rem; }
  .footer-menu ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    margin: 0; }
    @media (min-width: 768px) {
      .footer-menu ul {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto; } }
  .footer-menu li {
    display: inline-block; }
    .footer-menu li a {
      color: white;
      font-size: 14px;
      line-height: 14px;
      font-family: brush-up, sans-serif;
      font-weight: 500; }
      @media (min-width: 768px) {
        .footer-menu li a {
          font-size: 1.9rem; } }
      .footer-menu li a:hover {
        text-decoration: underline;
        text-underline-offset: 3px; }

footer .social p {
  margin: 0 0 10px 0;
  text-transform: uppercase; }

/*# sourceMappingURL=twentyonedigital.css.map */