:root {
  --snow: #fef6f3;
  --dark-slate-grey: #1d475a;
  --blue--green: #437389;
  --white: white;
  --black: #333;
  --navy: #130d80;
}

body {
  background-color: var(--snow);
  color: var(--dark-slate-grey);
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

p {
  margin-bottom: 0;
}

a {
  color: #333;
  text-decoration: none;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 0;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section.bg-colour {
  background-color: var(--dark-slate-grey);
}

.section.cc-404 {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.logo {
  color: var(--dark-slate-grey);
  font-family: Caveat, sans-serif;
  font-size: 28px;
  line-height: 36px;
}

.logo.small {
  font-size: 20px;
}

.nav-wrapper {
  border-bottom: 1px solid var(--dark-slate-grey);
  width: 100%;
  height: 64px;
}

.nav-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 64px;
  padding-right: 64px;
  display: flex;
}

.flex-wrapper {
  align-items: center;
  display: flex;
}

.spacer-20px {
  width: 20px;
}

.spacer-20px.hide {
  display: none;
}

.nav-link {
  color: var(--dark-slate-grey);
  font-family: Migra, sans-serif;
  font-size: 20px;
  font-weight: 200;
  transition: color .2s;
}

.nav-link:hover {
  color: #486a7a;
}

.nav-link.hide {
  display: none;
}

.footer-wrapper {
  border-top: 1px solid var(--dark-slate-grey);
  width: 100%;
  height: 48px;
}

.footer-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 64px;
  display: flex;
}

.heading-small {
  color: var(--dark-slate-grey);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 150%;
}

.page-wrapper.cc-404 {
  flex-flow: column;
  width: 100%;
  min-height: 100vh;
  display: flex;
}

.allergy-info-wrapper {
  width: 100%;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.allergy-info {
  margin-bottom: .5rem;
  font-size: 1rem;
  line-height: 1.5;
}

.allergy-info.margin-bottom-small {
  margin-bottom: 1.5rem;
}

.allergy-grid {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  border: 1px solid var(--dark-slate-grey);
  background-color: var(--dark-slate-grey);
  grid-template-rows: auto;
  grid-template-columns: minmax(1px, 3.5fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr);
  width: 100%;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.allergy-content-wrapper {
  background-color: var(--snow);
  padding: .5rem;
  font-size: .875rem;
  line-height: 1.5;
}

.allergy-content-wrapper.is-bold {
  font-weight: 500;
}

.allergy-content-wrapper.is-bold.bg-dark {
  background-color: #faebe5;
}

.allergy-content-wrapper.is-smaller {
  font-size: .75rem;
}

.allergy-content-wrapper.is-checkmark {
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  display: flex;
}

.allergy-content-wrapper.bg-dark {
  background-color: #faebe5;
}

.calendly-script, .calendly-embed {
  margin-bottom: 0;
  display: none;
}

.hide {
  display: none;
}

.food-collection {
  background-color: var(--snow);
  height: 100%;
}

.food-list {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: var(--dark-slate-grey);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.food-item.allergy-grid {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  border-style: none;
  border-width: 0;
  grid-template-rows: auto;
  grid-template-columns: minmax(1px, 3.5fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr);
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 0;
  display: grid;
}

.text-italic {
  color: var(--dark-slate-grey);
  margin-top: .5rem;
  font-style: italic;
  font-weight: 400;
}

@media screen and (max-width: 991px) {
  .style-guide-inner-wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }

  .container {
    padding-left: 32px;
    padding-right: 32px;
  }

  .ribbon-wrap {
    height: 64px;
  }

  .ribbon-container {
    padding-left: 32px;
    padding-right: 32px;
  }

  .ribbon-text {
    max-width: 480px;
  }

  .nav-container, .home-hero-container {
    padding-left: 32px;
    padding-right: 32px;
  }

  .hero-container {
    flex-direction: column;
  }

  .flex-child-left {
    border-bottom: 1px solid var(--blue--green);
    border-right-style: none;
    width: 100%;
  }

  .heading-large.centred {
    max-width: 70%;
  }

  .container-40 {
    padding-left: 32px;
    padding-right: 32px;
  }

  ._4-col-grid {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
  }

  .grid-wrapper-border.last, .grid-wrapper-border.mobile-border {
    border-top: 1px solid var(--blue--green);
  }

  .grid-wrapper-border.last, .grid-wrapper-border.mobile-border {
    border-top: 1px solid var(--blue--green);
  }

  .grid-wrapper-border.flex-vertical-left.btm-border {
    border-bottom: 1px solid var(--dark-slate-grey);
  }

  .grid-wrapper-border.flex-vertical-left.btm-border-no-right {
    border-bottom: 1px solid var(--dark-slate-grey);
    border-right-style: none;
  }

  .grid-wrapper-border.no-right-border {
    border-right-style: none;
  }

  .testimonial {
    margin-bottom: 16px;
    font-size: 24px;
  }

  .grid-flex-wrapper {
    justify-content: flex-start;
    padding-left: 2.5rem;
  }

  .menu-list {
    width: 100%;
  }

  .allergy-info-wrapper {
    max-width: 100%;
  }

  .allergy-info {
    font-size: .875rem;
  }

  .allergy-grid {
    grid-template-columns: minmax(18rem, 3.5fr) 7rem 7rem 7rem 7rem 7rem 7rem 7rem 7rem 7rem 7rem 7rem 7rem 7rem 7rem;
    overflow: scroll;
  }

  .allergy-inner-wrapper {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .food-item.allergy-grid {
    grid-template-columns: minmax(18rem, 3.5fr) 7rem 7rem 7rem 7rem 7rem 7rem 7rem 7rem 7rem 7rem 7rem 7rem 7rem 7rem;
  }
}

@media screen and (max-width: 767px) {
  .style-guide-wrapper {
    margin: 20px;
  }

  .style-guide-inner-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .column-left {
    margin-bottom: 80px;
    padding-right: 0;
  }

  .column-right {
    padding-left: 0;
  }

  .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .logo {
    font-size: 22px;
  }

  .logo.w--current {
    font-size: 24px;
    line-height: 32px;
  }

  .flex-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .ribbon-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .nav-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-hero-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .flex-child-left, .flex-child-right {
    padding: 32px;
  }

  .heading-large {
    font-size: 32px;
    line-height: 140%;
  }

  .container-40 {
    padding-left: 16px;
    padding-right: 16px;
  }

  ._4-col-grid {
    border-color: var(--dark-slate-grey);
    grid-template-rows: auto;
    grid-auto-rows: auto;
  }

  ._4-col-grid.visit-us {
    grid-template-rows: 140px;
    grid-auto-rows: 140px;
  }

  .grid-wrapper-border {
    border-right-style: none;
    padding: 1.5rem;
  }

  .grid-wrapper-border.mobile-border {
    border-right-style: solid;
  }

  .grid-wrapper-border.s-right-border, .grid-wrapper-border.mobile-border {
    border-right-style: solid;
  }

  .grid-wrapper-border.flex-vertical-left.btm-border {
    border-right-style: none;
  }

  .grid-wrapper-border.s-btm-border {
    border-bottom: 1px solid var(--dark-slate-grey);
  }

  .grid-wrapper-border.s-right-border {
    border-right-style: solid;
  }

  .nav-link {
    font-size: 18px;
  }

  .testimonial-slider {
    height: 500px;
  }

  .slider-arrow-wrapper {
    width: 48px;
  }

  .grid-flex-wrapper {
    padding-left: 1.5rem;
  }

  .sticky-tab {
    margin-bottom: 30px;
  }

  .menu-sticky-button {
    font-size: 18px;
  }
}

@media screen and (max-width: 479px) {
  .style-guide-wrapper {
    margin: 10px;
  }

  .flex-wrap {
    grid-row-gap: 0px;
  }

  .paragraph {
    font-size: 12px;
    line-height: 18px;
  }

  .menu-heading {
    font-size: 18px;
    line-height: 26px;
  }

  .ribbon-wrap {
    height: auto;
    padding: 12px;
  }

  .ribbon-text {
    max-width: 280px;
    font-size: 12px;
  }

  .flex-child-left, .flex-child-right {
    padding: 24px;
  }

  .heading-large {
    font-size: 6.9vw;
    line-height: 130%;
  }

  .heading-large.centred {
    max-width: 80%;
  }

  .grid-wrapper-border.last {
    padding: 24px;
  }

  .grid-wrapper-border.mobile-border {
    border-right-style: none;
    padding: 24px;
  }

  .grid-wrapper-border.no-right-border {
    padding: 24px;
  }

  .grid-wrapper-border.s-right-border {
    border-bottom: 1px solid var(--dark-slate-grey);
    border-right-style: none;
    padding: 24px;
  }

  .testimonial-slider {
    height: 460px;
  }

  .slider-arrow-wrapper {
    width: 40px;
  }

  .arrow-icon {
    font-size: 20px;
  }

  .slide-wrapper {
    max-width: 70%;
  }

  .testimonial {
    font-size: 18px;
  }

  .quote-name {
    font-size: 12px;
  }

  .quote-label {
    font-size: 8px;
  }

  .body-text-regular.price {
    font-size: 14px;
  }

  .menu-list {
    grid-row-gap: 4rem;
  }

  .heading-small {
    margin-bottom: 10px;
  }

  .menu-sticky-button {
    margin-right: 24px;
  }
}

#w-node-_79ffd2c7-60c4-61b9-f288-69be492d148a-15eb8d7d, #w-node-_1c730dd4-d619-5490-4f73-75e564364370-15eb8d7d, #w-node-_2e2112d8-5af1-d06a-658b-a17ce9694a2f-15eb8d7d, #w-node-_66e326ef-784c-c886-f24b-868ce621feea-15eb8d7d, #w-node-_45e4e2d7-45a5-8f4a-d497-c375843e9a8b-15eb8d7d, #w-node-_0add9af3-dd09-1e26-bb50-86a73bf41555-15eb8d7d, #w-node-_28035ce0-bc9f-5ea2-44e9-ab6bfce7e54c-15eb8d7d, #w-node-d3d9c19c-9513-b711-77b9-7f77632e3c11-15eb8d7d, #w-node-_6507306c-5f89-5042-99b0-8eb59b13b947-15eb8d7d, #w-node-_987ba350-98e9-e696-b9c7-ede8a25efb1e-15eb8d7d, #w-node-_328b9525-a0a2-d960-8c47-66a18a2728a3-15eb8d7d, #w-node-cecde69e-d220-2133-5b08-9926cef13205-15eb8d7d, #w-node-_1529d424-300d-92fd-669d-05902f3b65d8-15eb8d7d, #w-node-_54f8e209-bd1b-de15-75ad-620b2ff875c0-15eb8d7d, #w-node-_3631f4ad-2d99-e7cd-8643-df5063d2977f-15eb8d7d, #w-node-_6b4a2092-afc7-70b3-0af5-edcb43d8bcf3-15eb8d7d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_57970655-e092-cf0b-8dda-c246017ab742-15eb8d7d {
  grid-area: span 1 / span 14 / span 1 / span 14;
}

#w-node-_36d3101b-a289-c823-c8f7-c8df927c9b3d-15eb8d7d {
  grid-area: span 1 / span 15 / span 1 / span 15;
  align-self: stretch;
}

#w-node-_974ede2f-5bbe-6615-2d82-e6dcba09e044-15eb8d7d, #w-node-f89c525c-2ca3-c78a-21f4-9b32125df36c-15eb8d7d, #w-node-_0d506c98-e7a7-7221-9585-40f5c36e588a-15eb8d7d, #w-node-_1005cb92-a06c-0d4b-48d8-5c1e3b95a1ac-15eb8d7d, #w-node-e0d6e4f6-b58e-2de3-7d9e-da2697695f18-15eb8d7d, #w-node-e850227b-7f94-0d28-40dd-0b8dc0b2dd0b-15eb8d7d, #w-node-d839301d-ad5e-23dd-9aa3-6070fdd81974-15eb8d7d, #w-node-c2ff3102-132b-517e-1d5e-c5c0d2c28ee9-15eb8d7d, #w-node-a9adcc5a-b30c-0f0f-f5c7-31843e4b676a-15eb8d7d, #w-node-_62a5addd-f4da-a5a3-d457-0c2745cd97ce-15eb8d7d, #w-node-e5fd4018-4c73-c530-8588-50cebc2196af-15eb8d7d, #w-node-_1f56255e-b1ff-dc4c-4bcd-b276753bfafd-15eb8d7d, #w-node-_00544943-e938-1d43-906c-b5ecef22e413-15eb8d7d, #w-node-_285193da-8672-4a19-ff79-414d2f4a455e-15eb8d7d, #w-node-a230d9ee-baec-9795-378d-2e9a72412d42-15eb8d7d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6c7bf59d-7d8b-84b7-e91b-dc81d56ed66d-15eb8d7d {
  grid-area: span 1 / span 14 / span 1 / span 14;
}

#w-node-_07d9cf6b-e2b8-d597-4151-2138eb3f02d8-15eb8d7d {
  grid-area: span 1 / span 15 / span 1 / span 15;
}

#w-node-_5bdcf854-8838-4e1a-45d3-6fb20b3e91d1-15eb8d7d, #w-node-_1343cdf1-1d34-d3ef-e3f8-0e0a7ba42166-15eb8d7d, #w-node-ebb06d4a-da53-4383-bb2a-1680e74e2a91-15eb8d7d, #w-node-_66ede4c8-2b80-0a48-7e3d-30477a03ffbe-15eb8d7d, #w-node-e54a3946-5156-2bfc-6b41-29171af5359f-15eb8d7d, #w-node-f822e1d6-7b87-8e52-a8bf-79f78af7da00-15eb8d7d, #w-node-a46f2649-7a72-f2ba-840b-4d05be9c05a8-15eb8d7d, #w-node-f9bad18c-b51b-85c4-0ce6-4cbf79811617-15eb8d7d, #w-node-_570d4368-c8e9-e0f3-a801-ad4821344510-15eb8d7d, #w-node-_8fb7d574-14d0-59cc-2408-8c444793aa03-15eb8d7d, #w-node-_9853acf1-887e-4468-e4b9-cd2e67aea15e-15eb8d7d, #w-node-ec6b5875-ec99-ef4e-33db-8d319d8f0869-15eb8d7d, #w-node-c75beda0-c222-b738-b75e-156f5ae4a4d4-15eb8d7d, #w-node-_74905f50-12b7-f047-0e21-105257c05c89-15eb8d7d, #w-node-_7be68c2e-f422-4e3c-0a55-1e06908a9c03-15eb8d7d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d36c08a6-4202-f256-d1a5-b8e2dd3730a0-15eb8d7d {
  grid-area: span 1 / span 14 / span 1 / span 14;
}

#w-node-_5a578403-7278-8e49-86a5-2a32d0c3f3a7-15eb8d7d {
  grid-area: span 1 / span 15 / span 1 / span 15;
}

#w-node-_9e36419b-4b59-3361-140d-ebc2c50b8480-15eb8d7d, #w-node-_1f7c5c06-0b56-b083-a2c3-a3fbae1f6efc-15eb8d7d, #w-node-e4c7985c-8b4e-c265-41b4-94a25372913f-15eb8d7d, #w-node-_94bc6fb3-5376-9183-d900-29fd201285f2-15eb8d7d, #w-node-_4b199b27-860a-9f53-0c07-fa9b8684a55a-15eb8d7d, #w-node-b65bc930-8043-079f-1962-2263c90f772c-15eb8d7d, #w-node-_63faeec7-87f5-2ae7-e2e4-073ad103645e-15eb8d7d, #w-node-fddf700b-9124-9f49-aeff-1e03136b0914-15eb8d7d, #w-node-_648eb4ea-dc46-9439-591b-4a324d908fec-15eb8d7d, #w-node-b0f1d153-4e27-d234-8972-6ccf72fcf117-15eb8d7d, #w-node-_01386cbe-e81c-4c46-930d-c699924e93e1-15eb8d7d, #w-node-b308e1fa-f0fd-dabb-44e0-27ab2c1ee038-15eb8d7d, #w-node-befb472c-d8a7-1f48-ca10-8c87aff43f19-15eb8d7d, #w-node-fcb2e145-b96b-8296-b6d8-234ca49a85fd-15eb8d7d, #w-node-_371d74fe-400b-c549-2a80-29f6962fc710-15eb8d7d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_64b751bc-f080-ca8a-2849-799fc14cbd7e-15eb8d7d {
  grid-area: span 1 / span 14 / span 1 / span 14;
}

#w-node-_41c38feb-047e-02d3-771c-3250b737a16b-15eb8d7d {
  grid-area: span 1 / span 15 / span 1 / span 15;
}

#w-node-_41c38feb-047e-02d3-771c-3250b737a170-15eb8d7d, #w-node-_41c38feb-047e-02d3-771c-3250b737a173-15eb8d7d, #w-node-_41c38feb-047e-02d3-771c-3250b737a176-15eb8d7d, #w-node-_41c38feb-047e-02d3-771c-3250b737a179-15eb8d7d, #w-node-_41c38feb-047e-02d3-771c-3250b737a17c-15eb8d7d, #w-node-_41c38feb-047e-02d3-771c-3250b737a17f-15eb8d7d, #w-node-_41c38feb-047e-02d3-771c-3250b737a182-15eb8d7d, #w-node-_41c38feb-047e-02d3-771c-3250b737a185-15eb8d7d, #w-node-_41c38feb-047e-02d3-771c-3250b737a188-15eb8d7d, #w-node-_41c38feb-047e-02d3-771c-3250b737a18b-15eb8d7d, #w-node-_41c38feb-047e-02d3-771c-3250b737a18e-15eb8d7d, #w-node-_41c38feb-047e-02d3-771c-3250b737a191-15eb8d7d, #w-node-_41c38feb-047e-02d3-771c-3250b737a194-15eb8d7d, #w-node-_41c38feb-047e-02d3-771c-3250b737a197-15eb8d7d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}
