/* donation-progress */
.donation-progress .progress-info {
    font-size: 20px;
    color: gray;
    font-weight: 400;
    color: #808080;
}

.donation-progress .progress-info .amount {
    font-weight: inherit;
    color: inherit;
}

.donation-progress .progress-info .raised {
    font-size: 30px;
    font-weight: 600;
    color: black;
}

.donation-progress .progress-info .goal {
    color: #808080;
}

.donation-progress .progress-bar-background {
    position: relative;
    border-radius: 15px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.donation-progress:not(.layout2) .progress-bar-background {
    background-color: #d3e1fb;
}

.donation-progress .progress-bar-background .progress-bar {
    width: 0%;
    border-radius: 99px;
    position: relative;
    overflow: visible;
}

.donation-progress:not(.layout2) .progress-bar-background .progress-bar {
    background: linear-gradient(90deg,#acf86c,#4a9d44 93.27%);
    height: 26px;
}

.donation-progress .progress-bar-background .percent {
    color: #000;
    font-weight: 400;
    font-size: 14px;
    margin-left: 8px;
    position: absolute;
    right: -30px;
    transition: 0.2s;
}

.donation-progress .progress-bar-background .progress-bar[data-small="false"] .percent {
    right: 10px;
    color: white;
}

.donation-progress.layout2 .raised-title {
    color: black;
    font-size: 32px;
    margin-bottom: 5px;
    letter-spacing: 0px;
}

.donation-progress.layout2 .target-title {
    display: flex;
    align-items: center;
    color: black;
    font-size: 16px;
    margin-bottom: 10px;
}

.donation-progress.layout2 .target-title small {
    font-size: 20%;
    margin: 5px 12px;
}

.donation-progress.layout2 .target-title>span {
    margin-right: 5px;
}

.donation-progress.layout2 .target-title .percent {
    margin-left: auto;
    margin-right: 0;
}

.donation-progress.layout2 .target-title,
.donation-progress.layout2 .target-title * {
    color: #6b6b6b;
    font-weight: 700 !important;
}

.donation-progress.layout2 .progress-bar-background {
    border: none;
    background-color: #f4f2ea;
}

.donation-progress.layout2 .progress-bar-background .progress-bar {
    background-color: #09a95a;
    height: 24px;
}


.donation-progress.layout2.circle .circle-progress-bar {
    position: relative;
    display: inline-block;
}

.donation-progress.layout2.circle .circle-progress-bar svg {
    transform: rotate(-90deg);
    width: 100%;
    height: 100%;
}

.donation-progress.layout2.circle .circle-progress-bar .circle-bg {
    fill: none;
    stroke: #f4f2ea;
    stroke-width: 16;
}

.donation-progress.layout2.circle .circle-progress-bar .circle {
    fill: none;
    stroke: #09a95a;
    stroke-width: 16;
    stroke-linecap: round;
    stroke-dasharray: 314px;
    /* Circumference of the circle (2 * PI * r where r = 50) */
    stroke-dashoffset: 314px;
    /* Initially hide the stroke */
    transition: stroke-dashoffset 0.4s ease;
}

.donation-progress.layout2.circle .circle-progress-bar .percent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    font-weight: bold;
    color: #666;
}

.donation-progress.layout2.circle .progress-bar-row {
    display: flex;
}

.donation-progress.donation-progress-2 {
    display: flex;
    flex-direction: column-reverse;
}

.donation-progress.donation-progress-2 .progress-bar-background {
    border-radius: 2px;
    overflow: inherit;
}

.donation-progress-2.donation-progress:not(.layout2) .progress-bar-background .progress-bar {
    border-radius: 2px;
    background: var(--accent-color);
    position: relative;
    height: 8px;
    overflow: inherit;
}

.donation-progress-2.donation-progress:not(.layout2) .progress-bar-background .progress-bar .impact {
    position: absolute;
    right: 2px;
    bottom: calc(100% + 8px);
    background-color: black;
    color: white;
    padding: 3px 10px;
    display: flex;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    transform: translateX(50%);
}

.donation-progress-2.donation-progress:not(.layout2) .progress-bar-background .progress-bar .impact:after {
    content: '';
    position: absolute;
    top: calc(100% - 6px);
    left: calc(50% - 5px);
    width: 10px;
    height: 10px;
    border-radius: 3px;
    background-color: black;
    transform: rotate(45deg);
}

.donation-progress-2.donation-progress:not(.layout2) .progress-bar-background .progress-bar:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 1px;
    width: 5px;
    height: 6px;
    background: #a2b4d4;
    box-shadow: 0 0 0 2px white;
    border-radius: 1px;
}

.donation-progress-2.donation-progress:not(.layout2) .progress-bar-background .progress-bar[data-big="small"] .impact {
    transform: translateX(75%);
}

.donation-progress-2.donation-progress:not(.layout2) .progress-bar-background .progress-bar[data-big="small"] .impact:after {
    left: 19%;
}

.donation-progress-2.donation-progress:not(.layout2) .progress-bar-background .progress-bar[data-big="big"] .impact {
    transform: translateX(15%);
}

.donation-progress-2.donation-progress:not(.layout2) .progress-bar-background .progress-bar[data-big="big"] .impact:after {
    left: 78%;
}
/* donation-button */
.button-full .primary-button {
    width: 100%;
}

.primary-button {
    box-shadow: none;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    text-shadow: none;
    font-weight: 600;
    font-style: normal;
    line-height: 1.4;
    cursor: pointer;
    font-size: 13px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    outline: none;
    border-radius: 0;
    transition: 0.1s linear;
}

.button-small .primary-button {
    padding: 12px 16px;
    font-size: 14px;
    min-height: inherit;
}

.button-medium .primary-button {
    padding: 12px 20px;
    min-height: inherit;
}

.button-large .primary-button {
    padding: 16px 24px;
    font-size: 14px;
}

.button-extra_large .primary-button {
    padding: 18px 32px;
    font-size: 16px;
}

.button-rounded .primary-button {
    border-radius: 8px;
}

.button-round .primary-button {
    border-radius: 99px;
}

.button-flat .primary-button {
    border: 0px solid transparent;
}

.button-flat.button-gray .primary-button {
    color: #3E3E3E;
    background: #F3F3F3;
}

.button-flat.button-gray .primary-button:hover,
.button-flat.button-gray .primary-button.active {
    color: #3E3E3E;
    background: #e0e0e0;
}

.button-flat.button-primary .primary-button {
    color: #ffffff;
    background: var(--accent-color);
    box-shadow: inset 0 0 0 rgba(0,0,0,0.1);
}

.button-flat.button-primary .primary-button:hover,
.button-flat.button-primary .primary-button.active {
    color: #ffffff;
    background: var(--accent-color);
    box-shadow: inset 0 0 200px rgba(0,0,0,0.1);
}


.button-flat.button-alternative .primary-button {
    color: #ffffff;
    background: var(--accent-color);
    box-shadow: inset 0 0 0 rgba(0,0,0,0.1);
}

.button-flat.button-alternative .primary-button:hover,
.button-flat.button-alternative .primary-button.active {
    color: #ffffff;
    background: var(--accent-color);
    box-shadow: inset 0 0 200px rgba(0,0,0,0.1);
}


.button-flat.button-black .primary-button {
    color: #ffffff;
    background: #212121;
    box-shadow: inset 0 0 0 rgba(0,0,0,0.1);
}

.button-flat.button-black .primary-button:hover,
.button-flat.button-black .primary-button.active {
    color: #ffffff;
    background: #212121;
    box-shadow: inset 0 0 200px rgba(0,0,0,0.1);
}


.button-flat.button-white .primary-button {
    color: #333333;
    background: white;
    box-shadow: inset 0 0 0 rgba(0,0,0,0.1);
}

.button-flat.button-white .primary-button:hover,
.button-flat.button-white .primary-button.active {
    color: #333333;
    background: white;
    box-shadow: inset 0 0 200px rgba(0,0,0,0.1);
}

.button-border .primary-button {
    color: #333333;
    background: transparent;
    border: 1px solid #F3F3F3;
}

.button-border .primary-button:hover,
.button-border .primary-button.active {
    color: #333333;
    border-color: #F3F3F3;
    background: #F3F3F3;
}

.button-border.button-primary .primary-button {
    color: var(--accent-color);
    background: transparent;
    border: 1px solid var(--accent-light-color);
}

.button-border.button-primary .primary-button:hover,
.button-border.button-primary .primary-button.active {
    color: #ffffff;
    border-color: var(--accent-color);
    background: var(--accent-color);
}

.button-border.button-alternative .primary-button {
    color: var(--accent-color);
    background: transparent;
    border: 1px solid var(--accent-color);
}

.button-border.button-alternative .primary-button:hover,
.button-border.button-alternative .primary-button.active {
    color: #ffffff;
    border-color: var(--accent-color);
    background: var(--accent-color);
}

.button-border.button-black .primary-button {
    color: #212121;
    background: transparent;
    border: 1px solid #212121;
}

.button-border.button-black .primary-button:hover,
.button-border.button-black .primary-button.active {
    color: #ffffff;
    border-color: #212121;
    background: #212121;
}


.button-border.button-white .primary-button {
    color: #ffffff;
    background: transparent;
    border: 1px solid #ffffff;
}

.button-border.button-white .primary-button:hover,
.button-border.button-white .primary-button.active {
    color: #212121;
    border-color: #ffffff;
    background: #ffffff;
}

.button-link .primary-button {
    background: none;
    padding: 0;
    color: #212121;
    border-bottom: 1px solid #F3F3F3;
}

.button-link .primary-button:hover,
.button-link .primary-button.active {
    color: #333333;
    border-bottom: 1px solid #e0e0e0;
}

.button-link.button-primary .primary-button {
    color: #333333;
    border-bottom: 1px solid var(--accent-color);
}

.button-link.button-primary .primary-button:hover,
.button-link.button-primary .primary-button.active {
    color: var(--accent-color);
    border-bottom: 1px solid var(--accent-color);
}

.button-link.button-alternative .primary-button {
    color: #333333;
    border-bottom: 1px solid var(--accent-color);
}

.button-link.button-alternative .primary-button:hover,
.button-link.button-alternative .primary-button.active {
    color: var(--accent-color);
    border-bottom: 1px solid var(--accent-color);
}

.button-link.button-black .primary-button {
    color: #333333;
    border-bottom: 1px solid #333333;
}

.button-link.button-black .primary-button:hover,
.button-link.button-black .primary-button.active {
    color: #000000;
    border-bottom: 1px solid #000000;
}

.button-link.button-white .primary-button {
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}

.button-link.button-white .primary-button:hover,
.button-link.button-white .primary-button.active {
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}

/* ght-title */
/* GHH Title. (Root is .ght.gtt.) */
.ght.gtt { display: grid; gap: 10px; }
.ght.gtt .gtt__sub { font-size: 14px; font-weight: 700; color: var(--ght-blue-d); }
.ght.gtt .gtt__h { margin: 0; font-weight: 800; line-height: 1.05; letter-spacing: -.025em; color: var(--ght-ink); text-wrap: balance; }
.ght.gtt--s .gtt__h { font-size: clamp(20px, 1.6vw, 24px); letter-spacing: -.015em; }
.ght.gtt--m .gtt__h { font-size: clamp(28px, 2.8vw, 40px); }
.ght.gtt--l .gtt__h { font-size: clamp(34px, 4.2vw, 60px); line-height: 1; letter-spacing: -.03em; }
.ght.gtt--xl .gtt__h { font-size: clamp(40px, 5.6vw, 84px); font-weight: 900; line-height: .96; letter-spacing: -.04em; }
.ght.gtt .gtt__h u { text-decoration: none; color: var(--ght-blue); }
.ght.gtt .gtt__h a { color: inherit; text-decoration: none; }
.ght.gtt .gtt__after { max-width: 62ch; font-size: 17px; color: var(--ght-mute); }
.ght.gtt[style*="center"] .gtt__after, .elementor-widget-ght_title [style*="center"] .gtt__after { margin-inline: auto; }

/* widget-video */
.elementor-widget-video .elementor-widget-container,.elementor-widget-video:not(:has(.elementor-widget-container)){overflow:hidden;transform:translateZ(0)}.elementor-widget-video .elementor-wrapper{aspect-ratio:var(--video-aspect-ratio)}.elementor-widget-video .elementor-wrapper iframe,.elementor-widget-video .elementor-wrapper video{background-color:#000;border:none;display:flex;height:100%;width:100%}.elementor-widget-video .elementor-open-inline .elementor-custom-embed-image-overlay{background-position:50%;background-size:cover;inset:0;position:absolute}.elementor-widget-video .elementor-custom-embed-image-overlay{cursor:pointer;text-align:center}.elementor-widget-video .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play i{opacity:1}.elementor-widget-video .elementor-custom-embed-image-overlay img{aspect-ratio:var(--video-aspect-ratio);display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:100%}.elementor-widget-video .e-hosted-video .elementor-video{-o-object-fit:cover;object-fit:cover}.e-con-inner>.elementor-widget-video,.e-con>.elementor-widget-video{width:var(--container-widget-width);--flex-grow:var( --container-widget-flex-grow )}
/* elementor-post-86517 */
.elementor-86517 .elementor-element.elementor-element-7bb7458{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-86517 .elementor-element.elementor-element-8865d94{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:8px;--padding-bottom:8px;--padding-left:20px;--padding-right:20px;}.elementor-86517 .elementor-element.elementor-element-8865d94:not(.elementor-motion-effects-element-type-background), .elementor-86517 .elementor-element.elementor-element-8865d94 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-86517 .elementor-element.elementor-element-01e60d2 .gtt{text-align:left;}.elementor-86517 .elementor-element.elementor-element-01e60d2 .gtt__h{color:#3442AD;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-86517 .elementor-element.elementor-element-59db56f .elementor-icon-wrapper{text-align:center;}.elementor-86517 .elementor-element.elementor-element-59db56f.elementor-view-stacked .elementor-icon{background-color:#0DC720;}.elementor-86517 .elementor-element.elementor-element-59db56f.elementor-view-framed .elementor-icon, .elementor-86517 .elementor-element.elementor-element-59db56f.elementor-view-default .elementor-icon{color:#0DC720;border-color:#0DC720;}.elementor-86517 .elementor-element.elementor-element-59db56f.elementor-view-framed .elementor-icon, .elementor-86517 .elementor-element.elementor-element-59db56f.elementor-view-default .elementor-icon svg{fill:#0DC720;}.elementor-86517 .elementor-element.elementor-element-59db56f .elementor-icon{font-size:30px;}.elementor-86517 .elementor-element.elementor-element-59db56f .elementor-icon svg{height:30px;}.elementor-86517 .elementor-element.elementor-element-59db56f .elementor-icon-wrapper svg{width:auto;}.elementor-86517 .elementor-element.elementor-element-05cb902 .skydonate-readmore-wrapper{text-align:left;margin-top:16px;}.elementor-86517 .elementor-element.elementor-element-05cb902 .skydonate-description-content, .elementor-86517 .elementor-element.elementor-element-05cb902 .skydonate-description-content p{font-size:16px;}.elementor-86517 .elementor-element.elementor-element-05cb902 .skydonate-readmore-btn{color:#3442AD;background-color:transparent;border-color:#3442AD;border-width:2px;border-style:solid;border-radius:25px 25px 25px 25px;padding:10px 24px 10px 24px;}.elementor-86517 .elementor-element.elementor-element-05cb902 .skydonate-readmore-btn:hover{color:#ffffff;background-color:#3442AD;border-color:#3442AD;}.elementor-86517 .elementor-element.elementor-element-05cb902 .skydonate-description-content.skydonate-readmore-collapsed::after{background:linear-gradient(to bottom, transparent, #ffffff);height:80px;}.elementor-86517 .elementor-element.elementor-element-9af39a0 .elementor-wrapper{--video-aspect-ratio:1.77777;}@media(max-width:767px){.elementor-86517 .elementor-element.elementor-element-8865d94{--flex-wrap:nowrap;}.elementor-86517 .elementor-element.elementor-element-59db56f .elementor-icon{font-size:25px;}.elementor-86517 .elementor-element.elementor-element-59db56f .elementor-icon svg{height:25px;}}@media(min-width:768px){.elementor-86517 .elementor-element.elementor-element-7bb7458{--content-width:1150px;}}
/* base-desktop */
.elementor .e-div-block-base{min-width:30px;padding:10px;display:block;}.elementor .e-flexbox-base{padding:10px;display:flex;flex-direction:row;}.elementor .e-grid-base{column-gap:20px;padding:10px;display:grid;row-gap:20px;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(2, 1fr);}.elementor .e-tabs-base{padding-block-start:0px;display:flex;flex-direction:column;gap:30px;}.elementor .e-tabs-menu-base{display:flex;justify-content:center;}.elementor .e-tab-base{width:160px;color:#0C0D0E;cursor:pointer;padding:8px;border-width:2px;border-color:#E0E0E0;border-style:solid;background-color:#FFFFFF;display:block;}.elementor .e-tab-base.e--selected{border-color:#0C0D0E;outline-width:0px;}.elementor .e-tab-base:focus{border-color:#0C0D0E;outline-width:0px;}.elementor .e-tab-base:hover,.elementor .e-tab-base:focus-visible{background-color:#E0E0E0;}.elementor .e-tabs-content-area-base{display:block;}.elementor .e-tab-content-base{min-width:30px;padding:10px;display:block;}.elementor .e-list-base{padding:0px;display:flex;flex-direction:column;}.elementor .e-list-item-base{display:flex;flex-direction:row;gap:8px;}.elementor .e-list-item-marker-base{width:auto;height:1lh;display:flex;align-items:center;}.elementor .e-list-item-content-base{flex:1 1 auto;}.elementor .e-accordion-base{padding:0px;display:flex;flex-direction:column;}.elementor .e-accordion-item-base{padding:0px;display:block;}.elementor .e-accordion-item-header-base{cursor:pointer;padding:10px;display:flex;gap:8px;justify-content:space-between;align-items:center;}.elementor .e-accordion-item-title-base{padding:0px;}.elementor .e-accordion-item-icon-base{width:200px;height:20px;padding:0px;display:inline-flex;flex:0 0 auto;justify-content:flex-end;align-items:center;}.elementor .e-accordion-item-icon-open-base{width:200px;height:20px;padding:0px;display:inline-flex;flex:0 0 auto;justify-content:flex-end;align-items:center;}.elementor .e-accordion-item-content-base{min-width:30px;padding:10px;display:block;}.elementor .e-background-video-base{width:100%;overflow:hidden;position:relative;padding:10px;display:flex;flex-direction:column;}.elementor .e-background-video-content-base{width:100%;position:relative;z-index:1;padding:0px;display:flex;flex-direction:column;flex:1 1 auto;}.elementor .e-background-video-controls-base{width:auto;position:absolute;inset-inline-end:20px;inset-block-end:20px;z-index:2;display:flex;gap:8px;}.elementor .e-background-video-play-base{cursor:pointer;padding:8px;border-style:none;background-color:transparent;display:inline-flex;justify-content:center;align-items:center;}.elementor .e-background-video-pause-base{cursor:pointer;padding:8px;border-style:none;background-color:transparent;display:inline-flex;justify-content:center;align-items:center;}.elementor .e-form-base{padding:20px;display:flex;flex-direction:row;gap:10px;flex-wrap:wrap;align-content:start;align-items:flex-start;}.elementor .e-form-base .e-form-checkbox-row{padding:0px;gap:8px;align-items:center;}.elementor .e-form-success-message-base{font-size:12px;color:#2F532E;text-align:center;padding:12px;background-color:#D4E9D6;display:none;}.elementor .e-form-error-message-base{font-size:12px;color:#870000;text-align:center;padding:12px;background-color:#ffdede;display:none;}.elementor .e-carousel-base{position:relative;padding:0px;display:grid;grid-template-columns:repeat(1, 1fr);}.elementor .e-carousel-viewport-base{overflow:hidden;padding:0px;display:block;grid-column:1;grid-row:1;}.elementor .e-carousel-container-base{padding:0px;display:flex;}.elementor .e-carousel-slide-base{min-width:0px;position:relative;display:block;}.elementor .e-carousel-arrow-prev-base{width:auto;z-index:1;color:rgba(238, 238, 238, 0.9);cursor:pointer;padding-block-start:8px;padding-block-end:8px;padding-inline-start:8px;padding-inline-end:8px;margin-inline-start:0px;margin-inline-end:auto;border-style:none;background-color:transparent;display:flex;grid-column:1 / 2;grid-row:1 / 2;justify-content:center;align-items:center;align-self:center;}.elementor .e-carousel-arrow-prev-base:focus{color:rgba(238, 238, 238, 0.9);background-color:transparent;}.elementor .e-carousel-arrow-prev-base:hover,.elementor .e-carousel-arrow-prev-base:focus-visible{color:rgba(238, 238, 238, 0.9);background-color:transparent;}.elementor .e-carousel-arrow-prev-base:focus-visible{outline-width:2px;outline-color:rgba(238, 238, 238, 0.9);outline-style:solid;outline-offset:2px;}.elementor .e-carousel-arrow-prev-base.e--disabled{cursor:default;opacity:30%;}.elementor .e-carousel-arrow-next-base{width:auto;z-index:1;color:rgba(238, 238, 238, 0.9);cursor:pointer;padding-block-start:8px;padding-block-end:8px;padding-inline-start:8px;padding-inline-end:8px;margin-inline-start:auto;margin-inline-end:0px;border-style:none;background-color:transparent;display:flex;grid-column:1 / 2;grid-row:1 / 2;justify-content:center;align-items:center;align-self:center;}.elementor .e-carousel-arrow-next-base:focus{color:rgba(238, 238, 238, 0.9);background-color:transparent;}.elementor .e-carousel-arrow-next-base:hover,.elementor .e-carousel-arrow-next-base:focus-visible{color:rgba(238, 238, 238, 0.9);background-color:transparent;}.elementor .e-carousel-arrow-next-base:focus-visible{outline-width:2px;outline-color:rgba(238, 238, 238, 0.9);outline-style:solid;outline-offset:2px;}.elementor .e-carousel-arrow-next-base.e--disabled{cursor:default;opacity:30%;}.elementor .e-carousel-pagination-base{padding-block-start:16px;padding-block-end:16px;padding-inline-start:0px;padding-inline-end:0px;display:flex;gap:12px;grid-column:1;grid-row:2;justify-content:center;align-items:center;}.elementor .e-carousel-dot-base{width:6px;height:6px;min-width:6px;min-height:6px;cursor:pointer;padding-block-start:0px;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:0px;border-radius:50%;border-width:0px;border-style:none;background-color:rgba(0, 0, 0, 0.2);display:inline-flex;appearance:none;}.elementor .e-carousel-dot-base:focus{background-color:rgba(0, 0, 0, 0.2);}.elementor .e-carousel-dot-base:hover,.elementor .e-carousel-dot-base:focus-visible{background-color:#000;}.elementor .e-carousel-dot-base.e--selected{background-color:#000;}.elementor .e-carousel-dot-base:focus-visible{outline-width:2px;outline-color:#000;outline-style:solid;outline-offset:2px;}.elementor .e-carousel-autoplay-controls-base{width:auto;margin-inline-start:auto;margin-inline-end:auto;display:flex;grid-column:1;grid-row:3;align-items:center;}.elementor .e-carousel-autoplay-play-base{width:auto;color:#000;cursor:pointer;padding-block-start:8px;padding-block-end:8px;padding-inline-start:8px;padding-inline-end:8px;border-style:none;background-color:transparent;display:flex;justify-content:center;align-items:center;}.elementor .e-carousel-autoplay-play-base:focus{color:#000;background-color:transparent;}.elementor .e-carousel-autoplay-play-base:hover,.elementor .e-carousel-autoplay-play-base:focus-visible{color:#000;background-color:transparent;}.elementor .e-carousel-autoplay-play-base:focus-visible{outline-width:2px;outline-color:#000;outline-style:solid;outline-offset:2px;}.elementor .e-carousel-autoplay-pause-base{width:auto;color:#000;cursor:pointer;padding-block-start:8px;padding-block-end:8px;padding-inline-start:8px;padding-inline-end:8px;border-style:none;background-color:transparent;display:flex;justify-content:center;align-items:center;}.elementor .e-carousel-autoplay-pause-base:focus{color:#000;background-color:transparent;}.elementor .e-carousel-autoplay-pause-base:hover,.elementor .e-carousel-autoplay-pause-base:focus-visible{color:#000;background-color:transparent;}.elementor .e-carousel-autoplay-pause-base:focus-visible{outline-width:2px;outline-color:#000;outline-style:solid;outline-offset:2px;}.elementor .e-collection-loop-base{display:block;}.elementor .e-collection-loop-layout-base{display:grid;gap:20px;grid-template-columns:repeat(3, 1fr);grid-auto-rows:1fr;}.elementor .e-pagination-base{padding-block-start:8px;padding-block-end:8px;padding-inline-start:8px;padding-inline-end:8px;margin-block-start:8px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start;align-items:center;}.elementor .e-pagination-prev-base{width:auto;font-size:14px;color:#1F2937;text-align:center;text-decoration:none;padding-block-start:8px;padding-block-end:8px;padding-inline-start:12px;padding-inline-end:12px;border-radius:4px;border-width:1px;border-color:#E5E7EB;border-style:solid;display:inline-flex;gap:8px;align-items:center;}.elementor .e-pagination-next-base{width:auto;font-size:14px;color:#1F2937;text-align:center;text-decoration:none;padding-block-start:8px;padding-block-end:8px;padding-inline-start:12px;padding-inline-end:12px;border-radius:4px;border-width:1px;border-color:#E5E7EB;border-style:solid;display:inline-flex;gap:8px;align-items:center;}.elementor .e-collection-loop-empty-state-base{display:flex;justify-content:center;}.elementor .e-google-maps-base{width:100%;border-style:none;display:block;}
/* base-mobile */
@media (max-width:767px) {
@media(max-width:767px){.elementor .e-grid-base{grid-template-columns:repeat(1, 1fr);}}
}
/* ght-skydonate */
/* ==========================================================================
 * SkyDonate, dressed in the GHH look. The markup, amounts, Once/Monthly,
 * Zakat note and the add-to-basket all stay SkyDonate's; only the look changes.
 *
 * .ght-sd--dock  the hero form as one glass bar over the film
 * .quick-modal   the quick-donate pop-up (urgent appeal cards)
 * ======================================================================== */

/* ── the hero bar ── */
.ght .ght-sd--dock .donation-form-wrapper { width: fit-content; max-width: 100%; }
.ght .ght-sd--dock form.donation-form { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; padding: 8px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 999px; background: rgba(6, 20, 30, .45); -webkit-backdrop-filter: blur(18px) saturate(1.3); backdrop-filter: blur(18px) saturate(1.3); box-shadow: none; color: #fff; }
.ght .ght-sd--dock .donation-box-title { display: none; }

/* Once / Monthly */
.ght .ght-sd--dock .donation-type-switch { display: flex; gap: 0; width: auto; margin: 0; padding: 4px; border: 0; border-radius: 999px; background: rgba(255, 255, 255, .12); }
.ght .ght-sd--dock .donation-type-switch .donation-type-btn { position: relative; display: inline-flex; align-items: center; gap: 6px; min-height: 42px; margin: 0; padding: 0 16px; border: 0; border-radius: 999px; background: none; background-image: none; color: rgba(255, 255, 255, .85); font-family: var(--ght-f); font-size: 15px; font-weight: 700; line-height: 1; box-shadow: none; cursor: pointer; }
.ght .ght-sd--dock .donation-type-switch .donation-type-btn::before, .ght .ght-sd--dock .donation-type-switch .donation-type-btn::after { display: none; }
.ght .ght-sd--dock .donation-type-switch .donation-type-btn.active { background: #fff; color: var(--ght-ink); }
.ght .ght-sd--dock .donation-type-btn .heart-icon { display: none; }

/* amounts */
.ght .ght-sd--dock .donation-amount-groups { display: contents; }
.ght .ght-sd--dock .donation-amount-group { display: none; }
.ght .ght-sd--dock .donation-amount-group.active { display: block; }
.ght .ght-sd--dock .donation-buttons { display: flex; flex-wrap: nowrap; gap: 6px; margin: 0; }
.ght .ght-sd--dock .donation-buttons .donation-btn { position: relative; flex: 0 0 auto; width: auto; min-width: 66px; height: 50px; min-height: 50px; margin: 0; padding: 0 14px; border: 1px solid rgba(255, 255, 255, .25); border-radius: 999px; background: none; background-image: none; color: #fff; font-family: var(--ght-f); font-size: 17px; font-weight: 800; box-shadow: none; cursor: pointer; transition: border-color .15s, background-color .15s, color .15s; }
.ght .ght-sd--dock .donation-buttons .donation-btn::before, .ght .ght-sd--dock .donation-buttons .donation-btn::after { display: none; }
.ght .ght-sd--dock .donation-buttons .donation-btn:hover { border-color: #fff; background-color: transparent; color: #fff; }
.ght .ght-sd--dock .donation-buttons .donation-btn.active { border-color: #fff; background-color: #fff; color: var(--ght-ink); }
.ght .ght-sd--dock .donation-buttons .donation-btn { display: inline-flex; align-items: center; justify-content: center; line-height: 1; }
.ght .ght-sd--dock .donation-btn .price, .ght .ght-sd--dock .donation-btn .currency-symbol { margin: 0; padding: 0; color: inherit; font: inherit; line-height: 1; }

/* custom amount */
.ght .ght-sd--dock .donation-amount-groups .donation-custom { position: relative; display: flex; flex: 0 0 auto; align-items: center; width: 132px; height: 50px; min-height: 50px; margin: 0; padding: 0 14px 0 34px; overflow: visible; border: 1px solid rgba(255, 255, 255, .25); border-radius: 999px; background-color: transparent; }
.ght .ght-sd--dock .donation-amount-groups .donation-custom:focus-within { border-color: #fff; }
/* the £ (SkyDonate lets it switch currency: the select sits invisibly over it) */
.ght .ght-sd--dock .donation-amount-groups .donation-custom .skydonate-currency-wrapper { position: absolute; left: 10px; top: 0; bottom: 0; display: flex; align-items: center; width: 22px; height: auto; margin: 0; padding: 0; overflow: hidden; border: 0; background: none; }
.ght .ght-sd--dock .donation-amount-groups .donation-custom .skydonate-currency-wrapper .currency-symbol { min-width: 0; width: 100%; height: auto; padding: 0; border-radius: 0; background: none; color: #fff; font-size: 17px; font-weight: 800; }
.ght .ght-sd--dock .donation-custom .skydonate-currency-select { inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.ght .ght-sd--dock .donation-custom input.custom-amount-input { width: 100%; min-width: 0; height: 48px; margin: 0; padding: 0; border: 0; outline: 0; background: none; box-shadow: none; color: #fff; font-family: var(--ght-f); font-size: 17px; font-weight: 800; -moz-appearance: textfield; appearance: textfield; }
.ght .ght-sd--dock .donation-custom input.custom-amount-input::-webkit-outer-spin-button, .ght .ght-sd--dock .donation-custom input.custom-amount-input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; }
/* the bar has no room for SkyDonate's "Custom Amount" label (it sat over the amount); hidden even if its script shows it */
.ght .ght-sd--dock .donation-custom .custom-placeholder { display: none !important; }

/* Donate: SkyDonate's app-style button ("Donate now  £55  ›"), sized to its words.
   Its stylesheet sets the button with !important, so the bar has to as well. */
.ght .ght-sd--dock .donation-form-wrapper .form-submit-button { flex: 0 0 auto; gap: 10px !important; width: auto !important; height: 50px !important; min-height: 50px !important; margin: 0; padding: 0 22px 0 26px !important; border-radius: 999px; background: var(--ght-btn); background-image: none; box-shadow: none; text-transform: none; transition: background-color .2s, box-shadow .2s !important; }
.ght .ght-sd--dock .donation-form-wrapper .form-submit-button:hover { background: var(--ght-blue-d); background-image: none; filter: none !important; box-shadow: 0 10px 30px -10px rgba(27, 157, 217, .8); }
.ght .ght-sd--dock .form-submit-button > span { font-family: var(--ght-f); font-size: 17px; font-weight: 700; color: #fff; text-transform: none; }
.ght .ght-sd--dock .form-submit-button .skd-app-cta__spacer, .ght .ght-sd--dock .form-submit-button .skd-app-cta__code { display: none !important; }
.ght .ght-sd--dock .form-submit-button .skd-app-cta__amount { font-weight: 800; opacity: 1; color: #fff; }
.ght .ght-sd--dock .form-submit-button .skd-app-cta__chevron { display: flex; }
.ght .ght-sd--dock .form-submit-button svg { width: 18px; height: 18px; }
.ght .ght-sd--dock .sky-daily-note:empty { display: none; }

/* notes SkyDonate adds (Zakat, daily dates): small, under the bar */
.ght .ght-sd--dock .zakat-applicable { display: flex; align-items: center; justify-content: flex-start; gap: 6px; text-align: left; margin: 12px 0 0 6px; padding: 0; border: 0; background: none; color: rgba(255, 255, 255, .75); font-size: 13px; font-weight: 600; }
.ght .ght-sd--dock .zakat-applicable i { color: var(--ght-gold); }

/* phones: a rounded panel, the amounts in a grid */
@media (max-width: 760px) {
	.ght .ght-sd--dock .donation-form-wrapper { width: 100%; }
	.ght .ght-sd--dock form.donation-form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 10px; border-radius: 22px; }
	.ght .ght-sd--dock .donation-type-switch { grid-column: 1 / -1; }
	.ght .ght-sd--dock .donation-type-switch .donation-type-btn { flex: 1; justify-content: center; }
	.ght .ght-sd--dock .donation-amount-group.active { grid-column: 1 / -1; }
	.ght .ght-sd--dock .donation-buttons { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.ght .ght-sd--dock .donation-buttons .donation-btn { min-width: 0; width: 100%; padding: 0 6px; }
	.ght .ght-sd--dock .donation-amount-groups .donation-custom { grid-column: 1 / -1; width: 100%; }
	.ght .ght-sd--dock .donation-form-wrapper .form-submit-button { grid-column: 1 / -1; width: 100% !important; justify-content: center !important; }
}

/* ── quick-donate pop-up: GHH type and colours ── */
.quick-modal .donation-form, .quick-modal .donation-form button, .quick-modal .donation-form input { font-family: var(--ght-f); }
/* the small currency code after the amount on a donate button: white, not a faded blue (AA) */
.ght .form-submit-button .skd-app-cta__code { color: #fff !important; opacity: 1 !important; }

/* ght-appeal-sd */
/* ==========================================================================
 * GHH Toolkit — SkyDonate's donation form on the appeal page, in the GHH look (moved out of
 * ght-appeal.css in 1.53.6). Loaded only while Settings → GHH Toolkit → "Style SkyDonate widgets"
 * is on; off, SkyDonate's own design shows.
 * ======================================================================== */

/* ── SkyDonate's form, as the donation checkout draws it (also in the Donate section, .ght-sdform) ── */
:is(.ght-ap-side, .ght-sdform) .elementor-widget-skyweb_donation_form { --accent-color: var(--ght-blue); margin: 0; }
:is(.ght-ap-side, .ght-sdform) .donation-form-wrapper { font-family: var(--ght-f); }
:is(.ght-ap-side, .ght-sdform) .donation-form { gap: 12px; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
:is(.ght-ap-side, .ght-sdform) .donation-form button, :is(.ght-ap-side, .ght-sdform) .donation-form input, :is(.ght-ap-side, .ght-sdform) .donation-form select { font-family: var(--ght-f); }
/* Give once / Monthly: two boxes, the chosen one light blue */
:is(.ght-ap-side, .ght-sdform) .donation-form .donation-type-switch { display: grid !important; grid-template-columns: 1fr 1fr !important; width: 100%; gap: 0; padding: 0; border: 0; border-radius: 8px; background: none; box-shadow: none; }
:is(.ght-ap-side, .ght-sdform) .donation-form .donation-type-btn { width: 100% !important; max-width: none !important; flex: none !important; min-height: 46px; margin: 0; border: 0; border-radius: 0; background: #fff; box-shadow: inset 0 0 0 1px var(--ght-line); color: var(--ght-ink); font-size: 16px; font-weight: 500; text-transform: none; }
:is(.ght-ap-side, .ght-sdform) .donation-form .donation-type-btn:first-child { border-radius: 8px 0 0 8px; }
:is(.ght-ap-side, .ght-sdform) .donation-form .donation-type-btn:last-child { border-radius: 0 8px 8px 0; }
:is(.ght-ap-side, .ght-sdform) .donation-form .donation-type-btn::before { display: none; }
:is(.ght-ap-side, .ght-sdform) .donation-form .donation-type-btn.active { position: relative; z-index: 1; background: var(--ap-soft, #E9F6FD); box-shadow: inset 0 0 0 1.5px var(--ght-blue); color: var(--ght-ink); }
/* amounts */
:is(.ght-ap-side, .ght-sdform) .donation-form .donation-buttons { gap: 8px; }
:is(.ght-ap-side, .ght-sdform) .donation-form.grid-layout .donation-buttons .donation-btn { display: flex; align-items: center; justify-content: center; min-height: 46px; border: 0; border-radius: 8px; background: #fff; box-shadow: inset 0 0 0 1px var(--ght-line); color: var(--ght-ink); font-size: 17px; font-weight: 500; text-transform: none; }
:is(.ght-ap-side, .ght-sdform) .donation-form .donation-buttons .donation-btn::after { display: none; }
:is(.ght-ap-side, .ght-sdform) .donation-form.grid-layout .donation-buttons .donation-btn:hover { box-shadow: inset 0 0 0 1.5px var(--ght-blue); }
:is(.ght-ap-side, .ght-sdform) .donation-form.grid-layout .donation-buttons .donation-btn.active { background: var(--ap-soft, #E9F6FD); box-shadow: inset 0 0 0 1.5px var(--ght-blue); color: var(--ght-ink); }
:is(.ght-ap-side, .ght-sdform) .donation-form .donation-btn .currency-symbol, :is(.ght-ap-side, .ght-sdform) .donation-form .donation-btn .price { color: inherit; font-weight: inherit; }
/* project options with a label ("Fully fund a complete water well" £1,120) — water wells, masjids:
   one per row, what it does on the left, the amount on the right, sentence case; SkyDonate ran
   "£1120Fully Fund A Complete…" together, title-cased, the others in pink */
:is(.ght-ap-side, .ght-sdform) .donation-form .donation-buttons:has(.btn-label) { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 8px !important; }
:is(.ght-ap-side, .ght-sdform) .donation-form .donation-buttons .donation-btn:has(.btn-label) { display: flex !important; flex-direction: row-reverse; align-items: center; justify-content: space-between; gap: 12px; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; min-height: 50px; white-space: normal !important; margin: 0 !important; padding: 10px 16px !important; border: 0 !important; border-radius: 10px !important; background: #fff !important; box-shadow: inset 0 0 0 1px var(--ght-line) !important; color: var(--ght-ink) !important; font: 500 15px/1.3 var(--ght-f) !important; text-align: left; text-transform: none !important; letter-spacing: 0 !important; }
:is(.ght-ap-side, .ght-sdform) .donation-form .donation-buttons .donation-btn:has(.btn-label):hover { box-shadow: inset 0 0 0 1.5px var(--ght-blue) !important; }
:is(.ght-ap-side, .ght-sdform) .donation-form .donation-buttons .donation-btn.active:has(.btn-label) { background: var(--ght-soft) !important; box-shadow: inset 0 0 0 1.5px var(--ght-blue) !important; }
:is(.ght-ap-side, .ght-sdform) .donation-form .donation-btn:has(.btn-label) .btn-label { flex: 1; min-width: 0; color: var(--ght-ink) !important; font: inherit !important; text-transform: none !important; white-space: normal !important; }
:is(.ght-ap-side, .ght-sdform) .donation-form .donation-btn:has(.btn-label) .price { flex: none; color: var(--ght-ink) !important; font-size: 16px !important; font-weight: 700 !important; }
:is(.ght-ap-side, .ght-sdform) .donation-form .donation-btn:has(.btn-label)::before { display: none !important; }
/* the project's promise above the options: a calm line, not blue part-way through */
:is(.ght-ap-side, .ght-sdform) .donation-box-title, :is(.ght-ap-side, .ght-sdform) .donation-box-title * { color: var(--ght-ink-2) !important; font-weight: 400 !important; }
:is(.ght-ap-side, .ght-sdform) .donation-box-title { margin-bottom: 12px; font-size: 15px; line-height: 1.5; }
/* custom amount: one big field */
:is(.ght-ap-side, .ght-sdform) .donation-amount-groups .donation-custom { min-height: 56px; border: 0; border-radius: 8px; background: #fff; box-shadow: inset 0 0 0 1px var(--ght-line); }
/* list layout (Fidyah): SkyDonate joins the field to the list above (square top, no gap); the rows are separate cards here, so it is one too */
:is(.ght-ap-side, .ght-sdform) .donation-form.list-layout .donation-amount-groups .donation-custom { margin-top: 8px !important; border-radius: 10px !important; }
:is(.ght-ap-side, .ght-sdform) .donation-amount-groups .donation-custom:focus-within { box-shadow: inset 0 0 0 1.5px var(--ght-blue); }
:is(.ght-ap-side, .ght-sdform) .donation-amount-groups .donation-custom .skydonate-currency-wrapper .currency-symbol { color: var(--ght-ink); background-color: transparent; font-weight: 400; }
/* (the field's ring is an inset shadow: anything inside with a background would paint over it) */
:is(.ght-ap-side, .ght-sdform) .donation-custom input.custom-amount-input { background: transparent !important; box-shadow: none !important; color: var(--ght-ink); font-size: 22px; font-weight: 500; }
:is(.ght-ap-side, .ght-sdform) .donation-custom .custom-placeholder { background: transparent !important; }
/* the currency switcher sits invisibly over the £ (its own label would print over it) */
:is(.ght-ap-side, .ght-sdform) .donation-custom .skydonate-currency-select { color: transparent; background: transparent; }
:is(.ght-ap-side, .ght-sdform) .donation-custom .skydonate-currency-select option { color: var(--ght-ink); }
/* the field's blue ring is the focus mark: SkyDonate's reset.css also draws a black outline on the input/select inside it */
:is(.ght-ap-side, .ght-sdform) .donation-custom :is(input.custom-amount-input, .skydonate-currency-select):is(:focus, :focus-visible) { outline: 0 !important; box-shadow: none !important; }
/* "Select donation type": its group draws the box */
:is(.ght-ap-side, .ght-sdform) .donation-type-select-group { border: 0 !important; border-radius: 8px; box-shadow: inset 0 0 0 1px var(--ght-line); }
:is(.ght-ap-side, .ght-sdform) .donation-type-select-group select { min-height: 48px; border: 0; background-color: transparent; box-shadow: none; font-size: 15px; color: var(--ght-ink); }
:is(.ght-ap-side, .ght-sdform) .skydonate-currency-wrapper, :is(.ght-ap-side, .ght-sdform) .skydonate-currency-select { border: 0 !important; box-shadow: none !important; }
/* Donate */
:is(.ght-ap-side, .ght-sdform) .donation-form-wrapper .form-submit-button { height: 54px !important; min-height: 54px !important; border-radius: 8px; background: var(--ght-btn); background-image: none; box-shadow: none; }
:is(.ght-ap-side, .ght-sdform) .donation-form-wrapper .form-submit-button:hover { background: var(--ght-blue-d); filter: none !important; }
:is(.ght-ap-side, .ght-sdform) .form-submit-button > span { font-family: var(--ght-f); font-weight: 600; text-transform: none; }
/* "This project is Zakat applicable.": a quiet line with a blue tick, not SkyDonate's lilac pill */
body .donation-form-wrapper .zakat-applicable { display: flex; align-items: center; justify-content: center; gap: 7px; margin: 14px 0 0; padding: 0; border: 0; border-radius: 0; background: none; color: var(--ght-ink-2); font: 500 14px/1.4 var(--ght-f); text-align: center; }
body .donation-form-wrapper .zakat-applicable i { display: none; }
body .donation-form-wrapper .zakat-applicable::before { content: ""; flex: none; width: 16px; height: 16px; background: var(--ght-blue-d); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m8 12.5 2.7 2.7L16.2 9.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m8 12.5 2.7 2.7L16.2 9.5'/%3E%3C/svg%3E") center / contain no-repeat; }

/* the header's Donate pop-up on an appeal page (header.js): the site's close button, not SkyDonate's red one */
.quick-modal.ght-qd .quick-modal-close { width: 40px; height: 40px; border: 1px solid var(--ght-line); border-radius: 50%; background: #fff; box-shadow: none; color: var(--ght-ink); }
.quick-modal.ght-qd .quick-modal-close:hover { background: var(--ght-mist); }
.quick-modal.ght-qd .quick-modal-close:after { background-color: var(--ght-ink); }
.quick-modal.ght-qd .quick-modal-body { border-radius: 20px; }
:is(.ght-ap-side, .ght-sdform) .form-submit-button .skd-app-cta__code { color: #fff !important; opacity: 1 !important; }

/* ght-landing */
/* ==========================================================================
 * GHH Toolkit: appeal landing page (templates/landing-product.php, GHT_Landing). One appeal for
 * ad visitors: a slim bar, the giving card (SkyDonate's form in .ght-sdform) beside the film, then
 * the gift, story, giving now, steps, the shared promise, questions and a last ask.
 * Design system: Onest, border-only cards, one blue button per view.
 * ======================================================================== */

body.ght-lp-page { margin: 0; background: var(--ght-page); }
.ght-lp { --lp-wrap: 1200px; --lp-gut: 16px; color: var(--ght-ink-2, #24435A); font: 400 16px/1.6 var(--ght-ui); -webkit-font-smoothing: antialiased; }
@media (min-width: 768px) { .ght-lp { --lp-gut: 32px; } }
.ght-lp *, .ght-lp *::before, .ght-lp *::after { box-sizing: border-box; }
.ght-lp img { display: block; max-width: 100%; height: auto; }
.ght-lp h1, .ght-lp h2, .ght-lp h3 { margin: 0; color: var(--ght-ink); font-family: var(--ght-ui); font-weight: 700; letter-spacing: -.02em; text-transform: none; }
.ght-lp p { margin: 0; }
.ght-lp a { color: var(--ght-blue-d); }
.ght-lp :focus-visible { outline: 2px solid var(--ght-blue); outline-offset: 2px; }
.ght-lp__wrap { max-width: calc(var(--lp-wrap) + 2 * var(--lp-gut)); margin: 0 auto; padding: 0 var(--lp-gut); }
.ght-lp__i { width: 22px; height: 22px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }

/* Bar: no menu on a landing page, only who we are and that it's safe */
.ght-lp__bar { background: #fff; border-bottom: 1px solid var(--ght-line); }
.ght-lp__bar .ght-lp__wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 64px; }
.ght-lp__bar img { width: 184px; }
.ght-lp__trust { display: flex; align-items: center; gap: 20px; color: var(--ght-mute); font-size: 14px; font-weight: 500; }
.ght-lp__trust > span { display: inline-flex; align-items: center; gap: 8px; }
.ght-lp__trust .ght-lp__i { width: 18px; height: 18px; color: var(--ght-ok); }
@media (max-width: 767px) { .ght-lp__bar img { width: 150px; } .ght-lp__charity { display: none !important; } .ght-lp__trust { font-size: 13px; } }

/* Hero */
.ght-lp__hero { padding: 32px 0 40px; }
.ght-lp__herogrid { display: grid; gap: 20px; }
.ght-lp__copy { min-width: 0; }
.ght-lp__alert { margin-bottom: 16px; }
.ght-lp__hero h1 { max-width: 18ch; margin: 0 0 14px; font-size: clamp(30px, 4.2vw, 52px); font-weight: 700; line-height: 1.08; }
.ght-lp__lead { max-width: 56ch; font-size: 18px; line-height: 1.6; }
@media (min-width: 1000px) {
	.ght-lp__hero { padding: 48px 0 56px; }
	.ght-lp__herogrid { grid-template-columns: minmax(0, 1fr) 420px; gap: 24px 40px; align-items: start; }
	.ght-lp__give { position: sticky; top: 24px; grid-column: 2; grid-row: 1 / span 2; }
	.admin-bar .ght-lp__give { top: 56px; }
}
@media (max-width: 999px) { .ght-lp__film { order: 2; } .ght-lp__give { order: 3; } }

.ght-lp__film { position: relative; margin: 0; overflow: hidden; border-radius: var(--ght-r-l); background: var(--ght-night); aspect-ratio: 16 / 10; }
.ght-lp__film img, .ght-lp__film video, .ght-lp__film iframe { width: 100%; height: 100%; border: 0; object-fit: cover; }
.ght-lp__film video { object-fit: contain; background: #000; }
.ght-lp .ght-lp__play { position: absolute; left: 16px; bottom: 16px; display: inline-flex; align-items: center; gap: 10px; height: 48px; padding: 0 20px 0 8px; border: 0; border-radius: 999px; background: #fff; color: var(--ght-ink); font: 600 15px/1 var(--ght-ui); cursor: pointer; transition: background .2s var(--ght-ease); }
.ght-lp .ght-lp__play:hover, .ght-lp .ght-lp__play:focus { background: var(--ght-mist); color: var(--ght-ink); }
.ght-lp__play b { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--ght-btn); color: #fff; }
.ght-lp__play svg { width: 14px; height: 14px; margin-left: 2px; fill: currentColor; }
.ght-lp__cap { position: absolute; right: 16px; bottom: 22px; color: #fff; font-size: 13px; text-shadow: 0 1px 8px rgba(0, 0, 0, .6); }
.ght-lp__film.is-playing .ght-lp__play, .ght-lp__film.is-playing .ght-lp__cap { display: none; }
@media (max-width: 599px) { .ght-lp__cap { display: none; } }

/* Giving card */
.ght-lp__give { min-width: 0; padding: 24px; border: 1px solid var(--ght-line); border-radius: var(--ght-r-l); background: #fff; }
@media (max-width: 767px) { .ght-lp__give { padding: 18px; } }
.ght-lp__givetop { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.ght-lp__give h2 { font-size: 20px; line-height: 1.25; }
.ght-lp__secure { display: inline-flex; align-items: center; gap: 6px; color: var(--ght-mute); font-size: 13px; }
.ght-lp__secure .ght-lp__i { width: 15px; height: 15px; color: var(--ght-ok); }
.ght-lp__raised { margin-top: 16px; }
.ght-lp__fig { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; }
.ght-lp__fig strong { color: var(--ght-ink); font-size: 28px; font-weight: 800; line-height: 1.1; }
.ght-lp__fig span { color: var(--ght-mute); font-size: 14px; }
.ght-lp__track { height: 8px; margin: 10px 0 8px; overflow: hidden; border-radius: 999px; background: var(--ght-mist); }
.ght-lp__track i { display: block; width: 0; height: 100%; border-radius: inherit; background: var(--ght-blue); transition: width 1.4s var(--ght-ease); }
.ght-lp__meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; color: var(--ght-mute); font-size: 14px; }
.ght-lp__badge { display: inline-block; margin-right: 6px; padding: 1px 9px; border-radius: 999px; background: var(--ght-gold); color: var(--ght-ink); font-size: 13px; font-weight: 600; }
.ght-lp__form { margin-top: 20px; }

/* What the chosen amount becomes */
.ght-lp__packs { margin-top: 14px; padding: 14px 16px; border: 1px solid var(--ght-line); border-radius: var(--ght-r-m); background: var(--ght-page); }
.ght-lp__packrow { display: flex; flex-wrap: wrap; gap: 5px; min-height: 26px; }
.ght-lp__packrow svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linejoin: round; color: var(--ght-blue-d); animation: ght-lp-drop .3s var(--ght-ease) both; }
.ght-lp__packrow svg.part { color: var(--ght-line); }
.ght-lp__packrow span { align-self: center; margin-left: 2px; color: var(--ght-blue-d); font-size: 13px; font-weight: 600; }
@keyframes ght-lp-drop { from { transform: translateY(-6px) scale(.85); } to { transform: none; } }
.ght-lp__packs p { margin-top: 8px; font-size: 15px; line-height: 1.45; }
.ght-lp__packs b, .ght-lp__giftaid b { color: var(--ght-ink); font-weight: 600; }
.ght-lp__giftaid { display: flex; align-items: center; gap: 12px; margin-top: 12px; font-size: 14px; line-height: 1.4; }
.ght-lp__giftaid img { flex: none; width: 56px; }
.ght-lp__pay { display: flex; justify-content: center; gap: 6px; margin-top: 12px; }
.ght-lp__pay span { display: grid; place-items: center; height: 26px; padding: 0 9px; border: 1px solid var(--ght-line); border-radius: 6px; background: #fff; color: var(--ght-ink-2, #24435A); font-size: 12px; font-weight: 600; }

/* Sections */
.ght-lp__sec { padding: 56px 0; }
.ght-lp__sec--white { border-block: 1px solid var(--ght-line); background: #fff; }
.ght-lp__sec h2 { font-size: clamp(24px, 2.4vw, 32px); line-height: 1.2; }
.ght-lp__intro { max-width: 60ch; margin-top: 10px !important; font-size: 18px; }
.ght-lp__center { text-align: center; }
@media (min-width: 768px) { .ght-lp__sec { padding: 80px 0; } }

/* One gift */
.ght-lp__pack { display: grid; gap: 24px; align-items: center; }
@media (min-width: 900px) { .ght-lp__pack { grid-template-columns: 5fr 6fr; gap: 56px; } }
.ght-lp__packpic { overflow: hidden; border-radius: var(--ght-r-l); aspect-ratio: 4 / 3; }
.ght-lp__packpic img, .ght-lp__photos img { width: 100%; height: 100%; object-fit: cover; }
.ght-lp__price { display: flex; align-items: baseline; gap: 12px; margin-top: 6px; }
.ght-lp__price strong { color: var(--ght-ink); font-size: 56px; font-weight: 800; line-height: 1; letter-spacing: -.03em; }
.ght-lp__price span { color: var(--ght-mute); font-size: 18px; }
.ght-lp__items { display: grid; grid-template-columns: 1fr 1fr; margin: 24px 0 0; padding: 0; overflow: hidden; border: 1px solid var(--ght-line); border-radius: var(--ght-r-l); background: #fff; list-style: none; }
.ght-lp__items li { display: flex; align-items: center; gap: 12px; padding: 16px; border-bottom: 1px solid var(--ght-line); color: var(--ght-ink); font-size: 15px; font-weight: 600; line-height: 1.3; }
.ght-lp__items li:nth-child(odd) { border-right: 1px solid var(--ght-line); }
.ght-lp__items li:nth-last-child(-n+2):nth-child(odd), .ght-lp__items li:last-child { border-bottom: 0; }
.ght-lp__items li:last-child:nth-child(odd) { grid-column: 1 / -1; border-right: 0; }
.ght-lp__items i { display: grid; flex: none; place-items: center; width: 44px; height: 44px; border-radius: var(--ght-r-m); background: var(--ght-soft); color: var(--ght-blue-d); }
@media (max-width: 420px) { .ght-lp__items li { gap: 10px; padding: 14px 12px; font-size: 14px; } .ght-lp__items i { width: 38px; height: 38px; } }
.ght-lp__quiet { display: inline-block; margin-top: 20px; color: var(--ght-blue-d); font-weight: 600; text-decoration: none; }
.ght-lp__quiet:hover { text-decoration: underline; }

/* Story */
.ght-lp__story { display: grid; gap: 32px; }
@media (min-width: 900px) { .ght-lp__story { grid-template-columns: 6fr 5fr; gap: 56px; align-items: start; } .ght-lp__photos { position: sticky; top: 24px; } }
.ght-lp__prose { min-width: 0; }
.ght-lp__prose p, .ght-lp__prose ul, .ght-lp__prose ol { max-width: 62ch; margin: 16px 0 0; font-size: 17px; line-height: 1.7; }
.ght-lp__prose h2 + p { margin-top: 20px; }
.ght-lp__prose h3 { margin-top: 28px; font-size: 20px; line-height: 1.3; }
.ght-lp__prose ul { padding-left: 22px; list-style: disc; }
.ght-lp__prose ol { padding-left: 22px; list-style: decimal; }
.ght-lp__prose li { margin-top: 4px; }
.ght-lp__photos { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.ght-lp__photos figure { margin: 0; overflow: hidden; border-radius: var(--ght-r-m); aspect-ratio: 1; }
.ght-lp__photos figure:first-child { grid-column: 1 / -1; aspect-ratio: 16 / 9; }
.ght-lp__photos figure:nth-child(2):last-child { grid-column: 1 / -1; aspect-ratio: 16 / 9; }

/* Giving now */
.ght-lp__feed { display: grid; gap: 24px; }
@media (min-width: 900px) { .ght-lp__feed { grid-template-columns: 4fr 7fr; gap: 56px; align-items: start; } }
.ght-lp__stats { display: grid; grid-template-columns: 1fr 1fr; margin-top: 24px; border-top: 1px solid var(--ght-line); }
.ght-lp__stats div { padding: 16px 0; border-bottom: 1px solid var(--ght-line); }
.ght-lp__stats div:nth-child(odd) { padding-right: 16px; border-right: 1px solid var(--ght-line); }
.ght-lp__stats div:nth-child(even) { padding-left: 16px; }
.ght-lp__stats strong { display: block; color: var(--ght-ink); font-size: 24px; font-weight: 700; line-height: 1.2; }
.ght-lp__stats span { color: var(--ght-mute); font-size: 14px; }
.ght-lp__rows { padding: 8px 20px; border: 1px solid var(--ght-line); border-radius: var(--ght-r-l); background: #fff; }
.ght-lp__row { display: flex; align-items: center; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--ght-line); }
.ght-lp__row:last-child { border-bottom: 0; }
.ght-lp__av { display: grid; flex: none; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: #F5F5F5; color: #232323; }
.ght-lp__av svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.ght-lp__who { flex: 1; min-width: 0; }
.ght-lp__who b { display: block; color: var(--ght-ink); font-size: 15px; font-weight: 600; }
.ght-lp__who span { color: var(--ght-mute); font-size: 14px; }
.ght-lp__amt { color: var(--ght-ink); font-size: 16px; font-weight: 700; }
.ght-lp__row--top { margin: 8px -12px; padding: 14px 12px; border-bottom: 0; border-radius: var(--ght-r-m); background: var(--ght-soft); }
.ght-lp__row--top .ght-lp__who span { color: var(--ght-blue-d); font-weight: 600; }

/* Steps */
.ght-lp__steps { display: grid; gap: 12px; margin: 32px 0 0; padding: 0; list-style: none; counter-reset: s; }
@media (min-width: 768px) { .ght-lp__steps { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; } }
.ght-lp__steps li { padding: 20px; border: 1px solid var(--ght-line); border-radius: var(--ght-r-l); background: #fff; counter-increment: s; }
.ght-lp__steps li::before { content: counter(s); display: grid; place-items: center; width: 32px; height: 32px; margin-bottom: 14px; border-radius: 50%; background: var(--ght-soft); color: var(--ght-blue-d); font-size: 15px; font-weight: 700; }
.ght-lp__steps h3 { font-size: 17px; line-height: 1.3; }
.ght-lp__steps p { margin-top: 6px; font-size: 15px; line-height: 1.5; }

/* Questions */
.ght-lp__faq { max-width: 820px; margin: 32px auto 0; overflow: hidden; border: 1px solid var(--ght-line); border-radius: var(--ght-r-l); background: #fff; }
.ght-lp .ght-lp__q { display: flex; align-items: center; gap: 16px; width: 100%; min-height: 56px; margin: 0; padding: 16px 20px; border: 0; border-bottom: 1px solid var(--ght-line); border-radius: 0; background: #fff; color: var(--ght-ink); font: 600 16px/1.4 var(--ght-ui); text-align: left; text-transform: none; cursor: pointer; transition: background .2s var(--ght-ease); }
@media (min-width: 961px) { .ght-lp .ght-lp__q { font-size: 17px; } }
.ght-lp .ght-lp__q:hover, .ght-lp .ght-lp__q:focus { background: var(--ght-page); color: var(--ght-ink); }
.ght-lp .ght-lp__q[aria-expanded="true"] { color: var(--ght-blue-d); }
.ght-lp__q span { flex: 1; }
.ght-lp__q i { display: grid; flex: none; place-items: center; width: 32px; height: 32px; border: 1px solid var(--ght-line); border-radius: 50%; transition: transform .2s var(--ght-ease); }
.ght-lp__q i .ght-lp__i { width: 16px; height: 16px; }
.ght-lp__q[aria-expanded="true"] i { transform: rotate(180deg); }
.ght-lp__a { padding: 0 20px 20px; border-bottom: 1px solid var(--ght-line); font-size: 16px; line-height: 1.6; }
.ght-lp__faq > :last-child, .ght-lp__faq > .ght-lp__q:nth-last-child(2)[aria-expanded="false"] { border-bottom: 0; }

/* Last ask */
.ght-lp__last { text-align: center; }
.ght-lp__last h2 { max-width: 22ch; margin: 0 auto; }
.ght-lp__last .ght-lp__intro { margin: 12px auto 0; }
.ght-lp .ght-lp__cta { display: inline-flex; align-items: center; justify-content: center; height: 52px; margin-top: 28px; padding: 0 32px; border: 0; border-radius: 999px; background: var(--ght-btn); color: #fff; font: 600 17px/1 var(--ght-ui); text-decoration: none; transition: background .2s var(--ght-ease); }
.ght-lp .ght-lp__cta:hover, .ght-lp .ght-lp__cta:focus { background: var(--ght-blue-d); color: #fff; }

.ght-lp__foot { padding: 24px 0 calc(24px + env(safe-area-inset-bottom)); border-top: 1px solid var(--ght-line); background: #fff; color: var(--ght-mute); font-size: 14px; }
.ght-lp__foot .ght-lp__wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 24px; }
.ght-lp__foot nav { display: flex; gap: 20px; }
.ght-lp__foot a { color: var(--ght-ink-2, #24435A); text-decoration: none; }
.ght-lp__foot a:hover { text-decoration: underline; }
@media (max-width: 999px) { .ght-lp__foot { padding-bottom: calc(92px + env(safe-area-inset-bottom)); } }

/* Phone donate bar, once the giving card is out of sight */
.ght-lp__dock { position: fixed; right: 0; bottom: 0; left: 0; z-index: 90; display: flex; align-items: center; gap: 12px; padding: 10px var(--lp-gut) calc(10px + env(safe-area-inset-bottom)); border-top: 1px solid var(--ght-line); background: #fff; box-shadow: var(--ght-float); transform: translateY(110%); transition: transform .3s var(--ght-ease); }
.ght-lp__dock.is-on { transform: none; }
.ght-lp__dock p { flex: 1; min-width: 0; color: var(--ght-mute); font-size: 13px; line-height: 1.3; }
.ght-lp__dock b { display: block; overflow: hidden; color: var(--ght-ink); font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.ght-lp .ght-lp__dock .ght-lp__cta { height: 48px; margin: 0; padding: 0 24px; font-size: 16px; }
@media (min-width: 1000px) { .ght-lp__dock { display: none; } }

@media (prefers-reduced-motion: reduce) { .ght-lp *, .ght-lp *::before, .ght-lp *::after { animation: none !important; transition: none !important; } }

/* elementor-post-166486 */
.elementor-166486 .elementor-element.elementor-element-0833089{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}
/* ght-promise */
/* GHH Our Promise — a GHH field photo with the hadith over its lower part, beside "Every penny
   reaches the project" and the facts behind it as a simple list (user's choice, 9 Oct 2026). */
.ght.promise { padding: clamp(80px, 10vw, 140px) 0; background: #fff; }
.ght .promise__in { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); align-items: stretch; gap: clamp(40px, 6vw, 96px); }

/* the photo card: the picture fills it, a dark fade from the bottom carries the words */
.ght .promise__hadith { --fy: 35%; position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: clamp(520px, 44vw, 640px); margin: 0; overflow: hidden; border-radius: var(--ght-r-xl); background: var(--ght-ink); color: #fff; isolation: isolate; }
.ght .promise__photo { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: 50% var(--fy); }
.ght .promise__hadith.has-photo::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(8, 24, 36, 0) 12%, rgba(8, 24, 36, .62) 42%, rgba(8, 24, 36, .9) 62%, rgba(8, 24, 36, .95) 100%); }
.ght .promise__words { padding: clamp(28px, 3.4vw, 48px); }
/* the Arabic balanced over its lines: no last word left alone */
.ght .promise__ar { margin: 0; font: 400 clamp(24px, 2.2vw, 32px)/1.8 "Amiri", "Noto Naskh Arabic", serif; color: var(--ght-gold); text-wrap: balance; }
.ght .promise__en { margin: 14px 0 0; padding: 0; border: 0; font: 500 clamp(17px, 1.4vw, 20px)/1.5 var(--ght-ui); font-style: normal; color: #fff; text-wrap: pretty; }
/* English on its own (no Arabic line): the quote leads, a little larger */
.ght .promise__words > .promise__en:first-child { margin-top: 0; font-size: clamp(20px, 1.75vw, 25px); line-height: 1.45; }
.ght .promise__src { display: flex; align-items: center; gap: 12px; margin-top: 18px; font-size: 13.5px; font-weight: 600; color: rgba(255, 255, 255, .75); }
.ght .promise__src::before { content: ""; flex: none; width: 28px; height: 2px; border-radius: 2px; background: var(--ght-gold); }

/* the promise and its facts: one list, each a row with its icon (and an arrow when it links) */
.ght .promise__copy { display: flex; flex-direction: column; justify-content: center; }
.ght .promise__copy > p { max-width: 46ch; margin-top: 20px; font-size: 18px; color: var(--ght-ink-2); }
.ght .promise__list { display: grid; margin: 28px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--ght-line); }
.ght .promise__list li { margin: 0; border-bottom: 1px solid var(--ght-line); }
.ght .promise__fact { display: flex; align-items: center; gap: 16px; padding: 16px 4px; color: var(--ght-ink); text-decoration: none; transition: background-color .2s; }
a.promise__fact:hover, a.promise__fact:focus-visible { color: var(--ght-ink); }
.ght .promise__ic { display: grid; flex: none; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: var(--ght-soft); color: var(--ght-blue-d); transition: background-color .2s, color .2s; }
.ght .promise__ic svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
a.promise__fact:hover .promise__ic { background: var(--ght-blue); color: #fff; }
.ght .promise__tx { display: grid; flex: 1; gap: 2px; min-width: 0; }
.ght .promise__tx b { font-size: 16.5px; font-weight: 700; line-height: 1.3; }
.ght .promise__tx span { font-size: 14.5px; line-height: 1.45; color: var(--ght-mute); }
.ght .promise__go { flex: none; width: 18px; height: 18px; fill: none; stroke: var(--ght-mute); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: stroke .2s, transform .2s; }
a.promise__fact:hover .promise__go { stroke: var(--ght-blue-d); transform: translate(2px, -2px); }

@media (max-width: 1180px) {
	.ght .promise__in { grid-template-columns: minmax(0, 1fr); }
	.ght .promise__hadith { min-height: 520px; }
}
@media (max-width: 760px) {
	.ght .promise__hadith { min-height: 480px; border-radius: var(--ght-r-l); }
	.ght .promise__words { padding: 24px 22px; }
	.ght .promise__ar { font-size: 23px; }
	.ght .promise__en { font-size: 16.5px; }
	.ght .promise__fact { gap: 14px; padding: 14px 0; }
	.ght .promise__ic { width: 38px; height: 38px; }
}

/* ght-compat */
/* ==========================================================================
 * GHH Toolkit — what the old theme (WoodMart) gave the Sky plugins.
 * Loaded on every page. SkyDonate's stylesheets were written on top of
 * WoodMart, so without these its forms and pop-ups fall apart under Hello:
 *
 * 1. WoodMart made every button position:relative, inline-flex and centred.
 *    SkyDonate draws the chosen amount / Once-Monthly with an absolutely
 *    placed ::after/::before; without a positioned button it covers the
 *    whole pop-up.
 * 2. SkyDonate draws its close ✕ and video ▶ as glyphs of WoodMart's icon
 *    font ("woodmart-font", \f112 / \f101). Nothing of WoodMart is used: the
 *    same three marks are drawn here as icons in the text colour, 1em square.
 *
 * :where() keeps the button rule at zero specificity, so any real style wins.
 * ======================================================================== */

.donation-card .donation-image .play-button i:before,
button.lity-close:before,
.quick-modal-close:after {
	content: "" !important;
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: middle;
	font-family: inherit !important;
	background-color: currentColor;
	-webkit-mask: var(--ght-ico) center / contain no-repeat;
	mask: var(--ght-ico) center / contain no-repeat;
}
.donation-card .donation-image .play-button i:before { --ght-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4.5v15l12.5-7.5z'/%3E%3C/svg%3E"); }
button.lity-close:before { display: block; margin: auto; }
button.lity-close:before, .quick-modal-close:after { --ght-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E"); }

/* 3. WoodMart padded every page section; Elementor's default is 10px, so older sections ran to
      the screen edge. Top-level containers get the GHH side gutter by default (containers that set
      their own padding, like the toolkit's sections, keep theirs). */
body.ght-site .e-con.e-parent { --container-default-padding-left: var(--ght-pad, 16px); --container-default-padding-right: var(--ght-pad, 16px); }

:where(button, [type="submit"], [type="button"], .button) { position: relative; }
:where(.donation-form-wrapper, .quick-modal, .skydonate-quick-donation-widget, [class*="skydonate"], [class*="skd-"], .donation-card) :where(button, [type="submit"], [type="button"], .button) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}

/* While the basket is open SkyDonate stops the page scrolling with `body { overflow: hidden }`. That
   makes <body> a scroll box, and the sticky header then measures from it instead of the screen: it
   dropped 32px when signed in (the admin bar's margin counted twice) and left the screen when the page
   was scrolled (user: "header shows big when opening the mini basket"). Lock the page on <html>
   instead, which is the screen itself. (Moved from ght-minicart.css in 1.53.6.) */
body.ght-site.skd-mc-locked { overflow: visible; overflow-x: clip; }
html:has(body.ght-site.skd-mc-locked) { overflow: hidden; }