/* Holding page for seedfieldtrust.org.uk. Colours, fonts and proportions measured from the Trust's WordPress home
   page on 2026-10-05 (page #efefef, panel white, title #4B766B Yrsa 300 47px, menu bar #b5d3d2 with 15px bold
   uppercase links #4f4f4f, body Source Sans 300 18px #444340). Fonts are self-hosted (SIL Open Font Licence). */
@font-face {
  font-family: "Yrsa";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("/fonts/yrsa-latin.woff2") format("woff2");
}
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url("/fonts/source-sans-3-latin.woff2") format("woff2");
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: #efefef;
  color: #444340;
  font-family: "Source Sans 3", "Source Sans Pro", Helvetica, sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.6;
}
a { color: #4b766b; }
a:focus-visible { outline: 3px solid #4b766b; outline-offset: 3px; }

.page { max-width: 1180px; margin: 0 auto; background: #fff; min-height: 100vh; }

.site-branding { text-align: center; padding: 43px 20px 40px; }
.logo { display: block; margin: 0 auto 16px; width: 270px; max-width: 100%; height: auto; }
.site-title { margin: 0; font-family: "Yrsa", Georgia, serif; font-weight: 300; font-size: 47px; line-height: 1.1; }
.site-title a { color: #4b766b; text-decoration: none; }

.main-navigation { background: #b5d3d2; }
.main-navigation ul { list-style: none; margin: 0; padding: 8px 20px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.main-navigation li { display: flex; align-items: center; }
.main-navigation li + li::before { content: "•"; color: #7fa3a2; margin: 0 14px; }
.main-navigation a {
  display: inline-block;
  padding: 7px 4px;
  color: #4f4f4f;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
}
.main-navigation a:hover { color: #222; }

.content { padding: 55px 55px 80px; }
.entry-title { margin: 0 0 16px; font-family: "Yrsa", Georgia, serif; font-weight: 400; font-size: 32px; line-height: 1.2; color: #4b766b; }
.content p { margin: 0 0 22px; }
.button {
  display: inline-block;
  padding: 14px 26px;
  background: #4b766b;
  color: #fff;
  font-weight: 700;
  border-radius: 4px;
  text-decoration: none;
}
.button:hover { background: #3c5f56; }
.url { color: #636363; font-size: 16px; }

@media (max-width: 600px) {
  body { font-size: 17px; }
  .site-branding { padding: 28px 16px 26px; }
  .logo { width: 220px; }
  .site-title { font-size: 38px; }
  .main-navigation ul { column-gap: 22px; }
  .main-navigation li + li::before { content: none; } /* a wrapped line must not start with a dot */
  .content { padding: 32px 16px 56px; }
}