/* Candle Chapel — Carved Plaster Calendar */ .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-carved-plaster-calendar"] { position: relative; display: block; inline-size: 100%; min-block-size: calc(100cqi * 1358 / 587); aspect-ratio: 587 / 1358; container-type: inline-size; margin-inline: auto; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: #3d2a22; overflow: visible; text-align: center; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-carved-plaster-calendar"]::before, .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-carved-plaster-calendar"]::after { content: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-carved-plaster-calendar"] .event-details-v2-date-time-art { position: absolute; inset: 0; z-index: 0 !important; background-position: center; background-repeat: no-repeat; background-size: contain; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-carved-plaster-calendar"] .event-details-v2-date-time-date { position: absolute !important; inset: 0 !important; z-index: 1; display: block !important; inline-size: 100% !important; block-size: 100% !important; margin: 0; padding: 0; color: #3d2a22; overflow: visible; text-align: center; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-carved-plaster-calendar"] :is( .event-details-v2-date-time-full, .event-details-v2-date-time-parts, .event-details-v2-date-time-time, .event-details-v2-date-time-timezone, .event-details-v2-date-time-live-day-year ) { display: none !important; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-carved-plaster-calendar"] .event-details-v2-date-time-live-stack { position: absolute !important; inset: 0 !important; display: block !important; inline-size: 100% !important; block-size: 100% !important; max-inline-size: none; overflow: visible; overflow-wrap: normal; text-wrap: nowrap; unicode-bidi: plaintext; white-space: nowrap; word-break: keep-all; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-carved-plaster-calendar"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-day, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { position: absolute !important; display: grid !important; place-items: center; margin: 0; padding: 0; color: #3d2a22; font-family: var(--font-cormorant-garamond), "Cormorant Garamond", "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", Garamond, Georgia, serif; font-variant-numeric: lining-nums tabular-nums; font-synthesis: none; overflow: visible; text-align: center; text-shadow: 0 0.05em 0 rgb(255 255 255 / 60%), 0 0.12em 0.14em rgb(61 42 34 / 14%); text-wrap: nowrap; unicode-bidi: plaintext; white-space: nowrap; word-break: keep-all; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-carved-plaster-calendar"] .event-details-v2-date-time-live-weekday { inset-inline-start: var(--date-time-safe-weekday-x) !important; inset-block-start: var(--date-time-safe-weekday-y) !important; inline-size: var(--date-time-safe-weekday-width) !important; block-size: var(--date-time-safe-weekday-height) !important; font-size: 0.97059em !important; font-weight: 500; letter-spacing: 0.24em !important; line-height: 1.05 !important; transform: translateX(0.12em); text-transform: uppercase; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-carved-plaster-calendar"] .event-details-v2-date-time-live-day { inset-inline-start: var(--date-time-safe-day-x) !important; inset-block-start: var(--date-time-safe-day-y) !important; inline-size: var(--date-time-safe-day-width) !important; block-size: var(--date-time-safe-day-height) !important; font-size: 4.8125em !important; font-weight: 500; letter-spacing: 0.01em !important; line-height: 0.82 !important; transform: translateX(0.005em); } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-carved-plaster-calendar"] .event-details-v2-date-time-live-month { inset-inline-start: var(--date-time-safe-month-x) !important; inset-block-start: var(--date-time-safe-month-y) !important; inline-size: var(--date-time-safe-month-width) !important; block-size: var(--date-time-safe-month-height) !important; font-size: 1.14em !important; font-weight: 500; letter-spacing: 0.22em !important; line-height: 1.05 !important; transform: translateX(0.11em); text-transform: uppercase; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-carved-plaster-calendar"] .event-details-v2-date-time-live-year { inset-inline-start: var(--date-time-safe-year-x) !important; inset-block-start: var(--date-time-safe-year-y) !important; inline-size: var(--date-time-safe-year-width) !important; block-size: var(--date-time-safe-year-height) !important; font-size: 1.03125em !important; font-weight: 500; letter-spacing: 0.3em !important; line-height: 1.05 !important; transform: translateX(0.15em); } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-carved-plaster-calendar"][dir="rtl"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-day, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { font-family: "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", var(--font-cormorant-garamond), "Cormorant Garamond", Garamond, Georgia, serif; letter-spacing: 0 !important; transform: none; text-transform: none; } @container (max-width: 300px) { .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-carved-plaster-calendar"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { letter-spacing: 0.14em !important; transform: translateX(0.07em); } } /* Candle Chapel — Arched Beeswax Date */ .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-arched-beeswax-date"] { position: relative; display: block; inline-size: 100%; min-block-size: calc(100cqi * 1402 / 1122); aspect-ratio: 1122 / 1402; container-type: inline-size; margin-inline: auto; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: #3d2a22; overflow: visible; text-align: center; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-arched-beeswax-date"]::before, .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-arched-beeswax-date"]::after { content: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-arched-beeswax-date"] .event-details-v2-date-time-art { position: absolute; inset: 0; z-index: 0 !important; background-position: center; background-repeat: no-repeat; background-size: contain; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-arched-beeswax-date"] .event-details-v2-date-time-date { position: absolute !important; inset: 0 !important; z-index: 1; display: block !important; inline-size: 100% !important; block-size: 100% !important; margin: 0; padding: 0; color: #3d2a22; overflow: visible; text-align: center; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-arched-beeswax-date"] :is( .event-details-v2-date-time-full, .event-details-v2-date-time-parts, .event-details-v2-date-time-time, .event-details-v2-date-time-timezone, .event-details-v2-date-time-live-day-year ) { display: none !important; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-arched-beeswax-date"] .event-details-v2-date-time-live-stack { position: absolute !important; inset: 0 !important; display: block !important; inline-size: 100% !important; block-size: 100% !important; max-inline-size: none; overflow: visible; overflow-wrap: normal; text-wrap: nowrap; unicode-bidi: plaintext; white-space: nowrap; word-break: keep-all; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-arched-beeswax-date"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-day, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { position: absolute !important; display: grid !important; place-items: center; margin: 0; padding: 0; color: #3d2a22; font-family: var(--font-cormorant-garamond), "Cormorant Garamond", "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", Garamond, Georgia, serif; font-variant-numeric: lining-nums tabular-nums; font-synthesis: none; overflow: visible; text-align: center; text-shadow: 0 0.05em 0 rgb(255 255 255 / 60%), 0 0.12em 0.14em rgb(61 42 34 / 14%); text-wrap: nowrap; unicode-bidi: plaintext; white-space: nowrap; word-break: keep-all; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-arched-beeswax-date"] .event-details-v2-date-time-live-weekday { inset-inline-start: var(--date-time-safe-weekday-x) !important; inset-block-start: var(--date-time-safe-weekday-y) !important; inline-size: var(--date-time-safe-weekday-width) !important; block-size: var(--date-time-safe-weekday-height) !important; font-size: 1em !important; font-weight: 500; letter-spacing: 0.24em !important; line-height: 1 !important; transform: translateX(0.12em); text-transform: uppercase; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-arched-beeswax-date"] .event-details-v2-date-time-live-day { inset-inline-start: var(--date-time-safe-day-x) !important; inset-block-start: var(--date-time-safe-day-y) !important; inline-size: var(--date-time-safe-day-width) !important; block-size: var(--date-time-safe-day-height) !important; font-size: 4.24em !important; font-weight: 500; letter-spacing: 0.01em !important; line-height: 0.82 !important; transform: translateX(0.005em); } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-arched-beeswax-date"] .event-details-v2-date-time-live-month { inset-inline-start: var(--date-time-safe-month-x) !important; inset-block-start: var(--date-time-safe-month-y) !important; inline-size: var(--date-time-safe-month-width) !important; block-size: var(--date-time-safe-month-height) !important; font-size: 1em !important; font-weight: 500; letter-spacing: 0.22em !important; line-height: 1 !important; transform: translateX(0.11em); text-transform: uppercase; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-arched-beeswax-date"] .event-details-v2-date-time-live-year { inset-inline-start: var(--date-time-safe-year-x) !important; inset-block-start: var(--date-time-safe-year-y) !important; inline-size: var(--date-time-safe-year-width) !important; block-size: var(--date-time-safe-year-height) !important; font-size: 1em !important; font-weight: 500; letter-spacing: 0.3em !important; line-height: 1 !important; transform: translateX(0.15em); } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-arched-beeswax-date"][dir="rtl"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-day, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { font-family: "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", var(--font-cormorant-garamond), "Cormorant Garamond", Garamond, Georgia, serif; letter-spacing: 0 !important; transform: none; text-transform: none; } @container (max-width: 300px) { .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-arched-beeswax-date"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { letter-spacing: 0.14em !important; transform: translateX(0.07em); } } /* Candle Chapel — Exact Horizontal Floral Cartouche Date */ .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-horizontal-floral-cartouche"] { position: relative; display: block; inline-size: 100%; min-block-size: calc(100cqi * 1086 / 1448); aspect-ratio: 1448 / 1086; container-type: inline-size; margin-inline: auto; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: #3d2a22; overflow: visible; text-align: center; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-horizontal-floral-cartouche"]::before, .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-horizontal-floral-cartouche"]::after { content: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-horizontal-floral-cartouche"] .event-details-v2-date-time-art { position: absolute; inset: 0; z-index: 0 !important; background-position: center; background-repeat: no-repeat; background-size: contain; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-horizontal-floral-cartouche"] .event-details-v2-date-time-ornament { position: absolute; inset: 0; z-index: 9; display: block; inline-size: 100%; block-size: 100%; overflow: visible; pointer-events: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-horizontal-floral-cartouche"] .event-details-v2-date-time-date { position: absolute !important; inset: 0 !important; z-index: 10; display: block !important; inline-size: 100% !important; block-size: 100% !important; margin: 0; padding: 0; color: #3d2a22; overflow: visible; text-align: center; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-horizontal-floral-cartouche"] :is( .event-details-v2-date-time-full, .event-details-v2-date-time-parts, .event-details-v2-date-time-time, .event-details-v2-date-time-timezone, .event-details-v2-date-time-live-day-year, .event-details-v2-date-time-live-month-year, .event-details-v2-date-time-live-year-spelled ) { display: none !important; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-horizontal-floral-cartouche"] .event-details-v2-date-time-live-stack { position: absolute !important; inset: 0 !important; z-index: 10; display: block !important; inline-size: 100% !important; block-size: 100% !important; max-inline-size: none; overflow: visible; overflow-wrap: normal; text-wrap: nowrap; unicode-bidi: plaintext; white-space: nowrap; word-break: keep-all; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-horizontal-floral-cartouche"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-day, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { position: absolute !important; display: grid !important; place-items: center; margin: 0; padding: 0; color: #3d2a22; font-family: var(--font-cormorant-garamond), "Cormorant Garamond", "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", Garamond, Georgia, serif; font-variant-numeric: lining-nums tabular-nums; font-synthesis: none; overflow: visible; text-align: center; text-shadow: 0 1px 0 rgb(255 248 232 / 74%), 0 2px 3px rgb(73 50 38 / 18%); text-wrap: nowrap; unicode-bidi: plaintext; white-space: nowrap; word-break: keep-all; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-horizontal-floral-cartouche"] .event-details-v2-date-time-live-weekday { inset-inline-start: var(--date-time-safe-weekday-x) !important; inset-block-start: var(--date-time-safe-weekday-y) !important; inline-size: var(--date-time-safe-weekday-width) !important; block-size: var(--date-time-safe-weekday-height) !important; font-size: 0.9394em !important; font-weight: 500; letter-spacing: 0.26em !important; line-height: 1 !important; text-transform: uppercase; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-horizontal-floral-cartouche"] .event-details-v2-date-time-live-day { inset-inline-start: var(--date-time-safe-day-x) !important; inset-block-start: var(--date-time-safe-day-y) !important; inline-size: var(--date-time-safe-day-width) !important; block-size: var(--date-time-safe-day-height) !important; font-size: 5.4545em !important; font-weight: 500; letter-spacing: 0.01em !important; line-height: 0.78 !important; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-horizontal-floral-cartouche"] .event-details-v2-date-time-live-month { inset-inline-start: var(--date-time-safe-month-x) !important; inset-block-start: var(--date-time-safe-month-y) !important; inline-size: var(--date-time-safe-month-width) !important; block-size: var(--date-time-safe-month-height) !important; font-size: 1.0303em !important; font-weight: 500; letter-spacing: 0.22em !important; line-height: 1 !important; text-transform: uppercase; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-horizontal-floral-cartouche"] .event-details-v2-date-time-live-year { inset-inline-start: var(--date-time-safe-year-x) !important; inset-block-start: var(--date-time-safe-year-y) !important; inline-size: var(--date-time-safe-year-width) !important; block-size: var(--date-time-safe-year-height) !important; font-size: 1em !important; font-weight: 500; letter-spacing: 0.32em !important; line-height: 1 !important; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-horizontal-floral-cartouche"][dir="rtl"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-day, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { font-family: "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", var(--font-cormorant-garamond), "Cormorant Garamond", Garamond, Georgia, serif; letter-spacing: 0 !important; text-transform: none; } /* Candle Chapel — Scalloped Garland Reference Match */ .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-scalloped-garland-reference-match-weekday-and-date"] { position: relative; display: block; inline-size: 100%; min-block-size: calc(100cqi * 1224 / 1285); aspect-ratio: 1285 / 1224; container-type: inline-size; margin-inline: auto; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: #3d2a22; overflow: visible; text-align: center; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-scalloped-garland-reference-match-weekday-and-date"]::before, .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-scalloped-garland-reference-match-weekday-and-date"]::after { content: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-scalloped-garland-reference-match-weekday-and-date"] .event-details-v2-date-time-art { position: absolute; inset: 0; z-index: 0 !important; background-position: center; background-repeat: no-repeat; background-size: contain; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-scalloped-garland-reference-match-weekday-and-date"] .event-details-v2-date-time-ornament { position: absolute; inset: 0; z-index: 9; display: block; inline-size: 100%; block-size: 100%; overflow: visible; pointer-events: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-scalloped-garland-reference-match-weekday-and-date"] .event-details-v2-date-time-date { position: absolute !important; inset: 0 !important; z-index: 10; display: block !important; inline-size: 100% !important; block-size: 100% !important; margin: 0; padding: 0; color: #3d2a22; overflow: visible; text-align: center; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-scalloped-garland-reference-match-weekday-and-date"] :is( .event-details-v2-date-time-full, .event-details-v2-date-time-parts, .event-details-v2-date-time-time, .event-details-v2-date-time-timezone, .event-details-v2-date-time-live-day-year, .event-details-v2-date-time-live-month-year, .event-details-v2-date-time-live-year-spelled ) { display: none !important; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-scalloped-garland-reference-match-weekday-and-date"] .event-details-v2-date-time-live-stack { position: absolute !important; inset: 0 !important; z-index: 10; display: block !important; inline-size: 100% !important; block-size: 100% !important; max-inline-size: none; overflow: visible; overflow-wrap: normal; text-wrap: nowrap; unicode-bidi: plaintext; white-space: nowrap; word-break: keep-all; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-scalloped-garland-reference-match-weekday-and-date"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-day, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year, .event-details-v2-date-time-live-month-echo ) { position: absolute !important; display: grid !important; place-items: center; margin: 0; padding: 0; color: #3d2a22; font-family: var(--font-cormorant-garamond), "Cormorant Garamond", "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", Garamond, Georgia, serif; font-variant-numeric: lining-nums tabular-nums; font-synthesis: none; overflow: visible; text-align: center; text-shadow: 0 0.05em 0 rgb(255 248 232 / 74%), 0 0.12em 0.18em rgb(73 50 38 / 18%); text-wrap: nowrap; unicode-bidi: plaintext; white-space: nowrap; word-break: keep-all; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-scalloped-garland-reference-match-weekday-and-date"] .event-details-v2-date-time-live-weekday { inset-inline-start: var(--date-time-safe-weekday-x) !important; inset-block-start: var(--date-time-safe-weekday-y) !important; inline-size: var(--date-time-safe-weekday-width) !important; block-size: var(--date-time-safe-weekday-height) !important; font-size: 1em !important; font-weight: 500; letter-spacing: 0.28em !important; line-height: 1 !important; transform: translateX(0.14em); text-transform: uppercase; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-scalloped-garland-reference-match-weekday-and-date"] .event-details-v2-date-time-live-day { inset-inline-start: var(--date-time-safe-day-x) !important; inset-block-start: var(--date-time-safe-day-y) !important; inline-size: var(--date-time-safe-day-width) !important; block-size: var(--date-time-safe-day-height) !important; font-size: 5.1765em !important; font-weight: 500; letter-spacing: 0.005em !important; line-height: 0.82 !important; transform: translateX(0.005em); } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-scalloped-garland-reference-match-weekday-and-date"] :is( .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-month-echo ) { font-size: 0.7941em !important; font-weight: 500; letter-spacing: 0.18em !important; line-height: 1 !important; text-transform: uppercase; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-scalloped-garland-reference-match-weekday-and-date"] .event-details-v2-date-time-live-month { inset-inline-start: var(--date-time-safe-month-x) !important; inset-block-start: var(--date-time-safe-month-y) !important; inline-size: var(--date-time-safe-month-width) !important; block-size: var(--date-time-safe-month-height) !important; transform: translateX(0.09em); } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-scalloped-garland-reference-match-weekday-and-date"] .event-details-v2-date-time-live-month-echo { inset-inline-start: var(--date-time-safe-month-echo-x) !important; inset-block-start: var(--date-time-safe-month-echo-y) !important; inline-size: var(--date-time-safe-month-echo-width) !important; block-size: var(--date-time-safe-month-echo-height) !important; transform: translateX(0.09em); } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-scalloped-garland-reference-match-weekday-and-date"] .event-details-v2-date-time-live-year { inset-inline-start: var(--date-time-safe-year-x) !important; inset-block-start: var(--date-time-safe-year-y) !important; inline-size: var(--date-time-safe-year-width) !important; block-size: var(--date-time-safe-year-height) !important; font-size: 0.7941em !important; font-weight: 500; letter-spacing: 0.2em !important; line-height: 1 !important; transform: translateX(0.1em); } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-scalloped-garland-reference-match-weekday-and-date"] :is( .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-month-echo )[data-date-time-fit="compact"] { font-size: 0.7em !important; letter-spacing: 0.12em !important; transform: translateX(0.06em); } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-scalloped-garland-reference-match-weekday-and-date"][dir="rtl"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-day, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year, .event-details-v2-date-time-live-month-echo ) { font-family: "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", var(--font-cormorant-garamond), "Cormorant Garamond", Garamond, Georgia, serif; letter-spacing: 0 !important; transform: none; text-transform: none; } @container (max-width: 300px) { .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-scalloped-garland-reference-match-weekday-and-date"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year, .event-details-v2-date-time-live-month-echo ) { letter-spacing: 0.14em !important; transform: translateX(0.07em); } } /* Candle Chapel — Exact Horizontal Beeswax Cartouche */ .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelExactHorizontalBeeswaxCartoucheDate"] { position: relative; display: block; inline-size: 100%; min-block-size: calc(100cqi * 903 / 1741); aspect-ratio: 1741 / 903; container-type: inline-size; margin-inline: auto; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: #49392f; overflow: visible; text-align: center; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelExactHorizontalBeeswaxCartoucheDate"]::before, .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelExactHorizontalBeeswaxCartoucheDate"]::after { content: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelExactHorizontalBeeswaxCartoucheDate"] .event-details-v2-date-time-art { position: absolute; inset: 0; z-index: 0 !important; display: block; inline-size: 100%; block-size: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; pointer-events: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelExactHorizontalBeeswaxCartoucheDate"] .event-details-v2-date-time-date { position: absolute !important; inset: 0 !important; z-index: 1; display: block !important; inline-size: 100% !important; block-size: 100% !important; max-inline-size: none; margin: 0; padding: 0; color: #49392f; overflow: visible; text-align: center; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelExactHorizontalBeeswaxCartoucheDate"] :is( .event-details-v2-date-time-full, .event-details-v2-date-time-parts, .event-details-v2-date-time-time, .event-details-v2-date-time-timezone, .event-details-v2-date-time-live-day-year, .event-details-v2-date-time-live-month-year, .event-details-v2-date-time-live-year-spelled ) { display: none !important; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelExactHorizontalBeeswaxCartoucheDate"] .event-details-v2-date-time-live-stack { position: absolute !important; inset: 0 !important; display: block !important; inline-size: 100% !important; block-size: 100% !important; max-inline-size: none; overflow: visible; overflow-wrap: normal; text-wrap: nowrap; unicode-bidi: plaintext; white-space: nowrap; word-break: keep-all; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelExactHorizontalBeeswaxCartoucheDate"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-day, .event-details-v2-date-time-live-month ) { position: absolute !important; display: grid !important; place-items: center; margin: 0; padding: 0; color: #49392f; font-family: var(--font-cormorant-garamond), "Cormorant Garamond", "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", Garamond, Georgia, serif; font-variant-numeric: lining-nums tabular-nums; font-synthesis: none; overflow: visible; text-align: center; text-shadow: 0 1px 0 rgb(255 255 255 / 78%), 0 2px 3px rgb(61 42 34 / 14%); text-wrap: nowrap; unicode-bidi: plaintext; white-space: nowrap; word-break: keep-all; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelExactHorizontalBeeswaxCartoucheDate"] .event-details-v2-date-time-live-weekday { inset-inline-start: var(--date-time-safe-weekday-x) !important; inset-block-start: var(--date-time-safe-weekday-y) !important; inline-size: var(--date-time-safe-weekday-width) !important; block-size: var(--date-time-safe-weekday-height) !important; font-size: 1em !important; font-weight: 500; letter-spacing: 0.2em !important; line-height: 1 !important; text-indent: 0.2em; text-transform: uppercase; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelExactHorizontalBeeswaxCartoucheDate"] .event-details-v2-date-time-live-day { inset-inline-start: var(--date-time-safe-day-x) !important; inset-block-start: var(--date-time-safe-day-y) !important; inline-size: var(--date-time-safe-day-width) !important; block-size: var(--date-time-safe-day-height) !important; font-size: 6.43em !important; font-weight: 500; letter-spacing: 0.01em !important; line-height: 0.78 !important; text-indent: 0.01em; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelExactHorizontalBeeswaxCartoucheDate"] .event-details-v2-date-time-live-month { inset-inline-start: var(--date-time-safe-month-x) !important; inset-block-start: var(--date-time-safe-month-y) !important; inline-size: var(--date-time-safe-month-width) !important; block-size: var(--date-time-safe-month-height) !important; font-size: 0.92em !important; font-weight: 500; letter-spacing: 0.11em !important; line-height: 1 !important; text-indent: 0.11em; text-transform: uppercase; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelExactHorizontalBeeswaxCartoucheDate"][dir="rtl"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-day, .event-details-v2-date-time-live-month ) { font-family: "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", var(--font-cormorant-garamond), "Cormorant Garamond", Garamond, Georgia, serif; letter-spacing: 0 !important; text-indent: 0; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelExactHorizontalBeeswaxCartoucheDate"][dir="rtl"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-month ) { font-size: 1.15em !important; } @container (max-width: 300px) { .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelExactHorizontalBeeswaxCartoucheDate"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-month ) { letter-spacing: 0.08em !important; text-indent: 0.08em; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelExactHorizontalBeeswaxCartoucheDate"][dir="rtl"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-month ) { letter-spacing: 0 !important; text-indent: 0; } } /* Candle Chapel — Reference-Exact Walnut Date Cartouche */ .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-exact-walnut-date-cartouche"] { position: relative; display: block; inline-size: 100%; min-block-size: calc(100cqi * 830 / 1741); aspect-ratio: 1741 / 830; container-type: inline-size; margin-inline: auto; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: #3d2a22; overflow: visible; text-align: center; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-exact-walnut-date-cartouche"]::before, .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-exact-walnut-date-cartouche"]::after { content: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-exact-walnut-date-cartouche"] .event-details-v2-date-time-art { position: absolute; inset: 0; z-index: 0 !important; display: block; inline-size: 100%; block-size: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; pointer-events: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-exact-walnut-date-cartouche"] .event-details-v2-date-time-date { position: absolute !important; inset: 0 !important; z-index: 1; display: block !important; inline-size: 100% !important; block-size: 100% !important; max-inline-size: none; margin: 0; padding: 0; color: #3d2a22; overflow: visible; text-align: center; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-exact-walnut-date-cartouche"] :is( .event-details-v2-date-time-full, .event-details-v2-date-time-parts, .event-details-v2-date-time-time, .event-details-v2-date-time-timezone, .event-details-v2-date-time-live-day-year, .event-details-v2-date-time-live-month-year, .event-details-v2-date-time-live-year-spelled ) { display: none !important; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-exact-walnut-date-cartouche"] .event-details-v2-date-time-live-stack { position: absolute !important; inset: 0 !important; display: block !important; inline-size: 100% !important; block-size: 100% !important; max-inline-size: none; overflow: visible; overflow-wrap: normal; text-wrap: nowrap; unicode-bidi: plaintext; white-space: nowrap; word-break: keep-all; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-exact-walnut-date-cartouche"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-day, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { position: absolute !important; display: grid !important; place-items: center; margin: 0; padding: 0; color: #3d2a22; font-family: var(--font-cormorant-garamond), "Cormorant Garamond", "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", Garamond, Georgia, serif; font-variant-numeric: lining-nums tabular-nums; font-synthesis: none; overflow: visible; text-align: center; text-shadow: 0 1px 0 rgb(255 248 232 / 72%), 0 0.1em 0.16em rgb(61 42 34 / 12%); text-wrap: nowrap; unicode-bidi: plaintext; white-space: nowrap; word-break: keep-all; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-exact-walnut-date-cartouche"] .event-details-v2-date-time-live-weekday { inset-inline-start: var(--date-time-safe-weekday-x) !important; inset-block-start: var(--date-time-safe-weekday-y) !important; inline-size: var(--date-time-safe-weekday-width) !important; block-size: var(--date-time-safe-weekday-height) !important; font-size: 1.2em !important; font-weight: 500; letter-spacing: 0.12em !important; line-height: 1 !important; text-indent: 0.12em; text-transform: uppercase; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-exact-walnut-date-cartouche"] .event-details-v2-date-time-live-day { inset-inline-start: var(--date-time-safe-day-x) !important; inset-block-start: var(--date-time-safe-day-y) !important; inline-size: var(--date-time-safe-day-width) !important; block-size: var(--date-time-safe-day-height) !important; font-size: 5.65em !important; font-weight: 400; letter-spacing: 0.01em !important; line-height: 0.78 !important; text-indent: 0.01em; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-exact-walnut-date-cartouche"] .event-details-v2-date-time-live-month { inset-inline-start: var(--date-time-safe-month-x) !important; inset-block-start: var(--date-time-safe-month-y) !important; inline-size: var(--date-time-safe-month-width) !important; block-size: var(--date-time-safe-month-height) !important; font-size: 1.32em !important; font-weight: 500; letter-spacing: 0.12em !important; line-height: 1 !important; text-indent: 0.12em; text-transform: uppercase; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-exact-walnut-date-cartouche"] .event-details-v2-date-time-live-year { inset-inline-start: var(--date-time-safe-year-x) !important; inset-block-start: var(--date-time-safe-year-y) !important; inline-size: var(--date-time-safe-year-width) !important; block-size: var(--date-time-safe-year-height) !important; font-size: 1.5em !important; font-weight: 500; letter-spacing: 0.25em !important; line-height: 1 !important; text-indent: 0.25em; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-exact-walnut-date-cartouche"][dir="rtl"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-day, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { font-family: "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", var(--font-cormorant-garamond), "Cormorant Garamond", Garamond, Georgia, serif; letter-spacing: 0 !important; text-indent: 0; text-transform: none; } @container (max-width: 330px) { .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-exact-walnut-date-cartouche"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-month ) { letter-spacing: 0.12em !important; text-indent: 0.12em; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-exact-walnut-date-cartouche"][dir="rtl"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-month ) { letter-spacing: 0 !important; text-indent: 0; } } /* Candle Chapel — Rounded Arched Floral Calendar */ .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-rounded-arched-floral-calendar"] { position: relative; display: block; inline-size: 100%; min-block-size: calc(100cqi * 865 / 681); aspect-ratio: 681 / 865; container-type: inline-size; margin-inline: auto; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: #3d2a22; overflow: visible; text-align: center; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-rounded-arched-floral-calendar"]::before, .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-rounded-arched-floral-calendar"]::after { content: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-rounded-arched-floral-calendar"] .event-details-v2-date-time-art { position: absolute; inset: 0; z-index: 0 !important; background-position: center; background-repeat: no-repeat; background-size: contain; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-rounded-arched-floral-calendar"] .event-details-v2-date-time-date { position: absolute !important; inset: 0 !important; z-index: 1; display: block !important; inline-size: 100% !important; block-size: 100% !important; margin: 0; padding: 0; color: #3d2a22; overflow: visible; text-align: center; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-rounded-arched-floral-calendar"] :is( .event-details-v2-date-time-full, .event-details-v2-date-time-parts, .event-details-v2-date-time-time, .event-details-v2-date-time-timezone, .event-details-v2-date-time-live-day-year, .event-details-v2-date-time-live-month-year, .event-details-v2-date-time-live-year-spelled ) { display: none !important; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-rounded-arched-floral-calendar"] .event-details-v2-date-time-live-stack { position: absolute !important; inset: 0 !important; display: block !important; inline-size: 100% !important; block-size: 100% !important; max-inline-size: none; overflow: visible; overflow-wrap: normal; text-wrap: nowrap; unicode-bidi: plaintext; white-space: nowrap; word-break: keep-all; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-rounded-arched-floral-calendar"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-day, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { position: absolute !important; display: grid !important; place-items: center; margin: 0; padding: 0; color: #3d2a22; font-family: var(--font-cormorant-garamond), "Cormorant Garamond", "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", Garamond, Georgia, serif; font-variant-numeric: lining-nums tabular-nums; font-synthesis: none; overflow: visible; text-align: center; text-shadow: 0 0.05em 0 rgb(255 248 232 / 74%), 0 0.1em 0.19em rgb(73 50 38 / 18%); text-wrap: nowrap; unicode-bidi: plaintext; white-space: nowrap; word-break: keep-all; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-rounded-arched-floral-calendar"] .event-details-v2-date-time-live-weekday { inset-inline-start: var(--date-time-safe-weekday-x) !important; inset-block-start: var(--date-time-safe-weekday-y) !important; inline-size: var(--date-time-safe-weekday-width) !important; block-size: var(--date-time-safe-weekday-height) !important; font-size: 1em !important; font-weight: 500; letter-spacing: 0.24em !important; line-height: 1 !important; text-transform: uppercase; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-rounded-arched-floral-calendar"] .event-details-v2-date-time-live-day { inset-inline-start: var(--date-time-safe-day-x) !important; inset-block-start: var(--date-time-safe-day-y) !important; inline-size: var(--date-time-safe-day-width) !important; block-size: var(--date-time-safe-day-height) !important; font-size: 5.80645em !important; font-weight: 500; letter-spacing: 0.01em !important; line-height: 0.78 !important; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-rounded-arched-floral-calendar"] .event-details-v2-date-time-live-month { inset-inline-start: var(--date-time-safe-month-x) !important; inset-block-start: var(--date-time-safe-month-y) !important; inline-size: var(--date-time-safe-month-width) !important; block-size: var(--date-time-safe-month-height) !important; font-size: 1.06452em !important; font-weight: 500; letter-spacing: 0.22em !important; line-height: 1 !important; text-transform: uppercase; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-rounded-arched-floral-calendar"] .event-details-v2-date-time-live-year { inset-inline-start: var(--date-time-safe-year-x) !important; inset-block-start: var(--date-time-safe-year-y) !important; inline-size: var(--date-time-safe-year-width) !important; block-size: var(--date-time-safe-year-height) !important; font-size: 1em !important; font-weight: 500; letter-spacing: 0.28em !important; line-height: 1 !important; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-rounded-arched-floral-calendar"][dir="rtl"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-day, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { font-family: "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", var(--font-cormorant-garamond), "Cormorant Garamond", Garamond, Georgia, serif; letter-spacing: 0 !important; text-transform: none; } @container (max-width: 360px) { .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-rounded-arched-floral-calendar"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { letter-spacing: 0.14em !important; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-rounded-arched-floral-calendar"][dir="rtl"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { letter-spacing: 0 !important; } } /* Candle Chapel — Arched Walnut Plaster Date Plaque */ .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-arched-walnut-plaster-plaque"] { position: relative; display: block; inline-size: 100%; min-block-size: calc(100cqi * 1086 / 1448); aspect-ratio: 1448 / 1086; container-type: inline-size; margin-inline: auto; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: #3d2a22; overflow: visible; text-align: center; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-arched-walnut-plaster-plaque"]::before, .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-arched-walnut-plaster-plaque"]::after { content: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-arched-walnut-plaster-plaque"] .event-details-v2-date-time-art { position: absolute; inset: 0; z-index: 0 !important; display: block; inline-size: 100%; block-size: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; pointer-events: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-arched-walnut-plaster-plaque"] .event-details-v2-date-time-date { position: absolute !important; inset: 0 !important; z-index: 1; display: block !important; inline-size: 100% !important; block-size: 100% !important; margin: 0; padding: 0; color: #3d2a22; overflow: visible; text-align: center; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-arched-walnut-plaster-plaque"] :is( .event-details-v2-date-time-full, .event-details-v2-date-time-parts, .event-details-v2-date-time-time, .event-details-v2-date-time-timezone, .event-details-v2-date-time-live-day-year, .event-details-v2-date-time-live-month-year, .event-details-v2-date-time-live-year-spelled ) { display: none !important; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-arched-walnut-plaster-plaque"] .event-details-v2-date-time-live-stack { position: absolute !important; inset: 0 !important; z-index: 1; display: block !important; inline-size: 100% !important; block-size: 100% !important; max-inline-size: none; overflow: visible; overflow-wrap: normal; text-wrap: nowrap; unicode-bidi: plaintext; white-space: nowrap; word-break: keep-all; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-arched-walnut-plaster-plaque"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-day, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { position: absolute !important; display: grid !important; place-items: center; margin: 0; padding: 0; color: #3d2a22; font-family: var(--font-cormorant-garamond), "Cormorant Garamond", "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", Garamond, Georgia, "Times New Roman", serif; font-variant-numeric: lining-nums tabular-nums; font-synthesis: none; overflow: visible; text-align: center; text-shadow: 0 0.05em 0 rgb(255 255 255 / 64%), 0 0.12em 0.14em rgb(61 42 34 / 14%); text-wrap: nowrap; unicode-bidi: plaintext; white-space: nowrap; word-break: keep-all; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-arched-walnut-plaster-plaque"] .event-details-v2-date-time-live-weekday { inset-inline-start: var(--date-time-safe-weekday-x) !important; inset-block-start: var(--date-time-safe-weekday-y) !important; inline-size: var(--date-time-safe-weekday-width) !important; block-size: var(--date-time-safe-weekday-height) !important; font-size: 1em !important; font-weight: 500; letter-spacing: 0.24em !important; line-height: 1 !important; transform: translateX(0.12em); text-transform: uppercase; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-arched-walnut-plaster-plaque"] .event-details-v2-date-time-live-day { inset-inline-start: var(--date-time-safe-day-x) !important; inset-block-start: var(--date-time-safe-day-y) !important; inline-size: var(--date-time-safe-day-width) !important; block-size: var(--date-time-safe-day-height) !important; font-size: 8.1em !important; font-weight: 500; letter-spacing: 0.01em !important; line-height: 0.78 !important; transform: translateX(0.005em); } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-arched-walnut-plaster-plaque"] .event-details-v2-date-time-live-month { inset-inline-start: var(--date-time-safe-month-x) !important; inset-block-start: var(--date-time-safe-month-y) !important; inline-size: var(--date-time-safe-month-width) !important; block-size: var(--date-time-safe-month-height) !important; font-size: 1.14em !important; font-weight: 500; letter-spacing: 0.22em !important; line-height: 1 !important; transform: translateX(0.11em); text-transform: uppercase; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-arched-walnut-plaster-plaque"] .event-details-v2-date-time-live-year { inset-inline-start: var(--date-time-safe-year-x) !important; inset-block-start: var(--date-time-safe-year-y) !important; inline-size: var(--date-time-safe-year-width) !important; block-size: var(--date-time-safe-year-height) !important; font-size: 1.095em !important; font-weight: 500; letter-spacing: 0.3em !important; line-height: 1 !important; transform: translateX(0.15em); } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-arched-walnut-plaster-plaque"][dir="rtl"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-day, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { font-family: "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", var(--font-cormorant-garamond), "Cormorant Garamond", Garamond, Georgia, "Times New Roman", serif; letter-spacing: 0 !important; transform: none; text-transform: none; } @container (max-width: 360px) { .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-arched-walnut-plaster-plaque"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { letter-spacing: 0.16em !important; transform: translateX(0.08em); } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-arched-walnut-plaster-plaque"][dir="rtl"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { letter-spacing: 0 !important; transform: none; } } /* Candle Chapel — Hanging Botanical Date Plaque */ .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-hanging-botanical-date-plaque"] { position: relative; display: block; inline-size: 100%; min-block-size: 100cqi; aspect-ratio: 1; container-type: inline-size; margin-inline: auto; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: #3d2a22; overflow: visible; text-align: center; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-hanging-botanical-date-plaque"]::before, .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-hanging-botanical-date-plaque"]::after { content: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-hanging-botanical-date-plaque"] .event-details-v2-date-time-art { position: absolute; inset: 0; z-index: 0 !important; display: block; inline-size: 100%; block-size: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; pointer-events: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-hanging-botanical-date-plaque"] .event-details-v2-date-time-date { position: absolute !important; inset: 0 !important; z-index: 1; display: block !important; inline-size: 100% !important; block-size: 100% !important; margin: 0; padding: 0; color: #3d2a22; overflow: visible; text-align: center; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-hanging-botanical-date-plaque"] :is( .event-details-v2-date-time-full, .event-details-v2-date-time-parts, .event-details-v2-date-time-time, .event-details-v2-date-time-timezone, .event-details-v2-date-time-live-date, .event-details-v2-date-time-live-day-year, .event-details-v2-date-time-live-month-year, .event-details-v2-date-time-live-year-spelled ) { display: none !important; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-hanging-botanical-date-plaque"] .event-details-v2-date-time-live-stack { position: absolute !important; inset: 0 !important; z-index: 1; display: block !important; inline-size: 100% !important; block-size: 100% !important; max-inline-size: none; overflow: visible; overflow-wrap: normal; text-wrap: nowrap; unicode-bidi: plaintext; white-space: nowrap; word-break: keep-all; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-hanging-botanical-date-plaque"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-day, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { position: absolute !important; display: grid !important; place-items: center; margin: 0; padding: 0; color: #3d2a22; font-family: var(--font-cormorant-garamond), "Cormorant Garamond", "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", Garamond, Georgia, "Times New Roman", serif; font-variant-numeric: lining-nums tabular-nums; font-synthesis: none; overflow: visible; text-align: center; text-shadow: 0 0.05em 0 rgb(255 255 255 / 64%), 0 0.12em 0.14em rgb(61 42 34 / 14%); text-wrap: nowrap; unicode-bidi: plaintext; white-space: nowrap; word-break: keep-all; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-hanging-botanical-date-plaque"] .event-details-v2-date-time-live-weekday { inset-inline-start: var(--date-time-safe-weekday-x) !important; inset-block-start: var(--date-time-safe-weekday-y) !important; inline-size: var(--date-time-safe-weekday-width) !important; block-size: var(--date-time-safe-weekday-height) !important; font-size: 1em !important; font-weight: 500; letter-spacing: 0.23em !important; line-height: 1 !important; transform: translateX(0.08em); text-transform: uppercase; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-hanging-botanical-date-plaque"] .event-details-v2-date-time-live-day { inset-inline-start: var(--date-time-safe-day-x) !important; inset-block-start: var(--date-time-safe-day-y) !important; inline-size: var(--date-time-safe-day-width) !important; block-size: var(--date-time-safe-day-height) !important; font-size: 5.33em !important; font-weight: 400; letter-spacing: 0.01em !important; line-height: 0.82 !important; transform: translateX(0.005em); } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-hanging-botanical-date-plaque"] .event-details-v2-date-time-live-month { inset-inline-start: var(--date-time-safe-month-x) !important; inset-block-start: var(--date-time-safe-month-y) !important; inline-size: var(--date-time-safe-month-width) !important; block-size: var(--date-time-safe-month-height) !important; font-size: 1em !important; font-weight: 500; letter-spacing: 0.2em !important; line-height: 1 !important; transform: translateX(0.06em); text-transform: uppercase; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-hanging-botanical-date-plaque"] .event-details-v2-date-time-live-year { inset-inline-start: var(--date-time-safe-year-x) !important; inset-block-start: var(--date-time-safe-year-y) !important; inline-size: var(--date-time-safe-year-width) !important; block-size: var(--date-time-safe-year-height) !important; font-size: 1em !important; font-weight: 500; letter-spacing: 0.18em !important; line-height: 1 !important; transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-hanging-botanical-date-plaque"][dir="rtl"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-day, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { font-family: "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", var(--font-cormorant-garamond), "Cormorant Garamond", Garamond, Georgia, "Times New Roman", serif; letter-spacing: 0 !important; transform: none; text-transform: none; } @container (max-width: 300px) { .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-hanging-botanical-date-plaque"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-month ) { letter-spacing: 0.16em !important; transform: translateX(0.08em); } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-hanging-botanical-date-plaque"] .event-details-v2-date-time-live-year { letter-spacing: 0.2em !important; transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-hanging-botanical-date-plaque"][dir="rtl"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { letter-spacing: 0 !important; transform: none; } } /* Candle Chapel — Ribboned Arched Floral Date Plaque */ .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelRibbonedArchedFloralDateWeekdayAndDate"] { position: relative; display: block; inline-size: 100%; min-block-size: calc(100cqi * 1169 / 1345); aspect-ratio: 1345 / 1169; container-type: inline-size; margin-inline: auto; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: #3d2a22; overflow: visible; text-align: center; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelRibbonedArchedFloralDateWeekdayAndDate"]::before, .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelRibbonedArchedFloralDateWeekdayAndDate"]::after { content: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelRibbonedArchedFloralDateWeekdayAndDate"] .event-details-v2-date-time-art, .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelRibbonedArchedFloralDateWeekdayAndDate"] .event-details-v2-date-time-ornament { position: absolute; inset: 0; display: block; inline-size: 100%; block-size: 100%; pointer-events: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelRibbonedArchedFloralDateWeekdayAndDate"] .event-details-v2-date-time-art { z-index: 0 !important; background-position: center; background-repeat: no-repeat; background-size: contain; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelRibbonedArchedFloralDateWeekdayAndDate"] .event-details-v2-date-time-ornament { z-index: 9; overflow: visible; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelRibbonedArchedFloralDateWeekdayAndDate"] .event-details-v2-date-time-date { position: absolute !important; inset: 0 !important; z-index: 10; display: block !important; inline-size: 100% !important; block-size: 100% !important; margin: 0; padding: 0; color: #3d2a22; overflow: visible; text-align: center; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelRibbonedArchedFloralDateWeekdayAndDate"] :is( .event-details-v2-date-time-full, .event-details-v2-date-time-parts, .event-details-v2-date-time-time, .event-details-v2-date-time-timezone, .event-details-v2-date-time-live-day-year, .event-details-v2-date-time-live-month-year, .event-details-v2-date-time-live-year-spelled ) { display: none !important; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelRibbonedArchedFloralDateWeekdayAndDate"] .event-details-v2-date-time-live-stack { position: absolute !important; inset: 0 !important; z-index: 10; display: block !important; inline-size: 100% !important; block-size: 100% !important; max-inline-size: none; overflow: visible; overflow-wrap: normal; text-wrap: nowrap; unicode-bidi: plaintext; white-space: nowrap; word-break: keep-all; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelRibbonedArchedFloralDateWeekdayAndDate"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-day, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { position: absolute !important; display: grid !important; place-items: center; margin: 0; padding: 0; color: #3d2a22; font-family: var(--font-cormorant-garamond), "Cormorant Garamond", Garamond, Georgia, serif; font-variant-numeric: lining-nums tabular-nums; font-synthesis: none; overflow: visible; text-align: center; text-shadow: 0 1px 0 rgb(255 248 232 / 72%), 0 2px 3px rgb(61 42 34 / 15%); text-wrap: nowrap; unicode-bidi: plaintext; white-space: nowrap; word-break: keep-all; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelRibbonedArchedFloralDateWeekdayAndDate"] .event-details-v2-date-time-live-weekday { inset-inline-start: var(--date-time-safe-weekday-x) !important; inset-block-start: var(--date-time-safe-weekday-y) !important; inline-size: var(--date-time-safe-weekday-width) !important; block-size: var(--date-time-safe-weekday-height) !important; justify-items: end; font-size: 1.14em !important; font-weight: 500; letter-spacing: 0.06em !important; line-height: 1 !important; transform: translateX(-0.6em); text-align: end; text-transform: uppercase; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelRibbonedArchedFloralDateWeekdayAndDate"] .event-details-v2-date-time-live-day { inset-inline-start: var(--date-time-safe-day-x) !important; inset-block-start: var(--date-time-safe-day-y) !important; inline-size: var(--date-time-safe-day-width) !important; block-size: var(--date-time-safe-day-height) !important; font-size: 4.64em !important; font-weight: 500; letter-spacing: 0.01em !important; line-height: 0.8 !important; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelRibbonedArchedFloralDateWeekdayAndDate"] .event-details-v2-date-time-live-month { inset-inline-start: var(--date-time-safe-month-x) !important; inset-block-start: var(--date-time-safe-month-y) !important; inline-size: var(--date-time-safe-month-width) !important; block-size: var(--date-time-safe-month-height) !important; justify-items: start; font-size: 1.14em !important; font-weight: 500; letter-spacing: 0.11em !important; line-height: 1 !important; text-align: start; text-transform: uppercase; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelRibbonedArchedFloralDateWeekdayAndDate"] .event-details-v2-date-time-live-year { inset-inline-start: var(--date-time-safe-year-x) !important; inset-block-start: var(--date-time-safe-year-y) !important; inline-size: var(--date-time-safe-year-width) !important; block-size: var(--date-time-safe-year-height) !important; font-size: 1.14em !important; font-weight: 500; letter-spacing: 0.23em !important; line-height: 1 !important; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelRibbonedArchedFloralDateWeekdayAndDate"][dir="rtl"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-day, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { justify-items: center; font-family: "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", var(--font-cormorant-garamond), "Cormorant Garamond", Garamond, Georgia, serif; letter-spacing: 0 !important; transform: none; text-align: center; text-transform: none; } @container (max-width: 300px) { .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelRibbonedArchedFloralDateWeekdayAndDate"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { letter-spacing: 0.05em !important; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelRibbonedArchedFloralDateWeekdayAndDate"][dir="rtl"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { letter-spacing: 0 !important; } } /* Candle Chapel — Left Botanical Calendar Date Plaque */ .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-left-botanical-calendar-reference-match-weekday-and-date"] { position: relative; display: block !important; inline-size: 100% !important; min-block-size: calc(100cqi); aspect-ratio: 1 / 1; container-type: inline-size; margin-inline: auto; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: #3d2a22 !important; overflow: visible; text-align: center; text-transform: none; } .event-details-v2-block .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-left-botanical-calendar-reference-match-weekday-and-date"] { color: #3d2a22 !important; -webkit-text-fill-color: #3d2a22 !important; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-left-botanical-calendar-reference-match-weekday-and-date"]::before, .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-left-botanical-calendar-reference-match-weekday-and-date"]::after { content: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-left-botanical-calendar-reference-match-weekday-and-date"] .event-details-v2-date-time-art { position: absolute; inset: 0; z-index: 0 !important; display: block; background-position: center; background-repeat: no-repeat; background-size: contain; pointer-events: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-left-botanical-calendar-reference-match-weekday-and-date"] .event-details-v2-date-time-ornament { position: absolute; inset: 0; z-index: 9; display: block; inline-size: 100%; block-size: 100%; color: #9a7450; pointer-events: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-left-botanical-calendar-reference-match-weekday-and-date"] .event-details-v2-date-time-date { position: absolute !important; inset: 0 !important; z-index: 10; display: block !important; inline-size: 100% !important; block-size: 100% !important; margin: 0; padding: 0; color: #3d2a22 !important; -webkit-text-fill-color: #3d2a22 !important; overflow: visible; text-align: center; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-left-botanical-calendar-reference-match-weekday-and-date"] :is( .event-details-v2-date-time-full, .event-details-v2-date-time-parts, .event-details-v2-date-time-time, .event-details-v2-date-time-timezone, .event-details-v2-date-time-live-day-year, .event-details-v2-date-time-live-month-year, .event-details-v2-date-time-live-year-spelled ) { display: none !important; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-left-botanical-calendar-reference-match-weekday-and-date"] .event-details-v2-date-time-live-stack { position: absolute !important; inset: 0 !important; z-index: 10; display: block !important; inline-size: 100% !important; block-size: 100% !important; max-inline-size: none; overflow: visible; overflow-wrap: normal; text-wrap: nowrap; unicode-bidi: plaintext; white-space: nowrap; word-break: keep-all; } /* Keep the raster plaque fixed while giving its live date field enough visual weight. */ .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-left-botanical-calendar-reference-match-weekday-and-date"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-day, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { position: absolute !important; inset: auto !important; display: grid !important; place-items: center; margin: 0; padding: 0; color: #3d2a22 !important; -webkit-text-fill-color: #3d2a22 !important; font-family: var(--font-cormorant-garamond), "Cormorant Garamond", Garamond, Georgia, serif; font-variant-numeric: lining-nums tabular-nums; font-synthesis: none; overflow: visible; text-align: center; text-shadow: 0 1px 0 rgb(255 248 232 / 72%), 0 2px 3px rgb(61 42 34 / 15%); text-wrap: nowrap; unicode-bidi: plaintext; white-space: nowrap; word-break: keep-all; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-left-botanical-calendar-reference-match-weekday-and-date"] .event-details-v2-date-time-live-weekday { left: var(--date-time-safe-weekday-x) !important; top: var(--date-time-safe-weekday-y) !important; right: auto !important; inline-size: var(--date-time-safe-weekday-width) !important; block-size: var(--date-time-safe-weekday-height) !important; font-size: 1em !important; font-weight: 500; letter-spacing: 0.27em !important; line-height: 1 !important; transform: translateX(0.135em); text-transform: uppercase; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-left-botanical-calendar-reference-match-weekday-and-date"] .event-details-v2-date-time-live-day { left: var(--date-time-safe-day-x) !important; top: var(--date-time-safe-day-y) !important; right: auto !important; inline-size: var(--date-time-safe-day-width) !important; block-size: var(--date-time-safe-day-height) !important; font-size: 6.2118em !important; font-weight: 400; letter-spacing: 0.005em !important; line-height: 0.82 !important; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-left-botanical-calendar-reference-match-weekday-and-date"] .event-details-v2-date-time-live-month { left: var(--date-time-safe-month-x) !important; top: var(--date-time-safe-month-y) !important; right: auto !important; inline-size: var(--date-time-safe-month-width) !important; block-size: var(--date-time-safe-month-height) !important; font-size: 1.0942em !important; font-weight: 500; letter-spacing: 0.22em !important; line-height: 1 !important; transform: translateX(0.11em); text-transform: uppercase; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-left-botanical-calendar-reference-match-weekday-and-date"] .event-details-v2-date-time-live-year { left: var(--date-time-safe-year-x) !important; top: var(--date-time-safe-year-y) !important; right: auto !important; inline-size: var(--date-time-safe-year-width) !important; block-size: var(--date-time-safe-year-height) !important; font-size: 1.0589em !important; font-weight: 500; letter-spacing: 0.3em !important; line-height: 1 !important; transform: translateX(0.15em); } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-left-botanical-calendar-reference-match-weekday-and-date"][dir="rtl"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-day, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { font-family: "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", var(--font-cormorant-garamond), "Cormorant Garamond", Garamond, Georgia, serif; letter-spacing: 0 !important; text-align: center; text-transform: none; transform: none; } @container (max-width: 300px) { .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-left-botanical-calendar-reference-match-weekday-and-date"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { letter-spacing: 0.14em !important; transform: translateX(0.07em); } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-left-botanical-calendar-reference-match-weekday-and-date"][dir="rtl"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { letter-spacing: 0 !important; transform: none; } } /* Candle Chapel — Reference-Match Round Olive Date Seal */ .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelReferenceRoundOliveDateSeal"] { position: relative; display: block; inline-size: 100%; min-block-size: calc(100cqi * 1183 / 1330); aspect-ratio: 1330 / 1183; container-type: inline-size; margin-inline: auto; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: #3d2a22; overflow: visible; text-align: center; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelReferenceRoundOliveDateSeal"]::before, .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelReferenceRoundOliveDateSeal"]::after { content: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelReferenceRoundOliveDateSeal"] .event-details-v2-date-time-art { position: absolute; inset: 0; z-index: 0 !important; display: block; inline-size: 100%; block-size: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; pointer-events: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelReferenceRoundOliveDateSeal"] .event-details-v2-date-time-date { position: absolute !important; inset: 0 !important; z-index: 10; display: block !important; inline-size: 100% !important; block-size: 100% !important; max-inline-size: none; margin: 0; padding: 0; color: #3d2a22; overflow: visible; text-align: center; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelReferenceRoundOliveDateSeal"] :is( .event-details-v2-date-time-full, .event-details-v2-date-time-parts, .event-details-v2-date-time-time, .event-details-v2-date-time-timezone, .event-details-v2-date-time-live-day-year, .event-details-v2-date-time-live-month-year, .event-details-v2-date-time-live-year-spelled ) { display: none !important; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelReferenceRoundOliveDateSeal"] .event-details-v2-date-time-live-stack { position: absolute !important; inset: 0 !important; z-index: 10; display: block !important; inline-size: 100% !important; block-size: 100% !important; max-inline-size: none; overflow: visible; overflow-wrap: normal; text-wrap: nowrap; unicode-bidi: plaintext; white-space: nowrap; word-break: keep-all; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelReferenceRoundOliveDateSeal"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-day, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { position: absolute !important; display: grid !important; place-items: center; margin: 0; padding: 0; color: #3d2a22; font-family: var(--font-cormorant-garamond), "Cormorant Garamond", "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", Garamond, Georgia, serif; font-variant-numeric: lining-nums tabular-nums; font-synthesis: none; overflow: visible; text-align: center; text-shadow: 0 1px 0 rgb(255 255 255 / 68%), 0 2px 3px rgb(61 42 34 / 12%); text-wrap: nowrap; unicode-bidi: plaintext; white-space: nowrap; word-break: keep-all; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelReferenceRoundOliveDateSeal"] .event-details-v2-date-time-live-weekday { inset-inline-start: var(--date-time-safe-weekday-x) !important; inset-block-start: var(--date-time-safe-weekday-y) !important; inline-size: var(--date-time-safe-weekday-width) !important; block-size: var(--date-time-safe-weekday-height) !important; font-size: 1em !important; font-weight: 500; letter-spacing: 0.24em !important; line-height: 1 !important; transform: translateX(0.12em); text-transform: uppercase; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelReferenceRoundOliveDateSeal"] .event-details-v2-date-time-live-day { inset-inline-start: var(--date-time-safe-day-x) !important; inset-block-start: var(--date-time-safe-day-y) !important; inline-size: var(--date-time-safe-day-width) !important; block-size: var(--date-time-safe-day-height) !important; font-size: 4.70588em !important; font-weight: 500; letter-spacing: 0.01em !important; line-height: 0.82 !important; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelReferenceRoundOliveDateSeal"] .event-details-v2-date-time-live-month { inset-inline-start: var(--date-time-safe-month-x) !important; inset-block-start: var(--date-time-safe-month-y) !important; inline-size: var(--date-time-safe-month-width) !important; block-size: var(--date-time-safe-month-height) !important; font-size: 0.88235em !important; font-weight: 500; letter-spacing: 0.22em !important; line-height: 1 !important; transform: translateX(0.11em); text-transform: uppercase; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelReferenceRoundOliveDateSeal"] .event-details-v2-date-time-live-year { inset-inline-start: var(--date-time-safe-year-x) !important; inset-block-start: var(--date-time-safe-year-y) !important; inline-size: var(--date-time-safe-year-width) !important; block-size: var(--date-time-safe-year-height) !important; font-size: 0.94118em !important; font-weight: 500; letter-spacing: 0.26em !important; line-height: 1 !important; transform: translateX(0.15em); } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelReferenceRoundOliveDateSeal"][dir="rtl"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-day, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { font-family: "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", var(--font-cormorant-garamond), "Cormorant Garamond", Garamond, Georgia, serif; letter-spacing: 0 !important; transform: none; text-transform: none; } @container (max-width: 300px) { .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelReferenceRoundOliveDateSeal"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { letter-spacing: 0.13em !important; transform: translateX(0.065em); } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelReferenceRoundOliveDateSeal"][dir="rtl"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { letter-spacing: 0 !important; transform: none; } } /* Candle Chapel — Reference-Exact Floral Horizontal Cartouche */ .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-exact-floral-horizontal-cartouche"] { position: relative; display: block; inline-size: 100%; min-block-size: calc(100cqi * 550 / 2172); aspect-ratio: 2172 / 550; container-type: inline-size; margin-inline: auto; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: #3d2a22; overflow: visible; text-align: center; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-exact-floral-horizontal-cartouche"]::before, .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-exact-floral-horizontal-cartouche"]::after { content: ""; position: absolute; top: 33.09%; inline-size: max(1px, 0.046%); block-size: 33.27%; z-index: 1; background-color: rgb(154 116 80 / 64%); pointer-events: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-exact-floral-horizontal-cartouche"]::before { left: 42.13%; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-exact-floral-horizontal-cartouche"]::after { left: 57.32%; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-exact-floral-horizontal-cartouche"] .event-details-v2-date-time-art { position: absolute; inset: 0; z-index: 0 !important; display: block; inline-size: 100%; block-size: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; pointer-events: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-exact-floral-horizontal-cartouche"] .event-details-v2-date-time-date { position: absolute !important; inset: 0 !important; z-index: 1; display: block !important; inline-size: 100% !important; block-size: 100% !important; max-inline-size: none; margin: 0; padding: 0; color: #3d2a22; overflow: visible; text-align: center; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-exact-floral-horizontal-cartouche"] :is( .event-details-v2-date-time-full, .event-details-v2-date-time-parts, .event-details-v2-date-time-time, .event-details-v2-date-time-timezone, .event-details-v2-date-time-live-day-year, .event-details-v2-date-time-live-month-year, .event-details-v2-date-time-live-year-spelled ) { display: none !important; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-exact-floral-horizontal-cartouche"] .event-details-v2-date-time-live-stack { position: absolute !important; inset: 0 !important; display: block !important; inline-size: 100% !important; block-size: 100% !important; max-inline-size: none; overflow: visible; overflow-wrap: normal; text-wrap: nowrap; unicode-bidi: plaintext; white-space: nowrap; word-break: keep-all; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-exact-floral-horizontal-cartouche"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-day, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { position: absolute !important; display: grid !important; place-items: center; margin: 0; padding: 0; color: #3d2a22; font-family: var(--font-cormorant-garamond), "Cormorant Garamond", "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", Garamond, Georgia, serif; font-variant-numeric: lining-nums tabular-nums; font-synthesis: none; overflow: visible; text-align: center; text-shadow: 0 1px 0 rgb(255 248 232 / 72%), 0 0.1em 0.16em rgb(61 42 34 / 12%); text-wrap: nowrap; unicode-bidi: plaintext; white-space: nowrap; word-break: keep-all; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-exact-floral-horizontal-cartouche"] .event-details-v2-date-time-live-weekday { inset-inline-start: var(--date-time-safe-weekday-x) !important; inset-block-start: var(--date-time-safe-weekday-y) !important; inline-size: var(--date-time-safe-weekday-width) !important; block-size: var(--date-time-safe-weekday-height) !important; font-size: 1em !important; font-weight: 500; letter-spacing: 0.15em !important; line-height: 1 !important; text-transform: uppercase; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-exact-floral-horizontal-cartouche"] .event-details-v2-date-time-live-day { inset-inline-start: var(--date-time-safe-day-x) !important; inset-block-start: var(--date-time-safe-day-y) !important; inline-size: var(--date-time-safe-day-width) !important; block-size: var(--date-time-safe-day-height) !important; font-size: 4.04444em !important; font-weight: 400; letter-spacing: 0.01em !important; line-height: 0.78 !important; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-exact-floral-horizontal-cartouche"] .event-details-v2-date-time-live-month { inset-inline-start: var(--date-time-safe-month-x) !important; inset-block-start: var(--date-time-safe-month-y) !important; inline-size: var(--date-time-safe-month-width) !important; block-size: var(--date-time-safe-month-height) !important; font-size: 1em !important; font-weight: 500; letter-spacing: 0.15em !important; line-height: 1 !important; text-transform: uppercase; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-exact-floral-horizontal-cartouche"] .event-details-v2-date-time-live-year { inset-inline-start: var(--date-time-safe-year-x) !important; inset-block-start: var(--date-time-safe-year-y) !important; inline-size: var(--date-time-safe-year-width) !important; block-size: var(--date-time-safe-year-height) !important; font-size: 1em !important; font-weight: 500; letter-spacing: 0.16em !important; line-height: 1 !important; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-exact-floral-horizontal-cartouche"][dir="rtl"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-day, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { font-family: "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", var(--font-cormorant-garamond), "Cormorant Garamond", Garamond, Georgia, serif; letter-spacing: 0 !important; text-transform: none; } /* Candle Chapel — Reference-Match Ivory Botanical Date Rail */ .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelReferenceMatchIvoryBotanicalRailDate"] { position: relative; display: block; inline-size: 100%; min-block-size: calc(100cqi * 615 / 2137); aspect-ratio: 2137 / 615; container-type: inline-size; margin-inline: auto; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: #49392f; overflow: visible; text-align: center; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelReferenceMatchIvoryBotanicalRailDate"]::before, .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelReferenceMatchIvoryBotanicalRailDate"]::after { content: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelReferenceMatchIvoryBotanicalRailDate"] .event-details-v2-date-time-art { position: absolute; inset: 0; z-index: 0 !important; display: block; inline-size: 100%; block-size: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; pointer-events: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelReferenceMatchIvoryBotanicalRailDate"] .event-details-v2-date-time-date { position: absolute !important; inset: 0 !important; z-index: 1; display: block !important; inline-size: 100% !important; block-size: 100% !important; max-inline-size: none; margin: 0; padding: 0; color: #49392f; overflow: visible; text-align: center; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelReferenceMatchIvoryBotanicalRailDate"] :is( .event-details-v2-date-time-full, .event-details-v2-date-time-parts, .event-details-v2-date-time-time, .event-details-v2-date-time-timezone, .event-details-v2-date-time-live-day-year, .event-details-v2-date-time-live-month-year, .event-details-v2-date-time-live-year-spelled ) { display: none !important; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelReferenceMatchIvoryBotanicalRailDate"] .event-details-v2-date-time-live-stack { position: absolute !important; inset: 0 !important; display: block !important; inline-size: 100% !important; block-size: 100% !important; max-inline-size: none; overflow: visible; overflow-wrap: normal; text-wrap: nowrap; unicode-bidi: plaintext; white-space: nowrap; word-break: keep-all; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelReferenceMatchIvoryBotanicalRailDate"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-day, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { position: absolute !important; display: grid !important; place-items: center; margin: 0; padding: 0; color: #49392f; font-family: var(--font-cormorant-garamond), "Cormorant Garamond", Garamond, Georgia, serif; font-variant-numeric: lining-nums tabular-nums; font-synthesis: none; overflow: visible; text-align: center; text-shadow: 0 0.10638em 0 rgb(255 255 255 / 78%), 0 0.21277em 0.31915em rgb(61 42 34 / 14%); text-wrap: nowrap; unicode-bidi: plaintext; white-space: nowrap; word-break: keep-all; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelReferenceMatchIvoryBotanicalRailDate"] .event-details-v2-date-time-live-weekday { inset-inline-start: var(--date-time-safe-weekday-x) !important; inset-block-start: var(--date-time-safe-weekday-y) !important; inline-size: var(--date-time-safe-weekday-width) !important; block-size: var(--date-time-safe-weekday-height) !important; font-size: 1em !important; font-weight: 500; letter-spacing: 0.2em !important; line-height: 1 !important; text-indent: 0.2em; text-transform: uppercase; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelReferenceMatchIvoryBotanicalRailDate"] .event-details-v2-date-time-live-day { inset-inline-start: var(--date-time-safe-day-x) !important; inset-block-start: var(--date-time-safe-day-y) !important; inline-size: var(--date-time-safe-day-width) !important; block-size: var(--date-time-safe-day-height) !important; font-size: 4.25532em !important; font-weight: 500; letter-spacing: 0.01em !important; line-height: 0.78 !important; text-indent: 0.01em; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelReferenceMatchIvoryBotanicalRailDate"] .event-details-v2-date-time-live-month { inset-inline-start: var(--date-time-safe-month-x) !important; inset-block-start: var(--date-time-safe-month-y) !important; inline-size: var(--date-time-safe-month-width) !important; block-size: var(--date-time-safe-month-height) !important; font-size: 0.96809em !important; font-weight: 500; letter-spacing: 0.11em !important; line-height: 1 !important; text-indent: 0.11em; text-transform: uppercase; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelReferenceMatchIvoryBotanicalRailDate"] .event-details-v2-date-time-live-year { inset-inline-start: var(--date-time-safe-year-x) !important; inset-block-start: var(--date-time-safe-year-y) !important; inline-size: var(--date-time-safe-year-width) !important; block-size: var(--date-time-safe-year-height) !important; font-size: 0.97872em !important; font-weight: 500; letter-spacing: 0.12em !important; line-height: 1 !important; text-indent: 0.12em; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelReferenceMatchIvoryBotanicalRailDate"][dir="rtl"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-day, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { font-family: "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", var(--font-cormorant-garamond), "Cormorant Garamond", Garamond, Georgia, serif; letter-spacing: 0 !important; text-indent: 0; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candleChapelReferenceMatchIvoryBotanicalRailDate"][dir="rtl"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { font-size: 1.14894em !important; } /* Candle Chapel — Reference-Match Horizontal Inline Cartouche */ /* Optical anchors: weekday/day share a 51% centerline; month/year balance it. */ .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-match-horizontal-inline"] { position: relative; display: block; inline-size: 100%; min-block-size: calc(100cqi * 576 / 2048); aspect-ratio: 2048 / 576; container-type: inline-size; margin-inline: auto; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: #3d2a22; overflow: visible; text-align: center; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-match-horizontal-inline"]::before, .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-match-horizontal-inline"]::after { content: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-match-horizontal-inline"] .event-details-v2-date-time-art { position: absolute; inset: 0; z-index: 0 !important; display: block; inline-size: 100%; block-size: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; pointer-events: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-match-horizontal-inline"] .event-details-v2-date-time-date { position: absolute !important; inset: 0 !important; z-index: 10; display: block !important; inline-size: 100% !important; block-size: 100% !important; max-inline-size: none; margin: 0; padding: 0; color: #3d2a22; overflow: visible; text-align: center; text-transform: none; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-match-horizontal-inline"] :is( .event-details-v2-date-time-full, .event-details-v2-date-time-parts, .event-details-v2-date-time-time, .event-details-v2-date-time-timezone, .event-details-v2-date-time-live-day-year, .event-details-v2-date-time-live-month-year, .event-details-v2-date-time-live-year-spelled ) { display: none !important; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-match-horizontal-inline"] .event-details-v2-date-time-live-stack { position: absolute !important; inset: 0 !important; z-index: 10; display: block !important; inline-size: 100% !important; block-size: 100% !important; max-inline-size: none; overflow: visible; overflow-wrap: normal; text-wrap: nowrap; unicode-bidi: plaintext; white-space: nowrap; word-break: keep-all; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-match-horizontal-inline"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-day, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { position: absolute !important; display: grid !important; place-items: center; margin: 0; padding: 0; color: #3d2a22; font-family: var(--font-cormorant-garamond), "Cormorant Garamond", "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", Garamond, Georgia, serif; font-variant-numeric: lining-nums tabular-nums; font-synthesis: none; overflow: visible; text-align: center; text-shadow: 0 1px 0 rgb(255 248 232 / 78%), 0 2px 3px rgb(73 50 38 / 15%); text-wrap: nowrap; unicode-bidi: plaintext; white-space: nowrap; word-break: keep-all; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-match-horizontal-inline"] .event-details-v2-date-time-live-weekday { inset-inline-start: var(--date-time-safe-weekday-x) !important; inset-block-start: var(--date-time-safe-weekday-y) !important; inline-size: var(--date-time-safe-weekday-width) !important; block-size: var(--date-time-safe-weekday-height) !important; font-size: 1em !important; font-weight: 500; letter-spacing: 0.16em !important; line-height: 1 !important; transform: translateX(0.08em); text-transform: uppercase; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-match-horizontal-inline"] .event-details-v2-date-time-live-day { inset-inline-start: var(--date-time-safe-day-x) !important; inset-block-start: var(--date-time-safe-day-y) !important; inline-size: var(--date-time-safe-day-width) !important; block-size: var(--date-time-safe-day-height) !important; font-size: 3.75em !important; font-weight: 500; letter-spacing: 0.01em !important; line-height: 0.78 !important; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-match-horizontal-inline"] .event-details-v2-date-time-live-month { inset-inline-start: var(--date-time-safe-month-x) !important; inset-block-start: var(--date-time-safe-month-y) !important; inline-size: var(--date-time-safe-month-width) !important; block-size: var(--date-time-safe-month-height) !important; font-size: 0.89583em !important; font-weight: 500; letter-spacing: 0.18em !important; line-height: 1 !important; transform: translateX(0.09em); text-transform: uppercase; } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-match-horizontal-inline"] .event-details-v2-date-time-live-year { inset-inline-start: var(--date-time-safe-year-x) !important; inset-block-start: var(--date-time-safe-year-y) !important; inline-size: var(--date-time-safe-year-width) !important; block-size: var(--date-time-safe-year-height) !important; font-size: 0.8125em !important; font-weight: 500; letter-spacing: 0.22em !important; line-height: 1 !important; transform: translateX(0.11em); } .event-details-v2-date-time[data-event-details-v2-date-time-variant="candle-chapel-reference-match-horizontal-inline"][dir="rtl"] :is( .event-details-v2-date-time-live-weekday, .event-details-v2-date-time-live-day, .event-details-v2-date-time-live-month, .event-details-v2-date-time-live-year ) { font-family: "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", var(--font-cormorant-garamond), "Cormorant Garamond", Garamond, Georgia, serif; letter-spacing: 0 !important; transform: none; text-transform: none; } /* Candle Chapel — Candlelit Plaster Floral Cartouche countdown */ .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeeswaxFloralCartouche"] { --candle-chapel-time-left-shell: url("/template-packages/processional/themes/candle-chapel/assets/event-details-v2/time-left/candle-chapel-beeswax-floral-cartouche/candle-chapel-beeswax-floral-cartouche-shell.webp"); --candle-chapel-time-left-ink: #302722; --candle-chapel-time-left-line: #9a7450; position: relative; display: block; box-sizing: border-box; width: min(100%, 560px); max-width: 560px; aspect-ratio: 1536 / 1024; min-height: 0; margin-inline: auto; padding: 0; overflow: visible; background: var(--candle-chapel-time-left-shell) center / 100% 100% no-repeat; color: var(--candle-chapel-time-left-ink); filter: drop-shadow(0 1cqi 1.4cqi rgb(51 38 31 / 18%)); container-type: inline-size; isolation: isolate; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeeswaxFloralCartouche"] .event-details-v2-time-left-message { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeeswaxFloralCartouche"] .event-details-v2-time-left-ornament-before { position: absolute; z-index: 2; inset: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; pointer-events: none; background: linear-gradient( var(--candle-chapel-time-left-line), var(--candle-chapel-time-left-line) ) 33.55% 50.5% / 1px 17% no-repeat, linear-gradient( var(--candle-chapel-time-left-line), var(--candle-chapel-time-left-line) ) 50% 50.5% / 1px 17% no-repeat, linear-gradient( var(--candle-chapel-time-left-line), var(--candle-chapel-time-left-line) ) 66.45% 50.5% / 1px 17% no-repeat, linear-gradient( 45deg, transparent 42%, var(--candle-chapel-time-left-line) 43% 57%, transparent 58% ) 33.55% 59% / 0.82cqi 0.82cqi no-repeat, linear-gradient( 45deg, transparent 42%, var(--candle-chapel-time-left-line) 43% 57%, transparent 58% ) 50% 59% / 0.82cqi 0.82cqi no-repeat, linear-gradient( 45deg, transparent 42%, var(--candle-chapel-time-left-line) 43% 57%, transparent 58% ) 66.45% 59% / 0.82cqi 0.82cqi no-repeat; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeeswaxFloralCartouche"] .event-details-v2-time-left-ornament-after { position: absolute; z-index: 2; top: 43.1%; left: 30.5%; display: block; width: 39%; height: 1px; margin: 0; padding: 0; background: var(--candle-chapel-time-left-line); pointer-events: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeeswaxFloralCartouche"] .event-details-v2-time-left-ornament-after::before { position: absolute; top: 50%; left: 50%; width: 0.86cqi; height: 0.86cqi; background: var(--candle-chapel-time-left-line); content: ""; transform: translate(-50%, -50%) rotate(45deg); } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeeswaxFloralCartouche"] .event-details-v2-time-left-kicker { position: absolute; z-index: 3; top: 36.6%; left: 29%; display: grid; width: 42%; height: 7.5%; margin: 0; padding: 0; place-items: center; overflow: visible; color: var(--candle-chapel-time-left-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 1.75cqi; font-weight: 500; letter-spacing: 0.28em; line-height: 1; text-align: center; text-transform: uppercase; white-space: nowrap; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeeswaxFloralCartouche"] .event-details-v2-time-left-units { position: absolute; z-index: 3; inset: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; direction: ltr; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeeswaxFloralCartouche"] .event-details-v2-time-left-unit { --candle-chapel-time-left-unit-center-x: 50%; position: absolute; inset-block: 0; left: var(--candle-chapel-time-left-unit-center-x); display: block; width: 12.3%; min-width: 0; height: 100%; padding: 0; transform: translateX(-50%); } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeeswaxFloralCartouche"] .event-details-v2-time-left-unit:nth-child(1) { --candle-chapel-time-left-unit-center-x: 26.2%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeeswaxFloralCartouche"] .event-details-v2-time-left-unit:nth-child(2) { --candle-chapel-time-left-unit-center-x: 42.1%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeeswaxFloralCartouche"] .event-details-v2-time-left-unit:nth-child(3) { --candle-chapel-time-left-unit-center-x: 57.9%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeeswaxFloralCartouche"] .event-details-v2-time-left-unit:nth-child(4) { --candle-chapel-time-left-unit-center-x: 73.8%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeeswaxFloralCartouche"] .event-details-v2-time-left-unit strong { position: absolute; top: 47.1%; left: 0; display: grid; width: 100%; height: 17.4%; place-items: center; overflow: visible; color: var(--candle-chapel-time-left-ink); direction: ltr; font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 6.2cqi; font-weight: 400; font-variant-numeric: lining-nums tabular-nums; font-synthesis: none; letter-spacing: 0; line-height: 0.9; text-align: center; text-shadow: 0 0.02em 0 rgb(255 255 255 / 66%); white-space: nowrap; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeeswaxFloralCartouche"] .event-details-v2-time-left-unit small { position: absolute; top: 63.3%; left: 0; display: grid; width: 100%; height: 7%; place-items: center; overflow: visible; color: var(--candle-chapel-time-left-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 1.45cqi; font-weight: 500; letter-spacing: 0.17em; line-height: 1; text-align: center; text-transform: uppercase; white-space: nowrap; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeeswaxFloralCartouche"][lang="ms"] .event-details-v2-time-left-kicker { font-size: 1.23cqi; letter-spacing: 0.1em; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeeswaxFloralCartouche"][dir="rtl"] .event-details-v2-time-left-kicker, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeeswaxFloralCartouche"][dir="rtl"] .event-details-v2-time-left-unit small { direction: rtl; font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; letter-spacing: 0; text-transform: none; unicode-bidi: plaintext; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeeswaxFloralCartouche"][dir="rtl"] .event-details-v2-time-left-kicker { font-size: 1.58cqi; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeeswaxFloralCartouche"][dir="rtl"] .event-details-v2-time-left-unit small { font-size: 1.42cqi; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeeswaxFloralCartouche"][data-event-details-v2-time-left-complete="true"] { min-height: 0; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeeswaxFloralCartouche"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-kicker, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeeswaxFloralCartouche"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-units, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeeswaxFloralCartouche"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-ornament-before, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeeswaxFloralCartouche"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-ornament-after { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeeswaxFloralCartouche"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message { position: absolute; z-index: 3; top: 40%; left: 20%; display: grid; width: 60%; height: 30%; box-sizing: border-box; margin: 0; padding: 0 3%; place-items: center; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeeswaxFloralCartouche"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message strong { color: var(--candle-chapel-time-left-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 3.7cqi; font-weight: 500; line-height: 1; text-align: center; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeeswaxFloralCartouche"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message small { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeeswaxFloralCartouche"][data-event-details-v2-time-left-complete="true"][dir="rtl"] .event-details-v2-time-left-message strong { font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; } /* Candle Chapel — Twin Medallion Countdown */ .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelTwinMedallionCountdown"] { --candle-chapel-twin-medallion-shell: url("/template-packages/processional/themes/candle-chapel/assets/event-details-v2/time-left/candle-chapel-twin-medallion-countdown/candle-chapel-twin-medallion-countdown-shell.webp"); --candle-chapel-twin-medallion-ink: #302722; --candle-chapel-twin-medallion-line: #9a7450; position: relative; display: block; box-sizing: border-box; width: min(100%, 560px); max-width: 560px; aspect-ratio: 1907 / 825; min-height: 0; margin-inline: auto; padding: 0; overflow: visible; background: var(--candle-chapel-twin-medallion-shell) center / 100% 100% no-repeat; color: var(--candle-chapel-twin-medallion-ink); container-type: inline-size; isolation: isolate; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelTwinMedallionCountdown"] .event-details-v2-time-left-kicker, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelTwinMedallionCountdown"] .event-details-v2-time-left-message { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelTwinMedallionCountdown"] .event-details-v2-time-left-ornament-before { position: absolute; z-index: 2; inset: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; pointer-events: none; background: linear-gradient( var(--candle-chapel-twin-medallion-line), var(--candle-chapel-twin-medallion-line) ) 33.55% 50% / 1px 21% no-repeat, linear-gradient( var(--candle-chapel-twin-medallion-line), var(--candle-chapel-twin-medallion-line) ) 50% 50% / 1px 21% no-repeat, linear-gradient( var(--candle-chapel-twin-medallion-line), var(--candle-chapel-twin-medallion-line) ) 66.45% 50% / 1px 21% no-repeat; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelTwinMedallionCountdown"] .event-details-v2-time-left-ornament-after { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelTwinMedallionCountdown"] .event-details-v2-time-left-units { position: absolute; z-index: 3; inset: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; direction: ltr; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelTwinMedallionCountdown"] .event-details-v2-time-left-unit { --candle-chapel-twin-medallion-unit-center-x: 50%; position: absolute; inset-block: 0; left: var(--candle-chapel-twin-medallion-unit-center-x); display: block; width: 12.3%; min-width: 0; height: 100%; padding: 0; transform: translateX(-50%); } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelTwinMedallionCountdown"] .event-details-v2-time-left-unit:nth-child(1) { --candle-chapel-twin-medallion-unit-center-x: 26.2%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelTwinMedallionCountdown"] .event-details-v2-time-left-unit:nth-child(2) { --candle-chapel-twin-medallion-unit-center-x: 42.1%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelTwinMedallionCountdown"] .event-details-v2-time-left-unit:nth-child(3) { --candle-chapel-twin-medallion-unit-center-x: 57.9%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelTwinMedallionCountdown"] .event-details-v2-time-left-unit:nth-child(4) { --candle-chapel-twin-medallion-unit-center-x: 73.8%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelTwinMedallionCountdown"] .event-details-v2-time-left-unit strong { position: absolute; top: 37.7%; left: 0; display: grid; width: 100%; height: 18%; place-items: center; overflow: visible; color: var(--candle-chapel-twin-medallion-ink); direction: ltr; font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 6.1cqi; font-weight: 400; font-variant-numeric: lining-nums tabular-nums; font-synthesis: none; letter-spacing: 0; line-height: 0.9; text-align: center; text-shadow: 0 0.02em 0 rgb(255 255 255 / 66%); white-space: nowrap; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelTwinMedallionCountdown"] .event-details-v2-time-left-unit small { position: absolute; top: 58.6%; left: 0; display: grid; width: 100%; height: 8.4%; place-items: center; overflow: visible; color: var(--candle-chapel-twin-medallion-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 1.45cqi; font-weight: 500; letter-spacing: 0.17em; line-height: 1; text-align: center; text-transform: uppercase; white-space: nowrap; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelTwinMedallionCountdown"][dir="rtl"] .event-details-v2-time-left-unit small { direction: rtl; font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; font-size: 1.42cqi; letter-spacing: 0; text-transform: none; unicode-bidi: plaintext; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelTwinMedallionCountdown"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-units, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelTwinMedallionCountdown"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-ornament-before { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelTwinMedallionCountdown"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message { position: absolute; z-index: 3; top: 35%; left: 20%; display: grid; width: 60%; height: 30%; box-sizing: border-box; margin: 0; padding: 0 3%; place-items: center; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelTwinMedallionCountdown"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message strong { color: var(--candle-chapel-twin-medallion-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 3.7cqi; font-weight: 500; line-height: 1; text-align: center; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelTwinMedallionCountdown"][data-event-details-v2-time-left-complete="true"][dir="rtl"] .event-details-v2-time-left-message strong { font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; } /* Candle Chapel — Warm Bronze Capsule countdown */ .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmBronzeCapsule"] { --candle-chapel-warm-bronze-capsule-shell: url("/template-packages/processional/themes/candle-chapel/assets/event-details-v2/time-left/candle-chapel-warm-bronze-capsule/candle-chapel-warm-bronze-capsule-shell.webp"); --candle-chapel-warm-bronze-capsule-ink: #302722; --candle-chapel-warm-bronze-capsule-line: #9a7450; position: relative; display: block; box-sizing: border-box; width: min(100%, 620px); max-width: 620px; aspect-ratio: 1942 / 809; min-height: 0; margin-inline: auto; padding: 0; overflow: visible; background: var(--candle-chapel-warm-bronze-capsule-shell) center / 100% 100% no-repeat; color: var(--candle-chapel-warm-bronze-capsule-ink); filter: drop-shadow(0 0.8cqi 1.2cqi rgb(51 38 31 / 20%)); container-type: inline-size; isolation: isolate; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmBronzeCapsule"] .event-details-v2-time-left-kicker, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmBronzeCapsule"] .event-details-v2-time-left-message { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmBronzeCapsule"] .event-details-v2-time-left-ornament-before { position: absolute; z-index: 2; inset: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; pointer-events: none; background: linear-gradient( var(--candle-chapel-warm-bronze-capsule-line), var(--candle-chapel-warm-bronze-capsule-line) ) 36.25% 50% / 1px 22% no-repeat, linear-gradient( var(--candle-chapel-warm-bronze-capsule-line), var(--candle-chapel-warm-bronze-capsule-line) ) 50% 50% / 1px 22% no-repeat, linear-gradient( var(--candle-chapel-warm-bronze-capsule-line), var(--candle-chapel-warm-bronze-capsule-line) ) 63.75% 50% / 1px 22% no-repeat; opacity: 0.78; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmBronzeCapsule"] .event-details-v2-time-left-ornament-after { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmBronzeCapsule"] .event-details-v2-time-left-units { position: absolute; inset: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; direction: ltr; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmBronzeCapsule"] .event-details-v2-time-left-unit { --candle-chapel-warm-bronze-capsule-unit-center-x: 50%; position: absolute; inset-block: 0; left: var(--candle-chapel-warm-bronze-capsule-unit-center-x); display: block; width: 11.5%; min-width: 0; height: 100%; padding: 0; transform: translateX(-50%); } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmBronzeCapsule"] .event-details-v2-time-left-unit:nth-child(1) { --candle-chapel-warm-bronze-capsule-unit-center-x: 28.75%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmBronzeCapsule"] .event-details-v2-time-left-unit:nth-child(2) { --candle-chapel-warm-bronze-capsule-unit-center-x: 42.5%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmBronzeCapsule"] .event-details-v2-time-left-unit:nth-child(3) { --candle-chapel-warm-bronze-capsule-unit-center-x: 57.5%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmBronzeCapsule"] .event-details-v2-time-left-unit:nth-child(4) { --candle-chapel-warm-bronze-capsule-unit-center-x: 71.25%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmBronzeCapsule"] .event-details-v2-time-left-unit strong { position: absolute; top: 34%; left: 0; display: grid; width: 100%; height: 28%; place-items: center; overflow: visible; color: var(--candle-chapel-warm-bronze-capsule-ink); direction: ltr; font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 6.55cqi; font-weight: 400; font-variant-numeric: lining-nums tabular-nums; font-synthesis: none; letter-spacing: 0; line-height: 0.9; text-align: center; text-shadow: 0 0.02em 0 rgb(255 255 255 / 58%); white-space: nowrap; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmBronzeCapsule"] .event-details-v2-time-left-unit small { position: absolute; top: 62%; left: 0; display: grid; width: 100%; height: 10%; place-items: center; overflow: visible; color: var(--candle-chapel-warm-bronze-capsule-ink); font-family: var(--font-montserrat), var(--invitation-font-body), "Montserrat", Arial, sans-serif; font-size: 1.45cqi; font-weight: 500; letter-spacing: 0.14em; line-height: 1; text-align: center; text-transform: uppercase; white-space: nowrap; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmBronzeCapsule"][lang="ms"] .event-details-v2-time-left-unit small { font-size: 1.31cqi; letter-spacing: 0.06em; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmBronzeCapsule"][dir="rtl"] .event-details-v2-time-left-unit small { direction: rtl; font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; font-size: 1.42cqi; letter-spacing: 0; text-transform: none; unicode-bidi: plaintext; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmBronzeCapsule"][data-event-details-v2-time-left-complete="true"] { min-height: 0; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmBronzeCapsule"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-kicker, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmBronzeCapsule"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-units, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmBronzeCapsule"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-ornament-before, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmBronzeCapsule"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-ornament-after { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmBronzeCapsule"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message { position: absolute; z-index: 3; top: 34%; left: 18%; display: grid; width: 64%; height: 30%; box-sizing: border-box; margin: 0; padding: 0 3%; place-items: center; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmBronzeCapsule"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message strong { color: var(--candle-chapel-warm-bronze-capsule-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 4.2cqi; font-weight: 500; line-height: 1; text-align: center; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmBronzeCapsule"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message small { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmBronzeCapsule"][data-event-details-v2-time-left-complete="true"][dir="rtl"] .event-details-v2-time-left-message strong { font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; } /* Candle Chapel — Warm Plaster Olive Diamond Rail countdown */ .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmPlasterOliveDiamondRail"] { --candle-chapel-warm-plaster-olive-rail-shell: url("/template-packages/processional/themes/candle-chapel/assets/event-details-v2/time-left/candle-chapel-warm-plaster-olive-rail-countdown/candle-chapel-warm-plaster-olive-rail-countdown-shell.webp"); --candle-chapel-warm-plaster-olive-rail-ink: #302722; --candle-chapel-warm-plaster-olive-rail-line: #9a7450; position: relative; display: block; box-sizing: border-box; width: min(100%, 620px); max-width: 620px; aspect-ratio: 1951 / 806; min-height: 0; margin-inline: auto; padding: 0; overflow: visible; background: var(--candle-chapel-warm-plaster-olive-rail-shell) center / 100% 100% no-repeat; color: var(--candle-chapel-warm-plaster-olive-rail-ink); filter: drop-shadow(0 0.8cqi 1.2cqi rgb(51 38 31 / 18%)); container-type: inline-size; isolation: isolate; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmPlasterOliveDiamondRail"] .event-details-v2-time-left-kicker, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmPlasterOliveDiamondRail"] .event-details-v2-time-left-message { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmPlasterOliveDiamondRail"] .event-details-v2-time-left-ornament-before { position: absolute; z-index: 2; inset: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; pointer-events: none; background: linear-gradient( var(--candle-chapel-warm-plaster-olive-rail-line), var(--candle-chapel-warm-plaster-olive-rail-line) ) 35.5% 47% / 1px 24% no-repeat, linear-gradient( var(--candle-chapel-warm-plaster-olive-rail-line), var(--candle-chapel-warm-plaster-olive-rail-line) ) 51.5% 47% / 1px 24% no-repeat, linear-gradient( var(--candle-chapel-warm-plaster-olive-rail-line), var(--candle-chapel-warm-plaster-olive-rail-line) ) 68.5% 47% / 1px 24% no-repeat; opacity: 0.82; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmPlasterOliveDiamondRail"] .event-details-v2-time-left-ornament-after { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmPlasterOliveDiamondRail"] .event-details-v2-time-left-units { position: absolute; z-index: 3; inset: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; direction: ltr; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmPlasterOliveDiamondRail"] .event-details-v2-time-left-unit { --candle-chapel-warm-plaster-olive-rail-unit-center-x: 50%; position: absolute; inset-block: 0; left: var(--candle-chapel-warm-plaster-olive-rail-unit-center-x); display: block; width: 15.5%; min-width: 0; height: 100%; padding: 0; transform: translateX(-50%); } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmPlasterOliveDiamondRail"] .event-details-v2-time-left-unit:nth-child(1) { --candle-chapel-warm-plaster-olive-rail-unit-center-x: 26%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmPlasterOliveDiamondRail"] .event-details-v2-time-left-unit:nth-child(2) { --candle-chapel-warm-plaster-olive-rail-unit-center-x: 42%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmPlasterOliveDiamondRail"] .event-details-v2-time-left-unit:nth-child(3) { --candle-chapel-warm-plaster-olive-rail-unit-center-x: 58%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmPlasterOliveDiamondRail"] .event-details-v2-time-left-unit:nth-child(4) { --candle-chapel-warm-plaster-olive-rail-unit-center-x: 74%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmPlasterOliveDiamondRail"] .event-details-v2-time-left-unit strong { position: absolute; top: 35.5%; left: 0; display: grid; width: 100%; height: 23%; place-items: center; overflow: visible; color: var(--candle-chapel-warm-plaster-olive-rail-ink); direction: ltr; font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 8cqi; font-weight: 400; font-variant-numeric: lining-nums tabular-nums; font-synthesis: none; letter-spacing: 0; line-height: 0.9; text-align: center; text-shadow: 0 0.02em 0 rgb(255 255 255 / 68%); white-space: nowrap; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmPlasterOliveDiamondRail"] .event-details-v2-time-left-unit small { position: absolute; top: 60.5%; left: 0; display: grid; width: 100%; height: 10%; place-items: center; overflow: visible; color: var(--candle-chapel-warm-plaster-olive-rail-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 2.15cqi; font-weight: 500; letter-spacing: 0.16em; line-height: 1; text-align: center; text-transform: uppercase; white-space: nowrap; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmPlasterOliveDiamondRail"][lang="ms"] .event-details-v2-time-left-unit small { font-size: 1.95cqi; letter-spacing: 0.1em; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmPlasterOliveDiamondRail"][dir="rtl"] .event-details-v2-time-left-unit small { direction: rtl; font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; font-size: 2.35cqi; letter-spacing: 0; text-transform: none; unicode-bidi: plaintext; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmPlasterOliveDiamondRail"][data-event-details-v2-time-left-complete="true"] { min-height: 0; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmPlasterOliveDiamondRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-kicker, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmPlasterOliveDiamondRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-units, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmPlasterOliveDiamondRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-ornament-before, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmPlasterOliveDiamondRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-ornament-after { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmPlasterOliveDiamondRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message { position: absolute; z-index: 3; top: 36%; left: 18%; display: grid; width: 64%; height: 28%; box-sizing: border-box; margin: 0; padding: 0 3%; place-items: center; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmPlasterOliveDiamondRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message strong { color: var(--candle-chapel-warm-plaster-olive-rail-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 5cqi; font-weight: 500; line-height: 1; text-align: center; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmPlasterOliveDiamondRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message small { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWarmPlasterOliveDiamondRail"][data-event-details-v2-time-left-complete="true"][dir="rtl"] .event-details-v2-time-left-message strong { font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; } /* Candle Chapel — Engraved Beeswax Medallion Rail countdown */ .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelEngravedBeeswaxMedallionRail"] { --candle-chapel-engraved-beeswax-medallion-rail-shell: url("/template-packages/processional/themes/candle-chapel/assets/event-details-v2/time-left/candle-chapel-engraved-beeswax-medallion-rail/candle-chapel-engraved-beeswax-medallion-rail-shell.webp"); --candle-chapel-engraved-beeswax-medallion-rail-ink: #302722; --candle-chapel-engraved-beeswax-medallion-rail-line: #9a7450; position: relative; display: block; box-sizing: border-box; width: min(100%, 620px); max-width: 620px; aspect-ratio: 1600 / 430; min-height: 0; margin-inline: auto; padding: 0; overflow: visible; background: var(--candle-chapel-engraved-beeswax-medallion-rail-shell) center / 100% 100% no-repeat; color: var(--candle-chapel-engraved-beeswax-medallion-rail-ink); filter: drop-shadow(0 0.8cqi 1.2cqi rgb(51 38 31 / 18%)); container-type: inline-size; isolation: isolate; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelEngravedBeeswaxMedallionRail"] .event-details-v2-time-left-kicker { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelEngravedBeeswaxMedallionRail"] .event-details-v2-time-left-message { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelEngravedBeeswaxMedallionRail"] .event-details-v2-time-left-ornament-before { position: absolute; z-index: 2; inset: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; pointer-events: none; background: linear-gradient( var(--candle-chapel-engraved-beeswax-medallion-rail-line), var(--candle-chapel-engraved-beeswax-medallion-rail-line) ) 25% 50% / 1px 36% no-repeat, linear-gradient( var(--candle-chapel-engraved-beeswax-medallion-rail-line), var(--candle-chapel-engraved-beeswax-medallion-rail-line) ) 75% 50% / 1px 36% no-repeat; opacity: 0.68; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelEngravedBeeswaxMedallionRail"] .event-details-v2-time-left-ornament-after { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelEngravedBeeswaxMedallionRail"] .event-details-v2-time-left-units { position: absolute; z-index: 3; inset: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; direction: ltr; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelEngravedBeeswaxMedallionRail"] .event-details-v2-time-left-unit { --candle-chapel-engraved-beeswax-medallion-rail-unit-center-x: 50%; --candle-chapel-engraved-beeswax-medallion-rail-value-anchor-x: 50%; --candle-chapel-engraved-beeswax-medallion-rail-value-top: 34%; --candle-chapel-engraved-beeswax-medallion-rail-value-width: 100%; --candle-chapel-engraved-beeswax-medallion-rail-value-height: 28%; --candle-chapel-engraved-beeswax-medallion-rail-label-anchor-x: 50%; --candle-chapel-engraved-beeswax-medallion-rail-label-top: 58%; --candle-chapel-engraved-beeswax-medallion-rail-label-width: 128%; --candle-chapel-engraved-beeswax-medallion-rail-label-height: 11%; position: absolute; inset-block: 0; left: var(--candle-chapel-engraved-beeswax-medallion-rail-unit-center-x); display: block; width: 15%; min-width: 0; height: 100%; padding: 0; transform: translateX(-50%); } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelEngravedBeeswaxMedallionRail"] .event-details-v2-time-left-unit:nth-child(1) { --candle-chapel-engraved-beeswax-medallion-rail-unit-center-x: 16.5%; --candle-chapel-engraved-beeswax-medallion-rail-value-width: 108%; --candle-chapel-engraved-beeswax-medallion-rail-label-width: 132%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelEngravedBeeswaxMedallionRail"] .event-details-v2-time-left-unit:nth-child(2) { --candle-chapel-engraved-beeswax-medallion-rail-unit-center-x: 31%; --candle-chapel-engraved-beeswax-medallion-rail-value-width: 104%; --candle-chapel-engraved-beeswax-medallion-rail-label-width: 126%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelEngravedBeeswaxMedallionRail"] .event-details-v2-time-left-unit:nth-child(3) { --candle-chapel-engraved-beeswax-medallion-rail-unit-center-x: 69%; --candle-chapel-engraved-beeswax-medallion-rail-value-width: 108%; --candle-chapel-engraved-beeswax-medallion-rail-label-width: 144%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelEngravedBeeswaxMedallionRail"] .event-details-v2-time-left-unit:nth-child(4) { --candle-chapel-engraved-beeswax-medallion-rail-unit-center-x: 83.5%; --candle-chapel-engraved-beeswax-medallion-rail-value-width: 108%; --candle-chapel-engraved-beeswax-medallion-rail-label-width: 144%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelEngravedBeeswaxMedallionRail"] .event-details-v2-time-left-unit strong { position: absolute; top: var(--candle-chapel-engraved-beeswax-medallion-rail-value-top); left: var(--candle-chapel-engraved-beeswax-medallion-rail-value-anchor-x); display: grid; width: var(--candle-chapel-engraved-beeswax-medallion-rail-value-width); height: var(--candle-chapel-engraved-beeswax-medallion-rail-value-height); box-sizing: border-box; place-items: center; overflow: visible; color: var(--candle-chapel-engraved-beeswax-medallion-rail-ink); direction: ltr; font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 5.6cqi; font-weight: 400; font-variant-numeric: lining-nums tabular-nums; font-synthesis: none; letter-spacing: 0; line-height: 0.9; text-align: center; text-shadow: 0 0.02em 0 rgb(255 255 255 / 58%); transform: translateX(-50%); white-space: nowrap; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelEngravedBeeswaxMedallionRail"] .event-details-v2-time-left-unit small { position: absolute; top: var(--candle-chapel-engraved-beeswax-medallion-rail-label-top); left: var(--candle-chapel-engraved-beeswax-medallion-rail-label-anchor-x); display: grid; width: var(--candle-chapel-engraved-beeswax-medallion-rail-label-width); height: var(--candle-chapel-engraved-beeswax-medallion-rail-label-height); box-sizing: border-box; place-items: center; overflow: visible; color: var(--candle-chapel-engraved-beeswax-medallion-rail-ink); font-family: var(--font-montserrat), var(--invitation-font-body), "Montserrat", Arial, sans-serif; font-size: 1.7cqi; font-weight: 500; letter-spacing: 0.11em; line-height: 1; text-align: center; text-transform: uppercase; transform: translateX(-50%); white-space: nowrap; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelEngravedBeeswaxMedallionRail"][lang="ms"] .event-details-v2-time-left-unit small { font-size: 1.55cqi; letter-spacing: 0.07em; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelEngravedBeeswaxMedallionRail"][dir="rtl"] .event-details-v2-time-left-unit small { direction: rtl; font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; font-size: 1.7cqi; letter-spacing: 0; text-transform: none; unicode-bidi: plaintext; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelEngravedBeeswaxMedallionRail"][data-event-details-v2-time-left-complete="true"] { min-height: 0; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelEngravedBeeswaxMedallionRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-units, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelEngravedBeeswaxMedallionRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-ornament-before, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelEngravedBeeswaxMedallionRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-ornament-after { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelEngravedBeeswaxMedallionRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message { position: absolute; z-index: 3; top: 34%; left: 16%; display: grid; width: 68%; height: 30%; box-sizing: border-box; margin: 0; padding: 0 3%; place-items: center; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelEngravedBeeswaxMedallionRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message strong { color: var(--candle-chapel-engraved-beeswax-medallion-rail-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 4.4cqi; font-weight: 500; line-height: 1; text-align: center; text-shadow: 0 0.02em 0 rgb(255 255 255 / 58%); } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelEngravedBeeswaxMedallionRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message small { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelEngravedBeeswaxMedallionRail"][data-event-details-v2-time-left-complete="true"][dir="rtl"] .event-details-v2-time-left-message strong { font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; } /* Candle Chapel — Soft Plaster Botanical Rail countdown */ .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelSoftPlasterBotanicalRail"] { --candle-chapel-soft-rail-shell: url("/template-packages/processional/themes/candle-chapel/assets/event-details-v2/time-left/candle-chapel-soft-plaster-botanical-rail/candle-chapel-soft-plaster-botanical-rail-shell.webp"); --candle-chapel-soft-rail-ink: #302722; --candle-chapel-soft-rail-line: #9a7450; position: relative; display: block; box-sizing: border-box; width: min(100%, 560px); max-width: 560px; aspect-ratio: 1742 / 903; min-height: 0; margin-inline: auto; padding: 0; overflow: visible; background: var(--candle-chapel-soft-rail-shell) center / 100% 100% no-repeat; color: var(--candle-chapel-soft-rail-ink); filter: drop-shadow(0 1cqi 1.5cqi rgb(51 38 31 / 17%)); container-type: inline-size; isolation: isolate; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelSoftPlasterBotanicalRail"] .event-details-v2-time-left-kicker, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelSoftPlasterBotanicalRail"] .event-details-v2-time-left-message { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelSoftPlasterBotanicalRail"] .event-details-v2-time-left-ornament-before { position: absolute; z-index: 2; inset: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; pointer-events: none; background: linear-gradient( var(--candle-chapel-soft-rail-line), var(--candle-chapel-soft-rail-line) ) 34% 53% / 1px 24% no-repeat, linear-gradient( var(--candle-chapel-soft-rail-line), var(--candle-chapel-soft-rail-line) ) 50% 53% / 1px 24% no-repeat, linear-gradient( var(--candle-chapel-soft-rail-line), var(--candle-chapel-soft-rail-line) ) 66% 53% / 1px 24% no-repeat; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelSoftPlasterBotanicalRail"] .event-details-v2-time-left-ornament-after { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelSoftPlasterBotanicalRail"] .event-details-v2-time-left-units { position: absolute; z-index: 3; inset: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; direction: ltr; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelSoftPlasterBotanicalRail"] .event-details-v2-time-left-unit { --candle-chapel-soft-rail-unit-center-x: 50%; position: absolute; inset-block: 0; left: var(--candle-chapel-soft-rail-unit-center-x); display: block; width: 14.2%; min-width: 0; height: 100%; padding: 0; transform: translateX(-50%); } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelSoftPlasterBotanicalRail"] .event-details-v2-time-left-unit:nth-child(1) { --candle-chapel-soft-rail-unit-center-x: 25%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelSoftPlasterBotanicalRail"] .event-details-v2-time-left-unit:nth-child(2) { --candle-chapel-soft-rail-unit-center-x: 42%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelSoftPlasterBotanicalRail"] .event-details-v2-time-left-unit:nth-child(3) { --candle-chapel-soft-rail-unit-center-x: 58%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelSoftPlasterBotanicalRail"] .event-details-v2-time-left-unit:nth-child(4) { --candle-chapel-soft-rail-unit-center-x: 75%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelSoftPlasterBotanicalRail"] .event-details-v2-time-left-unit strong { position: absolute; top: 42.5%; left: 0; display: grid; width: 100%; height: 18%; place-items: center; overflow: visible; color: var(--candle-chapel-soft-rail-ink); direction: ltr; font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 6.35cqi; font-weight: 400; font-variant-numeric: lining-nums tabular-nums; font-synthesis: none; letter-spacing: 0; line-height: 0.9; text-align: center; text-shadow: 0 0.02em 0 rgb(255 255 255 / 66%); white-space: nowrap; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelSoftPlasterBotanicalRail"] .event-details-v2-time-left-unit small { position: absolute; top: 61.5%; left: 0; display: grid; width: 100%; height: 8%; place-items: center; overflow: visible; color: var(--candle-chapel-soft-rail-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 1.55cqi; font-weight: 500; letter-spacing: 0.15em; line-height: 1; text-align: center; text-transform: uppercase; white-space: nowrap; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelSoftPlasterBotanicalRail"][lang="ms"] .event-details-v2-time-left-unit small { font-size: 1.35cqi; letter-spacing: 0.08em; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelSoftPlasterBotanicalRail"][dir="rtl"] .event-details-v2-time-left-unit small { direction: rtl; font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; font-size: 1.55cqi; letter-spacing: 0; text-transform: none; unicode-bidi: plaintext; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelSoftPlasterBotanicalRail"][data-event-details-v2-time-left-complete="true"] { min-height: 0; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelSoftPlasterBotanicalRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-units, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelSoftPlasterBotanicalRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-ornament-before, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelSoftPlasterBotanicalRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-ornament-after { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelSoftPlasterBotanicalRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message { position: absolute; z-index: 3; top: 40%; left: 18%; display: grid; width: 64%; height: 24%; box-sizing: border-box; margin: 0; padding: 0 3%; place-items: center; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelSoftPlasterBotanicalRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message strong { color: var(--candle-chapel-soft-rail-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 3.7cqi; font-weight: 500; line-height: 1; text-align: center; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelSoftPlasterBotanicalRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message small { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelSoftPlasterBotanicalRail"][data-event-details-v2-time-left-complete="true"][dir="rtl"] .event-details-v2-time-left-message strong { font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; } /* Candle Chapel — Beveled Botanical Plaque countdown */ .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeveledBotanicalPlaque"] { --candle-chapel-beveled-plaque-shell: url("/template-packages/processional/themes/candle-chapel/assets/event-details-v2/time-left/candle-chapel-beveled-botanical-plaque/candle-chapel-beveled-botanical-plaque-v2-shell.webp"); --candle-chapel-beveled-plaque-ink: #302722; --candle-chapel-beveled-plaque-line: #9a7450; position: relative; display: block; box-sizing: border-box; width: min(100%, 560px); max-width: 560px; aspect-ratio: 1660 / 675; min-height: 0; margin-inline: auto; padding: 0; overflow: visible; background: var(--candle-chapel-beveled-plaque-shell) center / 100% 100% no-repeat; color: var(--candle-chapel-beveled-plaque-ink); filter: drop-shadow(0 1cqi 1.5cqi rgb(51 38 31 / 17%)); container-type: inline-size; isolation: isolate; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeveledBotanicalPlaque"] .event-details-v2-time-left-kicker, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeveledBotanicalPlaque"] .event-details-v2-time-left-message { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeveledBotanicalPlaque"] .event-details-v2-time-left-ornament-before { position: absolute; z-index: 2; inset: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; pointer-events: none; background: linear-gradient( var(--candle-chapel-beveled-plaque-line), var(--candle-chapel-beveled-plaque-line) ) 36% 50% / 1px 21% no-repeat, linear-gradient( var(--candle-chapel-beveled-plaque-line), var(--candle-chapel-beveled-plaque-line) ) 50% 50% / 1px 21% no-repeat, linear-gradient( var(--candle-chapel-beveled-plaque-line), var(--candle-chapel-beveled-plaque-line) ) 64% 50% / 1px 21% no-repeat; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeveledBotanicalPlaque"] .event-details-v2-time-left-ornament-after { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeveledBotanicalPlaque"] .event-details-v2-time-left-units { position: absolute; z-index: 3; inset: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; direction: ltr; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeveledBotanicalPlaque"] .event-details-v2-time-left-unit { --candle-chapel-beveled-plaque-unit-center-x: 50%; position: absolute; inset-block: 0; left: var(--candle-chapel-beveled-plaque-unit-center-x); display: block; width: 14.2%; min-width: 0; height: 100%; padding: 0; transform: translateX(-50%); } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeveledBotanicalPlaque"] .event-details-v2-time-left-unit:nth-child(1) { --candle-chapel-beveled-plaque-unit-center-x: 29%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeveledBotanicalPlaque"] .event-details-v2-time-left-unit:nth-child(2) { --candle-chapel-beveled-plaque-unit-center-x: 43%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeveledBotanicalPlaque"] .event-details-v2-time-left-unit:nth-child(3) { --candle-chapel-beveled-plaque-unit-center-x: 57%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeveledBotanicalPlaque"] .event-details-v2-time-left-unit:nth-child(4) { --candle-chapel-beveled-plaque-unit-center-x: 71%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeveledBotanicalPlaque"] .event-details-v2-time-left-unit strong { position: absolute; top: 36.5%; left: 0; display: grid; width: 100%; height: 18%; place-items: center; overflow: visible; color: var(--candle-chapel-beveled-plaque-ink); direction: ltr; font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 6.35cqi; font-weight: 400; font-variant-numeric: lining-nums tabular-nums; font-synthesis: none; letter-spacing: 0; line-height: 0.9; text-align: center; text-shadow: 0 0.02em 0 rgb(255 255 255 / 66%); white-space: nowrap; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeveledBotanicalPlaque"] .event-details-v2-time-left-unit small { position: absolute; top: 54.5%; left: 0; display: grid; width: 100%; height: 8%; place-items: center; overflow: visible; color: var(--candle-chapel-beveled-plaque-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 1.55cqi; font-weight: 500; letter-spacing: 0.15em; line-height: 1; text-align: center; text-transform: uppercase; white-space: nowrap; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeveledBotanicalPlaque"][lang="ms"] .event-details-v2-time-left-unit small { font-size: 1.35cqi; letter-spacing: 0.08em; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeveledBotanicalPlaque"][dir="rtl"] .event-details-v2-time-left-unit small { direction: rtl; font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; font-size: 1.55cqi; letter-spacing: 0; text-transform: none; unicode-bidi: plaintext; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeveledBotanicalPlaque"][data-event-details-v2-time-left-complete="true"] { min-height: 0; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeveledBotanicalPlaque"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-units, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeveledBotanicalPlaque"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-ornament-before, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeveledBotanicalPlaque"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-ornament-after { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeveledBotanicalPlaque"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message { position: absolute; z-index: 3; top: 40%; left: 18%; display: grid; width: 64%; height: 24%; box-sizing: border-box; margin: 0; padding: 0 3%; place-items: center; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeveledBotanicalPlaque"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message strong { color: var(--candle-chapel-beveled-plaque-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 3.7cqi; font-weight: 500; line-height: 1; text-align: center; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeveledBotanicalPlaque"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message small { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelBeveledBotanicalPlaque"][data-event-details-v2-time-left-complete="true"][dir="rtl"] .event-details-v2-time-left-message strong { font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; } /* Candle Chapel — Reference-Exact Olive Medallion Rail countdown */ .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelReferenceExactOliveMedallionRail"] { --candle-chapel-reference-exact-olive-medallion-rail-shell: url("/template-packages/processional/themes/candle-chapel/assets/event-details-v2/time-left/candle-chapel-reference-exact-olive-medallion-rail/candle-chapel-reference-exact-olive-medallion-rail-shell.webp"); --candle-chapel-reference-exact-olive-medallion-rail-ink: #302722; position: relative; display: block; box-sizing: border-box; width: min(100%, 620px); max-width: 620px; aspect-ratio: 1600 / 318; min-height: 0; margin-inline: auto; padding: 0; overflow: visible; background: var(--candle-chapel-reference-exact-olive-medallion-rail-shell) center / contain no-repeat; color: var(--candle-chapel-reference-exact-olive-medallion-rail-ink); filter: drop-shadow(0 0.8cqi 1.2cqi rgb(51 38 31 / 18%)); container-type: inline-size; isolation: isolate; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelReferenceExactOliveMedallionRail"] .event-details-v2-time-left-kicker { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelReferenceExactOliveMedallionRail"] .event-details-v2-time-left-message { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelReferenceExactOliveMedallionRail"] .event-details-v2-time-left-ornament-before, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelReferenceExactOliveMedallionRail"] .event-details-v2-time-left-ornament-after { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelReferenceExactOliveMedallionRail"] .event-details-v2-time-left-units { position: absolute; z-index: 3; inset: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; direction: ltr; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelReferenceExactOliveMedallionRail"] .event-details-v2-time-left-unit { --candle-chapel-reference-exact-olive-medallion-rail-unit-center-x: 50%; position: absolute; inset-block: 0; left: var(--candle-chapel-reference-exact-olive-medallion-rail-unit-center-x); display: block; width: 15.2%; min-width: 0; height: 100%; padding: 0; transform: translateX(-50%); } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelReferenceExactOliveMedallionRail"] .event-details-v2-time-left-unit:nth-child(1) { --candle-chapel-reference-exact-olive-medallion-rail-unit-center-x: 24.3%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelReferenceExactOliveMedallionRail"] .event-details-v2-time-left-unit:nth-child(2) { --candle-chapel-reference-exact-olive-medallion-rail-unit-center-x: 41.1%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelReferenceExactOliveMedallionRail"] .event-details-v2-time-left-unit:nth-child(3) { --candle-chapel-reference-exact-olive-medallion-rail-unit-center-x: 57.9%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelReferenceExactOliveMedallionRail"] .event-details-v2-time-left-unit:nth-child(4) { --candle-chapel-reference-exact-olive-medallion-rail-unit-center-x: 74.8%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelReferenceExactOliveMedallionRail"] .event-details-v2-time-left-unit strong { position: absolute; top: 31%; left: 0; display: grid; width: 100%; height: 29%; box-sizing: border-box; place-items: center; overflow: visible; color: var(--candle-chapel-reference-exact-olive-medallion-rail-ink); direction: ltr; font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 5.9cqi; font-weight: 500; font-variant-numeric: lining-nums tabular-nums; font-synthesis: none; letter-spacing: 0; line-height: 0.9; text-align: center; text-shadow: 0 0.02em 0 rgb(255 255 255 / 58%); white-space: nowrap; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelReferenceExactOliveMedallionRail"] .event-details-v2-time-left-unit small { position: absolute; top: 63%; left: -13%; display: grid; width: 126%; height: 14%; box-sizing: border-box; place-items: center; overflow: visible; color: var(--candle-chapel-reference-exact-olive-medallion-rail-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 1.85cqi; font-weight: 500; letter-spacing: 0.02em; line-height: 1; text-align: center; text-transform: none; transform: translateX(0); white-space: nowrap; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelReferenceExactOliveMedallionRail"][lang="ms"] .event-details-v2-time-left-unit small { font-size: 1.75cqi; letter-spacing: 0; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelReferenceExactOliveMedallionRail"][dir="rtl"] .event-details-v2-time-left-unit small { direction: rtl; font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; font-size: 1.85cqi; letter-spacing: 0; text-transform: none; unicode-bidi: plaintext; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelReferenceExactOliveMedallionRail"][data-event-details-v2-time-left-complete="true"] { min-height: 0; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelReferenceExactOliveMedallionRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-units, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelReferenceExactOliveMedallionRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-ornament-before, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelReferenceExactOliveMedallionRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-ornament-after { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelReferenceExactOliveMedallionRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message { position: absolute; z-index: 3; top: 33%; left: 17%; display: grid; width: 66%; height: 34%; box-sizing: border-box; margin: 0; padding: 0 3%; place-items: center; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelReferenceExactOliveMedallionRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message strong { color: var(--candle-chapel-reference-exact-olive-medallion-rail-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 4.4cqi; font-weight: 500; line-height: 1; text-align: center; text-shadow: 0 0.02em 0 rgb(255 255 255 / 58%); } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelReferenceExactOliveMedallionRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message small { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelReferenceExactOliveMedallionRail"][data-event-details-v2-time-left-complete="true"][dir="rtl"] .event-details-v2-time-left-message strong { font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; } /* Candle Chapel — Oval Floral Countdown Rail */ .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelOvalFloralCountdownRail"] { --candle-chapel-oval-floral-rail-shell: url("/template-packages/processional/themes/candle-chapel/assets/event-details-v2/time-left/candle-chapel-oval-floral-countdown-rail/candle-chapel-oval-floral-countdown-rail-shell.webp"); --candle-chapel-oval-floral-rail-ink: #302722; --candle-chapel-oval-floral-rail-line: #9a7450; --candle-chapel-oval-floral-rail-separator-left: 29.2%; --candle-chapel-oval-floral-rail-separator-center: 50%; --candle-chapel-oval-floral-rail-separator-right: 74.2%; position: relative; display: block; box-sizing: border-box; width: min(100%, 620px); max-width: 620px; aspect-ratio: 1971 / 798; min-height: 0; margin-inline: auto; padding: 0; overflow: visible; background: var(--candle-chapel-oval-floral-rail-shell) center / 100% 100% no-repeat; color: var(--candle-chapel-oval-floral-rail-ink); filter: drop-shadow(0 0.8cqi 1.2cqi rgb(51 38 31 / 18%)); container-type: inline-size; isolation: isolate; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelOvalFloralCountdownRail"] .event-details-v2-time-left-kicker { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelOvalFloralCountdownRail"] .event-details-v2-time-left-message { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelOvalFloralCountdownRail"] .event-details-v2-time-left-ornament-before { position: absolute; z-index: 2; inset: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; pointer-events: none; background: linear-gradient( var(--candle-chapel-oval-floral-rail-line), var(--candle-chapel-oval-floral-rail-line) ) var(--candle-chapel-oval-floral-rail-separator-left) 53% / 1px 23% no-repeat, linear-gradient( var(--candle-chapel-oval-floral-rail-line), var(--candle-chapel-oval-floral-rail-line) ) var(--candle-chapel-oval-floral-rail-separator-right) 53% / 1px 23% no-repeat; opacity: 0.72; } /* The center separator remains reserved for the live rail geometry, but the reference keeps it fully occluded by the floral oval. */ .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelOvalFloralCountdownRail"] .event-details-v2-time-left-ornament-after { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelOvalFloralCountdownRail"] .event-details-v2-time-left-units { position: absolute; z-index: 3; inset: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; direction: ltr; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelOvalFloralCountdownRail"] .event-details-v2-time-left-unit { --candle-chapel-oval-floral-rail-unit-center-x: 50%; --candle-chapel-oval-floral-rail-value-anchor-x: 50%; --candle-chapel-oval-floral-rail-value-width: 112%; --candle-chapel-oval-floral-rail-label-anchor-x: 50%; --candle-chapel-oval-floral-rail-label-width: 145%; position: absolute; inset-block: 0; left: var(--candle-chapel-oval-floral-rail-unit-center-x); display: block; width: 13.5%; min-width: 0; height: 100%; padding: 0; transform: translateX(-50%); } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelOvalFloralCountdownRail"] .event-details-v2-time-left-unit:nth-child(1) { --candle-chapel-oval-floral-rail-unit-center-x: 18.3%; --candle-chapel-oval-floral-rail-value-width: 120%; --candle-chapel-oval-floral-rail-label-width: 154%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelOvalFloralCountdownRail"] .event-details-v2-time-left-unit:nth-child(2) { --candle-chapel-oval-floral-rail-unit-center-x: 34.7%; --candle-chapel-oval-floral-rail-value-width: 120%; --candle-chapel-oval-floral-rail-label-width: 142%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelOvalFloralCountdownRail"] .event-details-v2-time-left-unit:nth-child(3) { --candle-chapel-oval-floral-rail-unit-center-x: 68.2%; --candle-chapel-oval-floral-rail-value-width: 116%; --candle-chapel-oval-floral-rail-label-width: 145%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelOvalFloralCountdownRail"] .event-details-v2-time-left-unit:nth-child(4) { --candle-chapel-oval-floral-rail-unit-center-x: 82.5%; --candle-chapel-oval-floral-rail-value-width: 116%; --candle-chapel-oval-floral-rail-label-width: 145%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelOvalFloralCountdownRail"] .event-details-v2-time-left-unit strong { position: absolute; top: 40%; left: var(--candle-chapel-oval-floral-rail-value-anchor-x); display: grid; width: var(--candle-chapel-oval-floral-rail-value-width); height: 23%; box-sizing: border-box; place-items: center; overflow: visible; color: var(--candle-chapel-oval-floral-rail-ink); direction: ltr; font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 5.6cqi; font-weight: 400; font-variant-numeric: lining-nums tabular-nums; font-synthesis: none; letter-spacing: 0; line-height: 0.9; text-align: center; text-shadow: 0 0.02em 0 rgb(255 255 255 / 64%); transform: translateX(-50%); white-space: nowrap; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelOvalFloralCountdownRail"] .event-details-v2-time-left-unit small { position: absolute; top: 58.5%; left: var(--candle-chapel-oval-floral-rail-label-anchor-x); display: grid; width: var(--candle-chapel-oval-floral-rail-label-width); height: 10%; box-sizing: border-box; place-items: center; overflow: visible; color: var(--candle-chapel-oval-floral-rail-ink); font-family: var(--font-montserrat), var(--invitation-font-body), "Montserrat", Arial, sans-serif; font-size: 1.62cqi; font-weight: 500; letter-spacing: 0.11em; line-height: 1; text-align: center; text-transform: uppercase; transform: translateX(-50%); white-space: nowrap; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelOvalFloralCountdownRail"][lang="ms"] .event-details-v2-time-left-unit small { font-size: 1.48cqi; letter-spacing: 0.07em; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelOvalFloralCountdownRail"][dir="rtl"] .event-details-v2-time-left-unit small { direction: rtl; font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; font-size: 1.68cqi; letter-spacing: 0; text-transform: none; unicode-bidi: plaintext; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelOvalFloralCountdownRail"][data-event-details-v2-time-left-complete="true"] { min-height: 0; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelOvalFloralCountdownRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-units, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelOvalFloralCountdownRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-ornament-before, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelOvalFloralCountdownRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-ornament-after { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelOvalFloralCountdownRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message { position: absolute; z-index: 3; top: 36%; left: 16%; display: grid; width: 68%; height: 28%; box-sizing: border-box; margin: 0; padding: 0 3%; place-items: center; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelOvalFloralCountdownRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message strong { color: var(--candle-chapel-oval-floral-rail-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 4.2cqi; font-weight: 500; line-height: 1; text-align: center; text-shadow: 0 0.02em 0 rgb(255 255 255 / 64%); } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelOvalFloralCountdownRail"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message small { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelOvalFloralCountdownRail"][data-event-details-v2-time-left-complete="true"][dir="rtl"] .event-details-v2-time-left-message strong { font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; } /* Candle Chapel — Ivory Blossom Relief Capsule countdown */ .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelIvoryBlossomReliefCapsule"] { --candle-chapel-ivory-blossom-capsule-shell: url("/template-packages/processional/themes/candle-chapel/assets/event-details-v2/time-left/candle-chapel-ivory-blossom-relief-capsule/candle-chapel-ivory-blossom-relief-capsule-shell.webp"); --candle-chapel-ivory-blossom-capsule-ink: #302722; --candle-chapel-ivory-blossom-capsule-line: #9a7450; position: relative; display: block; box-sizing: border-box; width: min(100%, 620px); max-width: 620px; aspect-ratio: 1914 / 822; min-height: 0; margin-inline: auto; padding: 0; overflow: visible; background: var(--candle-chapel-ivory-blossom-capsule-shell) center / 100% 100% no-repeat; color: var(--candle-chapel-ivory-blossom-capsule-ink); filter: drop-shadow(0 0.8cqi 1.2cqi rgb(51 38 31 / 18%)); container-type: inline-size; isolation: isolate; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelIvoryBlossomReliefCapsule"] .event-details-v2-time-left-kicker, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelIvoryBlossomReliefCapsule"] .event-details-v2-time-left-message { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelIvoryBlossomReliefCapsule"] .event-details-v2-time-left-ornament-before { position: absolute; z-index: 2; inset: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; pointer-events: none; background: linear-gradient( var(--candle-chapel-ivory-blossom-capsule-line), var(--candle-chapel-ivory-blossom-capsule-line) ) 35.75% 50% / 1px 22% no-repeat, linear-gradient( var(--candle-chapel-ivory-blossom-capsule-line), var(--candle-chapel-ivory-blossom-capsule-line) ) 50% 50% / 1px 22% no-repeat, linear-gradient( var(--candle-chapel-ivory-blossom-capsule-line), var(--candle-chapel-ivory-blossom-capsule-line) ) 64.25% 50% / 1px 22% no-repeat; opacity: 0.76; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelIvoryBlossomReliefCapsule"] .event-details-v2-time-left-ornament-after { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelIvoryBlossomReliefCapsule"] .event-details-v2-time-left-units { position: absolute; inset: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; direction: ltr; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelIvoryBlossomReliefCapsule"] .event-details-v2-time-left-unit { --candle-chapel-ivory-blossom-capsule-unit-center-x: 50%; position: absolute; inset-block: 0; left: var(--candle-chapel-ivory-blossom-capsule-unit-center-x); display: block; width: 11.5%; min-width: 0; height: 100%; padding: 0; transform: translateX(-50%); } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelIvoryBlossomReliefCapsule"] .event-details-v2-time-left-unit:nth-child(1) { --candle-chapel-ivory-blossom-capsule-unit-center-x: 28.65%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelIvoryBlossomReliefCapsule"] .event-details-v2-time-left-unit:nth-child(2) { --candle-chapel-ivory-blossom-capsule-unit-center-x: 42.45%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelIvoryBlossomReliefCapsule"] .event-details-v2-time-left-unit:nth-child(3) { --candle-chapel-ivory-blossom-capsule-unit-center-x: 57.55%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelIvoryBlossomReliefCapsule"] .event-details-v2-time-left-unit:nth-child(4) { --candle-chapel-ivory-blossom-capsule-unit-center-x: 71.35%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelIvoryBlossomReliefCapsule"] .event-details-v2-time-left-unit strong { position: absolute; top: 34%; left: 0; display: grid; width: 100%; height: 28%; place-items: center; overflow: visible; color: var(--candle-chapel-ivory-blossom-capsule-ink); direction: ltr; font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 6.55cqi; font-weight: 400; font-variant-numeric: lining-nums tabular-nums; font-synthesis: none; letter-spacing: 0; line-height: 0.9; text-align: center; text-shadow: 0 0.02em 0 rgb(255 255 255 / 58%); white-space: nowrap; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelIvoryBlossomReliefCapsule"] .event-details-v2-time-left-unit small { position: absolute; top: 57.5%; left: 0; display: grid; width: 100%; height: 10%; place-items: center; overflow: visible; color: var(--candle-chapel-ivory-blossom-capsule-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-body), "Cormorant Garamond", Garamond, Georgia, serif; font-size: clamp(5px, 3.35cqi, 14px); font-weight: 600; letter-spacing: 0.02em; line-height: 1; text-align: center; text-transform: none; white-space: nowrap; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelIvoryBlossomReliefCapsule"][lang="ms"] .event-details-v2-time-left-unit small { font-size: clamp(5px, 3.15cqi, 14px); } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelIvoryBlossomReliefCapsule"][dir="rtl"] .event-details-v2-time-left-unit small { direction: rtl; font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; font-size: clamp(5px, 3.15cqi, 14px); font-weight: 500; letter-spacing: 0; unicode-bidi: plaintext; } /* The builder gallery applies a generic thumbnail scale after theme styles. Keep this capsule's reference-proportioned labels readable at that scale. */ .builder-event-details-v2-time-left-thumbnail-canvas .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelIvoryBlossomReliefCapsule"] .event-details-v2-time-left-unit small { font-size: clamp(5px, 3.35cqi, 14px); } .collection-glory-variant-preview[data-preview-mode="isolated"] .builder-event-details-v2-time-left-thumbnail-canvas .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelIvoryBlossomReliefCapsule"] .event-details-v2-time-left-unit small { font-size: clamp(5px, 3.35cqi, 14px); } .builder-event-details-v2-time-left-thumbnail-canvas .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelIvoryBlossomReliefCapsule"][lang="ms"] .event-details-v2-time-left-unit small, .builder-event-details-v2-time-left-thumbnail-canvas .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelIvoryBlossomReliefCapsule"][dir="rtl"] .event-details-v2-time-left-unit small { font-size: clamp(5px, 3.15cqi, 14px); } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelIvoryBlossomReliefCapsule"][data-event-details-v2-time-left-complete="true"] { min-height: 0; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelIvoryBlossomReliefCapsule"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-kicker, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelIvoryBlossomReliefCapsule"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-units, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelIvoryBlossomReliefCapsule"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-ornament-before, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelIvoryBlossomReliefCapsule"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-ornament-after { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelIvoryBlossomReliefCapsule"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message { position: absolute; z-index: 3; top: 34%; left: 18%; display: grid; width: 64%; height: 30%; box-sizing: border-box; margin: 0; padding: 0 3%; place-items: center; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelIvoryBlossomReliefCapsule"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message strong { color: var(--candle-chapel-ivory-blossom-capsule-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 4.2cqi; font-weight: 500; line-height: 1; text-align: center; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelIvoryBlossomReliefCapsule"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message small { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelIvoryBlossomReliefCapsule"][data-event-details-v2-time-left-complete="true"][dir="rtl"] .event-details-v2-time-left-message strong { font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; } /* Candle Chapel — Walnut Tab Beeswax Medallion countdown */ .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWalnutTabBeeswaxMedallion"] { --candle-chapel-walnut-tab-medallion-shell: url("/template-packages/processional/themes/candle-chapel/assets/event-details-v2/time-left/candle-chapel-walnut-tab-beeswax-medallion/candle-chapel-walnut-tab-beeswax-medallion-shell.webp"); --candle-chapel-walnut-tab-medallion-ink: #302722; --candle-chapel-walnut-tab-medallion-line: #9a7450; position: relative; display: block; box-sizing: border-box; width: min(100%, 620px); max-width: 620px; aspect-ratio: 1967 / 800; min-height: 0; margin-inline: auto; padding: 0; overflow: visible; background: var(--candle-chapel-walnut-tab-medallion-shell) center / 100% 100% no-repeat; color: var(--candle-chapel-walnut-tab-medallion-ink); filter: drop-shadow(0 0.8cqi 1.2cqi rgb(51 38 31 / 18%)); container-type: inline-size; isolation: isolate; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWalnutTabBeeswaxMedallion"] .event-details-v2-time-left-kicker, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWalnutTabBeeswaxMedallion"] .event-details-v2-time-left-message { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWalnutTabBeeswaxMedallion"] .event-details-v2-time-left-ornament-before { position: absolute; z-index: 2; inset: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; pointer-events: none; background: linear-gradient( var(--candle-chapel-walnut-tab-medallion-line), var(--candle-chapel-walnut-tab-medallion-line) ) 30.8% 49% / 1px 20% no-repeat, linear-gradient( var(--candle-chapel-walnut-tab-medallion-line), var(--candle-chapel-walnut-tab-medallion-line) ) 69.5% 49% / 1px 20% no-repeat; opacity: 0.66; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWalnutTabBeeswaxMedallion"] .event-details-v2-time-left-ornament-after { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWalnutTabBeeswaxMedallion"] .event-details-v2-time-left-units { position: absolute; z-index: 3; inset: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; direction: ltr; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWalnutTabBeeswaxMedallion"] .event-details-v2-time-left-unit { --candle-chapel-walnut-tab-medallion-unit-center-x: 50%; position: absolute; inset-block: 0; left: var(--candle-chapel-walnut-tab-medallion-unit-center-x); display: block; width: 14%; min-width: 0; height: 100%; padding: 0; transform: translateX(-50%); } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWalnutTabBeeswaxMedallion"] .event-details-v2-time-left-unit:nth-child(1) { --candle-chapel-walnut-tab-medallion-unit-center-x: 23.3%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWalnutTabBeeswaxMedallion"] .event-details-v2-time-left-unit:nth-child(2) { --candle-chapel-walnut-tab-medallion-unit-center-x: 37.2%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWalnutTabBeeswaxMedallion"] .event-details-v2-time-left-unit:nth-child(3) { --candle-chapel-walnut-tab-medallion-unit-center-x: 63.2%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWalnutTabBeeswaxMedallion"] .event-details-v2-time-left-unit:nth-child(4) { --candle-chapel-walnut-tab-medallion-unit-center-x: 77%; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWalnutTabBeeswaxMedallion"] .event-details-v2-time-left-unit strong { position: absolute; top: 33.5%; left: 0; display: grid; width: 100%; height: 22%; place-items: center; overflow: visible; color: var(--candle-chapel-walnut-tab-medallion-ink); direction: ltr; font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 6.15cqi; font-weight: 400; font-variant-numeric: lining-nums tabular-nums; font-synthesis: none; letter-spacing: 0; line-height: 0.9; text-align: center; text-shadow: 0 0.02em 0 rgb(255 255 255 / 66%); white-space: nowrap; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWalnutTabBeeswaxMedallion"] .event-details-v2-time-left-unit small { position: absolute; top: 52.5%; left: 0; display: grid; width: 100%; height: 9%; place-items: center; overflow: visible; color: var(--candle-chapel-walnut-tab-medallion-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 1.62cqi; font-weight: 500; letter-spacing: 0.13em; line-height: 1; text-align: center; text-transform: uppercase; white-space: nowrap; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWalnutTabBeeswaxMedallion"][lang="ms"] .event-details-v2-time-left-unit small { font-size: 1.46cqi; letter-spacing: 0.07em; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWalnutTabBeeswaxMedallion"][dir="rtl"] .event-details-v2-time-left-unit small { direction: rtl; font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; font-size: 1.68cqi; letter-spacing: 0; text-transform: none; unicode-bidi: plaintext; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWalnutTabBeeswaxMedallion"][data-event-details-v2-time-left-complete="true"] { min-height: 0; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWalnutTabBeeswaxMedallion"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-units, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWalnutTabBeeswaxMedallion"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-ornament-before, .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWalnutTabBeeswaxMedallion"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-ornament-after { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWalnutTabBeeswaxMedallion"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message { position: absolute; z-index: 3; top: 37%; left: 18%; display: grid; width: 64%; height: 26%; box-sizing: border-box; margin: 0; padding: 0 3%; place-items: center; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWalnutTabBeeswaxMedallion"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message strong { color: var(--candle-chapel-walnut-tab-medallion-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 3.9cqi; font-weight: 500; line-height: 1; text-align: center; text-shadow: 0 0.02em 0 rgb(255 255 255 / 64%); } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWalnutTabBeeswaxMedallion"][data-event-details-v2-time-left-complete="true"] .event-details-v2-time-left-message small { display: none; } .event-details-v2-time-left[data-event-details-v2-time-left-variant="candleChapelWalnutTabBeeswaxMedallion"][data-event-details-v2-time-left-complete="true"][dir="rtl"] .event-details-v2-time-left-message strong { font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; } /* Candle Chapel — Candlelit Floral Threshold Plaques */ .rsvp-v2-choice-preview-candleChapelCandlelitFloralThresholdPlaques { --candle-chapel-response-ink: #302722; --candle-chapel-response-muted-ink: #5d4838; --candle-chapel-response-accent: #9a7450; --candle-chapel-response-shell: url("/template-packages/processional/themes/candle-chapel/assets/rsvp-v2/response/candlelit-floral-threshold-plaques/candle-chapel-candlelit-floral-threshold-plaques-shell.webp"); container-type: inline-size; display: grid; gap: clamp(10px, 2.8cqi, 18px); padding: 2px 0 clamp(8px, 2cqi, 14px); overflow: visible; text-align: center; } .rsvp-v2-choice-preview-candleChapelCandlelitFloralThresholdPlaques > p { margin: 0; color: var(--candle-chapel-response-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: clamp(0.8em, 2.9cqi, 1.04em); font-weight: 500; letter-spacing: 0.09em; line-height: 1.15; text-transform: uppercase; } .rsvp-v2-choice-preview-candleChapelCandlelitFloralThresholdPlaques .rsvp-v2-options-candleChapelCandlelitFloralThresholdPlaques { width: min(100%, 430px); justify-self: center; grid-template-columns: minmax(0, 1fr) !important; gap: clamp(8px, 2.8cqi, 16px); } .rsvp-v2-choice-preview-candleChapelCandlelitFloralThresholdPlaques .rsvp-v2-options-candleChapelCandlelitFloralThresholdPlaques > button { display: grid; min-height: 0 !important; height: auto !important; aspect-ratio: 1560 / 552; place-items: center; overflow: visible; border: 0 !important; border-radius: 0 !important; padding: 0 15% !important; background: transparent !important; background-color: transparent !important; background-image: var(--candle-chapel-response-shell) !important; background-position: center; background-repeat: no-repeat; background-size: 100% 100% !important; color: var(--candle-chapel-response-muted-ink); appearance: none; box-shadow: none !important; filter: drop-shadow(0 7px 6px rgb(93 78 67 / 14%)); font-family: var(--invitation-font-accent), "Cormorant Garamond", Garamond, Georgia, serif; font-size: clamp(0.78em, 2.7cqi, 1.04em); font-weight: 500; letter-spacing: 0.08em; line-height: 1.15; text-align: center; text-transform: uppercase; text-wrap: balance; overflow-wrap: anywhere; transition: filter 160ms ease, transform 160ms ease, color 160ms ease; } .rsvp-v2-choice-preview-candleChapelCandlelitFloralThresholdPlaques .rsvp-v2-options-candleChapelCandlelitFloralThresholdPlaques > button > .rsvp-v2-response-label { position: relative; z-index: 1; } .rsvp-v2-choice-preview-candleChapelCandlelitFloralThresholdPlaques .rsvp-v2-options-candleChapelCandlelitFloralThresholdPlaques > button:first-child, .rsvp-v2-choice-preview-candleChapelCandlelitFloralThresholdPlaques .rsvp-v2-options-candleChapelCandlelitFloralThresholdPlaques > button.selected { color: var(--candle-chapel-response-ink); } .rsvp-v2-choice-preview-candleChapelCandlelitFloralThresholdPlaques .rsvp-v2-options-candleChapelCandlelitFloralThresholdPlaques > button:hover:not(:disabled) { filter: saturate(1.04) brightness(1.02) drop-shadow(0 7px 6px rgb(93 78 67 / 20%)); } .rsvp-v2-choice-preview-candleChapelCandlelitFloralThresholdPlaques .rsvp-v2-options-candleChapelCandlelitFloralThresholdPlaques > button.selected { transform: translateY(-1px); } .rsvp-v2-choice-preview-candleChapelCandlelitFloralThresholdPlaques .rsvp-v2-options-candleChapelCandlelitFloralThresholdPlaques > button:focus-visible { outline: 2px solid var(--candle-chapel-response-accent); outline-offset: 4px; } .rsvp-v2-choice-preview-candleChapelCandlelitFloralThresholdPlaques .rsvp-v2-options-candleChapelCandlelitFloralThresholdPlaques > button:disabled { cursor: not-allowed; filter: grayscale(0.12) opacity(0.68); } .rsvp-v2-choice-preview-candleChapelCandlelitFloralThresholdPlaques .rsvp-v2-options-candleChapelCandlelitFloralThresholdPlaques > button > span[aria-hidden="true"] { display: none; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelCandlelitFloralThresholdPlaques { gap: 4px; padding: 0; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelCandlelitFloralThresholdPlaques > span:first-child { padding-bottom: 4px; color: var(--candle-chapel-response-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 7px; letter-spacing: 0.07em; line-height: 1.1; text-transform: uppercase; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelCandlelitFloralThresholdPlaques .rsvp-v2-options-candleChapelCandlelitFloralThresholdPlaques { width: 100%; gap: 3px; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelCandlelitFloralThresholdPlaques .rsvp-v2-options-candleChapelCandlelitFloralThresholdPlaques > span { display: grid; min-height: 0 !important; height: auto !important; aspect-ratio: 1560 / 552; place-items: center; overflow: visible; border: 0 !important; border-radius: 0 !important; padding: 0 15% !important; background: transparent !important; background-color: transparent !important; background-image: var(--candle-chapel-response-shell) !important; background-position: center; background-repeat: no-repeat; background-size: 100% 100% !important; color: var(--candle-chapel-response-muted-ink); font-family: var(--invitation-font-accent), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 5px; letter-spacing: 0.07em; line-height: 1.1; text-align: center; text-transform: uppercase; text-wrap: balance; overflow-wrap: anywhere; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelCandlelitFloralThresholdPlaques .rsvp-v2-options-candleChapelCandlelitFloralThresholdPlaques > span:first-child, .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelCandlelitFloralThresholdPlaques .rsvp-v2-options-candleChapelCandlelitFloralThresholdPlaques > span.selected { color: var(--candle-chapel-response-ink); } @container (max-width: 370px) { .rsvp-v2-choice-preview-candleChapelCandlelitFloralThresholdPlaques { gap: 9px; } .rsvp-v2-choice-preview-candleChapelCandlelitFloralThresholdPlaques .rsvp-v2-options-candleChapelCandlelitFloralThresholdPlaques > button { padding-inline: 13% !important; font-size: clamp(0.76em, 2.8cqi, 0.98em); } } [dir="rtl"] .rsvp-v2-choice-preview-candleChapelCandlelitFloralThresholdPlaques > p, [dir="rtl"] .rsvp-v2-choice-preview-candleChapelCandlelitFloralThresholdPlaques .rsvp-v2-options-candleChapelCandlelitFloralThresholdPlaques > button { direction: rtl; font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; letter-spacing: 0.01em; text-transform: none; } @media (prefers-reduced-motion: reduce) { .rsvp-v2-choice-preview-candleChapelCandlelitFloralThresholdPlaques .rsvp-v2-options-candleChapelCandlelitFloralThresholdPlaques > button { transition: none; } } /* Candle Chapel — Candlelit Threshold Pills */ .rsvp-v2-choice-preview-candleChapelCandlelitThresholdPills { --candle-chapel-threshold-ink: #493226; --candle-chapel-threshold-muted-ink: #675044; --candle-chapel-threshold-accent: #9a7450; --candle-chapel-threshold-shell: url("/template-packages/processional/themes/candle-chapel/assets/rsvp-v2/response/candlelit-threshold-pills/candle-chapel-candlelit-threshold-pills-shell.webp"); container-type: inline-size; display: grid; gap: clamp(10px, 2.8cqi, 18px); padding: 2px 0 clamp(8px, 2cqi, 14px); overflow: visible; text-align: center; } .rsvp-v2-choice-preview-candleChapelCandlelitThresholdPills > p { margin: 0; color: var(--candle-chapel-threshold-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: clamp(0.82em, 2.9cqi, 1.04em); font-weight: 500; letter-spacing: 0.07em; line-height: 1.15; text-transform: uppercase; } .rsvp-v2-choice-preview-candleChapelCandlelitThresholdPills .rsvp-v2-options-candleChapelCandlelitThresholdPills { width: min(100%, 430px); justify-self: center; grid-template-columns: minmax(0, 1fr) !important; gap: clamp(8px, 2.8cqi, 16px); } .rsvp-v2-choice-preview-candleChapelCandlelitThresholdPills .rsvp-v2-options-candleChapelCandlelitThresholdPills > button { display: grid; min-height: 0 !important; height: auto !important; aspect-ratio: 2172 / 724; place-items: center; overflow: visible; border: 0 !important; border-radius: 0 !important; padding: 0 20% !important; background: transparent !important; background-color: transparent !important; background-image: var(--candle-chapel-threshold-shell) !important; background-position: center; background-repeat: no-repeat; background-size: 100% 100% !important; color: var(--candle-chapel-threshold-muted-ink); appearance: none; box-shadow: none !important; filter: drop-shadow(0 7px 6px rgb(73 50 38 / 16%)); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: clamp(0.84em, 2.8cqi, 1.06em); font-weight: 600; letter-spacing: 0.12em; line-height: 1.15; text-align: center; text-transform: uppercase; text-wrap: balance; overflow-wrap: anywhere; transition: filter 160ms ease, transform 160ms ease, color 160ms ease; } .rsvp-v2-choice-preview-candleChapelCandlelitThresholdPills .rsvp-v2-options-candleChapelCandlelitThresholdPills > button > .rsvp-v2-response-label { position: relative; z-index: 1; } .rsvp-v2-choice-preview-candleChapelCandlelitThresholdPills .rsvp-v2-options-candleChapelCandlelitThresholdPills > button:first-child, .rsvp-v2-choice-preview-candleChapelCandlelitThresholdPills .rsvp-v2-options-candleChapelCandlelitThresholdPills > button.selected { color: var(--candle-chapel-threshold-ink); } .rsvp-v2-choice-preview-candleChapelCandlelitThresholdPills .rsvp-v2-options-candleChapelCandlelitThresholdPills > button:hover:not(:disabled) { filter: saturate(1.04) brightness(1.02) drop-shadow(0 7px 6px rgb(73 50 38 / 22%)); } .rsvp-v2-choice-preview-candleChapelCandlelitThresholdPills .rsvp-v2-options-candleChapelCandlelitThresholdPills > button.selected { transform: translateY(-1px); } .rsvp-v2-choice-preview-candleChapelCandlelitThresholdPills .rsvp-v2-options-candleChapelCandlelitThresholdPills > button:focus-visible { outline: 2px solid var(--candle-chapel-threshold-accent); outline-offset: 4px; } .rsvp-v2-choice-preview-candleChapelCandlelitThresholdPills .rsvp-v2-options-candleChapelCandlelitThresholdPills > button:disabled { cursor: not-allowed; filter: grayscale(0.12) opacity(0.68); } .rsvp-v2-choice-preview-candleChapelCandlelitThresholdPills .rsvp-v2-options-candleChapelCandlelitThresholdPills > button > span[aria-hidden="true"] { display: none; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelCandlelitThresholdPills { gap: 4px; padding: 0; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelCandlelitThresholdPills > span:first-child { padding-bottom: 4px; color: var(--candle-chapel-threshold-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 7px; letter-spacing: 0.06em; line-height: 1.1; text-transform: uppercase; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelCandlelitThresholdPills .rsvp-v2-options-candleChapelCandlelitThresholdPills { width: 100%; gap: 3px; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelCandlelitThresholdPills .rsvp-v2-options-candleChapelCandlelitThresholdPills > span { display: grid; min-height: 0 !important; height: auto !important; aspect-ratio: 2172 / 724; place-items: center; overflow: visible; border: 0 !important; border-radius: 0 !important; padding: 0 20% !important; background: transparent !important; background-color: transparent !important; background-image: var(--candle-chapel-threshold-shell) !important; background-position: center; background-repeat: no-repeat; background-size: 100% 100% !important; color: var(--candle-chapel-threshold-muted-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 5px; font-weight: 600; letter-spacing: 0.08em; line-height: 1.1; text-align: center; text-transform: uppercase; text-wrap: balance; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelCandlelitThresholdPills .rsvp-v2-options-candleChapelCandlelitThresholdPills > span:first-child, .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelCandlelitThresholdPills .rsvp-v2-options-candleChapelCandlelitThresholdPills > span.selected { color: var(--candle-chapel-threshold-ink); } @container (max-width: 370px) { .rsvp-v2-choice-preview-candleChapelCandlelitThresholdPills .rsvp-v2-options-candleChapelCandlelitThresholdPills > button { padding-inline: 17% !important; font-size: clamp(0.8em, 2.7cqi, 1em); } } [dir="rtl"] .rsvp-v2-choice-preview-candleChapelCandlelitThresholdPills > p, [dir="rtl"] .rsvp-v2-choice-preview-candleChapelCandlelitThresholdPills .rsvp-v2-options-candleChapelCandlelitThresholdPills > button { direction: rtl; font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; letter-spacing: 0.01em; text-transform: none; } @media (prefers-reduced-motion: reduce) { .rsvp-v2-choice-preview-candleChapelCandlelitThresholdPills .rsvp-v2-options-candleChapelCandlelitThresholdPills > button { transition: none; } } /* Candle Chapel — Aged Brass Chapel Threshold */ .rsvp-v2-choice-preview-candleChapelAgedBrassChapelThreshold { --candle-chapel-brass-ink: #302722; --candle-chapel-brass-muted-ink: #5d4838; --candle-chapel-brass-accent: #9a7450; --candle-chapel-brass-shell: url("/template-packages/processional/themes/candle-chapel/assets/rsvp-v2/response/aged-brass-chapel-threshold/candle-chapel-aged-brass-chapel-threshold-shell.webp"); container-type: inline-size; display: grid; gap: clamp(10px, 2.8cqi, 18px); padding: 2px 0 clamp(8px, 2cqi, 14px); overflow: visible; text-align: center; } .rsvp-v2-choice-preview-candleChapelAgedBrassChapelThreshold > p { margin: 0; color: var(--candle-chapel-brass-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: clamp(0.8em, 2.9cqi, 1.04em); font-weight: 500; letter-spacing: 0.09em; line-height: 1.15; text-transform: uppercase; } .rsvp-v2-choice-preview-candleChapelAgedBrassChapelThreshold .rsvp-v2-options-candleChapelAgedBrassChapelThreshold { width: min(100%, 430px); justify-self: center; grid-template-columns: minmax(0, 1fr) !important; gap: clamp(8px, 2.5cqi, 15px); } .rsvp-v2-choice-preview-candleChapelAgedBrassChapelThreshold .rsvp-v2-options-candleChapelAgedBrassChapelThreshold > button { display: grid; min-height: 0 !important; height: auto !important; aspect-ratio: 1585 / 690; place-items: center; overflow: visible; border: 0 !important; border-radius: 0 !important; padding: 0 17% !important; background: transparent !important; background-color: transparent !important; background-image: var(--candle-chapel-brass-shell) !important; background-position: center; background-repeat: no-repeat; background-size: 100% 100% !important; color: var(--candle-chapel-brass-muted-ink); appearance: none; box-shadow: none !important; filter: drop-shadow(0 6px 5px rgb(73 50 38 / 13%)); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: clamp(0.8em, 2.7cqi, 1.04em); font-weight: 500; letter-spacing: 0.11em; line-height: 1.15; text-align: center; text-transform: uppercase; text-wrap: balance; overflow-wrap: anywhere; transition: filter 160ms ease, transform 160ms ease, color 160ms ease; } .rsvp-v2-choice-preview-candleChapelAgedBrassChapelThreshold .rsvp-v2-options-candleChapelAgedBrassChapelThreshold > button > .rsvp-v2-response-label { position: relative; z-index: 1; } .rsvp-v2-choice-preview-candleChapelAgedBrassChapelThreshold .rsvp-v2-options-candleChapelAgedBrassChapelThreshold > button:first-child, .rsvp-v2-choice-preview-candleChapelAgedBrassChapelThreshold .rsvp-v2-options-candleChapelAgedBrassChapelThreshold > button.selected { color: var(--candle-chapel-brass-ink); } .rsvp-v2-choice-preview-candleChapelAgedBrassChapelThreshold .rsvp-v2-options-candleChapelAgedBrassChapelThreshold > button:hover:not(:disabled) { filter: saturate(1.04) brightness(1.02) drop-shadow(0 6px 5px rgb(73 50 38 / 19%)); } .rsvp-v2-choice-preview-candleChapelAgedBrassChapelThreshold .rsvp-v2-options-candleChapelAgedBrassChapelThreshold > button.selected { transform: translateY(-1px); } .rsvp-v2-choice-preview-candleChapelAgedBrassChapelThreshold .rsvp-v2-options-candleChapelAgedBrassChapelThreshold > button:focus-visible { outline: 2px solid var(--candle-chapel-brass-accent); outline-offset: 4px; } .rsvp-v2-choice-preview-candleChapelAgedBrassChapelThreshold .rsvp-v2-options-candleChapelAgedBrassChapelThreshold > button:disabled { cursor: not-allowed; filter: grayscale(0.12) opacity(0.68); } .rsvp-v2-choice-preview-candleChapelAgedBrassChapelThreshold .rsvp-v2-options-candleChapelAgedBrassChapelThreshold > button > span[aria-hidden="true"] { display: none; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelAgedBrassChapelThreshold { gap: 4px; padding: 0; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelAgedBrassChapelThreshold > span:first-child { padding-bottom: 4px; color: var(--candle-chapel-brass-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 7px; letter-spacing: 0.07em; line-height: 1.1; text-transform: uppercase; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelAgedBrassChapelThreshold .rsvp-v2-options-candleChapelAgedBrassChapelThreshold { width: 100%; gap: 3px; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelAgedBrassChapelThreshold .rsvp-v2-options-candleChapelAgedBrassChapelThreshold > span { display: grid; min-height: 0 !important; height: auto !important; aspect-ratio: 1585 / 690; place-items: center; overflow: visible; border: 0 !important; border-radius: 0 !important; padding: 0 17% !important; background: transparent !important; background-color: transparent !important; background-image: var(--candle-chapel-brass-shell) !important; background-position: center; background-repeat: no-repeat; background-size: 100% 100% !important; color: var(--candle-chapel-brass-muted-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 5px; letter-spacing: 0.08em; line-height: 1.1; text-align: center; text-transform: uppercase; text-wrap: balance; overflow-wrap: anywhere; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelAgedBrassChapelThreshold .rsvp-v2-options-candleChapelAgedBrassChapelThreshold > span:first-child, .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelAgedBrassChapelThreshold .rsvp-v2-options-candleChapelAgedBrassChapelThreshold > span.selected { color: var(--candle-chapel-brass-ink); } @container (max-width: 370px) { .rsvp-v2-choice-preview-candleChapelAgedBrassChapelThreshold .rsvp-v2-options-candleChapelAgedBrassChapelThreshold > button { padding-inline: 14% !important; font-size: clamp(0.77em, 2.7cqi, 1em); } } [dir="rtl"] .rsvp-v2-choice-preview-candleChapelAgedBrassChapelThreshold > p, [dir="rtl"] .rsvp-v2-choice-preview-candleChapelAgedBrassChapelThreshold .rsvp-v2-options-candleChapelAgedBrassChapelThreshold > button { direction: rtl; font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; letter-spacing: 0.01em; text-transform: none; } @media (prefers-reduced-motion: reduce) { .rsvp-v2-choice-preview-candleChapelAgedBrassChapelThreshold .rsvp-v2-options-candleChapelAgedBrassChapelThreshold > button { transition: none; } } /* Candle Chapel — Engraved Threshold Cards */ .rsvp-v2-choice-preview-candleChapelEngravedThresholdCards { --candle-chapel-engraved-ink: #302722; --candle-chapel-engraved-muted-ink: #5d4838; --candle-chapel-engraved-accent: #9a7450; --candle-chapel-engraved-shell: url("/template-packages/processional/themes/candle-chapel/assets/rsvp-v2/response/engraved-threshold-cards/candle-chapel-engraved-threshold-cards-shell.webp"); container-type: inline-size; display: grid; gap: clamp(10px, 2.8cqi, 18px); padding: 2px 0 clamp(8px, 2cqi, 14px); overflow: visible; text-align: center; } .rsvp-v2-choice-preview-candleChapelEngravedThresholdCards > p { margin: 0; color: var(--candle-chapel-engraved-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: clamp(0.8em, 2.9cqi, 1.04em); font-weight: 500; letter-spacing: 0.1em; line-height: 1.15; text-transform: uppercase; } .rsvp-v2-choice-preview-candleChapelEngravedThresholdCards .rsvp-v2-options-candleChapelEngravedThresholdCards { width: min(100%, 430px); justify-self: center; grid-template-columns: minmax(0, 1fr) !important; gap: clamp(8px, 2.8cqi, 16px); } .rsvp-v2-choice-preview-candleChapelEngravedThresholdCards .rsvp-v2-options-candleChapelEngravedThresholdCards > button, .rsvp-v2-choice-preview-candleChapelEngravedThresholdCards .rsvp-v2-options-candleChapelEngravedThresholdCards > span { display: grid; min-height: 0 !important; height: auto !important; aspect-ratio: 1774 / 887; place-items: center; overflow: visible; border: 0 !important; border-radius: 0 !important; padding: 0 13% !important; background: transparent !important; background-color: transparent !important; background-image: var(--candle-chapel-engraved-shell) !important; background-position: center; background-repeat: no-repeat; background-size: 100% 100% !important; color: var(--candle-chapel-engraved-muted-ink); appearance: none; box-shadow: none !important; filter: drop-shadow(0 7px 6px rgb(73 50 38 / 14%)); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: clamp(0.8em, 2.8cqi, 1.06em); font-weight: 600; letter-spacing: 0.1em; line-height: 1.15; text-align: center; text-transform: uppercase; text-wrap: balance; overflow-wrap: anywhere; transition: filter 160ms ease, transform 160ms ease, color 160ms ease; } .rsvp-v2-choice-preview-candleChapelEngravedThresholdCards .rsvp-v2-options-candleChapelEngravedThresholdCards > button > .rsvp-v2-response-label { position: relative; z-index: 1; } .rsvp-v2-choice-preview-candleChapelEngravedThresholdCards .rsvp-v2-options-candleChapelEngravedThresholdCards > button:first-child, .rsvp-v2-choice-preview-candleChapelEngravedThresholdCards .rsvp-v2-options-candleChapelEngravedThresholdCards > button.selected, .rsvp-v2-choice-preview-candleChapelEngravedThresholdCards .rsvp-v2-options-candleChapelEngravedThresholdCards > span:first-child, .rsvp-v2-choice-preview-candleChapelEngravedThresholdCards .rsvp-v2-options-candleChapelEngravedThresholdCards > span.selected { color: var(--candle-chapel-engraved-ink); } .rsvp-v2-choice-preview-candleChapelEngravedThresholdCards .rsvp-v2-options-candleChapelEngravedThresholdCards > button:hover:not(:disabled) { filter: saturate(1.04) brightness(1.02) drop-shadow(0 7px 6px rgb(73 50 38 / 21%)); } .rsvp-v2-choice-preview-candleChapelEngravedThresholdCards .rsvp-v2-options-candleChapelEngravedThresholdCards > button.selected { transform: translateY(-1px); } .rsvp-v2-choice-preview-candleChapelEngravedThresholdCards .rsvp-v2-options-candleChapelEngravedThresholdCards > button:focus-visible { outline: 2px solid var(--candle-chapel-engraved-accent); outline-offset: 4px; } .rsvp-v2-choice-preview-candleChapelEngravedThresholdCards .rsvp-v2-options-candleChapelEngravedThresholdCards > button:disabled { cursor: not-allowed; filter: grayscale(0.12) opacity(0.68); } .rsvp-v2-choice-preview-candleChapelEngravedThresholdCards .rsvp-v2-options-candleChapelEngravedThresholdCards > button > span[aria-hidden="true"] { display: none; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelEngravedThresholdCards { gap: 4px; padding: 0; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelEngravedThresholdCards > span:first-child { padding-bottom: 4px; color: var(--candle-chapel-engraved-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 7px; letter-spacing: 0.07em; line-height: 1.1; text-transform: uppercase; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelEngravedThresholdCards .rsvp-v2-options-candleChapelEngravedThresholdCards { width: 100%; gap: 3px; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelEngravedThresholdCards .rsvp-v2-options-candleChapelEngravedThresholdCards > span { padding: 0 13% !important; font-size: 5px; } @container (max-width: 370px) { .rsvp-v2-choice-preview-candleChapelEngravedThresholdCards { gap: 9px; } .rsvp-v2-choice-preview-candleChapelEngravedThresholdCards .rsvp-v2-options-candleChapelEngravedThresholdCards > button { padding-inline: 12% !important; font-size: clamp(0.77em, 2.8cqi, 1em); } } [dir="rtl"] .rsvp-v2-choice-preview-candleChapelEngravedThresholdCards > p, [dir="rtl"] .rsvp-v2-choice-preview-candleChapelEngravedThresholdCards .rsvp-v2-options-candleChapelEngravedThresholdCards > button { direction: rtl; font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; letter-spacing: 0.01em; text-transform: none; } @media (prefers-reduced-motion: reduce) { .rsvp-v2-choice-preview-candleChapelEngravedThresholdCards .rsvp-v2-options-candleChapelEngravedThresholdCards > button { transition: none; } } /* Candle Chapel — Beeswax Medallion Threshold */ .rsvp-v2-choice-preview-candleChapelBeeswaxMedallionThreshold { /* Usable shell face excludes the fixed left ornament, including in RTL. */ --candle-response-label-left: 30%; --candle-response-label-right: 8%; --candle-chapel-medallion-ink: #302722; --candle-chapel-medallion-muted-ink: #5d4838; --candle-chapel-medallion-accent: #9a7450; --candle-chapel-medallion-shell: url("/template-packages/processional/themes/candle-chapel/assets/rsvp-v2/response/beeswax-medallion-threshold/candle-chapel-beeswax-medallion-threshold-shell.webp"); container-type: inline-size; display: grid; gap: clamp(10px, 2.8cqi, 18px); padding: 2px 0 clamp(8px, 2cqi, 14px); overflow: visible; text-align: center; } .rsvp-v2-choice-preview-candleChapelBeeswaxMedallionThreshold > p { margin: 0; color: var(--candle-chapel-medallion-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: clamp(0.8em, 2.9cqi, 1.04em); font-weight: 500; letter-spacing: 0.1em; line-height: 1.15; text-transform: uppercase; } .rsvp-v2-choice-preview-candleChapelBeeswaxMedallionThreshold .rsvp-v2-options-candleChapelBeeswaxMedallionThreshold { width: min(100%, 430px); justify-self: center; grid-template-columns: minmax(0, 1fr) !important; gap: clamp(8px, 2.8cqi, 16px); } .rsvp-v2-choice-preview-candleChapelBeeswaxMedallionThreshold .rsvp-v2-options-candleChapelBeeswaxMedallionThreshold > button, .rsvp-v2-choice-preview-candleChapelBeeswaxMedallionThreshold .rsvp-v2-options-candleChapelBeeswaxMedallionThreshold > span { display: grid; min-height: 0 !important; height: auto !important; aspect-ratio: 2091 / 752; place-items: center; overflow: visible; border: 0 !important; border-radius: 0 !important; padding: 0 var(--candle-response-label-right) 0 var(--candle-response-label-left) !important; background: transparent !important; background-color: transparent !important; background-image: var(--candle-chapel-medallion-shell) !important; background-position: center; background-repeat: no-repeat; background-size: 100% 100% !important; color: var(--candle-chapel-medallion-muted-ink); appearance: none; box-shadow: none !important; filter: drop-shadow(0 7px 6px rgb(73 50 38 / 16%)); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: clamp(0.78em, 2.8cqi, 1.06em); font-weight: 600; letter-spacing: 0.1em; line-height: 1.15; text-align: center; text-transform: uppercase; text-wrap: balance; overflow-wrap: anywhere; transition: filter 160ms ease, transform 160ms ease, color 160ms ease; } .rsvp-v2-choice-preview-candleChapelBeeswaxMedallionThreshold .rsvp-v2-options-candleChapelBeeswaxMedallionThreshold > button > .rsvp-v2-response-label { position: relative; z-index: 1; } .rsvp-v2-choice-preview-candleChapelBeeswaxMedallionThreshold .rsvp-v2-options-candleChapelBeeswaxMedallionThreshold > button:first-child, .rsvp-v2-choice-preview-candleChapelBeeswaxMedallionThreshold .rsvp-v2-options-candleChapelBeeswaxMedallionThreshold > button.selected, .rsvp-v2-choice-preview-candleChapelBeeswaxMedallionThreshold .rsvp-v2-options-candleChapelBeeswaxMedallionThreshold > span:first-child, .rsvp-v2-choice-preview-candleChapelBeeswaxMedallionThreshold .rsvp-v2-options-candleChapelBeeswaxMedallionThreshold > span.selected { color: var(--candle-chapel-medallion-ink); } .rsvp-v2-choice-preview-candleChapelBeeswaxMedallionThreshold .rsvp-v2-options-candleChapelBeeswaxMedallionThreshold > button:hover:not(:disabled) { filter: saturate(1.05) brightness(1.03) drop-shadow(0 7px 6px rgb(73 50 38 / 22%)); } .rsvp-v2-choice-preview-candleChapelBeeswaxMedallionThreshold .rsvp-v2-options-candleChapelBeeswaxMedallionThreshold > button.selected { transform: translateY(-1px); filter: brightness(1.04) saturate(1.05) drop-shadow(0 0 0.5rem rgb(213 154 66 / 24%)) drop-shadow(0 7px 6px rgb(73 50 38 / 22%)); } .rsvp-v2-choice-preview-candleChapelBeeswaxMedallionThreshold .rsvp-v2-options-candleChapelBeeswaxMedallionThreshold > button:focus-visible { outline: 2px solid var(--candle-chapel-medallion-accent); outline-offset: 4px; } .rsvp-v2-choice-preview-candleChapelBeeswaxMedallionThreshold .rsvp-v2-options-candleChapelBeeswaxMedallionThreshold > button:disabled { cursor: not-allowed; filter: grayscale(0.14) opacity(0.66); } .rsvp-v2-choice-preview-candleChapelBeeswaxMedallionThreshold .rsvp-v2-options-candleChapelBeeswaxMedallionThreshold > button > span[aria-hidden="true"] { display: none; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelBeeswaxMedallionThreshold { gap: 4px; padding: 0; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelBeeswaxMedallionThreshold > span:first-child { padding-bottom: 4px; color: var(--candle-chapel-medallion-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 7px; letter-spacing: 0.07em; line-height: 1.1; text-transform: uppercase; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelBeeswaxMedallionThreshold .rsvp-v2-options-candleChapelBeeswaxMedallionThreshold { width: 100%; gap: 3px; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelBeeswaxMedallionThreshold .rsvp-v2-options-candleChapelBeeswaxMedallionThreshold > span { padding: 0 var(--candle-response-label-right) 0 var(--candle-response-label-left) !important; font-size: 5px; } @container (max-width: 370px) { .rsvp-v2-choice-preview-candleChapelBeeswaxMedallionThreshold { gap: 9px; } .rsvp-v2-choice-preview-candleChapelBeeswaxMedallionThreshold .rsvp-v2-options-candleChapelBeeswaxMedallionThreshold > button { padding: 0 var(--candle-response-label-right) 0 var(--candle-response-label-left) !important; font-size: clamp(0.76em, 2.8cqi, 1em); } } [dir="rtl"] .rsvp-v2-choice-preview-candleChapelBeeswaxMedallionThreshold > p, [dir="rtl"] .rsvp-v2-choice-preview-candleChapelBeeswaxMedallionThreshold .rsvp-v2-options-candleChapelBeeswaxMedallionThreshold > button, [dir="rtl"] .rsvp-v2-choice-preview-candleChapelBeeswaxMedallionThreshold .rsvp-v2-options-candleChapelBeeswaxMedallionThreshold > span { direction: rtl; font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; letter-spacing: 0.01em; text-transform: none; } @media (prefers-reduced-motion: reduce) { .rsvp-v2-choice-preview-candleChapelBeeswaxMedallionThreshold .rsvp-v2-options-candleChapelBeeswaxMedallionThreshold > button { transition: none; } } /* Candle Chapel — Wax-Seal Threshold Rails */ .rsvp-v2-choice-preview-candleChapelWaxSealThresholdRails { /* Usable shell face excludes the fixed left ornament, including in RTL. */ --candle-response-label-left: 32%; --candle-response-label-right: 18%; --candle-chapel-wax-seal-ink: #302722; --candle-chapel-wax-seal-muted-ink: #5d4838; --candle-chapel-wax-seal-accent: #9a7450; --candle-chapel-wax-seal-shell: url("/template-packages/processional/themes/candle-chapel/assets/rsvp-v2/response/wax-seal-threshold-rails/candle-chapel-wax-seal-threshold-rails-shell.webp"); container-type: inline-size; display: grid; gap: clamp(10px, 2.8cqi, 18px); padding: 2px 0 clamp(8px, 2cqi, 14px); overflow: visible; text-align: center; } .rsvp-v2-choice-preview-candleChapelWaxSealThresholdRails > p { margin: 0; color: var(--candle-chapel-wax-seal-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: clamp(0.8em, 2.9cqi, 1.04em); font-weight: 500; letter-spacing: 0.1em; line-height: 1.15; text-transform: uppercase; } .rsvp-v2-choice-preview-candleChapelWaxSealThresholdRails .rsvp-v2-options-candleChapelWaxSealThresholdRails { width: min(100%, 430px); justify-self: center; grid-template-columns: minmax(0, 1fr) !important; gap: clamp(8px, 2.8cqi, 16px); } .rsvp-v2-choice-preview-candleChapelWaxSealThresholdRails .rsvp-v2-options-candleChapelWaxSealThresholdRails > button, .rsvp-v2-choice-preview-candleChapelWaxSealThresholdRails .rsvp-v2-options-candleChapelWaxSealThresholdRails > span { display: grid; min-height: 0 !important; height: auto !important; aspect-ratio: 2091 / 752; place-items: center; overflow: visible; border: 0 !important; border-radius: 0 !important; padding: 0 var(--candle-response-label-right) 0 var(--candle-response-label-left) !important; background: transparent !important; background-color: transparent !important; background-image: var(--candle-chapel-wax-seal-shell) !important; background-position: center; background-repeat: no-repeat; background-size: 100% 100% !important; color: var(--candle-chapel-wax-seal-muted-ink); appearance: none; box-shadow: none !important; filter: drop-shadow(0 7px 6px rgb(73 50 38 / 16%)); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: clamp(0.78em, 2.8cqi, 1.06em); font-weight: 600; letter-spacing: 0.1em; line-height: 1.15; text-align: center; text-transform: uppercase; text-wrap: balance; overflow-wrap: anywhere; transition: filter 160ms ease, transform 160ms ease, color 160ms ease; } .rsvp-v2-choice-preview-candleChapelWaxSealThresholdRails .rsvp-v2-options-candleChapelWaxSealThresholdRails > button > .rsvp-v2-response-label { position: relative; z-index: 1; } .rsvp-v2-choice-preview-candleChapelWaxSealThresholdRails .rsvp-v2-options-candleChapelWaxSealThresholdRails > button:first-child, .rsvp-v2-choice-preview-candleChapelWaxSealThresholdRails .rsvp-v2-options-candleChapelWaxSealThresholdRails > button.selected, .rsvp-v2-choice-preview-candleChapelWaxSealThresholdRails .rsvp-v2-options-candleChapelWaxSealThresholdRails > span:first-child, .rsvp-v2-choice-preview-candleChapelWaxSealThresholdRails .rsvp-v2-options-candleChapelWaxSealThresholdRails > span.selected { color: var(--candle-chapel-wax-seal-ink); } .rsvp-v2-choice-preview-candleChapelWaxSealThresholdRails .rsvp-v2-options-candleChapelWaxSealThresholdRails > button:hover:not(:disabled) { filter: saturate(1.05) brightness(1.03) drop-shadow(0 7px 6px rgb(73 50 38 / 22%)); } .rsvp-v2-choice-preview-candleChapelWaxSealThresholdRails .rsvp-v2-options-candleChapelWaxSealThresholdRails > button.selected { transform: translateY(-1px); filter: brightness(1.04) saturate(1.05) drop-shadow(0 0 0.5rem rgb(213 154 66 / 24%)) drop-shadow(0 7px 6px rgb(73 50 38 / 22%)); } .rsvp-v2-choice-preview-candleChapelWaxSealThresholdRails .rsvp-v2-options-candleChapelWaxSealThresholdRails > button:focus-visible { outline: 2px solid var(--candle-chapel-wax-seal-accent); outline-offset: 4px; } .rsvp-v2-choice-preview-candleChapelWaxSealThresholdRails .rsvp-v2-options-candleChapelWaxSealThresholdRails > button:disabled { cursor: not-allowed; filter: grayscale(0.14) opacity(0.66); } .rsvp-v2-choice-preview-candleChapelWaxSealThresholdRails .rsvp-v2-options-candleChapelWaxSealThresholdRails > button > span[aria-hidden="true"] { display: none; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelWaxSealThresholdRails { gap: 4px; padding: 0; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelWaxSealThresholdRails > span:first-child { padding-bottom: 4px; color: var(--candle-chapel-wax-seal-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 7px; letter-spacing: 0.07em; line-height: 1.1; text-transform: uppercase; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelWaxSealThresholdRails .rsvp-v2-options-candleChapelWaxSealThresholdRails { width: 100%; gap: 3px; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelWaxSealThresholdRails .rsvp-v2-options-candleChapelWaxSealThresholdRails > span { padding: 0 var(--candle-response-label-right) 0 var(--candle-response-label-left) !important; font-size: 5px; } @container (max-width: 370px) { .rsvp-v2-choice-preview-candleChapelWaxSealThresholdRails { gap: 9px; } .rsvp-v2-choice-preview-candleChapelWaxSealThresholdRails .rsvp-v2-options-candleChapelWaxSealThresholdRails > button { padding: 0 var(--candle-response-label-right) 0 var(--candle-response-label-left) !important; font-size: clamp(0.76em, 2.8cqi, 1em); } } [dir="rtl"] .rsvp-v2-choice-preview-candleChapelWaxSealThresholdRails > p, [dir="rtl"] .rsvp-v2-choice-preview-candleChapelWaxSealThresholdRails .rsvp-v2-options-candleChapelWaxSealThresholdRails > button, [dir="rtl"] .rsvp-v2-choice-preview-candleChapelWaxSealThresholdRails .rsvp-v2-options-candleChapelWaxSealThresholdRails > span { direction: rtl; font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; letter-spacing: 0.01em; text-transform: none; } @media (prefers-reduced-motion: reduce) { .rsvp-v2-choice-preview-candleChapelWaxSealThresholdRails .rsvp-v2-options-candleChapelWaxSealThresholdRails > button { transition: none; } } /* Candle Chapel — Walnut Threshold Plaques */ .rsvp-v2-choice-preview-candleChapelWalnutThresholdPlaques { --candle-chapel-walnut-response-ink: #eadcc4; --candle-chapel-walnut-response-muted-ink: #d7c2a2; --candle-chapel-walnut-response-heading: #302722; --candle-chapel-walnut-response-accent: #d59a42; --candle-chapel-walnut-response-shell: url("/template-packages/processional/themes/candle-chapel/assets/rsvp-v2/response/walnut-threshold-plaques/candle-chapel-walnut-threshold-plaques-shell.webp"); container-type: inline-size; display: grid; gap: clamp(10px, 2.8cqi, 18px); padding: 2px 0 clamp(8px, 2cqi, 14px); overflow: visible; text-align: center; } .rsvp-v2-choice-preview-candleChapelWalnutThresholdPlaques > p { margin: 0; color: var(--candle-chapel-walnut-response-heading); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: clamp(0.8em, 2.9cqi, 1.04em); font-weight: 500; letter-spacing: 0.1em; line-height: 1.15; text-transform: uppercase; } .rsvp-v2-choice-preview-candleChapelWalnutThresholdPlaques .rsvp-v2-options-candleChapelWalnutThresholdPlaques { width: min(100%, 430px); justify-self: center; grid-template-columns: minmax(0, 1fr) !important; gap: clamp(8px, 2.8cqi, 16px); } .rsvp-v2-choice-preview-candleChapelWalnutThresholdPlaques .rsvp-v2-options-candleChapelWalnutThresholdPlaques > button, .rsvp-v2-choice-preview-candleChapelWalnutThresholdPlaques .rsvp-v2-options-candleChapelWalnutThresholdPlaques > span { display: grid; min-height: 0 !important; height: auto !important; aspect-ratio: 1527 / 511; place-items: center; overflow: visible; border: 0 !important; border-radius: 0 !important; padding: 0 17% !important; background: transparent !important; background-color: transparent !important; background-image: var(--candle-chapel-walnut-response-shell) !important; background-position: center; background-repeat: no-repeat; background-size: 100% 100% !important; color: var(--candle-chapel-walnut-response-muted-ink); font-family: var(--invitation-font-accent), "Cormorant Garamond", Garamond, Georgia, serif; font-size: clamp(0.78em, 2.7cqi, 1.04em); font-weight: 500; letter-spacing: 0.08em; line-height: 1.15; text-align: center; text-transform: uppercase; text-wrap: balance; overflow-wrap: anywhere; } .rsvp-v2-choice-preview-candleChapelWalnutThresholdPlaques .rsvp-v2-options-candleChapelWalnutThresholdPlaques > button { appearance: none; box-shadow: none !important; cursor: pointer; filter: drop-shadow(0 7px 6px rgb(36 24 16 / 28%)); transition: filter 160ms ease, transform 160ms ease, color 160ms ease; } .rsvp-v2-choice-preview-candleChapelWalnutThresholdPlaques .rsvp-v2-options-candleChapelWalnutThresholdPlaques > button > .rsvp-v2-response-label, .rsvp-v2-choice-preview-candleChapelWalnutThresholdPlaques .rsvp-v2-options-candleChapelWalnutThresholdPlaques > span > .rsvp-v2-response-label { position: relative; z-index: 1; } .rsvp-v2-choice-preview-candleChapelWalnutThresholdPlaques .rsvp-v2-options-candleChapelWalnutThresholdPlaques > button:first-child, .rsvp-v2-choice-preview-candleChapelWalnutThresholdPlaques .rsvp-v2-options-candleChapelWalnutThresholdPlaques > button.selected, .rsvp-v2-choice-preview-candleChapelWalnutThresholdPlaques .rsvp-v2-options-candleChapelWalnutThresholdPlaques > span:first-child, .rsvp-v2-choice-preview-candleChapelWalnutThresholdPlaques .rsvp-v2-options-candleChapelWalnutThresholdPlaques > span.selected { color: var(--candle-chapel-walnut-response-ink); } .rsvp-v2-choice-preview-candleChapelWalnutThresholdPlaques .rsvp-v2-options-candleChapelWalnutThresholdPlaques > button:hover:not(:disabled) { filter: brightness(1.05) saturate(1.08) drop-shadow(0 8px 7px rgb(36 24 16 / 34%)); } .rsvp-v2-choice-preview-candleChapelWalnutThresholdPlaques .rsvp-v2-options-candleChapelWalnutThresholdPlaques > button.selected { transform: translateY(-1px); filter: brightness(1.06) saturate(1.08) drop-shadow(0 0 0.5rem rgb(213 154 66 / 28%)) drop-shadow(0 8px 7px rgb(36 24 16 / 34%)); } .rsvp-v2-choice-preview-candleChapelWalnutThresholdPlaques .rsvp-v2-options-candleChapelWalnutThresholdPlaques > button:focus-visible { outline: 2px solid var(--candle-chapel-walnut-response-accent); outline-offset: 4px; } .rsvp-v2-choice-preview-candleChapelWalnutThresholdPlaques .rsvp-v2-options-candleChapelWalnutThresholdPlaques > button:disabled { cursor: not-allowed; filter: grayscale(0.2) opacity(0.64); } .rsvp-v2-choice-preview-candleChapelWalnutThresholdPlaques .rsvp-v2-options-candleChapelWalnutThresholdPlaques > button > span[aria-hidden="true"] { display: none; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelWalnutThresholdPlaques { gap: 4px; padding: 0; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelWalnutThresholdPlaques > span:first-child { padding-bottom: 4px; color: var(--candle-chapel-walnut-response-heading); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 7px; letter-spacing: 0.08em; line-height: 1.1; text-transform: uppercase; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelWalnutThresholdPlaques .rsvp-v2-options-candleChapelWalnutThresholdPlaques { width: 100%; gap: 3px; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelWalnutThresholdPlaques .rsvp-v2-options-candleChapelWalnutThresholdPlaques > span { color: var(--candle-chapel-walnut-response-muted-ink); font-size: 5px; letter-spacing: 0.07em; line-height: 1.1; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelWalnutThresholdPlaques .rsvp-v2-options-candleChapelWalnutThresholdPlaques > span:first-child, .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelWalnutThresholdPlaques .rsvp-v2-options-candleChapelWalnutThresholdPlaques > span.selected { color: var(--candle-chapel-walnut-response-ink); } @container (max-width: 370px) { .rsvp-v2-choice-preview-candleChapelWalnutThresholdPlaques { gap: 9px; } .rsvp-v2-choice-preview-candleChapelWalnutThresholdPlaques .rsvp-v2-options-candleChapelWalnutThresholdPlaques > button { padding-inline: 14% !important; font-size: clamp(0.76em, 2.8cqi, 0.98em); } } [dir="rtl"] .rsvp-v2-choice-preview-candleChapelWalnutThresholdPlaques > p, [dir="rtl"] .rsvp-v2-choice-preview-candleChapelWalnutThresholdPlaques .rsvp-v2-options-candleChapelWalnutThresholdPlaques > button, [dir="rtl"] .rsvp-v2-choice-preview-candleChapelWalnutThresholdPlaques .rsvp-v2-options-candleChapelWalnutThresholdPlaques > span { direction: rtl; font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; letter-spacing: 0.01em; text-transform: none; } @media (prefers-reduced-motion: reduce) { .rsvp-v2-choice-preview-candleChapelWalnutThresholdPlaques .rsvp-v2-options-candleChapelWalnutThresholdPlaques > button { transition: none; } } /* Candle Chapel — Beeswax Bracket Frames */ .rsvp-v2-choice-preview-candleChapelBeeswaxBracketFrames { /* Usable shell face excludes the fixed left ornament, including in RTL. */ --candle-response-label-left: 28%; --candle-response-label-right: 12%; --candle-chapel-bracket-ink: #302722; --candle-chapel-bracket-muted-ink: #5d4838; --candle-chapel-bracket-accent: #9a7450; --candle-chapel-bracket-shell: url("/template-packages/processional/themes/candle-chapel/assets/rsvp-v2/response/beeswax-bracket-frames/candle-chapel-beeswax-bracket-frames-shell.webp"); container-type: inline-size; display: grid; gap: clamp(10px, 2.8cqi, 18px); padding: 2px 0 clamp(8px, 2cqi, 14px); overflow: visible; text-align: center; } .rsvp-v2-choice-preview-candleChapelBeeswaxBracketFrames > p { margin: 0; color: var(--candle-chapel-bracket-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: clamp(0.8em, 2.9cqi, 1.04em); font-weight: 500; letter-spacing: 0.09em; line-height: 1.15; text-transform: uppercase; } .rsvp-v2-choice-preview-candleChapelBeeswaxBracketFrames .rsvp-v2-options-candleChapelBeeswaxBracketFrames { width: min(100%, 430px); justify-self: center; grid-template-columns: minmax(0, 1fr) !important; gap: clamp(8px, 2.5cqi, 15px); } .rsvp-v2-choice-preview-candleChapelBeeswaxBracketFrames .rsvp-v2-options-candleChapelBeeswaxBracketFrames > button, .rsvp-v2-choice-preview-candleChapelBeeswaxBracketFrames .rsvp-v2-options-candleChapelBeeswaxBracketFrames > span { display: grid; min-height: 0 !important; height: auto !important; aspect-ratio: 1774 / 887; place-items: center; overflow: visible; border: 0 !important; border-radius: 0 !important; padding: 0 var(--candle-response-label-right) 0 var(--candle-response-label-left) !important; background: transparent !important; background-color: transparent !important; background-image: var(--candle-chapel-bracket-shell) !important; background-position: center; background-repeat: no-repeat; background-size: 100% 100% !important; color: var(--candle-chapel-bracket-muted-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: clamp(0.8em, 2.7cqi, 1.04em); font-weight: 500; letter-spacing: 0.11em; line-height: 1.15; text-align: center; text-transform: uppercase; text-wrap: balance; overflow-wrap: anywhere; } .rsvp-v2-choice-preview-candleChapelBeeswaxBracketFrames .rsvp-v2-options-candleChapelBeeswaxBracketFrames > button { appearance: none; box-shadow: none !important; cursor: pointer; filter: drop-shadow(0 7px 6px rgb(73 50 38 / 18%)); transition: filter 160ms ease, transform 160ms ease, color 160ms ease; } .rsvp-v2-choice-preview-candleChapelBeeswaxBracketFrames .rsvp-v2-options-candleChapelBeeswaxBracketFrames > button > .rsvp-v2-response-label, .rsvp-v2-choice-preview-candleChapelBeeswaxBracketFrames .rsvp-v2-options-candleChapelBeeswaxBracketFrames > span > .rsvp-v2-response-label { position: relative; z-index: 1; } .rsvp-v2-choice-preview-candleChapelBeeswaxBracketFrames .rsvp-v2-options-candleChapelBeeswaxBracketFrames > button:first-child, .rsvp-v2-choice-preview-candleChapelBeeswaxBracketFrames .rsvp-v2-options-candleChapelBeeswaxBracketFrames > button.selected, .rsvp-v2-choice-preview-candleChapelBeeswaxBracketFrames .rsvp-v2-options-candleChapelBeeswaxBracketFrames > span:first-child, .rsvp-v2-choice-preview-candleChapelBeeswaxBracketFrames .rsvp-v2-options-candleChapelBeeswaxBracketFrames > span.selected { color: var(--candle-chapel-bracket-ink); } .rsvp-v2-choice-preview-candleChapelBeeswaxBracketFrames .rsvp-v2-options-candleChapelBeeswaxBracketFrames > button:hover:not(:disabled) { filter: brightness(1.04) saturate(1.06) drop-shadow(0 8px 7px rgb(73 50 38 / 24%)); } .rsvp-v2-choice-preview-candleChapelBeeswaxBracketFrames .rsvp-v2-options-candleChapelBeeswaxBracketFrames > button.selected { transform: translateY(-1px); filter: brightness(1.05) saturate(1.06) drop-shadow(0 0 0.5rem rgb(213 154 66 / 24%)) drop-shadow(0 8px 7px rgb(73 50 38 / 25%)); } .rsvp-v2-choice-preview-candleChapelBeeswaxBracketFrames .rsvp-v2-options-candleChapelBeeswaxBracketFrames > button:focus-visible { outline: 2px solid var(--candle-chapel-bracket-accent); outline-offset: 4px; } .rsvp-v2-choice-preview-candleChapelBeeswaxBracketFrames .rsvp-v2-options-candleChapelBeeswaxBracketFrames > button:disabled { cursor: not-allowed; filter: grayscale(0.12) opacity(0.68); } .rsvp-v2-choice-preview-candleChapelBeeswaxBracketFrames .rsvp-v2-options-candleChapelBeeswaxBracketFrames > button > span[aria-hidden="true"] { display: none; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelBeeswaxBracketFrames { gap: 4px; padding: 0; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelBeeswaxBracketFrames > span:first-child { padding-bottom: 4px; color: var(--candle-chapel-bracket-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 7px; letter-spacing: 0.08em; line-height: 1.1; text-transform: uppercase; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelBeeswaxBracketFrames .rsvp-v2-options-candleChapelBeeswaxBracketFrames { width: 100%; gap: 3px; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelBeeswaxBracketFrames .rsvp-v2-options-candleChapelBeeswaxBracketFrames > span { color: var(--candle-chapel-bracket-muted-ink); font-size: 5px; letter-spacing: 0.07em; line-height: 1.1; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelBeeswaxBracketFrames .rsvp-v2-options-candleChapelBeeswaxBracketFrames > span:first-child, .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelBeeswaxBracketFrames .rsvp-v2-options-candleChapelBeeswaxBracketFrames > span.selected { color: var(--candle-chapel-bracket-ink); } @container (max-width: 370px) { .rsvp-v2-choice-preview-candleChapelBeeswaxBracketFrames { gap: 9px; } .rsvp-v2-choice-preview-candleChapelBeeswaxBracketFrames .rsvp-v2-options-candleChapelBeeswaxBracketFrames > button { padding: 0 var(--candle-response-label-right) 0 var(--candle-response-label-left) !important; font-size: clamp(0.76em, 2.8cqi, 0.98em); } } [dir="rtl"] .rsvp-v2-choice-preview-candleChapelBeeswaxBracketFrames > p, [dir="rtl"] .rsvp-v2-choice-preview-candleChapelBeeswaxBracketFrames .rsvp-v2-options-candleChapelBeeswaxBracketFrames > button, [dir="rtl"] .rsvp-v2-choice-preview-candleChapelBeeswaxBracketFrames .rsvp-v2-options-candleChapelBeeswaxBracketFrames > span { direction: rtl; font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; letter-spacing: 0.01em; text-transform: none; } @media (prefers-reduced-motion: reduce) { .rsvp-v2-choice-preview-candleChapelBeeswaxBracketFrames .rsvp-v2-options-candleChapelBeeswaxBracketFrames > button { transition: none; } } /* Candle Chapel — Plaster & Olive Twin Plaques */ .rsvp-v2-choice-preview-candleChapelPlasterOliveTwinPlaques { --candle-chapel-plaster-olive-response-ink: #302722; --candle-chapel-plaster-olive-response-muted-ink: #5d4838; --candle-chapel-plaster-olive-response-accent: #9a7450; --candle-chapel-plaster-olive-response-shell: url("/template-packages/processional/themes/candle-chapel/assets/rsvp-v2/response/plaster-olive-twin-plaques/candle-chapel-plaster-olive-twin-plaques-shell.webp"); container-type: inline-size; display: grid; gap: clamp(11px, 2.8cqi, 18px); padding: 2px 0 clamp(8px, 2cqi, 14px); overflow: visible; text-align: center; } .rsvp-v2-choice-preview-candleChapelPlasterOliveTwinPlaques > p { margin: 0; color: var(--candle-chapel-plaster-olive-response-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: clamp(0.8em, 2.9cqi, 1.04em); font-weight: 500; letter-spacing: 0.13em; line-height: 1.15; text-transform: uppercase; } .rsvp-v2-choice-preview-candleChapelPlasterOliveTwinPlaques .rsvp-v2-options-candleChapelPlasterOliveTwinPlaques { width: min(100%, 430px); justify-self: center; grid-template-columns: minmax(0, 1fr) !important; gap: clamp(10px, 2.8cqi, 16px); } .rsvp-v2-choice-preview-candleChapelPlasterOliveTwinPlaques .rsvp-v2-options-candleChapelPlasterOliveTwinPlaques > button { display: grid; min-height: 0 !important; height: auto !important; aspect-ratio: 1505 / 712; place-items: center; overflow: visible; border: 0 !important; border-radius: 0 !important; padding: 0 15% !important; background: transparent !important; background-color: transparent !important; background-image: var( --candle-chapel-plaster-olive-response-shell ) !important; background-position: center; background-repeat: no-repeat; background-size: 100% 100% !important; color: var(--candle-chapel-plaster-olive-response-muted-ink); appearance: none; box-shadow: none !important; filter: drop-shadow(0 8px 7px rgb(36 24 16 / 20%)); font-family: var(--invitation-font-accent), "Cormorant Garamond", Garamond, Georgia, serif; font-size: clamp(0.78em, 2.7cqi, 1.04em); font-weight: 500; letter-spacing: 0.1em; line-height: 1.15; text-align: center; text-transform: uppercase; text-wrap: balance; overflow-wrap: anywhere; transition: filter 160ms ease, transform 160ms ease, color 160ms ease; } .rsvp-v2-choice-preview-candleChapelPlasterOliveTwinPlaques .rsvp-v2-options-candleChapelPlasterOliveTwinPlaques > button > .rsvp-v2-response-label { position: relative; z-index: 1; } .rsvp-v2-choice-preview-candleChapelPlasterOliveTwinPlaques .rsvp-v2-options-candleChapelPlasterOliveTwinPlaques > button:first-child, .rsvp-v2-choice-preview-candleChapelPlasterOliveTwinPlaques .rsvp-v2-options-candleChapelPlasterOliveTwinPlaques > button.selected { color: var(--candle-chapel-plaster-olive-response-ink); } .rsvp-v2-choice-preview-candleChapelPlasterOliveTwinPlaques .rsvp-v2-options-candleChapelPlasterOliveTwinPlaques > button:hover:not(:disabled) { filter: saturate(1.06) brightness(1.03) drop-shadow(0 9px 8px rgb(36 24 16 / 28%)); } .rsvp-v2-choice-preview-candleChapelPlasterOliveTwinPlaques .rsvp-v2-options-candleChapelPlasterOliveTwinPlaques > button.selected { transform: translateY(-1px); filter: saturate(1.05) brightness(1.04) drop-shadow(0 0 0.55rem rgb(213 154 66 / 22%)) drop-shadow(0 9px 8px rgb(36 24 16 / 28%)); } .rsvp-v2-choice-preview-candleChapelPlasterOliveTwinPlaques .rsvp-v2-options-candleChapelPlasterOliveTwinPlaques > button:focus-visible { outline: 2px solid var(--candle-chapel-plaster-olive-response-accent); outline-offset: 4px; } .rsvp-v2-choice-preview-candleChapelPlasterOliveTwinPlaques .rsvp-v2-options-candleChapelPlasterOliveTwinPlaques > button:disabled { cursor: not-allowed; filter: grayscale(0.12) opacity(0.66); } .rsvp-v2-choice-preview-candleChapelPlasterOliveTwinPlaques .rsvp-v2-options-candleChapelPlasterOliveTwinPlaques > button > span[aria-hidden="true"] { display: none; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelPlasterOliveTwinPlaques { gap: 4px; padding: 0; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelPlasterOliveTwinPlaques > span:first-child { padding-bottom: 4px; color: var(--candle-chapel-plaster-olive-response-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 7px; letter-spacing: 0.1em; line-height: 1.1; text-transform: uppercase; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelPlasterOliveTwinPlaques .rsvp-v2-options-candleChapelPlasterOliveTwinPlaques { width: 100%; gap: 3px; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelPlasterOliveTwinPlaques .rsvp-v2-options-candleChapelPlasterOliveTwinPlaques > span { display: grid; min-height: 0 !important; height: auto !important; aspect-ratio: 1505 / 712; place-items: center; overflow: visible; border: 0 !important; border-radius: 0 !important; padding: 0 15% !important; background: transparent !important; background-color: transparent !important; background-image: var( --candle-chapel-plaster-olive-response-shell ) !important; background-position: center; background-repeat: no-repeat; background-size: 100% 100% !important; color: var(--candle-chapel-plaster-olive-response-muted-ink); font-family: var(--invitation-font-accent), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 5px; letter-spacing: 0.08em; line-height: 1.1; text-align: center; text-transform: uppercase; text-wrap: balance; overflow-wrap: anywhere; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelPlasterOliveTwinPlaques .rsvp-v2-options-candleChapelPlasterOliveTwinPlaques > span:first-child, .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelPlasterOliveTwinPlaques .rsvp-v2-options-candleChapelPlasterOliveTwinPlaques > span.selected { color: var(--candle-chapel-plaster-olive-response-ink); } @container (max-width: 370px) { .rsvp-v2-choice-preview-candleChapelPlasterOliveTwinPlaques { gap: 9px; } .rsvp-v2-choice-preview-candleChapelPlasterOliveTwinPlaques .rsvp-v2-options-candleChapelPlasterOliveTwinPlaques > button { padding-inline: 13% !important; font-size: clamp(0.75em, 2.8cqi, 0.98em); } } [dir="rtl"] .rsvp-v2-choice-preview-candleChapelPlasterOliveTwinPlaques > p, [dir="rtl"] .rsvp-v2-choice-preview-candleChapelPlasterOliveTwinPlaques .rsvp-v2-options-candleChapelPlasterOliveTwinPlaques > button, [dir="rtl"] .rsvp-v2-choice-preview-candleChapelPlasterOliveTwinPlaques .rsvp-v2-options-candleChapelPlasterOliveTwinPlaques > span { direction: rtl; font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; letter-spacing: 0.01em; text-transform: none; } @media (prefers-reduced-motion: reduce) { .rsvp-v2-choice-preview-candleChapelPlasterOliveTwinPlaques .rsvp-v2-options-candleChapelPlasterOliveTwinPlaques > button { transition: none; } } /* Candle Chapel — Carved Walnut Capsules */ .rsvp-v2-choice-preview-candleChapelCarvedWalnutCapsules { /* Usable shell face excludes the fixed left ornament, including in RTL. */ --candle-response-label-left: 27%; --candle-response-label-right: 12%; --candle-chapel-capsule-ink: #302722; --candle-chapel-capsule-muted-ink: #493226; --candle-chapel-capsule-accent: #9a7450; --candle-chapel-capsule-shell: url("/template-packages/processional/themes/candle-chapel/assets/rsvp-v2/response/carved-walnut-capsules/candle-chapel-carved-walnut-capsules-shell.webp"); container-type: inline-size; display: grid; gap: clamp(10px, 2.8cqi, 18px); padding: 2px 0 clamp(8px, 2cqi, 14px); overflow: visible; text-align: center; } .rsvp-v2-choice-preview-candleChapelCarvedWalnutCapsules > p { margin: 0; color: var(--candle-chapel-capsule-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: clamp(0.82em, 2.9cqi, 1.04em); font-weight: 500; letter-spacing: 0.1em; line-height: 1.15; text-transform: uppercase; } .rsvp-v2-choice-preview-candleChapelCarvedWalnutCapsules .rsvp-v2-options-candleChapelCarvedWalnutCapsules { width: min(100%, 430px); justify-self: center; grid-template-columns: minmax(0, 1fr) !important; gap: clamp(8px, 2.8cqi, 16px); } .rsvp-v2-choice-preview-candleChapelCarvedWalnutCapsules .rsvp-v2-options-candleChapelCarvedWalnutCapsules > button, .rsvp-v2-choice-preview-candleChapelCarvedWalnutCapsules .rsvp-v2-options-candleChapelCarvedWalnutCapsules > span { display: grid; min-height: 0 !important; height: auto !important; aspect-ratio: 1643 / 549; place-items: center; overflow: visible; border: 0 !important; border-radius: 0 !important; padding: 0 var(--candle-response-label-right) 0 var(--candle-response-label-left) !important; background: transparent !important; background-color: transparent !important; background-image: var(--candle-chapel-capsule-shell) !important; background-position: center; background-repeat: no-repeat; background-size: 100% 100% !important; color: var(--candle-chapel-capsule-muted-ink); font-family: var(--invitation-font-accent), "Cormorant Garamond", Garamond, Georgia, serif; font-size: clamp(0.78em, 2.7cqi, 1.04em); font-weight: 500; letter-spacing: 0.08em; line-height: 1.15; text-align: center; text-transform: uppercase; text-wrap: balance; overflow-wrap: anywhere; } .rsvp-v2-choice-preview-candleChapelCarvedWalnutCapsules .rsvp-v2-options-candleChapelCarvedWalnutCapsules > button { appearance: none; box-shadow: none !important; cursor: pointer; filter: drop-shadow(0 6px 6px rgb(36 24 16 / 20%)); transition: filter 160ms ease, transform 160ms ease, color 160ms ease; } .rsvp-v2-choice-preview-candleChapelCarvedWalnutCapsules .rsvp-v2-options-candleChapelCarvedWalnutCapsules > button > .rsvp-v2-response-label, .rsvp-v2-choice-preview-candleChapelCarvedWalnutCapsules .rsvp-v2-options-candleChapelCarvedWalnutCapsules > span > .rsvp-v2-response-label { position: relative; z-index: 1; display: block; max-width: 100%; min-width: 0; overflow-wrap: anywhere; text-wrap: balance; } .rsvp-v2-choice-preview-candleChapelCarvedWalnutCapsules .rsvp-v2-options-candleChapelCarvedWalnutCapsules > button:first-child, .rsvp-v2-choice-preview-candleChapelCarvedWalnutCapsules .rsvp-v2-options-candleChapelCarvedWalnutCapsules > button.selected, .rsvp-v2-choice-preview-candleChapelCarvedWalnutCapsules .rsvp-v2-options-candleChapelCarvedWalnutCapsules > span:first-child, .rsvp-v2-choice-preview-candleChapelCarvedWalnutCapsules .rsvp-v2-options-candleChapelCarvedWalnutCapsules > span.selected { color: var(--candle-chapel-capsule-ink); } .rsvp-v2-choice-preview-candleChapelCarvedWalnutCapsules .rsvp-v2-options-candleChapelCarvedWalnutCapsules > button:hover:not(:disabled) { filter: brightness(1.04) saturate(1.06) drop-shadow(0 7px 7px rgb(36 24 16 / 27%)); } .rsvp-v2-choice-preview-candleChapelCarvedWalnutCapsules .rsvp-v2-options-candleChapelCarvedWalnutCapsules > button.selected { transform: translateY(-1px); filter: brightness(1.04) saturate(1.05) drop-shadow(0 0 0.5rem rgb(213 154 66 / 18%)) drop-shadow(0 7px 7px rgb(36 24 16 / 27%)); } .rsvp-v2-choice-preview-candleChapelCarvedWalnutCapsules .rsvp-v2-options-candleChapelCarvedWalnutCapsules > button:focus-visible { outline: 2px solid var(--candle-chapel-capsule-accent); outline-offset: 4px; } .rsvp-v2-choice-preview-candleChapelCarvedWalnutCapsules .rsvp-v2-options-candleChapelCarvedWalnutCapsules > button:disabled { cursor: not-allowed; filter: grayscale(0.16) opacity(0.66); } .rsvp-v2-choice-preview-candleChapelCarvedWalnutCapsules .rsvp-v2-options-candleChapelCarvedWalnutCapsules > button > span[aria-hidden="true"], .rsvp-v2-choice-preview-candleChapelCarvedWalnutCapsules .rsvp-v2-options-candleChapelCarvedWalnutCapsules > span > span[aria-hidden="true"] { display: none; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelCarvedWalnutCapsules { gap: 4px; padding: 0; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelCarvedWalnutCapsules > span:first-child { padding-bottom: 4px; color: var(--candle-chapel-capsule-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 7px; letter-spacing: 0.08em; line-height: 1.1; text-transform: uppercase; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelCarvedWalnutCapsules .rsvp-v2-options-candleChapelCarvedWalnutCapsules { width: 100%; gap: 3px; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelCarvedWalnutCapsules .rsvp-v2-options-candleChapelCarvedWalnutCapsules > span { display: grid; min-height: 0 !important; height: auto !important; aspect-ratio: 1643 / 549; place-items: center; overflow: visible; border: 0 !important; border-radius: 0 !important; padding: 0 var(--candle-response-label-right) 0 var(--candle-response-label-left) !important; background: transparent !important; background-color: transparent !important; background-image: var(--candle-chapel-capsule-shell) !important; background-position: center; background-repeat: no-repeat; background-size: 100% 100% !important; color: var(--candle-chapel-capsule-muted-ink); font-family: var(--invitation-font-accent), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 5px; letter-spacing: 0.07em; line-height: 1.1; text-align: center; text-transform: uppercase; text-wrap: balance; overflow-wrap: anywhere; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelCarvedWalnutCapsules .rsvp-v2-options-candleChapelCarvedWalnutCapsules > span:first-child, .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelCarvedWalnutCapsules .rsvp-v2-options-candleChapelCarvedWalnutCapsules > span.selected { color: var(--candle-chapel-capsule-ink); } @container (max-width: 370px) { .rsvp-v2-choice-preview-candleChapelCarvedWalnutCapsules { gap: 9px; } .rsvp-v2-choice-preview-candleChapelCarvedWalnutCapsules .rsvp-v2-options-candleChapelCarvedWalnutCapsules > button { padding: 0 var(--candle-response-label-right) 0 var(--candle-response-label-left) !important; font-size: clamp(0.76em, 2.8cqi, 0.98em); } } [dir="rtl"] .rsvp-v2-choice-preview-candleChapelCarvedWalnutCapsules > p, [dir="rtl"] .rsvp-v2-choice-preview-candleChapelCarvedWalnutCapsules .rsvp-v2-options-candleChapelCarvedWalnutCapsules > button, [dir="rtl"] .rsvp-v2-choice-preview-candleChapelCarvedWalnutCapsules .rsvp-v2-options-candleChapelCarvedWalnutCapsules > span { direction: rtl; font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; letter-spacing: 0.01em; text-transform: none; } @media (prefers-reduced-motion: reduce) { .rsvp-v2-choice-preview-candleChapelCarvedWalnutCapsules .rsvp-v2-options-candleChapelCarvedWalnutCapsules > button { transition: none; } } /* Candle Chapel — Soft Plaster Olive-Embossed Pills */ .rsvp-v2-choice-preview-candleChapelSoftPlasterOliveEmbossedPills { /* Usable shell face excludes the fixed left ornament, including in RTL. */ --candle-response-label-left: 25%; --candle-response-label-right: 10%; --candle-chapel-soft-plaster-ink: #302722; --candle-chapel-soft-plaster-muted-ink: #493226; --candle-chapel-soft-plaster-accent: #9a7450; --candle-chapel-soft-plaster-shell: url("/template-packages/processional/themes/candle-chapel/assets/rsvp-v2/response/soft-plaster-olive-embossed-pills/candle-chapel-soft-plaster-olive-embossed-pills-shell.webp"); container-type: inline-size; display: grid; gap: clamp(10px, 2.8cqi, 18px); padding: 2px 0 clamp(8px, 2cqi, 14px); overflow: visible; text-align: center; } .rsvp-v2-choice-preview-candleChapelSoftPlasterOliveEmbossedPills > p { margin: 0; color: var(--candle-chapel-soft-plaster-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: clamp(0.82em, 2.9cqi, 1.04em); font-weight: 500; letter-spacing: 0.1em; line-height: 1.15; text-transform: uppercase; } .rsvp-v2-choice-preview-candleChapelSoftPlasterOliveEmbossedPills .rsvp-v2-options-candleChapelSoftPlasterOliveEmbossedPills { width: min(100%, 430px); justify-self: center; grid-template-columns: minmax(0, 1fr) !important; gap: clamp(8px, 2.8cqi, 16px); } .rsvp-v2-choice-preview-candleChapelSoftPlasterOliveEmbossedPills .rsvp-v2-options-candleChapelSoftPlasterOliveEmbossedPills > button, .rsvp-v2-choice-preview-candleChapelSoftPlasterOliveEmbossedPills .rsvp-v2-options-candleChapelSoftPlasterOliveEmbossedPills > span { display: grid; min-height: 0 !important; height: auto !important; aspect-ratio: 1603 / 535; place-items: center; overflow: visible; border: 0 !important; border-radius: 0 !important; padding: 0 var(--candle-response-label-right) 0 var(--candle-response-label-left) !important; background: transparent !important; background-color: transparent !important; background-image: var(--candle-chapel-soft-plaster-shell) !important; background-position: center; background-repeat: no-repeat; background-size: 100% 100% !important; color: var(--candle-chapel-soft-plaster-muted-ink); font-family: var(--invitation-font-accent), "Cormorant Garamond", Garamond, Georgia, serif; font-size: clamp(0.78em, 2.7cqi, 1.04em); font-weight: 500; letter-spacing: 0.08em; line-height: 1.15; text-align: center; text-transform: uppercase; text-wrap: balance; overflow-wrap: anywhere; } .rsvp-v2-choice-preview-candleChapelSoftPlasterOliveEmbossedPills .rsvp-v2-options-candleChapelSoftPlasterOliveEmbossedPills > button { appearance: none; box-shadow: none !important; cursor: pointer; filter: drop-shadow(0 6px 6px rgb(73 50 38 / 18%)); transition: filter 160ms ease, transform 160ms ease, color 160ms ease; } .rsvp-v2-choice-preview-candleChapelSoftPlasterOliveEmbossedPills .rsvp-v2-options-candleChapelSoftPlasterOliveEmbossedPills > button > .rsvp-v2-response-label, .rsvp-v2-choice-preview-candleChapelSoftPlasterOliveEmbossedPills .rsvp-v2-options-candleChapelSoftPlasterOliveEmbossedPills > span > .rsvp-v2-response-label { position: relative; z-index: 1; display: block; max-width: 100%; min-width: 0; overflow-wrap: anywhere; text-wrap: balance; } .rsvp-v2-choice-preview-candleChapelSoftPlasterOliveEmbossedPills .rsvp-v2-options-candleChapelSoftPlasterOliveEmbossedPills > button:first-child, .rsvp-v2-choice-preview-candleChapelSoftPlasterOliveEmbossedPills .rsvp-v2-options-candleChapelSoftPlasterOliveEmbossedPills > button.selected, .rsvp-v2-choice-preview-candleChapelSoftPlasterOliveEmbossedPills .rsvp-v2-options-candleChapelSoftPlasterOliveEmbossedPills > span:first-child, .rsvp-v2-choice-preview-candleChapelSoftPlasterOliveEmbossedPills .rsvp-v2-options-candleChapelSoftPlasterOliveEmbossedPills > span.selected { color: var(--candle-chapel-soft-plaster-ink); } .rsvp-v2-choice-preview-candleChapelSoftPlasterOliveEmbossedPills .rsvp-v2-options-candleChapelSoftPlasterOliveEmbossedPills > button:hover:not(:disabled) { filter: brightness(1.035) saturate(1.04) drop-shadow(0 7px 7px rgb(73 50 38 / 25%)); } .rsvp-v2-choice-preview-candleChapelSoftPlasterOliveEmbossedPills .rsvp-v2-options-candleChapelSoftPlasterOliveEmbossedPills > button.selected { transform: translateY(-1px); filter: brightness(1.035) saturate(1.035) drop-shadow(0 0 0.5rem rgb(213 154 66 / 15%)) drop-shadow(0 7px 7px rgb(73 50 38 / 25%)); } .rsvp-v2-choice-preview-candleChapelSoftPlasterOliveEmbossedPills .rsvp-v2-options-candleChapelSoftPlasterOliveEmbossedPills > button:focus-visible { outline: 2px solid var(--candle-chapel-soft-plaster-accent); outline-offset: 4px; } .rsvp-v2-choice-preview-candleChapelSoftPlasterOliveEmbossedPills .rsvp-v2-options-candleChapelSoftPlasterOliveEmbossedPills > button:disabled { cursor: not-allowed; filter: grayscale(0.14) opacity(0.66); } .rsvp-v2-choice-preview-candleChapelSoftPlasterOliveEmbossedPills .rsvp-v2-options-candleChapelSoftPlasterOliveEmbossedPills > button > span[aria-hidden="true"], .rsvp-v2-choice-preview-candleChapelSoftPlasterOliveEmbossedPills .rsvp-v2-options-candleChapelSoftPlasterOliveEmbossedPills > span > span[aria-hidden="true"] { display: none; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelSoftPlasterOliveEmbossedPills { gap: 4px; padding: 0; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelSoftPlasterOliveEmbossedPills > span:first-child { padding-bottom: 4px; color: var(--candle-chapel-soft-plaster-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 7px; letter-spacing: 0.08em; line-height: 1.1; text-transform: uppercase; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelSoftPlasterOliveEmbossedPills .rsvp-v2-options-candleChapelSoftPlasterOliveEmbossedPills { width: 100%; gap: 3px; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelSoftPlasterOliveEmbossedPills .rsvp-v2-options-candleChapelSoftPlasterOliveEmbossedPills > span { display: grid; min-height: 0 !important; height: auto !important; aspect-ratio: 1603 / 535; place-items: center; overflow: visible; border: 0 !important; border-radius: 0 !important; padding: 0 var(--candle-response-label-right) 0 var(--candle-response-label-left) !important; background: transparent !important; background-color: transparent !important; background-image: var(--candle-chapel-soft-plaster-shell) !important; background-position: center; background-repeat: no-repeat; background-size: 100% 100% !important; color: var(--candle-chapel-soft-plaster-muted-ink); font-family: var(--invitation-font-accent), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 5px; letter-spacing: 0.07em; line-height: 1.1; text-align: center; text-transform: uppercase; text-wrap: balance; overflow-wrap: anywhere; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelSoftPlasterOliveEmbossedPills .rsvp-v2-options-candleChapelSoftPlasterOliveEmbossedPills > span:first-child, .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelSoftPlasterOliveEmbossedPills .rsvp-v2-options-candleChapelSoftPlasterOliveEmbossedPills > span.selected { color: var(--candle-chapel-soft-plaster-ink); } @container (max-width: 370px) { .rsvp-v2-choice-preview-candleChapelSoftPlasterOliveEmbossedPills { gap: 9px; } .rsvp-v2-choice-preview-candleChapelSoftPlasterOliveEmbossedPills .rsvp-v2-options-candleChapelSoftPlasterOliveEmbossedPills > button { padding: 0 var(--candle-response-label-right) 0 var(--candle-response-label-left) !important; font-size: clamp(0.76em, 2.8cqi, 0.98em); } } [dir="rtl"] .rsvp-v2-choice-preview-candleChapelSoftPlasterOliveEmbossedPills > p, [dir="rtl"] .rsvp-v2-choice-preview-candleChapelSoftPlasterOliveEmbossedPills .rsvp-v2-options-candleChapelSoftPlasterOliveEmbossedPills > button, [dir="rtl"] .rsvp-v2-choice-preview-candleChapelSoftPlasterOliveEmbossedPills .rsvp-v2-options-candleChapelSoftPlasterOliveEmbossedPills > span { direction: rtl; font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; letter-spacing: 0.01em; text-transform: none; } @media (prefers-reduced-motion: reduce) { .rsvp-v2-choice-preview-candleChapelSoftPlasterOliveEmbossedPills .rsvp-v2-options-candleChapelSoftPlasterOliveEmbossedPills > button { transition: none; } } /* Candle Chapel — Bronze Corner Cartouche */ .rsvp-v2-choice-preview-candleChapelBronzeCornerCartouche { --candle-chapel-bronze-corner-ink: #302722; --candle-chapel-bronze-corner-muted-ink: #5d4838; --candle-chapel-bronze-corner-accent: #9a7450; --candle-chapel-bronze-corner-shell: url("/template-packages/processional/themes/candle-chapel/assets/rsvp-v2/response/bronze-corner-cartouche/candle-chapel-bronze-corner-cartouche-shell.webp"); container-type: inline-size; display: grid; gap: clamp(10px, 2.8cqi, 18px); padding: 2px 0 clamp(8px, 2cqi, 14px); overflow: visible; text-align: center; } .rsvp-v2-choice-preview-candleChapelBronzeCornerCartouche > p { margin: 0; color: var(--candle-chapel-bronze-corner-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: clamp(0.8em, 2.9cqi, 1.04em); font-weight: 500; letter-spacing: 0.09em; line-height: 1.15; text-transform: uppercase; } .rsvp-v2-choice-preview-candleChapelBronzeCornerCartouche .rsvp-v2-options-candleChapelBronzeCornerCartouche { width: min(100%, 430px); justify-self: center; grid-template-columns: minmax(0, 1fr) !important; gap: clamp(8px, 2.8cqi, 16px); } .rsvp-v2-choice-preview-candleChapelBronzeCornerCartouche .rsvp-v2-options-candleChapelBronzeCornerCartouche > button, .rsvp-v2-choice-preview-candleChapelBronzeCornerCartouche .rsvp-v2-options-candleChapelBronzeCornerCartouche > span { display: grid; min-height: 0 !important; height: auto !important; aspect-ratio: 2022 / 778; place-items: center; overflow: visible; border: 0 !important; border-radius: 0 !important; padding: 0 15% !important; background: transparent !important; background-color: transparent !important; background-image: var(--candle-chapel-bronze-corner-shell) !important; background-position: center; background-repeat: no-repeat; background-size: 100% 100% !important; color: var(--candle-chapel-bronze-corner-muted-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: clamp(0.78em, 2.7cqi, 1.04em); font-weight: 500; letter-spacing: 0.09em; line-height: 1.15; text-align: center; text-transform: uppercase; text-wrap: balance; overflow-wrap: anywhere; } .rsvp-v2-choice-preview-candleChapelBronzeCornerCartouche .rsvp-v2-options-candleChapelBronzeCornerCartouche > button { appearance: none; box-shadow: none !important; cursor: pointer; filter: drop-shadow(0 7px 7px rgb(36 24 16 / 20%)); transition: filter 160ms ease, transform 160ms ease, color 160ms ease; } .rsvp-v2-choice-preview-candleChapelBronzeCornerCartouche .rsvp-v2-options-candleChapelBronzeCornerCartouche > button > .rsvp-v2-response-label, .rsvp-v2-choice-preview-candleChapelBronzeCornerCartouche .rsvp-v2-options-candleChapelBronzeCornerCartouche > span > .rsvp-v2-response-label { position: relative; z-index: 1; display: block; max-width: 100%; min-width: 0; overflow-wrap: anywhere; text-wrap: balance; } .rsvp-v2-choice-preview-candleChapelBronzeCornerCartouche .rsvp-v2-options-candleChapelBronzeCornerCartouche > button:first-child, .rsvp-v2-choice-preview-candleChapelBronzeCornerCartouche .rsvp-v2-options-candleChapelBronzeCornerCartouche > button.selected, .rsvp-v2-choice-preview-candleChapelBronzeCornerCartouche .rsvp-v2-options-candleChapelBronzeCornerCartouche > span:first-child, .rsvp-v2-choice-preview-candleChapelBronzeCornerCartouche .rsvp-v2-options-candleChapelBronzeCornerCartouche > span.selected { color: var(--candle-chapel-bronze-corner-ink); } .rsvp-v2-choice-preview-candleChapelBronzeCornerCartouche .rsvp-v2-options-candleChapelBronzeCornerCartouche > button:hover:not(:disabled) { filter: brightness(1.04) saturate(1.05) drop-shadow(0 8px 8px rgb(36 24 16 / 27%)); } .rsvp-v2-choice-preview-candleChapelBronzeCornerCartouche .rsvp-v2-options-candleChapelBronzeCornerCartouche > button.selected { transform: translateY(-1px); filter: brightness(1.04) saturate(1.05) drop-shadow(0 0 0.5rem rgb(213 154 66 / 20%)) drop-shadow(0 8px 8px rgb(36 24 16 / 27%)); } .rsvp-v2-choice-preview-candleChapelBronzeCornerCartouche .rsvp-v2-options-candleChapelBronzeCornerCartouche > button:focus-visible { outline: 2px solid var(--candle-chapel-bronze-corner-accent); outline-offset: 4px; } .rsvp-v2-choice-preview-candleChapelBronzeCornerCartouche .rsvp-v2-options-candleChapelBronzeCornerCartouche > button:disabled { cursor: not-allowed; filter: grayscale(0.14) opacity(0.66); } .rsvp-v2-choice-preview-candleChapelBronzeCornerCartouche .rsvp-v2-options-candleChapelBronzeCornerCartouche > button > span[aria-hidden="true"] { display: none; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelBronzeCornerCartouche { gap: 4px; padding: 0; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelBronzeCornerCartouche > span:first-child { padding-bottom: 4px; color: var(--candle-chapel-bronze-corner-ink); font-family: var(--font-cormorant-garamond), var(--invitation-font-heading), "Cormorant Garamond", Garamond, Georgia, serif; font-size: 7px; letter-spacing: 0.07em; line-height: 1.1; text-transform: uppercase; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelBronzeCornerCartouche .rsvp-v2-options-candleChapelBronzeCornerCartouche { width: 100%; gap: 3px; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelBronzeCornerCartouche .rsvp-v2-options-candleChapelBronzeCornerCartouche > span { font-size: 5px; padding: 0 15% !important; } .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelBronzeCornerCartouche .rsvp-v2-options-candleChapelBronzeCornerCartouche > span:first-child, .builder-rsvp-v2-response-thumbnail .rsvp-v2-choice-preview-candleChapelBronzeCornerCartouche .rsvp-v2-options-candleChapelBronzeCornerCartouche > span.selected { color: var(--candle-chapel-bronze-corner-ink); } @container (max-width: 370px) { .rsvp-v2-choice-preview-candleChapelBronzeCornerCartouche { gap: 9px; } .rsvp-v2-choice-preview-candleChapelBronzeCornerCartouche .rsvp-v2-options-candleChapelBronzeCornerCartouche > button { padding-inline: 12% !important; font-size: clamp(0.75em, 2.8cqi, 0.98em); } } [dir="rtl"] .rsvp-v2-choice-preview-candleChapelBronzeCornerCartouche > p, [dir="rtl"] .rsvp-v2-choice-preview-candleChapelBronzeCornerCartouche .rsvp-v2-options-candleChapelBronzeCornerCartouche > button, [dir="rtl"] .rsvp-v2-choice-preview-candleChapelBronzeCornerCartouche .rsvp-v2-options-candleChapelBronzeCornerCartouche > span { direction: rtl; font-family: "Noto Naskh Arabic", var(--invitation-font-body), serif; letter-spacing: 0.01em; text-transform: none; } @media (prefers-reduced-motion: reduce) { .rsvp-v2-choice-preview-candleChapelBronzeCornerCartouche .rsvp-v2-options-candleChapelBronzeCornerCartouche > button { transition: none; } } /* The guest form uses the same persisted label font as the invitation canvas. */ .rsvp-v2-live-form [data-rsvp-v2-response-variant^="candleChapel"] .rsvp-v2-response-label { font-family: var(--rsvp-v2-block-font-family, inherit); } .invitation-opening-overlay[data-opening-experience-id="candlelit-threshold-reveal"] .motion-opening-poster { animation: none; opacity: 1; transform: none; }