/* Theme 15 only: override the shared legacy rules with the One Piece layout. */
body.khitan-centered-layout {
    --khitan-accent: #8d2900;
    --khitan-soft: #fff5df;
    --khitan-heading-font: 'Josefin Sans', Arial, sans-serif;
    --khitan-body-font: 'Almarai', Arial, sans-serif;
}

.khitan-centered-layout #welcomeMessage,
.khitan-centered-layout #content-of-main p,
.khitan-centered-layout #content-of-main h2,
.khitan-centered-layout #content-of-main button,
.khitan-centered-layout #content-of-main a {
    font-family: var(--khitan-body-font) !important;
}

/* Legacy scroll animations alter height and opacity while measuring sections. */
.khitan-centered-layout #content-of-main * {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
}

.khitan-centered-layout #welcomeMessage h1,
.khitan-centered-layout #content-of-main #fullname-profil-1,
.khitan-centered-layout #content-of-main #date_time #waktu-tempat,
.khitan-centered-layout #content-of-main #prewed #bahagia-kami {
    color: var(--khitan-accent) !important;
    font-family: var(--khitan-heading-font) !important;
    font-weight: 400 !important;
}

.khitan-centered-layout #welcomeMessage h1 {
    font-size: 36px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    margin-top: 28px !important;
    max-width: 340px !important;
    overflow-wrap: anywhere;
}

.khitan-centered-layout #welcomeMessage {
    background-size: cover !important;
}

.khitan-centered-layout #welcomeMessage h2,
.khitan-centered-layout #welcomeMessage p {
    font-family: var(--khitan-body-font) !important;
    color: #0f0d13 !important;
}

.khitan-centered-layout #welcomeMessage h2:first-of-type {
    font-size: 28px !important;
    line-height: 31px !important;
}

.khitan-centered-layout #welcomeMessage h2:nth-of-type(2) {
    margin-top: 28px !important;
    font-family: 'Inter', Arial, sans-serif !important;
    line-height: 19px !important;
}

.khitan-centered-layout #welcomeMessage h2:nth-of-type(3) {
    font-size: 20px !important;
    font-family: 'Inter', Arial, sans-serif !important;
    line-height: 24px !important;
    margin-top: 16px !important;
}

.khitan-centered-layout #welcomeMessage p {
    margin-top: 12px !important;
    font-family: 'Inter', Arial, sans-serif !important;
    line-height: 19px !important;
}

.khitan-centered-layout #welcomeMessage #bukaUndangan {
    background: var(--khitan-accent) !important;
    border-radius: 999px !important;
    height: 46px;
    min-width: 174px;
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-top: 27px;
    padding-inline: 18px !important;
}

.khitan-centered-layout #content-of-main #ayat,
.khitan-centered-layout #content-of-main #date_time,
.khitan-centered-layout #content-of-main #akad-resepsi,
.khitan-centered-layout #content-of-main #prewed,
.khitan-centered-layout #content-of-main #gift {
    height: auto !important;
    min-height: 736px !important;
    overflow: visible !important;
    background-size: cover !important;
    overflow-wrap: anywhere;
}

.khitan-centered-layout #content-of-main #ayat-container {
    height: auto !important;
    min-height: 736px !important;
    padding: 170px 38px 120px !important;
}

.khitan-centered-layout #content-of-main #tanda-1 {
    font-family: var(--khitan-heading-font) !important;
    font-size: 28px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    color: #000 !important;
}

.khitan-centered-layout #content-of-main #tanda-2 {
    font-family: var(--khitan-body-font) !important;
    font-size: 16px !important;
    line-height: 18px !important;
    max-width: 304px !important;
    margin-top: 12px !important;
    color: #000 !important;
}

.khitan-centered-layout #content-of-main #ayat-container > .mx-3 {
    margin-top: 24px !important;
}

.khitan-centered-layout #content-of-main #profil-1-photo,
.khitan-centered-layout #content-of-main #foto-profil-1 {
    width: 104px !important;
    height: 104px !important;
}

.khitan-centered-layout #content-of-main #foto-profil-1 {
    border: 1px solid #000 !important;
}

.khitan-centered-layout #content-of-main #ayat #profil-1-photo {
    box-shadow: 0 4px 4px rgb(0 0 0 / 25%) !important;
}

.khitan-centered-layout #content-of-main #nickname-profil-1 {
    font-family: var(--khitan-body-font) !important;
    font-size: 36px !important;
    line-height: 40px !important;
    font-weight: 400;
    margin-top: 12px !important;
    margin-bottom: 0 !important;
    color: #000 !important;
}

.khitan-centered-layout #content-of-main #fullname-profil-1 {
    font-size: 36px !important;
    line-height: 1 !important;
    margin-top: 12px !important;
    margin-bottom: 0 !important;
}

.khitan-centered-layout #content-of-main #family-profil-1 {
    margin-top: 12px !important;
}

.khitan-centered-layout #content-of-main .position-relative:has(> #hr-1) {
    display: none;
}

.khitan-centered-layout #content-of-main #family-profil-1 p {
    font-family: var(--khitan-body-font) !important;
    font-size: 20px !important;
    line-height: 22px !important;
    color: #000 !important;
}

.khitan-centered-layout #content-of-main #family-profil-1 p:first-of-type {
    font-weight: 400 !important;
}

.khitan-centered-layout #content-of-main #family-profil-1 p:last-of-type {
    font-weight: 700;
}

.khitan-centered-layout #content-of-main #date_time {
    padding: 170px 42px 130px !important;
}

.khitan-centered-layout #content-of-main #date_time #waktu-tempat {
    font-size: 40px !important;
    line-height: 1 !important;
    margin: 0 0 20px !important;
}

.khitan-centered-layout #content-of-main #date_time #card-time {
    gap: 8px;
}

.khitan-centered-layout #content-of-main #date_time #card-time .card {
    width: 68px !important;
    height: 46px !important;
    border-color: var(--khitan-accent) !important;
    border-radius: 2px !important;
    background: transparent !important;
}

.khitan-centered-layout #content-of-main #date_time #card-time h5 {
    font-weight: 400 !important;
    font-size: 17px !important;
    color: #171717 !important;
}

.khitan-centered-layout #content-of-main #date_time #card-time #days,
.khitan-centered-layout #content-of-main #date_time #card-time #hours,
.khitan-centered-layout #content-of-main #date_time #card-time #minutes,
.khitan-centered-layout #content-of-main #date_time #card-time #seconds {
    color: #0f0d13 !important;
    font-family: var(--khitan-body-font) !important;
    font-weight: 700 !important;
}

.khitan-centered-layout #content-of-main #date_time #card-time p {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #171717 !important;
}

.khitan-centered-layout #content-of-main #date_time #savethedate {
    border-radius: 999px !important;
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 20px auto 0 !important;
    padding: 12px 20px !important;
}

.khitan-centered-layout #content-of-main #date_time #ayat-2 {
    background: #fff4e2 !important;
    border: 1px solid var(--khitan-accent) !important;
    border-radius: 24px;
    margin: 28px 22px 0 !important;
    padding: 32.5px 9px !important;
}

.khitan-centered-layout #content-of-main #date_time #ayat-2 > .card-body {
    margin: 0 !important;
    padding: 0 !important;
}

.khitan-centered-layout #content-of-main #date_time #ayat-2 p {
    font-family: var(--khitan-body-font) !important;
    font-size: 14px !important;
    line-height: 16px !important;
    color: #0f0d13 !important;
}

.khitan-centered-layout #content-of-main #date_time #ayat-2 h1 {
    color: var(--khitan-accent) !important;
    font-family: var(--khitan-body-font) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 16px !important;
    margin-top: 16px;
}

.khitan-centered-layout #content-of-main #akad-resepsi {
    padding: 173px 32px 120px !important;
}

.khitan-centered-layout #content-of-main #akad-resepsi > .container {
    padding: 0;
}

.khitan-centered-layout #content-of-main #akad-resepsi #event-description {
    font-family: var(--khitan-body-font) !important;
    margin: 0 auto 41px !important;
    max-width: 313px;
    font-size: 18px !important;
    line-height: 20px !important;
    color: #0f0d13 !important;
}

.khitan-centered-layout #content-of-main #akad-resepsi .row {
    margin: 0;
}

.khitan-centered-layout #content-of-main #akad-resepsi .col-md-6 {
    width: 100%;
    padding: 0;
}

.khitan-centered-layout #content-of-main #akad-resepsi .lokasi {
    padding: 0 !important;
}

.khitan-centered-layout #content-of-main #akad-resepsi .lokasi h1 {
    color: var(--khitan-accent) !important;
    font-family: var(--khitan-heading-font) !important;
    font-size: 32px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    margin: 0 0 41px !important;
}

.khitan-centered-layout #content-of-main #akad-resepsi .lokasi hr {
    display: none;
}

.khitan-centered-layout #content-of-main #akad-resepsi #day-wedding-1 {
    display: none;
}

.khitan-centered-layout #content-of-main #akad-resepsi .lokasi h2,
.khitan-centered-layout #content-of-main #akad-resepsi .lokasi p,
.khitan-centered-layout #content-of-main #akad-resepsi .lokasi h2.text-color-2 {
    color: #0f0d13 !important;
    font-family: var(--khitan-body-font) !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    margin: 8px 0 !important;
}

.khitan-centered-layout #content-of-main #akad-resepsi .lokasi h2.text-color-2 {
    font-weight: 700 !important;
}

.khitan-centered-layout #content-of-main #akad-resepsi .lokasi a {
    border-radius: 999px !important;
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 28px auto 0 !important;
    padding: 12px 20px !important;
}

.khitan-centered-layout #content-of-main #prewed > .mb-5 {
    padding: 236px 42px 140px !important;
}

.khitan-centered-layout #content-of-main #prewed {
    min-height: 774px !important;
}

.khitan-centered-layout #content-of-main #prewed #bucket {
    display: none !important;
}

.khitan-centered-layout #content-of-main #prewed #bahagia-kami {
    font-size: 32px !important;
    line-height: 1 !important;
}

.khitan-centered-layout #content-of-main #prewed #photo-prewed {
    margin-top: 20px !important;
    padding-bottom: 0 !important;
    height: auto !important;
    overflow: visible !important;
}

.khitan-centered-layout #content-of-main #prewed #photo-prewed img {
    height: 205px !important;
    border-radius: 10px !important;
}

.khitan-centered-layout #content-of-main #prewed .khitan-gallery-controls {
    gap: 0;
    margin-top: 24px;
}

.khitan-centered-layout #content-of-main #prewed .khitan-gallery-controls > :not(.khitan-gallery-dot) {
    display: none;
}

.khitan-centered-layout #content-of-main #prewed .khitan-gallery-controls .khitan-gallery-dot {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    background: transparent !important;
}

.khitan-centered-layout #content-of-main #prewed .khitan-gallery-dot::before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #d9d9d9;
}

.khitan-centered-layout #content-of-main #prewed .khitan-gallery-dot[aria-pressed='true']::before {
    background: #595959;
}

.khitan-centered-layout #content-of-main #prewed .khitan-gallery-dot:focus-visible {
    outline: 2px solid var(--khitan-accent);
    outline-offset: 2px;
}

.khitan-centered-layout #content-of-main #gift {
    min-height: 1047px !important;
    padding: 174px 29px 150px !important;
}

.khitan-centered-layout #content-of-main #gift #wedding-gift {
    font-family: 'Jacques Francois', Georgia, serif !important;
    font-size: 40px !important;
    line-height: 53px !important;
    font-weight: 400;
    margin: 0 0 28px !important;
    padding: 0 !important;
}

.khitan-centered-layout #content-of-main #gift > .container {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0;
}

.khitan-centered-layout #content-of-main #gift #thanks-you {
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 24px !important;
    max-width: 296px;
    margin: 0 auto 24px !important;
    color: #0f0d13 !important;
}

.khitan-centered-layout #content-of-main #gift hr {
    display: none;
}

.khitan-centered-layout #content-of-main #gift .row {
    display: flex !important;
    flex-direction: column;
    margin: 0;
}

.khitan-centered-layout #content-of-main #gift #kirim-kado {
    order: 1;
}

.khitan-centered-layout #content-of-main #gift #transfer-rekening {
    order: 2;
}

.khitan-centered-layout #content-of-main #gift #transfer-rekening,
.khitan-centered-layout #content-of-main #gift #kirim-kado {
    display: block !important;
    margin: 0 auto 30px !important;
    padding: 0;
}

.khitan-centered-layout #content-of-main #gift #transfer-rekening h2,
.khitan-centered-layout #content-of-main #gift #kirim-kado h2,
.khitan-centered-layout #content-of-main #gift #transfer-rekening p,
.khitan-centered-layout #content-of-main #gift #gift-address {
    color: #0f0d13 !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 24px !important;
    max-width: 296px;
    margin: 0 auto !important;
}

.khitan-centered-layout #content-of-main #gift #gift-address {
    margin-top: 0 !important;
    font-weight: 700;
}

.khitan-centered-layout #content-of-main #gift #transfer-rekening button,
.khitan-centered-layout #content-of-main #gift #kirim-kado button {
    border-radius: 3px !important;
    font-size: 14px !important;
    font-family: 'Inter', Arial, sans-serif !important;
    font-weight: 700 !important;
    margin: 24px auto 30px !important;
    padding: 8px 12px !important;
}

.khitan-centered-layout #content-of-main #gift #transfer-rekening p {
    font-weight: 700;
}

.khitan-centered-layout #content-of-main #gift #transfer-rekening button:last-child,
.khitan-centered-layout #content-of-main #gift #kirim-kado button {
    margin-bottom: 0 !important;
}

.khitan-centered-layout #icon-bar .icon-bar {
    background: var(--khitan-accent);
    border: 0;
    padding: 4px 10px;
}

@media (max-width: 360px) {
    .khitan-centered-layout #welcomeMessage h2:first-of-type {
        font-size: 24px !important;
        line-height: 27px !important;
    }

    .khitan-centered-layout #welcomeMessage h1 {
        font-size: 30px !important;
    }

    .khitan-centered-layout #content-of-main #ayat-container {
        padding-inline: 32px !important;
    }

    .khitan-centered-layout #content-of-main #tanda-1 {
        font-size: 20px !important;
    }

    .khitan-centered-layout #content-of-main #fullname-profil-1 {
        font-size: 28px !important;
    }

    .khitan-centered-layout #content-of-main #family-profil-1 p {
        font-size: 18px !important;
        line-height: 20px !important;
    }

    .khitan-centered-layout #content-of-main #date_time,
    .khitan-centered-layout #content-of-main #akad-resepsi,
    .khitan-centered-layout #content-of-main #gift {
        padding-inline: 32px !important;
    }

    .khitan-centered-layout #content-of-main #date_time #waktu-tempat {
        font-size: 30px !important;
    }

    .khitan-centered-layout #content-of-main #date_time #ayat-2 {
        margin-inline: 0 !important;
        padding-inline: 16px !important;
    }

    .khitan-centered-layout #content-of-main #akad-resepsi .lokasi h1 {
        font-size: 25px !important;
    }
}