.related-content-bref {
  margin: 2.8rem 0 2.8rem;
}
.related-content-bref a {
  display: grid;
  grid-template-columns: calc(33% + 24px) auto 44px;
  row-gap: 12px;
  padding: 12px;
  background-image: none !important;
  text-shadow: none !important;
}
.related-content-bref div.content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-family: Roboto;
  min-height: 150px;
  padding-right: 24px;
}
.related-content-bref div.content svg {
  height: 1.3rem;
  margin: 0 0 .5rem;
}
.related-content-bref .b-title {
  font-family: Roboto;
  font-size: .8rem;
  font-weight: bold;
  color: #222;
  margin: 0 0 .25rem;
}
.related-content-bref .b-text {
  font-family: Roboto;
  font-size: .75rem;
  color: rgba(0,0,0,.6);
  margin: 0 0 .5rem;
}
.related-content-bref .b-fill {
  flex: 1;
}
.related-content-bref .b-link {
  font-family: Roboto;
  font-size: .7rem;
  font-weight: bold;
  color: rgb(0, 0, 0);
}
.related-content-bref .b-image {
  position: relative;
  align-self: start;
  padding-right: 24px;
}
.related-content-bref .b-image img {
  display: block;
  width: 100%;
  height: auto;
}
.related-content-bref .b-image span {
  position: absolute;
  bottom: 6px;
  left: 6px;
  display: block;
  font-family: "Avenir Next LT Pro", Helvetica, Arial, sans-serif;
  font-size: .65rem;
  font-weight: bold;
  line-height: 1;
  color: black;
  padding: .32rem .32rem .18rem;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(0,0,0,.25);
}
.related-content-bref .arrow-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 0 0 12px;
  border-left: 1px solid rgba(0,0,0,.15);
}