.grid .petition-item {
  padding: 0;
}

.petition-item {
  background: var(--wp--preset--color--grey-lighter);
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}

.petition-item,
.petition-item * {
  box-sizing: border-box;
}

.petition-item a {
  text-decoration: none;
}

.petition-item .petition-itemImage {
  display: flex;
  width: 100%;
  height: 300px;
  object-fit: cover;
}

.petition-item figure {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
}

.petition-item .petition-itemImageCaption {
  position: absolute;
  bottom: 0;
  left: 5px;
  background: var(--wp--preset--color--black);
  color: var(--wp--preset--color--white);
  padding: 4px 8px;
  text-transform: uppercase;
  font-family: var(--wp--preset--font-family--secondary);

  a {
    color: var(--wp--preset--color--white);
    text-transform: uppercase;
    font-family: var(--wp--preset--font-family--secondary);
  }
}

.petition-item .petition-item-content {
  width: 100%;
  padding: 14px;
  display: flex;
  height: 100%;
  flex-direction: column;
}

.petition-item .petition-itemTitle {
  margin-top: 0;
  font-family: var(--wp--preset--font-family--secondary);
  color: var(--wp--preset--color--black);
  flex-grow: 1;
}

.petition-item .petition-itemTitle a {
  font-family: var(--wp--preset--font-family--secondary);
  color: var(--wp--preset--color--black);
  font-weight: bold;
  font-size: var(--wp--preset--font-size--heading-4);
}

.petition-item .petition-itemTitle > * {
  // stylelint-disable-next-line value-no-vendor-prefix -- this is necessary
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.petition-item .petition-itemExcerpt {
  text-transform: uppercase;
  font-family: var(--wp--preset--font-family--secondary);
  line-height: 1.8;
}

.petition-item .petition-itemCta {
  display: block;
  text-transform: uppercase;
  width: 100%;
}

.petition-layout {
  display: flex;
  flex-wrap: wrap;
}

.petition-layout .petition-item {
  max-width: 330px;
  margin-right: 24px;
  margin-top: 24px;
  padding: 0;
}

.petition-itemImage img {
  width: 100%;
  object-fit: cover;
}

// .grid-many {
//   display: grid;
//   /* grid-auto-flow: column; */
//   grid-template-columns: repeat(4, 1fr);
//   row-gap: 20px;
// }
