@font-face {
  font-family: ExquiseFY-black-italic;
  src: url(/fonts/ExquiseFY-BlackItalic.woff) format("woff");
  font-display: swap;
}

/* Minimal reset (replaces the parts of Pure CSS the site relied on) */
html{ font-family: sans-serif; -webkit-text-size-adjust: 100%; }
body{ margin: 0; }
img{ border: 0; }
table{ border-collapse: collapse; border-spacing: 0; }

body{
  background-color: #fff;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
}

p,h2{ margin:0px 0px 12px 0px; font-weight:300;  }
p{ line-height: 1.4em; font-size:15px; max-width: 1480px; margin: auto; padding: 0 7.5%; font-weight:400; }
h2{ font-size:67px; font-weight: 300; }
h3{ font-size:40px; font-weight: 300; }
h4{ font-size:35px; margin: 50px 0 0 0; font-weight: 300; }
h5{ font-size:1.5em; font-weight: 300; }

h2,h3,h4{ padding: 0 8%; }

.box{  }
.box-one{ margin-top:50px; margin-bottom: 50px; }
.box-three{ margin-bottom:90px; }
.foot1{ margin-top:90px; margin-bottom:90px; }
.foot2{ max-width: 1200px; margin: auto; }
.font-main{ font-family: 'Ubuntu', sans-serif; }
.font-eat{ font-family: ExquiseFY-black-italic; }


.box-four{ max-width: 1400px; margin: auto; }

.calendar{
  width: 100%;
  margin: auto;
}

.calendar img{
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    height: auto;
  }
.sharing{
  text-align: right;
  width: 100vh;
  margin: auto;
  padding-bottom:30px;
  padding-top:10px;
  max-width: 95%;
  }
.sharing img{ width:30px; height:30px; }
.color-eat{ color:#84BF2C; }
.color-seasonably{ color:#4995A6; }
.color-fresher{ color:#88CFC2; }

.color-taste{ color:#88CFC2; }
.color-value{ color:#84BF2C; }
.color-planet{ color:#F28DBC; }

.color-footer{ color:#666666; }

.colour-line{ background: #fbe2ee url('/images/colour_bar.gif'); background-size: contain; width:100%; height:5px; }
.container{
  margin:auto;
  max-width: 100%;
  background-color: white;
}
.header{ padding-top:10px; }
.header img{ height:auto; max-width:100%; margin:auto; }

.nav{ text-align: center; }
.nav ul{ list-style-type: none; padding:0px; }
.nav ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    width:32%;
}
.nav ul li a {
    color: #4995A6;
    text-decoration: none;
    background: 0 0;
    padding: 0 .5em;
  }
.nav ul li a:hover{
  color: #84BF2C;
  text-decoration: underline;
}
#footer a{ color:#666; }
#footer a:hover{ color: #333; }


#footer{ padding-bottom:12px; }
.foot3{ 
  margin-top: 40px;
  font-size: 11px;
  color: grey;
  opacity: 0.1;
 }



.terms, .cookies{
  text-align: left;
  max-width: 1200px;
  padding: 20px;
  margin: auto;
}

.cookies ol, .cookies ul{ padding: 0 10%; }
.cookies table { margin: 20px auto; }
.cookies table, .cookies tr, .cookies td{ border: 1px solid black; padding: 6px; }
.cookies>ul>li{ list-style:none; }
.cookies a{ color:#666; }
.cookies a:hover{ color: #333; }

@media only screen and (max-width: 768px) {
  .sharing{ text-align: center; }

  body, p{ font-size:15px; }
  h2{ font-size:40px; }
}

@media only screen and (max-width: 600px) {
  .nav ul li {
      border: 1px solid #bac3aa;
      display: block;
      margin: 10px;
      padding: 10px;
      width: calc(100% - 40px);
  }
}

/* Footer grid (replaces Pure CSS) */
.pure-g{ display:flex; flex-wrap:wrap; }
.pure-u-1{ width:100%; padding:4px 0; }
@media (min-width: 768px){ .pure-u-md-1-5{ width:20%; } }
/* Cookie banner */
.cookie-banner{
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 24px;
  padding: 16px 20px;
  background: #fff; border-top: 5px solid #4995A6;
  box-shadow: 0 -2px 12px rgba(0,0,0,.15);
  text-align: left;
}
.cookie-banner p{ margin: 0; padding: 0; max-width: 720px; }
.cookie-banner a{ color: #4995A6; }
.cookie-banner__buttons{ display: flex; gap: 12px; }
.cookie-banner button{
  font: inherit; cursor: pointer; padding: 10px 24px;
  color: #fff; background: #4995A6; border: 2px solid #4995A6;
}
.cookie-banner button:hover, .cookie-banner button:focus{ background: #3a7887; border-color: #3a7887; }