&

Open Invitation










.kustom-audio-player-ui { display: inline-flex; align-items: center; gap: 12px; max-width: 100%; box-sizing: border-box; }
.kustom-audio-btn { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); }
.kustom-audio-spectrum { display: flex; align-items: center; gap: 3px; height: 32px; max-width: 100%; overflow: hidden; }
.kustom-audio-bar { width: 3px; border-radius: 2px; background-color: #8b7cf6; height: 15%; transition: height .08s ease; animation: kustomAudioBarIdle 1.2s ease-in-out infinite; animation-play-state: paused; flex-shrink: 1; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); }
.kustom-audio-spectrum.is-playing .kustom-audio-bar { animation-play-state: running; }
.kustom-audio-spectrum.is-reactive .kustom-audio-bar { animation: none; }
@keyframes kustomAudioBarIdle {
0%, 100% { height: 15%; }
50% { height: 85%; }
}


&

THE GROOM

Putra dari :

&

Putri dari :

&

THE BRIDE

COUNTING DOWN TO THE DAY

Days Hours Minutes Seconds

Wedding Moment

Event Location :

See Location

Event Location :

See Location

Event Location :

See Location

.elementor-element-12869e5 .cqr-gallery-container.cqr-layout-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2px;
}
.elementor-element-12869e5 .cqr-gallery-container.cqr-layout-grid .cqr-gallery-image {
aspect-ratio: 9/16;
width: 100%;
}
@media (max-width: 1024px) {
.elementor-element-12869e5 .cqr-gallery-container.cqr-layout-grid {
grid-template-columns: repeat(2, 1fr);
gap: 2px;
}
}
@media (max-width: 767px) {
.elementor-element-12869e5 .cqr-gallery-container.cqr-layout-grid {
grid-template-columns: repeat(1, 1fr);
gap: 2px;
}
}

.elementor-element-12869e5 .cqr-gallery-image {
transition: transform 300ms ease, border-color 300ms ease, filter 300ms ease;
}
















/* MENGHILANGKAN DEFAULT HOVER & FOCUS BORDER PERAMBUT BROWSER */
.wrapper-custom-form .cef-input-field:hover,
.wrapper-custom-form .cef-input-field:focus {
outline: none !important;
box-shadow: none !important;
}
/* Kustomisasi Icon Dropdown Select */
.wrapper-custom-form select.cef-input-field {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
background-image: url(“data:image/svg+xml;charset=UTF-8,%3Csvg xmlns=’http://www.w3.org/2000/svg’ viewBox=’0 0 24 24′ width=’18’ height=’18’ fill=’none’ stroke=’%238e8e93′ stroke-width=’2′ stroke-linecap=’round’ stroke-linejoin=’round’%3E%3Cline x1=’4′ y1=’7′ x2=’20’ y2=’7’%3E%3C/line%3E%3Cline x1=’7′ y1=’12’ x2=’17’ y2=’12’%3E%3C/line%3E%3Cline x1=’10’ y1=’17’ x2=’14’ y2=’17’%3E%3C/line%3E%3C/svg%3E”) !important;
background-repeat: no-repeat !important;
background-position: right 12px center !important;
padding-right: 35px !important;
}
/* TEMA LIGHT MODE */
.ks-cef-theme-light .wrapper-custom-form { color: #000000; }
.ks-cef-theme-light .cef-form-container { border: 1px solid #dbdbdb; }
.ks-cef-theme-light .cef-input-field { color: #000000 !important; background-color: #ffffff !important; }
.ks-cef-theme-light select.cef-input-field option { color: #000000 !important; background-color: #ffffff !important; }
.ks-cef-theme-light .cef-form-label { color: #262626; }
/* TEMA DARK MODE */
.ks-cef-theme-dark .wrapper-custom-form { color: #ffffff; }
.ks-cef-theme-dark .cef-form-container { border: 1px solid #2c2c2e; }
.ks-cef-theme-dark .cef-input-field { color: #ffffff !important; background-color: #151515 !important; }
.ks-cef-theme-dark select.cef-input-field option { color: #ffffff !important; background-color: #151515 !important; }
.ks-cef-theme-dark .cef-form-label { color: #eaeaea; }
/* STYLES KHUSUS FIELD READONLY */
.wrapper-custom-form .cef-input-field[readonly] {
opacity: 0.8;
cursor: not-allowed;
}
/* PESAN “SUDAH PERNAH MENGISI” */
.ks-cef-theme-light .cef-locked-message { background: #f0fdf4; color: #166534; border: 1px solid #bbf7d0; }
.ks-cef-theme-dark .cef-locked-message { background: #052e1a; color: #4ade80; border: 1px solid #14532d; }

Bakso
Sate
Soto
Beef

Es Teh
Americo
Es Jeruk



.area-daftar-ucapan::-webkit-scrollbar { width: 4px; }
.area-daftar-ucapan::-webkit-scrollbar-thumb { background: #dbdbdb; border-radius: 10px; }
.btn-delete-comment { cursor: pointer; font-weight: 600; background: none; border: none; padding: 0; font-size: 12px; display: inline-flex; align-items: center; gap: 4px; color: #ed4956 !important; }
.comment-row-1 { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; font-size: 13px; margin-bottom: 2px; }
.comment-row-2 { margin: 0 0 6px 0; font-size: 14px; word-break: break-word; }
.comment-row-3 { display: flex; gap: 14px; align-items: center; font-size: 11px; }
/* Kustomisasi Icon Dropdown Select */
.wrapper-buku-tamu select.bt-input-field {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
background-image: url(“data:image/svg+xml;charset=UTF-8,%3Csvg xmlns=’http://www.w3.org/2000/svg’ viewBox=’0 0 24 24′ width=’18’ height=’18’ fill=’none’ stroke=’%238e8e93′ stroke-width=’2′ stroke-linecap=’round’ stroke-linejoin=’round’%3E%3Cline x1=’4′ y1=’7′ x2=’20’ y2=’7’%3E%3C/line%3E%3Cline x1=’7′ y1=’12’ x2=’17’ y2=’12’%3E%3C/line%3E%3Cline x1=’10’ y1=’17’ x2=’14’ y2=’17’%3E%3C/line%3E%3C/svg%3E”) !important;
background-repeat: no-repeat !important;
background-position: right 12px center !important;
padding-right: 35px !important;
}
.ks-bt-theme-light .wrapper-buku-tamu { color: #000000; }
.ks-bt-theme-light .bt-form-container { border: 1px solid #dbdbdb; }
.ks-bt-theme-light .bt-input-field { color: #000000 !important; background-color: #ffffff !important; }
.ks-bt-theme-light select.bt-input-field option { color: #000000 !important; background-color: #ffffff !important; }
.ks-bt-theme-light .bt-form-label { color: #262626; }
.ks-bt-theme-light .bt-title-count { color: #262626; border-bottom: 1px solid #efefef; }
.ks-bt-theme-light .author-name { color: #262626; }
.ks-bt-theme-light .comment-row-2 { color: #262626; }
.ks-bt-theme-light .comment-row-3 { color: #737373; }
.ks-bt-theme-light .comment-time-bullet { color: #8e8e8e; }
.ks-bt-theme-light .comment-block { border-bottom: 1px solid #fafafa; }
.ks-bt-theme-dark .wrapper-buku-tamu { color: #ffffff; }
.ks-bt-theme-dark .bt-form-container { border: 1px solid #2c2c2e; }
.ks-bt-theme-dark .bt-input-field { color: #ffffff !important; background-color: #151515 !important; }
.ks-bt-theme-dark select.bt-input-field option { color: #ffffff !important; background-color: #151515 !important; }
.ks-bt-theme-dark .bt-form-label { color: #eaeaea; }
.ks-bt-theme-dark .bt-title-count { color: #ffffff; border-bottom: 1px solid #151515; }
.ks-bt-theme-dark .author-name { color: #ffffff; }
.ks-bt-theme-dark .comment-row-2 { color: #e5e5ea; }
.ks-bt-theme-dark .comment-row-3 { color: #aeaeae; }
.ks-bt-theme-dark .comment-time-bullet { color: #8e8e93; }
.ks-bt-theme-dark .comment-block { border-bottom: 1px solid #1c1c1e; }



Hadir
Tidak Hadir
Ragu-ragu




Terima kasih “Tamu Undangan” sudah mengisi konfirmasi kehadiran dan memberikan ucapan.

Ucapan (0)

Belum ada ucapan.

/* MENGHILANGKAN DEFAULT HOVER & FOCUS BORDER PERAMBUT BROWSER */
.wrapper-custom-form .cef-input-field:hover,
.wrapper-custom-form .cef-input-field:focus {
outline: none !important;
box-shadow: none !important;
}
/* Kustomisasi Icon Dropdown Select */
.wrapper-custom-form select.cef-input-field {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
background-image: url(“data:image/svg+xml;charset=UTF-8,%3Csvg xmlns=’http://www.w3.org/2000/svg’ viewBox=’0 0 24 24′ width=’18’ height=’18’ fill=’none’ stroke=’%238e8e93′ stroke-width=’2′ stroke-linecap=’round’ stroke-linejoin=’round’%3E%3Cline x1=’4′ y1=’7′ x2=’20’ y2=’7’%3E%3C/line%3E%3Cline x1=’7′ y1=’12’ x2=’17’ y2=’12’%3E%3C/line%3E%3Cline x1=’10’ y1=’17’ x2=’14’ y2=’17’%3E%3C/line%3E%3C/svg%3E”) !important;
background-repeat: no-repeat !important;
background-position: right 12px center !important;
padding-right: 35px !important;
}
/* TEMA LIGHT MODE */
.ks-cef-theme-light .wrapper-custom-form { color: #000000; }
.ks-cef-theme-light .cef-form-container { border: 1px solid #dbdbdb; }
.ks-cef-theme-light .cef-input-field { color: #000000 !important; background-color: #ffffff !important; }
.ks-cef-theme-light select.cef-input-field option { color: #000000 !important; background-color: #ffffff !important; }
.ks-cef-theme-light .cef-form-label { color: #262626; }
/* TEMA DARK MODE */
.ks-cef-theme-dark .wrapper-custom-form { color: #ffffff; }
.ks-cef-theme-dark .cef-form-container { border: 1px solid #2c2c2e; }
.ks-cef-theme-dark .cef-input-field { color: #ffffff !important; background-color: #151515 !important; }
.ks-cef-theme-dark select.cef-input-field option { color: #ffffff !important; background-color: #151515 !important; }
.ks-cef-theme-dark .cef-form-label { color: #eaeaea; }
/* STYLES KHUSUS FIELD READONLY */
.wrapper-custom-form .cef-input-field[readonly] {
opacity: 0.8;
cursor: not-allowed;
}
/* PESAN “SUDAH PERNAH MENGISI” */
.ks-cef-theme-light .cef-locked-message { background: #f0fdf4; color: #166534; border: 1px solid #bbf7d0; }
.ks-cef-theme-dark .cef-locked-message { background: #052e1a; color: #4ade80; border: 1px solid #14532d; }

Bakso
Sate
Soto
Beef

Es Teh
Americo
Es Jeruk



.btn-copy-account {
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
border: 1px solid #ccc;
background-color: #0073aa;
color: #fff;
padding: 10px 20px;
font-weight: 600;
}

.btn-copy-account {
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
border: 1px solid #ccc;
background-color: #0073aa;
color: #fff;
padding: 10px 20px;
font-weight: 600;
}

.btn-copy-account {
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
border: 1px solid #ccc;
background-color: #0073aa;
color: #fff;
padding: 10px 20px;
font-weight: 600;
}

Open Your QR-Code

MY QR-CODE

QR Code Undangan

Gunakan kode QR pribadi Anda untuk melakukan check-in secara instan setibanya di area acara. Sistem digital ini dirancang untuk mempercepat proses registrasi tamu dan memantau kehadiran secara real-time.


Close QR-Code

Design by : Hiklat Agency