header .donation-box {
    --gfa-donation-bg-opacity: 1;
}
header .btn-primary,
header .btn-secondary {
    --bs-btn-bg: var(--bs-gray-400);
    --bs-btn-border-color: var(--bs-gray-500);
}
header .btn-primary {
    --bs-btn-active-bg: var(--bs-gray-400);
    --bs-btn-active-border-color: #0C4D5F;
}
header .btn-check:checked + .btn-primary {
    background-image: url("https://gfamedia.org/design2024/images/blue-brush-background.webp");
    background-size: cover;
    background-blend-mode: multiply;
}
header .btn-secondary {
    --bs-btn-active-bg: #E6A100;
    --bs-btn-active-border-color: #E6A100;
}
#reason {
    --parallax-image-fit: contain;
    --reason-header-font-size: 2rem;
    --reason-font-size: 0.875rem;
    text-shadow: 0 0 15px rgba(var(--bs-dark-rgb), 0.3);
}
#reason .parallax-gradient {
    background-image: linear-gradient(35deg, #B8DDFB 0%, #C5E1F8 20%, #F5F8FB 41%, #FFFFFF 66%, #A0BED8 100%);
}
#reason .container {
    min-height: 50vh;
}
#reason h3 {
    font-family: var(--gfa-header-major-font-family);
    font-size: var(--reason-header-font-size);
    font-weight: 500;
}
#reason p {
    font-size: var(--reason-font-size);
}
#verse {
    --verse-font-size: 1.125rem;
}
#verse .container {
    min-height: 60vh;
}
#verse p {
    font-family: var(--gfa-header-major-font-family);
    font-size: var(--verse-font-size);
}

#setapart {
  position: relative;
  background-image: url("https://gfamedia.org/images/set-apart/2025/homepage-section.webp");
  background-size: cover;
  background-position: center center;
  padding: 30px 0;
  color: white;
}

#setapart .top-part {
  height: 25rem;
}

#setapart .ya-retreat {
  font-size: 1.5rem;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}

#setapart h3.encounter {
  text-transform: uppercase;
  color: white;
  font-size: 5.3rem;
  line-height: 0.9;
  font-weight: 600;
}

#setapart h3.encounter span {
  color: red;
}

#setapart .btn.learn-more {
  margin-top: 15px;
  width: 30%;
}

#setapart .date {
  background-image: url("https://gfamedia.org/images/set-apart/2025/red-circle.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  padding: 20px;
  font-size: 1.5rem;
}

@media (max-width: 576px) {
  #setapart {
    background-image: url("https://gfamedia.org/images/set-apart/2025/homepage-section-800w.webp");
  }

  #setapart img {
    width: 70%;
    margin: 10px auto;
  }

  #setapart .top-part {
    height: auto;
  }

  #setapart h3.encounter {
    font-size: 2rem;
    margin-top: 10rem;
  }

  #setapart .btn.learn-more {
    width: 100%;
  }

  #setapart .date {
    margin: 20px;
  }

}


a.cover-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}


#how {
    --bg-color-children: #3B8C84;
    --bg-color-gospel: #8C3B77;
    --bg-color-medical: #8C3B54;
    --bg-color-poverty: #2C6933;
    --bg-color-water: #3B508D;
    --bg-color-women: #8C803B;

    background-image:
        linear-gradient(140deg, rgba(255,255,255,0.4) 3%, rgba(227,227,227,0.2) 31%, rgba(211,211,211,0.03) 54%, rgba(42,42,42,0.5) 100%, rgba(42,42,42,0.26) 100%),
        linear-gradient(0deg, var(--bg-color), var(--bg-color));
}
#how h4 {
    font-size: 1.8rem;
}
#sponsor {
    background-image:
        linear-gradient(-140deg, #AD182D40 3%, #AD182D20 31%, #AD182D03 54%, #AD182D50 100%, #AD182D26 100%),
        linear-gradient(to left, #CD495B, #AD182D);
}
.call-to-action h3 {
    --gfa-light-blue-rgb: 29,218,239;
    font-family: var(--gfa-header-major-font-family);
    font-size: 2rem;
}
.call-to-action p {
    font-size: 1.4rem;
}
.call-to-action .img-fluid {
    object-fit: cover;
}
#ministries {
    position: relative;
}
#ministries::after,
#ministries::before {
    content: "";
    height: 75%;
    position: absolute;
    width: 60%;
    left: 20%;
    top: 12.5%;
}
#ministries::after {
    background-image: url("https://gfamedia.org/design2024/images/vector-church.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
#ministries::before {
    border: 0.5rem solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    content: "";
    z-index: 1;
}
#ministries > .ministries {
    position: relative;
    z-index: 3;
}
.ministries {
    --ministries-gutter-y: 3rem;
    --ministries-gutter-x: 1rem;
    display: grid;
    gap: var(--ministries-gutter-y) var(--ministries-gutter-x);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(3, minmax(0, 1fr));
}
.ministries > .ministry:nth-child(2n+1) {
    grid-column: 1 / 2;
    left: 0;
}
.ministries > .ministry:nth-child(2n) {
    grid-column: 2 / 3;
    right: 0;
}
.ministries > .ministry:nth-child(1),
.ministries > .ministry:nth-child(2) {
    align-self: flex-start;
}
.ministries > .ministry:nth-child(3),
.ministries > .ministry:nth-child(4) {
    align-self: center;
}
.ministries > .ministry:nth-child(5),
.ministries > .ministry:nth-child(6) {
    align-self: flex-end;
}
.ministries > .ministry.hiding,
.ministries > .ministry.showing {
    grid-column: 1 / 3;
    height: calc(100% / 3 - var(--ministries-gutter-y) / 2);
    width: 50%;
    overflow: hidden;
}
.ministries > .ministry.active {
    grid-column: 1 / 3;
    height: 100%;
    width: 100%;
}
.ministry {
    --ministry-bg-color: unset;
    --ministry-body-font-size: 1rem;
    --ministry-border-radius: 1.5rem;
    --ministry-gutter-x: 1rem;
    --ministry-gutter-y: 1rem;
    --ministry-header-font-size: 0.9rem;

    display: flex;
    transition: height 0.3s ease-in-out,
                width 0.3s ease-in-out;
}

@media (max-width: 768px) {
    .ministry.fullTitle {
        position: absolute;
        width: 100%;
        height: 53px !important;
        grid-column: 1/3 !important;
        z-index: 1;
        transition: 0s;
    }
    .ministry .ministry-content {
        position: relative;
        width: 100%;
        height: fit-content;
        transition: 0s;
    }
    .ministry {
        transition: 0s;
    }
    #ministries::after {
        background-size: 15%;
    }
}

#ministry-children {
    --ministry-bg-color: var(--bg-color-children);
}
#ministry-gospel {
    --ministry-bg-color: var(--bg-color-gospel);
}
#ministry-medical {
    --ministry-bg-color: var(--bg-color-medical);
}
#ministry-poverty {
    --ministry-bg-color: var(--bg-color-poverty);
}
#ministry-water {
    --ministry-bg-color: var(--bg-color-water);
}
#ministry-women {
    --ministry-bg-color: var(--bg-color-women);
}
.ministry.active,
.ministry.hiding,
.ministry.showing {
    position: absolute;
}
.ministry-content {
    background-color: var(--ministry-bg-color);
    border-radius: var(--ministry-border-radius);
    display: flex;
    flex-direction: column;
    width: 100%;
}
.ministry:nth-child(2n+1) .ministry-content {
    order: 1;
}
.ministry:nth-child(2n) .ministry-content {
    order: 2;
}

.ministry.active .ministry-content,
.ministry.showing .ministry-content {
    box-shadow: 0 0 8px #00000050;
    z-index: 5;
}

.ministry-header {
    align-items: center;
    background-color: unset;
    border: none;
    color: inherit;
    display: flex;
    font-size: var(--ministry-header-font-size);
    padding: var(--ministry-gutter-y) var(--ministry-gutter-x);
    width: 100%;
    cursor: pointer !important;
}
.ministry-header > .fa-xmark {
    opacity: 0;
    transition: opacity 0.15s ease-in-out;
}
.ministry.active .ministry-header > .fa-xmark {
    opacity: 1;
}
.ministry-header > img {
    flex-shrink: 0;
    height: 1.25em;
}
.ministry-body::-webkit-scrollbar {
    display: none;
}
.ministry-body {
    display: none;
    flex-grow: 1;
    font-size: var(--ministry-body-font-size);
    overflow: auto;
    padding: 0 var(--ministry-gutter-x) var(--ministry-gutter-y) var(--ministry-gutter-x);
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.ministry-body > hr:first-child {
    margin-bottom: calc(var(--ministry-gutter-y) / 2);
    margin-top: 0;
}
.ministry-body > p:last-child {
    margin-bottom: 0;
}
.ministry.active .ministry-body,
.ministry.hiding .ministry-body,
.ministry-showing .ministry-body {
    display: block;
}
.ministry-img {
    display: none;
    object-fit: cover;
    transition: transform 0.3s ease-in-out;
}
.ministry:nth-child(2n+1) .ministry-img {
    border-bottom-right-radius: var(--ministry-border-radius);
    border-top-right-radius: var(--ministry-border-radius);
    order: 2;
    margin-left: calc(-1 * var(--ministry-border-radius));
}
.ministry:nth-child(2n) .ministry-img {
    border-bottom-left-radius: var(--ministry-border-radius);
    border-top-left-radius: var(--ministry-border-radius);
    order: 1;
    margin-right: calc(-1 * var(--ministry-border-radius));
}
.ministry.hiding .ministry-img {
    transition-delay: 0.3s;
}
.ministry.hiding:nth-child(2n+1) .ministry-img,
.ministry.showing:nth-child(2n+1) .ministry-img {
    transform: translateX(-100%);
}
.ministry.hiding:nth-child(2n) .ministry-img,
.ministry.showing:nth-child(2n) .ministry-img {
    transform: translateX(100%);
}
.ministry.active .ministry-img,
.ministry.hiding .ministry-img,
.ministry.showing .ministry-img {
    z-index: 4;
}
@media (min-width: 768px) {
    #reason.parallax {
        --parallax-image-width: 50%;
    }
    .ministries {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .ministries > .ministry:nth-child(2n+1) {
        grid-column: 1 / 2;
    }
    .ministries > .ministry:nth-child(2n) {
        grid-column: 3 / 4;
    }
    .ministries > .ministry.hiding,
    .ministries > .ministry.showing {
        grid-column: 1 / 4;
        width: calc(100% / 3);
    }
    .ministries > .ministry.active {
        grid-column: 1 / 4;
        width: 100%;
    }
    .ministry {
        --ministry-header-font-size: 1.125rem;
    }
    .ministry.active .ministry-img {
        display: block;
    }
}
@media (min-width: 992px) {
    header > .container-fluid {
        --bs-gutter-x: 6rem;
    }
    #reason {
        --reason-header-font-size: 3.75rem;
        --reason-font-size: 1.375rem;
    }
    #verse {
        --verse-font-size: 1.6rem;
    }
    .ministries > .ministry.hiding:nth-child(2n+1),
    .ministries > .ministry.showing:nth-child(2n+1) {
        grid-column: 1 / 3;
        width: 50%;
    }
    .ministries > .ministry.active:nth-child(2n+1) {
        grid-column: 1 / 3;
        width: 100%;
    }
    .ministries > .ministry.hiding:nth-child(2n),
    .ministries > .ministry.showing:nth-child(2n) {
        grid-column: 2 / 4;
        width: 50%;
    }
    .ministries > .ministry.active:nth-child(2n) {
        grid-column: 2 / 4;
        width: 100%;
    }
}