.good-deed {
  --outer-width: calc(100% - var(--scrollbar-width, 0px));
  --inner-width: calc((var(--outer-width) - var(--wp--custom--layout--content)) / 2 );
  padding: 0px max(var(--wp--custom--layout--page-margin), var(--inner-width));
  display: flex;
  flex-direction: column;
  gap: 85px;
  align-items: stretch;
  margin-top: 100px !important;
  margin-bottom: 100px !important;
  padding-top: var(--space-lg);
  padding-bottom: var(--space-lg);
}
.page-offset .good-deed {
  padding-left: max(var(--wp--custom--layout--page-margin), var(--inner-width));
  padding-right: max(var(--wp--custom--layout--page-margin), var(--inner-width) + 107px);
}

.good-deed.alignwide {
  --inner-width: calc((var(--outer-width) - var(--wp--custom--layout--wide)) / 2 );
}

.good-deed.alignfull {
  max-width: 100vw;
}

.good-deed:first-of-type {
  margin-top: 70px !important;
}

.good-deed__fullwidth {
  display: flex;
  flex-direction: column;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}

.good-deed_meta {
  order: 2;
}

.good-deed_images {
  order: 1;
}

.good-deed__reversed {
  /* grid-template-columns: 1fr 450px; */
}

.good-deed__reversed .good-deed_meta {
  order: 2;
}

.good-deed__reversed .good-deed_images {
  order: 1;
}

.good-deed__fullwidth .good-deed_meta {
  display: none;
}

.good-deed .good-deed_meta header h3, .good-deed .good-deed_meta header p {
  margin: 0px;
}

@media screen and (min-width: 1000px) {
  .good-deed_meta {
    margin-top: 80px;
    margin-bottom: 80px;
    flex: 0 0 437px;
    margin: 0px !important;
  }
  .good-deed {
    flex-direction: row;
  }
  .good-deed_meta {
    order: 1;
  }
  .good-deed_images {
    order: 2;
  }
  .good-deed_images {
    position: relative;
    display: flex;
    /* margin-left: auto; */
    width: 100%;
    max-width: 1000px;
    /* margin-left: 0px !important; */
    /* margin-right: 0px !important; */
  }
  .good-deed_images > * {
    position: absolute;
    display: block;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    /* max-width: 900px !important; */
    margin: 0px !important;
  }
}
/*# sourceMappingURL=style.css.map */
