body{
  background-color: #ADA990;
}

.container{
  background-color: white;
}

/* who */

.bg-who{
  background-color:#4871B4;/* blue */
}

.border-who{
  border: 1px solid #4871B4;/* blue */
}

.farticle-who{
  border-color: #4871B4;/* blue */
}

.nav-who{
  color:white;
}

.text-who,
.nav-who:hover,
.nav-who-active{
  color: #4871B4;/* blue */
}

.nav-who-active,
.nav-who:hover{
  background-color: white;
}

.who-link{
  color:#4871B4;
}


/* what? */

.bg-what{
  background-color:#AF2A63;/* rich maroon */
}

.what-link{
  color:#AF2A63;/* rich maroon */
}

.border-what{
  border: 1px solid #AF2A63;/* rich maroon */
}

.farticle-what{
  border-color: #AF2A63;/* rich maroon */
}

.nav-what{
  color:white;
}

.text-what,
.nav-what-active,
.nav-what:hover{
  color: #AF2A63;/* rich maroon */
}

.nav-what-active,
.nav-what:hover{
  background-color: white;
}

/* where? */

.border-where{
  border: 1px solid #C77C26;/* ochre */
}

.bg-where{
  background-color:#C77C26;/* ochre */
}

.farticle-where{
  border-color: #C77C26;/* ochre */
}

.nav-where{
  color:white;
}

.text-where,
.where-link,
.leaflet-container .where-link,
.nav-where-active,
.nav-where:hover{
  color:#C77C26;/* ochre */
}

.nav-where-active,
.nav-where:hover,
.bg-white{
  background-color: white;
}

/* when? */
.bg-when{
  background-color: #808B42;/* greeb */
}

.border-when{
  border: 1px solid #808B42;/* greeb */
}

.farticle-when{
  border-color: #808B42;/* greeb */
}

.nav-when{
  color:white;
}

.text-when,
.when-link,
.nav-when-active,
.nav-when:hover{
  color: #808B42;/* greeb */
}

.nav-when-active,
.nav-when:hover{
  background-color: white;
}


/* other colour bts */


.text-grey{
  color:#575756;
}