/* Boardly site styles shared by every page.
   Colours: Deep Forest Olive #384B2E, Midnight Bush #181C14, Boardly green #6B7539,
   Red Gum #B4482D, Warm Stone #EFEBE3, body text #4D5447.
   Fonts: Barlow (headings, buttons, labels), Lato (body, menu). */
:root { color-scheme: light; }
html, body { margin: 0; background: #FFFFFF; }
img { max-width: 100%; }
a { color: #384B2E; }
a:hover { color: #181C14; }
a[style*="border-radius: 8px"] { font-family: Barlow, Arial, sans-serif; }
nav a[style*="background: #6B7539"] { font-weight: 700; font-size: 15px; }
a[style*="background: #6B7539"]:hover { background: #5A6230 !important; color: #FFFFFF !important; }

/* How it works: four cards, two on tablets, one on phones */
@media (max-width: 900px) {
  div[style*="repeat(4, minmax(0, 1fr))"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 560px) {
  div[style*="repeat(4, minmax(0, 1fr))"] { grid-template-columns: 1fr !important; }
}
/* 16px side gutter on phones */
@media (max-width: 600px) {
  section > div, header > div, footer > div { padding-left: 16px !important; padding-right: 16px !important; }
}