#countdown.finish, #countdown.going_on {
background-color: #f1f1ee;
padding-top: 5rem;
}

#countdown.finish {
background-image: none;
}

#maps{
width: 90%;
margin: 0 5%;
}

#maps .google-maps{
border: 10px solid #243251;
border-radius: 10px;
}

#welcome .wrapper .text-wrapper .couple-name h1 {
line-height: 2 !important;
}

.shapeGalleries .elementor-shape-fill{
fill: #f1f1ee;
}
.shapeGalleries{
display: block !important;
z-index: 1;
}
#coupleProfile .new_style_couple .col-lg-2{
background-image: url('https://cdn-uploads.owlink.id/contenful/New_Project__1_.png');
padding: 2.5rem 0;
}
#coupleProfile h4 b{
font-family: halimun;
}
#quote .container .text-center img{
width: 70% !important;
}

.stories{
border: 15px solid #fff;
border-bottom: 50px solid #fff;
background-color: #ece3c5;
position: relative;
 box-shadow: -1px 1px 15px 1px #ccc;
width: 94% !important;
margin: 0 3% 4rem 3%;
}

#story{
background-color: #ece3c5;
width: 90%;
margin: 0 5%;
}

#quote .container .text-center:nth-child(3){
display: none;
}

#welcome .wrapper .text-wrapper .welcome-text{
font-size: 3rem !important;
}

#coupleProfile .col-lg-2{
background-image: url('https://cdn-uploads.owlink.id/contenful/New_Project__1_.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 2rem 0;
}
#coupleProfile .col-lg-2 h1{
font-size: 2.5rem !important;
}

#quote .shapeBottom{
display: block !important;
}

#story-slider{
max-height: 200px;
}
.quotes{
font-size: 16px !important;
font-weight: 400 !Important;
padding: 1rem; 
color: #f1f1ee !important;
}
.shape{
display:block !important;
}
.shape-fill{
fill: #243251;
}

#quote {
height: max-content;
margin-bottom: 2rem;
position: relative;
padding: 0 !important;
background-color: #243251;
}

#quote .container{
padding:0;
}

.video .cover, #galleries{
padding-bottom: 0;
}

#galleries{
padding-top: 0 !important;
}

.video .cover{
padding-top: 2rem;
}

.main-page, .layout-cover{
background-color: #f1f1ee !Important;
}

#coupleProfile{
padding-top: 40px;
margin-bottom: 2rem;
background-size: contain;
border-radius: 2rem;
}

#story{
margin: 2rem 0;
}

#story .container{
    padding-bottom: 1rem;
}

.stories::before, #live::before, #instagram-filter::before{
content: "";
width: 95px;
height: 65px;
background-image: url('https://cdn-uploads.owlink.id/contenful/5497-ai.png');
position: absolute;
background-size: contain;
    top: -34px;
    left: -7px;
background-repeat: no-repeat;
}

#countdown{
background-color: #243251;
background-image: url('https://cdn-uploads.owlink.id/contenful/New_Project__5_.png');
background-size: cover;
background-position: center;
}

.countdown-section li span{
font-size: 2rem !important;
color: #f1f1ee !important;
}
#countdown li span b{
font-family: halimun;
}

.countdown-section li {
color: #f1f1ee !important;
}

#countdown li#days span{
font-size: 3rem !important;
}

#countdown li span b{
font-weight: normal;
}

.countdown-section h1{
color: #f1f1ee !important;
padding-top: 4rem;
}

#countdown .shapeCountdown{
display: block !important;
}

#countdown .shapeCountdown .elementor-shape-fill{
fill: #243251;
}

#galleries .container p{
margin-bottom: 0 !important;
}

.quoteGalleries{
padding-top: 2rem;
position: relative;
padding-bottom: 1rem;
background-image: url('https://cdn-uploads.owlink.id/contenful/5698719-ai.png');
background-size: cover;
background-repeat-y: no-repeat;
background-position: center;
}



#weddingDetail{
padding-top: 0;
}
#countdown li#days span{
border: none;
}

#countdown .container.wrapBtn{
padding-bottom: 1rem;
    margin-bottom: 6rem;}

.tgl-acara{
margin-bottom: 2.5rem;
color: #f1f1ee !important;
}

#countdown .btn-info, #countdown .btn-calendar{
background-color: #f1f1ee;
color: #404345;
border-color: #404345;
margin-bottom: 5px;
font-size: 14px;
}


.adress p{
margin-bottom: 0px;
padding-bottom: 1rem;
}

#rsvp{
width: 90%;
 margin: 2.5rem 5% 1rem 5%;
padding: 1rem 0;
box-shadow: 2px 1px 20px -5px #243251;
}

#rsvp .will-join {
color: #f1f1ee;
}
#rsvp.rsvp-bottom .will-join {
color: #404345 !important;
}
#rsvp.rsvp-top{
position:relative;
top: -3rem;
}
#maps{
padding-top: 0px !important;
margin-bottom: 0 !important;
}

.lihat-lokasi{
margin: 0;
}

#live, #instagram-filter{
border: 15px solid #fff;
border-bottom: 50px solid #fff;
width: 94%;
margin: 1rem 3%;
position: relative;
background-color: #ece3c5 !important;
 box-shadow: -1px 1px 15px 1px #ccc;
}

#maps .google-maps{
padding-top: 1rem !important;
}

#maps{
margin-bottom: 1rem;
    margin-top: 30px;
    padding-top: 1rem;
}
#list-rundown{
    margin: 2rem 0 2rem 0;
padding-top: 2rem;
padding-bottom: 1rem;
background-image: url('https://cdn-uploads.owlink.id/contenful/01QcYN53sWodwqR7gvquz5__New_Project__9_.png');
background-size: cover;
 background-position: center;
}


.galleriSection #owl-slider .item, .owl-carousel .item{
height: 70vh !important;
}
#list-rundown .item-rundown{
background-image: url('https://cdn-uploads.owlink.id/contenful/Vector_Smart_Object1-ai__1___1_.png');
    background-position-x: center;
    background-position-y: bottom;
background-repeat: no-repeat;
padding-bottom: 3rem;
background-size: unset;
}


#list-rundown .item-rundown:first-child{
margin-bottom: 0!important;
}

#adressWrapper{
color: #fff;
border-radius: 10px;
float: left;
width:100%;
position: relative;
margin: 2rem 0;
}


#section-bottom{
background-image: url('https://cdn-uploads.owlink.id/contenful/Polygon-1s-1141px.svg');
background-size: cover;
padding-top: 0;
margin-top: 4rem;
    background-position-x: center;
    background-position-y: top;
}

#list-rundown{
width: 90% !important;
    background-color: #5a71781c;
    border: 1px solid #5a717861;
    border-radius: 10px;
margin: 2rem 5%;
}

#wishes .cover h1{
background: #f1f1ee;
padding-bottom: 2rem;
margin-bottom: 0;
}

#wishes{
background-color: transparent !important;
padding-top: 0 !important;
}

.adress p{
font-size: 14px;
}

.wish_noimage_wrap{
width: 90% !important;
margin: 0.5rem auto;
padding-top: 10px;
padding-bottom: 10px;
box-shadow: -1px 1px 15px 1px #ccc;
background-color: #f9f7f961;
border: 1px solid #f1f1ee;
}

.wishes{
background-color: #f9f7f961;
width: 90% !important;
margin: 0.5rem auto;
padding-top: 10px;
padding-bottom: 10px;
box-shadow: -1px 1px 15px 1px #ccc;
}

#footer{
padding-top: 0;
margin-top: 3rem;
background-color: transparent !important;
background-image: url('https://cdn-uploads.owlink.id/contenful/New_Project__12_.png');
}

 @media only screen and (min-width: 1024px) {
    .layout-cover:not(.mobile) #quote{
background-size: contain;
}
    .layout-cover:not(.mobile) .shapeGalleries{
display: none !important;
}
}
#countdown p {position:relative; z-index:9;}


#coupleProfile .couple-detail p{
font-size: 15px !important;
}/* Efek zoom halus saat foto galeri disentuh */
div[class*="gallery"] img, div[class*="photo"] img {
    transition: transform 0.4s ease !important;
}
div[class*="gallery"] img:hover, div[class*="photo"] img:hover {
    transform: scale(1.03) !important;
}

/* Membuat lapisan khusus untuk butiran kilau putih di seluruh layar */
body::before, body::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none; /* Sangat penting: agar tamu tetap bisa klik tombol dan scroll undangan */
    z-index: 9999;
}

/* Lapisan Kilau Putih 1 (Butiran padat menyebar) */
body::before {
    background-image: 
        radial-gradient(2px 2px at 20px 30px, #ffffff, transparent),
        radial-gradient(1.5px 1.5px at 80px 140px, #ffffff, transparent),
        radial-gradient(2.5px 2.5px at 150px 70px, #ffffff, transparent),
        radial-gradient(2px 2px at 220px 200px, #ffffff, transparent),
        radial-gradient(1.5px 1.5px at 290px 110px, #ffffff, transparent),
        radial-gradient(3px 3px at 350px 280px, #ffffff, transparent),
        radial-gradient(2px 2px at 50px 320px, #ffffff, transparent),
        radial-gradient(1.5px 1.5px at 180px 380px, #ffffff, transparent);
    background-size: 400px 400px;
    animation: gerakKilauPutih 12s linear infinite;
    opacity: 0.8;
}

/* Lapisan Kilau Putih 2 (Butiran tambahan dengan jalur gerak berbeda agar tampak natural) */
body::after {
    background-image: 
        radial-gradient(1.5px 1.5px at 50px 90px, #ffffff, transparent),
        radial-gradient(2px 2px at 130px 30px, #ffffff, transparent),
        radial-gradient(2.5px 2.5px at 200px 250px, #ffffff, transparent),
        radial-gradient(1.5px 1.5px at 270px 160px, #ffffff, transparent),
        radial-gradient(2px 2px at 320px 60px, #ffffff, transparent),
        radial-gradient(3px 3px at 100px 220px, #ffffff, transparent),
        radial-gradient(1.5px 1.5px at 240px 340px, #ffffff, transparent);
    background-size: 300px 300px;
    animation: gerakKilauPutihCepat 8s linear infinite;
    opacity: 0.9;
}

/* Animasi pergerakan butiran putih dari bawah ke atas */
@keyframes gerakKilauPutih {
    0% {
        transform: translateY(0px) translateX(0px);
    }
    50% {
        transform: translateY(-200px) translateX(15px);
    }
    100% {
        transform: translateY(-400px) translateX(0px);
    }
}

@keyframes gerakKilauPutihCepat {
    0% {
        transform: translateY(0px) translateX(0px);
    }
    50% {
        transform: translateY(-150px) translateX(-15px);
    }
    100% {
        transform: translateY(-300px) translateX(0px);
    }
}