.c-board-member {
  display: block;
  border-radius: 5px;
  overflow: hidden;
}

.c-board-member__top {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  position: relative;
}

.c-board-member__group {
  padding: 6px 12px;
  padding: 0.375rem 0.75rem;
  font-family: 'Montserrat', Verdana, Tahoma, 'DejaVu Sans', sans-serif;
  font-weight: 600;
  border-radius: 5px;
  background-color: #B6B6B6;
  color: #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.c-board-member--policymaking .c-board-member__group,
.c-board-member--policymaking .c-board-member__image {
  background-color: #27AAE1;
}

.c-board-member--research .c-board-member__group,
.c-board-member--research .c-board-member__image {
  background-color: #11A44F;
}

.c-board-member--ngo .c-board-member__group,
.c-board-member--ngo .c-board-member__image {
  background-color: #283B8D;
}

.c-board-member__image {
  border-radius: 5px;
  overflow: hidden;
}

.c-board-member__image img {
  opacity: 0.9;
  transition: opacity .3s ease-out;
}

.c-board-member__name {
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
  transition: color .3s ease-out;
}

.c-board-member__organisation {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-weight: 300;
  color: #222222;
  transition: color .3s ease-out;
}

.c-board-member:hover img, .c-board-member:focus img {
  opacity: 1;
}

.c-board-member:hover.c-board-member--policymaking .c-board-member__name,
.c-board-member:hover.c-board-member--policymaking .c-board-member__organisation, .c-board-member:focus.c-board-member--policymaking .c-board-member__name,
.c-board-member:focus.c-board-member--policymaking .c-board-member__organisation {
  color: #27AAE1;
}

.c-board-member:hover.c-board-member--research .c-board-member__name,
.c-board-member:hover.c-board-member--research .c-board-member__organisation, .c-board-member:focus.c-board-member--research .c-board-member__name,
.c-board-member:focus.c-board-member--research .c-board-member__organisation {
  color: #11A44F;
}

.c-board-member:hover.c-board-member--ngo .c-board-member__name,
.c-board-member:hover.c-board-member--ngo .c-board-member__organisation, .c-board-member:focus.c-board-member--ngo .c-board-member__name,
.c-board-member:focus.c-board-member--ngo .c-board-member__organisation {
  color: #283B8D;
}

.c-board-member--no-image .c-board-member__group {
  position: relative;
}

.c-board-members-list {
  margin-bottom: 96px;
  margin-bottom: 6rem;
}