@font-face {
  font-family: 'LibreBaskerville';
  src: url('/fonts/LibreBaskerville-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

body { font-family: Arial; font-size: 18px; }

h1, h2, h3, p { margin-bottom: 20px; }
h2, h2 a, h3, h3 a { color: #264733; }
h1, h2 { font-family: 'LibreBaskerville'; }

p { font-size: 1rem; }
h1 { font-size: 2rem; }
h2 { font-size: 1.4rem; }
h3 { font-size: 1.2rem; font-weight: normal; }
button { font-weight: bold; font-size: 1rem; font-family: Arial; }

p.bold { font-weight: bold; }
p.feature { font-size: 1.3rem; }

.site-branding h1 a, .site-branding h2 { color: white; }
.site-branding h2 { font-weight: normal; font-size: 1.2rem; margin-bottom: 30px; }
.site-branding p { line-height: 30px; }

main p, main ul { 
    color: #111;
    line-height: 28px; 
    margin-bottom: 15px; 
}

ul { padding-left: 20px; margin-bottom: 15px; }

.check li,
.diamond li,
.pointer li {
  list-style: none;
  position: relative;
  padding-left: 1.6em;
}

.check li::before {
  content: '✔️';
  position: absolute;
  left: 0;
}

.diamond li::before {
  content: '🔹';
  position: absolute;
  left: 0;
}

.pointer li::before {
  content: '👉';
  position: absolute;
  left: 0;
}

ul.not { list-style: none; }
ul.not > li {
  padding-left: 2.5rem; /* add space for the image */
  line-height: 1.8;
}

ul.not li {
  background: url('/img/x.png') no-repeat left top;
  background-size: 28px 28px;
}