/* ght-pagehero */
/* GHH Page Hero — film look (photo/footage behind, words bottom left) or plain (white, photo beside). */
.ght.phero { --ght-fx: 50%; --ght-fy: 50%; position: relative; overflow: hidden; }
.ght .phero__media img, .ght .phero__media video { width: 100%; height: 100%; object-fit: cover; object-position: var(--ght-fx) var(--ght-fy); }
.ght .phero__h { margin: 0; font-weight: 900; line-height: .92; letter-spacing: -.045em; text-wrap: balance; }
.ght .phero__h em { font-style: italic; font-weight: 800; color: var(--ght-gold); }
.ght .phero__lead { max-width: 54ch; margin-top: 20px; font-size: clamp(17px, 1.35vw, 20px); text-wrap: pretty; }
.ght .phero .crumbs { margin-bottom: 22px; }
.ght .phero__kick { margin-bottom: 16px; }
.ght .phero__give { margin-top: 28px; }
.ght .phero__btns { margin-top: 28px; }
.ght .phero__note { margin-top: 16px; font-size: 14px; }

/* film: the picture fills the hero, the words sit on the dark bottom */
.ght.phero--film { display: flex; align-items: flex-end; min-height: clamp(520px, 72svh, 800px); background: var(--ght-night); color: #fff; }
.ght.phero--film:not(.has-media) { min-height: 0; padding-top: clamp(80px, 9vw, 140px); }
.ght.phero--film .phero__media { position: absolute; inset: 0; }
.ght .phero__shade { position: absolute; inset: 0; background:
	linear-gradient(0deg, rgba(6, 20, 30, .95) 0%, rgba(6, 20, 30, .55) 40%, rgba(6, 20, 30, .05) 72%),
	linear-gradient(90deg, rgba(6, 20, 30, .65) 0%, rgba(6, 20, 30, 0) 60%); }
.ght.phero--film .phero__in { position: relative; z-index: 1; max-width: 1600px; padding-top: 120px; padding-bottom: clamp(36px, 4.5vw, 64px); }
.ght.phero--film .phero__h { font-size: clamp(50px, 7.2vw, 116px); color: #fff; }
.ght.phero--film .phero__lead { color: rgba(255, 255, 255, .86); }
.ght.phero--film .crumbs, .ght.phero--film .crumbs [aria-current] { color: rgba(255, 255, 255, .78); }
.ght.phero--film .crumbs a:hover { color: #fff; }
.ght.phero--film .phero__kick { color: var(--ght-gold); }
.ght.phero--film .phero__note { color: rgba(255, 255, 255, .7); }
.ght.phero--film .btn--line, .ght.phero--film .btn--line:focus { color: #fff; }
.ght.phero--film .btn--line:hover { background-color: #fff; color: var(--ght-ink); box-shadow: inset 0 0 0 1.5px #fff; }
.ght .phero__where { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; font-size: 14px; font-weight: 600; color: rgba(255, 255, 255, .82); }
/* the giving pages: a little more room for the donate bar */
.ght.phero--film.has-give .phero__h { font-size: clamp(48px, 6.4vw, 104px); }

/* plain: white, title large, photo beside */
.ght.phero--plain { padding: clamp(40px, 5vw, 72px) 0 clamp(56px, 7vw, 104px); background: #fff; color: var(--ght-ink); }
.ght.phero--plain .phero__h { font-size: clamp(46px, 6.2vw, 96px); }
.ght.phero--plain:not(.has-media) .phero__h { max-width: 16ch; }
.ght.phero--plain .phero__lead { color: var(--ght-mute); }
/* a white section straight after a plain (white) hero: the hero's bottom space is the gap, not both paddings stacked */
.e-con:has(> .elementor-widget-ght_pagehero .phero--plain) + .e-con > .elementor-widget:first-child > .elementor-widget-container > :is(.ght.sec.t-white, .ght.pmap) { padding-top: 0; }
.ght.phero--plain .phero__note { color: var(--ght-mute); }
/* the photo sits in the right half of the content width, the words in the left */
.ght.phero--plain.has-media { display: grid; grid-template-columns: minmax(0, 1fr) min(calc(var(--ght-max) / 2), 50%) min(calc(var(--ght-max) / 2), 50%) minmax(0, 1fr); align-items: center; }
.ght.phero--plain.has-media .phero__in { grid-column: 2; grid-row: 1; max-width: none; margin: 0; padding-right: clamp(24px, 3vw, 48px); }
.ght.phero--plain .phero__media { grid-column: 3; grid-row: 1; aspect-ratio: 5 / 4; margin-right: var(--ght-pad); overflow: hidden; border-radius: 22px; background: var(--ght-mist); }
.ght.phero--plain .phero__media img { height: 100%; }

@media (max-width: 960px) {
	.ght.phero--plain.has-media { display: flex; flex-direction: column-reverse; align-items: stretch; padding-top: 16px; }
	.ght.phero--plain.has-media .phero__in { padding-right: var(--ght-pad); }
	.ght.phero--plain .phero__media { margin: 0 var(--ght-pad) 28px; aspect-ratio: 4 / 3; }
}
/* phones: picture first, words under it on the dark */
@media (max-width: 760px) {
	.ght.phero--film { display: block; min-height: 0; }
	.ght.phero--film .phero__media { position: relative; aspect-ratio: 4 / 3.4; }
	.ght.phero--film .phero__shade { background: linear-gradient(0deg, rgba(6, 20, 30, 1) 0%, rgba(6, 20, 30, .25) 45%, rgba(6, 20, 30, 0) 70%); }
	.ght.phero--film.has-media .phero__in { margin-top: -90px; padding-top: 0; padding-bottom: 34px; }
	.ght.phero--film .phero__h, .ght.phero--film.has-give .phero__h { font-size: clamp(40px, 11vw, 54px); }
	.ght.phero--plain .phero__h { font-size: clamp(40px, 11vw, 54px); }
	.ght .phero__lead { font-size: 16px; }
	.ght .phero .crumbs { margin-bottom: 16px; font-size: 13px; }
}

/* 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-tiles */
/* GHH Tiles — photo cards, icon tiles or a simple list; each tile is one link. */
.ght .tiles__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 18px 40px; margin-bottom: clamp(28px, 3.6vw, 52px); }
.ght .tiles__head .lead { margin-top: 16px; }
/* a long intro: heading left, the words right */
.ght .tiles__head--long { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: start; gap: 24px clamp(32px, 5vw, 96px); }
.ght .tiles__head--long .tiles__all { grid-column: 2; justify-self: start; }
.ght .tiles__long { max-width: 64ch; }
@media (max-width: 960px) {
	.ght .tiles__head--long { grid-template-columns: minmax(0, 1fr); }
	.ght .tiles__head--long .tiles__all { grid-column: 1; }
}
.ght .tiles__all { color: var(--ght-blue-d); }
.ght.t-night .tiles__all { color: var(--ght-gold); }
.ght .tiles__grid { display: grid; gap: clamp(14px, 1.6vw, 24px); }
.ght .tiles__grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ght .tiles__grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ght .tiles__grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ght .tiles__grid > li { display: flex; min-width: 0; }
.ght .tile { display: flex; flex-direction: column; width: 100%; overflow: hidden; border-radius: 20px; background: var(--ght-mist); color: var(--ght-ink); text-decoration: none; transition: transform .35s var(--ght-ease), box-shadow .35s var(--ght-ease), background-color .25s; }
.ght.t-mist .tile { background: #fff; }
.ght.t-night .tile { background: rgba(255, 255, 255, .06); color: #fff; }
.ght .tile__body { display: flex; flex: 1; flex-direction: column; gap: 8px; padding: 22px 22px 24px; }
.ght .tile__h { font-size: 21px; font-weight: 800; line-height: 1.15; letter-spacing: -.015em; }
.ght .tile__t { font-size: 15px; line-height: 1.5; color: var(--ght-mute); }
.ght.t-night .tile__t { color: rgba(255, 255, 255, .66); }
.ght .tile__go { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 10px; font-size: 15px; font-weight: 700; color: var(--ght-blue-d); }
.ght.t-night .tile__go { color: var(--ght-gold); }
.ght .tile__go svg { width: 18px; height: 18px; transition: transform .2s var(--ght-ease); }
.ght a.tile:hover { transform: translateY(-4px); box-shadow: 0 26px 50px -30px rgba(6, 20, 30, .45); }
.ght a.tile:hover .tile__go svg { transform: translateX(4px); }

/* photo cards: picture on top */
.ght.tiles--photo .tile__img { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--ght-line); }
.ght.tiles--photo .tile__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ght-ease); }
.ght.tiles--photo a.tile:hover .tile__img img { transform: scale(1.04); }

/* icon tiles: the icon small, top left; the arrow a round button that fills on hover */
.ght.tiles--icon .tile { position: relative; flex-direction: row; align-items: flex-start; gap: 0; box-shadow: inset 0 0 0 1px transparent; transition: transform .35s var(--ght-ease), box-shadow .35s var(--ght-ease), background-color .25s; }
.ght.tiles--icon .tile__img { display: grid; flex: none; place-items: center; width: 56px; height: 56px; margin: 22px 0 0 22px; border-radius: 16px; background: #fff; transition: transform .45s cubic-bezier(.3, 1.5, .5, 1); }
.ght.t-mist.tiles--icon .tile__img { background: var(--ght-mist); }
.ght.t-night.tiles--icon .tile__img { background: rgba(255, 255, 255, .1); }
.ght.tiles--icon .tile__img img { width: 32px; height: 32px; object-fit: contain; }
.ght.tiles--icon .tile__h { font-size: 19px; }
.ght.tiles--icon .tile__body { padding: 22px 22px 22px 18px; }
.ght.tiles--icon .tile__go svg { box-sizing: content-box; width: 16px; height: 16px; padding: 9px; border-radius: 50%; background: var(--ght-mist); color: var(--ght-blue-d); transition: transform .25s var(--ght-ease), background-color .25s, color .25s; }
.ght.t-mist.tiles--icon .tile__go svg { background: var(--ght-mist); }
.ght.t-night.tiles--icon .tile__go svg { background: rgba(255, 255, 255, .1); color: var(--ght-gold); }
.ght.tiles--icon a.tile:hover { box-shadow: inset 0 0 0 1.5px var(--ght-blue), 0 26px 50px -30px rgba(6, 20, 30, .45); }
.ght.t-night.tiles--icon a.tile:hover { box-shadow: inset 0 0 0 1.5px var(--ght-gold); }
.ght.tiles--icon a.tile:hover .tile__img { transform: translateY(-3px) rotate(-6deg) scale(1.06); }
.ght.tiles--icon a.tile:hover .tile__go svg { background: var(--ght-blue); color: #fff; transform: translateX(4px); }
.ght.t-night.tiles--icon a.tile:hover .tile__go svg { background: var(--ght-gold); color: var(--ght-ink); }

/* …with a field photo: the photo on top, the icon set on its lower edge, the words below */
.ght.tiles--icon .tile--ph { flex-direction: column; }
.ght .tile__ph { position: relative; display: block; width: 100%; aspect-ratio: 16 / 10; overflow: hidden; background: var(--ght-line); }
.ght .tile__ph::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(6, 20, 30, .28)); }
.ght .tile__ph img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.1s var(--ght-ease); }
.ght.tiles--icon a.tile--ph:hover .tile__ph img { transform: scale(1.07); }
.ght.tiles--icon .tile--ph .tile__img { position: relative; z-index: 1; margin: -30px 0 0 20px; background: #fff; box-shadow: 0 10px 24px -12px rgba(6, 20, 30, .45); }
/* on night the icons are drawn light, so their badge stays dark */
.ght.t-night.tiles--icon .tile--ph .tile__img { background: var(--ght-night); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14), 0 10px 24px -12px rgba(0, 0, 0, .6); }
.ght.tiles--icon .tile--ph .tile__body { width: 100%; padding: 14px 20px 20px; }
@media (prefers-reduced-motion: reduce) {
	.ght.tiles--icon a.tile:hover .tile__img, .ght.tiles--icon a.tile--ph:hover .tile__ph img { transform: none; }
}

/* simple list */
.ght.tiles--list .tile { border-radius: 14px; }
.ght.tiles--list .tile__body { padding: 18px 20px; }
.ght.tiles--list .tile__h { font-size: 17px; }

@media (max-width: 1100px) {
	.ght .tiles__grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ght.tiles--photo .tiles__grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
	.ght .tiles__grid--2, .ght .tiles__grid--3, .ght .tiles__grid--4 { grid-template-columns: minmax(0, 1fr); }
	.ght.tiles--photo .tiles__grid--3, .ght.tiles--photo .tiles__grid--4 { grid-template-columns: minmax(0, 1fr); }
	.ght.tiles--photo .tile { flex-direction: row; }
	.ght.tiles--photo .tile__img { flex: none; width: 112px; aspect-ratio: auto; }
	.ght.tiles--photo .tile__body { padding: 16px; }
	.ght .tile__h { font-size: 18px; }
	.ght.tiles--photo .tile__t { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; }
	.ght .tiles__grid { gap: 12px; }
	/* photo icon tiles stay two to a row: smaller photo, icon and words */
	.ght.tiles--icon .tiles__grid:has(.tile--ph) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.ght.tiles--icon .tile--ph { border-radius: 16px; }
	.ght.tiles--icon .tile--ph .tile__ph { aspect-ratio: 4 / 3; }
	.ght.tiles--icon .tile--ph .tile__img { width: 44px; height: 44px; margin: -22px 0 0 12px; border-radius: 12px; }
	.ght.tiles--icon .tile--ph .tile__img img { width: 26px; height: 26px; }
	.ght.tiles--icon .tile--ph .tile__body { gap: 4px; padding: 8px 12px 14px; }
	.ght.tiles--icon .tile--ph .tile__h { font-size: 15.5px; }
	.ght.tiles--icon .tile--ph .tile__t { font-size: 13px; line-height: 1.4; }
	.ght.tiles--icon .tile--ph .tile__go { display: none; }
}

/* elementor-post-288575 */
.elementor-288575 .elementor-element.elementor-element-0e452aa{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-288575 .elementor-element.elementor-element-589e854{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-288575 .elementor-element.elementor-element-df32bac{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}
/* 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-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-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-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{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{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;}
/* base-mobile */
@media (max-width:767px) {
@media(max-width:767px){.elementor .e-grid-base{grid-template-columns:repeat(1, 1fr);}}
}
/* 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; }