@import url('/theme-assets/khitanan-islami-anak.css');
body{background:#312612;color:#4c391b}main{background:#fffdf0}main>section,main>footer{background:#fffdf0 url('/images/khitanan/golden-kids/background.png') center/100% 100% no-repeat;padding-top:clamp(80px,16dvh,150px)}em,.eyebrow{color:#977121}.desktop{background:radial-gradient(ellipse at center,#604b21,#281f10);color:#fff9e6}.desktop:before{border-color:#d8b04c99}.desktop em,.desktop>span{color:#efd48b}.desktop>img{object-fit:cover;object-position:center 35%;border:3px solid #d6ab47;border-radius:100px 100px 12px 12px}.button,button{background:#503b16;border-color:#b28c35;color:#fffbed}.bismillah{height:36px;margin-bottom:12px}.photo-frame,.portrait{width:auto;aspect-ratio:4/5;max-width:65%;padding:4px;background:linear-gradient(130deg,#b98c24,#ffe999,#c59936);border-radius:100px 100px 8px 8px;box-shadow:0 8px 24px #72511516}.photo-frame img,.portrait img,.photo-frame img:not([src$='/anak.png']),.portrait img:not([src$='/anak.png']){object-fit:cover;object-position:center 35%;border:0;border-radius:96px 96px 5px 5px}.cover .photo-frame{height:clamp(125px,27dvh,250px);margin:10px auto 0}.cover h1{position:relative;width:fit-content;max-width:100%;margin:-2px auto 10px;padding:8px 24px;background:#513d18;border:2px solid #d5b15b;border-radius:8px;color:#fffbea;font-size:clamp(30px,5dvh,43px);z-index:2}.cover .occasion{font-size:25px;letter-spacing:1px;text-transform:uppercase}.cover .guest{background:#fffcf0d9;border-color:#967337}.cover .date{font-size:12px}.cover .invitation-countdown{color:#6a5127}.cover .countdown-values b{background:#fff9e5d9}.event-card,.gift-card{background:#fffbedee;border-color:#c59c44;border-radius:70px 70px 12px 12px}.event-card .time{color:#917024}main nav{background:#493715f5;border-color:#d9b65f}.rsvp input,.rsvp select,.rsvp textarea{color:#4c391b;background:#fffdf2;border-color:#c6ad70}.photos figure{background:#fffdf2;border-color:#bfa05b}
main>.cover{padding-top:12dvh;padding-bottom:24px}
@media(max-height:740px){main>section,main>footer{padding-top:12dvh}main>.cover{padding-top:9dvh}.cover .bismillah{height:28px;margin-bottom:8px}.cover .occasion{font-size:21px;margin-bottom:4px}.cover .photo-frame{height:24dvh;min-height:125px;margin-top:6px}.cover h1{font-size:31px;padding:6px 20px;margin-bottom:6px}.child .bismillah{height:28px;margin-bottom:8px}.child h2{font-size:22px;margin:8px 0}.child p{margin:6px 0}.child .portrait{height:95px;margin:8px auto}.child h3{font-size:24px;margin:8px 0}.child .star{margin:4px;font-size:23px}.rsvp h2{font-size:25px;margin:8px 0}.rsvp form{margin-top:8px}.rsvp label{margin:4px 0 3px}.rsvp form button{margin-top:8px}}
@media(max-height:600px){main>section,main>footer{padding-top:11dvh}.cover .photo-frame{height:125px}.cover .occasion{font-size:19px}.cover h1{font-size:28px;padding:5px 18px}.child .bismillah{height:24px}.child .portrait{height:80px}.child h2{font-size:20px}.child h3{font-size:22px}.child .star{display:none}.events h2,.gift h2{font-size:24px}.event-card,.gift-card{padding:16px;margin-top:10px}.rsvp form button{margin-top:0}.rsvp label{margin:0}}
.child .portrait{max-height:18dvh}
@media(max-height:600px){.events .event-card>strong{margin-top:8px}.events .event-card .button{margin-top:2px}.events>p{margin-block:7px}}
main>.cover{background-image:url('/images/khitanan/golden-kids/background.png')}
@media(max-height:600px){.events .event-card{padding-block:14px}}