.lp {
  background: linear-gradient(to top, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7)), url(https://assets.persecution.com/public/graphics/lp_specific/lp_202111_LP5_centralafricanrepublic/bg.jpg) center top;
  background-attachment: fixed;
  background-size: cover;
  padding-bottom: 5rem;
  background-blend-mode: screen;
  overflow-x: hidden;
}
@media (min-width: 76em) {
  .lp {
    padding-bottom: 7.5rem;
  }
}
@media (min-width: 108em) {
  .lp {
    background-size: 125rem;
  }
}
.lp::after {
  content: "";
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: calc(-50vw + 50%);
  top: 0;
  background: linear-gradient(to bottom, rgba(11, 111, 141, 0.1), transparent 60%);
}

.lp-main {
  margin: 0 auto;
  max-width: 35rem;
  padding: 0 1.875rem 3.75rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 23.25em) {
  .lp-main {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 48em) {
  .lp-main {
    max-width: 96rem;
    padding: 0 3.75rem 3.75rem;
  }
}

.lp-hero {
  position: relative;
  z-index: 1;
  padding-bottom: 2rem;
  margin: 0 auto;
  max-width: 40rem;
}
@media (min-width: 48em) {
  .lp-hero {
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 72em) {
  .lp-hero {
    max-width: 50rem;
  }
}
.lp-hero__img-wrapper {
  width: 100%;
  position: relative;
}
@media (min-width: 48em) {
  .lp-hero__img-wrapper {
    display: flex;
    flex-direction: column;
    max-width: 72rem;
  }
}
.lp-hero__img {
  width: 65vw;
  position: relative;
  left: calc(-40vw + 50% - 1rem);
  top: -1rem;
  transform: rotateZ(-1.5deg);
  border: 0.375rem solid white;
  box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, 0.2);
}
@media (min-width: 32em) {
  .lp-hero__img {
    width: 50vw;
  }
}
@media (min-width: 48em) {
  .lp-hero__img {
    left: calc(-25vw + 50%);
    top: -2.5rem;
  }
}
@media (min-width: 60em) {
  .lp-hero__img {
    left: calc(-20vw + 50%);
    width: 42.5vw;
    z-index: 2;
  }
}
@media (min-width: 72em) {
  .lp-hero__img {
    width: 30rem;
    top: -4.5rem;
    transform: rotateZ(-3.5deg);
    left: calc(50% - 15.625rem);
  }
}
.lp-hero__img--sub {
  width: 35vw;
  top: -0.75rem;
  left: calc(50% + 10vw);
  position: absolute;
  transform: rotateZ(2deg);
  border: 0.375rem solid white;
  z-index: 2;
}
@media (min-width: 32em) {
  .lp-hero__img--sub {
    left: calc(50% - 1.25vw);
    width: 30vw;
  }
}
@media (min-width: 48em) {
  .lp-hero__img--sub {
    left: calc(50% - 52.5vw);
  }
}
@media (min-width: 60em) {
  .lp-hero__img--sub {
    left: calc(50% - 35rem);
    width: 22.5rem;
    z-index: 1;
  }
}
@media (min-width: 72em) {
  .lp-hero__img--sub {
    top: -2.25rem;
  }
}
.lp-hero__img--extra {
  display: none;
}
@media (min-width: 32em) {
  .lp-hero__img--extra {
    display: block;
    width: 27.5vw;
    top: -0.5rem;
    left: calc(50% + 20vw);
    position: absolute;
    transform: rotateZ(-2deg);
    border: 0.375rem solid white;
  }
}
@media (min-width: 48em) {
  .lp-hero__img--extra {
    left: calc(50% + 21.25vw);
  }
}
@media (min-width: 60em) {
  .lp-hero__img--extra {
    left: calc(50% + 18.75vw);
    width: 20vw;
  }
}
@media (min-width: 72em) {
  .lp-hero__img--extra {
    top: 1.25rem;
    left: 37.5rem;
    width: 17.5rem;
  }
}
.lp-hero__bg {
  width: 100vw;
  height: 30rem;
  position: absolute;
  left: calc(-50vw + 50%);
  bottom: 0;
  background: url(https://assets.persecution.com/public/graphics/lp_specific/lp_202111_LP5_centralafricanrepublic/map.png) no-repeat;
  opacity: 0.85;
  background-size: 48rem;
  background-position: center 1.25rem;
  filter: drop-shadow(0 0.125rem 0.25rem rgba(0, 0, 0, 0.1));
  mask-image: linear-gradient(to top, transparent, black 15%);
}
@media (min-width: 25.875em) {
  .lp-hero__bg {
    background-position: center top;
  }
}
@media (min-width: 32em) {
  .lp-hero__bg {
    background-size: 88rem;
    background-position: calc(50% + 10rem) top;
  }
}
@media (min-width: 48em) {
  .lp-hero__bg {
    background-size: 120rem;
    background-position: top -10rem right 62%;
  }
}
@media (min-width: 60em) {
  .lp-hero__bg {
    mask-image: linear-gradient(to top, transparent, black 25%);
    background-size: 189% auto;
    top: -3.75rem;
  }
}
@media (min-width: 66em) {
  .lp-hero__bg {
    background-size: 245% auto;
    height: 45rem;
  }
}
@media (min-width: 72em) {
  .lp-hero__bg {
    width: 72rem;
    top: 11.25rem;
    background-size: 100% auto;
    background-position-y: top -10rem;
    background-position-x: center;
    left: -3.75rem;
    right: -3.75rem;
  }
}

.lp-hero__give-button .button {
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.2em;
  background: #0b6f8d;
}
@media (min-width: 60em) {
  .lp-hero__give-button .button {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media (min-width: 72em) {
  .lp-hero__give-button .button {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.lp-title {
  color: #5b5e63;
  line-height: 1.1;
  margin-top: 2.5rem;
  position: relative;
  z-index: 1;
  font-size: 1rem;
  text-transform: uppercase;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: lighter;
  letter-spacing: 0.1em;
}
@media (min-width: 25.875em) {
  .lp-title {
    font-size: 1.25rem;
  }
}
@media (min-width: 48em) {
  .lp-title {
    font-size: 1.375rem;
    margin: 1.25rem auto;
  }
}
@media (min-width: 72em) {
  .lp-title {
    margin-top: 0.625rem;
    margin-bottom: 1.875rem;
  }
}
.lp-title span {
  display: block;
  font-size: 2.5rem;
  line-height: 1;
  font-weight: bold;
  margin-left: -0.1rem;
  padding-top: 0.25rem;
  color: #0b6f8d;
}
@media (min-width: 25.875em) {
  .lp-title span {
    font-size: 3rem;
    margin-left: -0.125rem;
  }
}
@media (min-width: 48em) {
  .lp-title span {
    font-size: 3.5rem;
  }
}
@media (min-width: 72em) {
  .lp-title span {
    font-size: 4.525rem;
    margin-left: -0.15rem;
    margin-top: 0.5rem;
  }
}

.lp-content {
  position: relative;
  z-index: 1;
}
@media (min-width: 48em) {
  .lp-content {
    max-width: 40rem;
    margin: 0 auto;
  }
}
@media (min-width: 60em) {
  .lp-content {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media (min-width: 72em) {
  .lp-content {
    margin: 1.5rem auto 0;
    max-width: 50rem;
  }
}
@media (min-width: 84em) {
  .lp-content {
    margin: 0 auto;
  }
}
@media (min-width: 60em) {
  .lp-content__content {
    grid-template-columns: 1.25fr 1fr;
    margin: 0 auto;
    padding-left: 0;
  }
}
@media (min-width: 72em) {
  .lp-content__content {
    gap: 7.5rem;
    grid-template-columns: 1.5fr 1fr;
  }
}
@media (min-width: 48em) {
  .lp-content .lp-content__content--has-offer {
    display: grid;
    grid-template-columns: 1fr 1.25fr;
    gap: 3.75rem;
  }
}
.lp-content__description {
  padding-bottom: 2.5rem;
}
@media (min-width: 48em) {
  .lp-content__description {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media (min-width: 72em) {
  .lp-content__description {
    font-size: 21px;
    font-size: 1.3125rem;
  }
}

.lp-get-involved-option {
  background-color: rgba(255, 255, 255, 0.75);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
  padding: 1.625rem;
  margin-bottom: 3.75rem;
  width: 100vw;
  position: relative;
  left: calc(-50vw + 50%);
}
@media (min-width: 23.25em) {
  .lp-get-involved-option {
    padding: 1.875rem;
  }
}
@media (min-width: 32em) {
  .lp-get-involved-option {
    width: 100%;
    max-width: 30rem;
    left: unset;
    margin: 0 auto 3.75rem;
    border-radius: 0.5rem;
  }
}
@media (min-width: 48em) {
  .lp-get-involved-option {
    padding-left: 14.5rem;
    max-width: none;
    position: relative;
  }
}
@media (min-width: 54em) {
  .lp-get-involved-option {
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5rem;
    padding: 2.5rem 2.5rem 1.875rem 14.5rem;
  }
}

.lp-get-involved-option__title {
  text-align: center;
  color: #0b6f8d;
  line-height: 1;
  text-transform: uppercase;
  font-size: 1.75rem;
  margin: 0 0 0.625rem;
}
@media (min-width: 48em) {
  .lp-get-involved-option__title {
    font-size: 2.125rem;
  }
}

.lp-get-involved-option__photo {
  object-fit: cover;
  object-position: center;
  transform: rotateZ(-1.5deg);
  border: 0.5rem solid white;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
  max-width: 24rem;
  margin: -3rem auto 2rem;
}
@media (min-width: 48em) {
  .lp-get-involved-option__photo {
    position: absolute;
    max-width: 20rem;
    left: -7.25rem;
    top: 5.25rem;
  }
}

.lp-get-involved-option__desc *:last-child {
  padding-bottom: 0;
}

.lp-wfif-offer {
  background-color: rgba(255, 255, 255, 0.75);
  margin: 0 -1.25rem 2.5rem;
  padding: 1.25rem;
  font-size: 16px;
  font-size: 1rem;
}
@media (min-width: 25.875em) {
  .lp-wfif-offer {
    margin-left: auto;
    margin-right: auto;
    max-width: 20rem;
  }
}
@media (min-width: 48em) {
  .lp-wfif-offer {
    padding: 1.875rem;
    max-width: 100%;
  }
}
@media (min-width: 60em) {
  .lp-wfif-offer {
    border-radius: 0.5rem;
  }
}
.lp-wfif-offer p {
  padding-bottom: 0;
}
.lp-wfif-offer img {
  display: block;
  margin-top: -3.125rem;
  margin-bottom: 0.625rem;
}
@media (min-width: 48em) {
  .lp-wfif-offer img {
    margin-top: -5.625rem;
  }
}
@media (min-width: 72em) {
  .lp-wfif-offer img {
    margin: -7.5rem auto 0.625rem;
    max-width: 17.5rem;
  }
}
.lp-wfif-offer em {
  font-style: italic;
  font-weight: bold;
  color: #0b6f8d;
}
.lp-wfif-offer .field--free-check {
  display: none;
}

.lp .title {
  color: #0b6f8d;
}
.lp .field--text .field__address2-link {
  color: #0b6f8d;
}

.ordersummary .ordersummary__delete .button--delete {
  background: #0b6f8d;
}

.field--free-check {
  background-color: rgba(185.2039473684, 213.3517206478, 221.7960526316, 0.75);
  padding-left: 1.5rem;
  border-radius: 0.25rem;
  padding: 1.25rem 1.25rem 1.25rem 2.5rem;
  margin: 2rem auto;
  margin-bottom: 3.125rem;
  max-width: fit-content;
  position: relative;
}
.field--free-check label {
  color: rgba(0, 0, 0, 0.7);
  font-weight: normal;
}
@media (min-width: 60em) {
  .field--free-check label {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.field--free-check label strong {
  font-weight: bold;
  color: #0b6f8d;
}
.field--free-check label em {
  color: #0b6f8d;
  margin: 0;
  font-size: 16px;
  font-size: 1rem;
}
.field--free-check [type=checkbox] {
  left: 1.25rem;
  top: 1.425rem;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1), 0 12px 21px rgba(0, 0, 0, 0.05), 0 20px 38px rgba(0, 0, 0, 0.03);
  position: absolute;
}
@media (min-width: 60em) {
  .field--free-check [type=checkbox] {
    top: 1.65rem;
  }
}

.field--donation:first-of-type {
  margin-bottom: 1.25rem;
}
@media (min-width: 60em) {
  .field--donation:first-of-type {
    margin-bottom: 2.5rem;
  }
}
.field--donation .field__input-wrapper {
  position: relative;
  left: 0;
}
.field--donation {
  background-color: rgba(255, 255, 255, 0.65);
  border-radius: 0.25rem;
  padding: 1.25rem;
  margin-bottom: 2.5rem;
}
.field--donation label {
  padding: 0;
}
.field--donation label strong {
  color: #0b6f8d;
}
.field--donation .field__input-wrapper {
  padding-bottom: 0;
  position: relative;
  left: 0;
}

.donations-wrapper {
  padding-top: 3rem;
  border-top: 1px solid rgba(49, 90.5384615385, 103, 0.2);
}
.donations-wrapper h2 {
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  letter-spacing: 0.25em;
  margin: 0 0 2.5rem;
}
@media (min-width: 48em) {
  .donations-wrapper h2 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.donations-wrapper h2 span {
  color: #0b6f8d;
  font-weight: bold;
}
.donations-wrapper .title {
  display: none;
}

.donations {
  max-width: 36rem;
  margin-bottom: 2.5rem;
}
@media (min-width: 48em) {
  .donations {
    border-bottom: none;
    margin-bottom: 0;
  }
}
@media (min-width: 60em) {
  .donations {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.25rem;
  }
}
.donations .field-recurring {
  padding-top: 0.625rem;
}
@media (min-width: 48em) {
  .donations .field-recurring {
    padding-left: 1.25rem;
    padding-top: 1.05rem;
  }
}
.donations .field-recurring [type=checkbox] {
  top: 0.575rem;
}
@media (min-width: 48em) {
  .donations .field-recurring [type=checkbox] {
    top: 0.75rem;
    left: 0;
  }
}

.lp-your-email label {
  color: #0b6f8d;
}

@media (min-width: 48em) {
  .items-wrap {
    border-bottom: none;
    position: sticky;
    top: 2.5rem;
  }
}
.items-wrap .title {
  padding-left: 0;
}

input[type=submit] {
  background: #0b6f8d;
}
input[type=submit]:hover, input[type=submit]:focus {
  background: #053746;
}
input[type=submit]:focus {
  outline: 2px dotted #0b6f8d;
}

.lp-tax-disclaimer {
  border-top: 1px solid rgba(49, 90.5384615385, 103, 0.2);
  font-size: 10px;
  font-size: 0.625rem;
  padding: 1.875rem 0.625rem 0;
  text-align: center;
  max-width: 36rem;
  margin: 3.75rem auto 0;
}