section.list[class*=bg] .list-item {
  background: var(--white);
}
section.list.round-img .list-item {
  background: transparent;
  -ms-grid-columns: (minmax(0, 1fr))[8] !important;
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}
section.list.round-img .list-item.img-right .img-wrapper {
  grid-column: 7/-1;
}
section.list.round-img .list-item.img-right .item-content {
  -ms-grid-column: 1;
  -ms-grid-column-span: 7;
  grid-column: 1/8;
}
section.list.round-img .list-item.img-right .item-content > * {
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-column: 1/7;
}
section.list.round-img .list-item .img-wrapper {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 1;
  grid-row: 1;
  border-radius: 100%;
  overflow: hidden;
  aspect-ratio: 1;
  z-index: 2;
  margin-top: 40px;
  margin-bottom: 40px;
  -ms-grid-row-align: center;
      align-self: center;
}
@media screen and (max-width: 61.9375em) {
  section.list.round-img .list-item .img-wrapper {
    grid-column: 1/-1 !important;
    -ms-grid-row: 1;
    grid-row: 1;
    margin-bottom: -40vw;
  }
}
section.list.round-img .list-item .img-wrapper picture,
section.list.round-img .list-item .img-wrapper > img {
  opacity: 1;
}
section.list.round-img .list-item .item-content {
  border-radius: var(--border-radius);
  background: var(--white);
  grid-column: 2/-1;
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-columns: (minmax(0, 1fr))[7] !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}
@media screen and (max-width: 61.9375em) {
  section.list.round-img .list-item .item-content {
    grid-column: 1/-1 !important;
    -ms-grid-row: 2;
    grid-row: 2;
    padding-top: 45vw;
  }
  section.list.round-img .list-item .item-content > * {
    grid-column: 1/-1 !important;
    margin: 0 !important;
  }
}
section.list.round-img .list-item .item-content > * {
  grid-column: 2/-1;
  margin-left: var(--padding);
  margin-right: var(--padding);
}
section.list.round-img .list-item .item-content h3 {
  font-family: var(--font-family-heading) !important;
  font-size: 30px;
  display: block;
  width: auto;
  border-bottom: 2px solid var(--black);
  font-weight: normal !important;
  padding-bottom: 10px;
}
section.list h2 {
  text-align: center;
}
section.list .list-item {
  background: var(--light-green-20);
  border-radius: var(--border-radius);
  overflow: hidden;
}
@media screen and (min-width: 62em) {
  section.list .list-item.has-img {
    -ms-grid-columns: 30% 1fr;
    grid-template-columns: 30% 1fr;
  }
}
@media screen and (max-width: 61.9375em) {
  section.list .list-item.has-img picture {
    width: 100%;
    height: 100%;
  }
}
section.list .list-item .item-content {
  padding: calc(var(--padding) * 2);
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
section.list .list-item .item-content ul {
  padding-left: 40px;
}
section.list .list-item .item-content ul li {
  margin-top: 8px;
}
section.list .list-item .item-content a {
  color: var(--orange);
}
section.list .list-item .item-content a.btn {
  color: var(--white);
}
section.list .list-item .item-content a.btn:hover {
  color: var(--orange);
}
section.list .list-item .img-wrapper {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
section.list .list-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.list .list-item h3.tip {
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
  background: var(--light-green);
  border-top-right-radius: var(--border-radius);
  border-top-left-radius: var(--border-radius);
  padding: var(--gutter);
  font-family: var(--font-family);
  font-weight: 600;
}
section.list .list-item .has-title {
  background-color: var(--black);
}
section.list .list-item .has-title picture,
section.list .list-item .has-title > img {
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  grid-row: 1/6;
  -ms-grid-column: 1;
  grid-column: 1;
  opacity: 0.5;
}
section.list .list-item .has-title h3 {
  -ms-grid-row: 3;
  grid-row: 3;
  -ms-grid-column: 1;
  grid-column: 1;
  font-family: var(--font-family-heading);
  color: var(--white);
  font-weight: normal;
  z-index: 1;
}