.cbp-l-grid-mosaic .cbp-caption-activeWrap {
  background-color: rgba(0, 170, 237, 0.8);
}

.cbp-l-grid-mosaic .cbp-l-caption-title {
  color: #fff;
}

.community-cover {
  padding-top: 11rem;
  padding-bottom: 11rem;
  color: white;
  background: transparent no-repeat 0 -2px;
  background-size: cover;
  background-image: url("/images/covers/community.jpg");
  height: 544px;
  margin-top: 56px;
}

.community-cover h1 {
  font-size: 4.5em;
}

.community-cover p {
  font-size: 2.2em;
}

#core-values {
  min-height: 550px;
}

#core-values h2 {
  margin-top: 58px;
  margin-bottom: 70px;
}

#core-values span.core-value-image {
  display: block;
  height: 163px;
  margin-bottom: 25px;
}

#core-values h3 {
  font-weight: bold;
  color: #4597ce;
  margin-bottom: 25px;
}

#core-values p {
  font-size: 1.6rem;
  line-height: 1.3em;
}

#statistics {
  background: url(/images/community/backgrounds/community-statistics.jpg) center center no-repeat;
  background-size: cover;
  min-height: 500px;
  margin-bottom: 45px;
  position: relative;
}

#statistics div.stat {
  background-color: #4597ce;
  color: #fff;
  font-weight: bold;
  border-radius: 3px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  padding: 35px;
  min-height: 140px;
  margin-top: 100px;
  margin-right: 20px;
}

#statistics div.stat h3 {
  margin-bottom: 30px;
}

#statistics div.stat .number {
  border-top: 2px dotted #fff;
  font-size: 4rem;
  padding-top: 25px;
}

#events h2 {
  margin-bottom: 65px;
}

#events .cbp a, #events .cbp a:hover, #events .cbp a:active {
  margin-right: 20px;
  margin-bottom: 20px;
}