.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#FFFFFF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================
   ANIMASI SLIDE OUT
=============================== */
.slide-out {
    animation: slideOut 2.5s forwards;
}

@keyframes slideOut {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-150%);
    }
}


/* ============================
   ANIMASI ROTASI DISC MUSIC
=============================== */
.disc-music-kupinang,
.fa-compact-disc,
.music-disc {
    animation: wdpMP3-muter 4s linear infinite;
}

@keyframes wdpMP3-muter {
    to {
        transform: rotate(360deg);
    }
}


/* ============================
   ANIMASI BUNGA (ROTATE + SCALE)
=============================== */
@keyframes rotateAndScale {
    0% {
        transform: rotate(-5deg) scale(1);
    }
    50% {
        transform: rotate(0deg) scale(1.1);
    }
    100% {
        transform: rotate(-5deg) scale(1);
    }
}

.flower-center img,
.flower-top img {
    animation: rotateAndScale 10s infinite;
}

.flower-left img,
.flower-right img {
    animation: rotateAndScale 8s infinite;
}

.flower-center img {
    transform-origin: center;
}

.flower-top img {
    transform-origin: top left;
}

.flower-left img {
    transform-origin: bottom left;
}

.flower-right img {
    transform-origin: left;
}

.goyang-titik img {
  animation-name: goyangtitik;
    animation-duration: 4s;
    /*rotate point*/
    transform-origin: top ;
     /*rotate point*/
    animation-iteration-count: infinite; 
    animation-timing-function: linear;
}


@keyframes goyangtitik{
    0%{ transform: rotate(0deg);}
    25%{ transform: rotate(-2deg);}
    75%{ transform: rotate(2deg);}
}




/* ============================
   COLUMN OVERFLOW HIDDEN
=============================== */
.overflow-hidden-col {
    overflow: hidden;
}




/* ============================
   ANIMASI BUNGA GOYANG
=============================== */
.goyang-1 img {
	animation-name: goyang1;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.goyang-2 img {
	animation-name: goyang1;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.zoom-2 img {
	transform: scale(1);
	animation: zoom 5s ease-in-out infinite;
}

.naik-turun {
	animation-name: naikturun;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes goyang1{
    0%{ transform: rotate(0deg) scale(1); }
    50%{ transform: rotate(6deg) scale(1.05); }
    100%{ transform: rotate(0deg) scale(1); }
}

@keyframes goyang2{
    0%{ transform: rotate(0deg) scale(1); }
    25%{ transform: rotate(-5deg) scale(1.05); }
    50%{ transform: rotate(-9deg) scale(1.1); }
    75%{ transform: rotate(-5deg) scale(1.05); }
    100%{ transform: rotate(0deg) scale(1); }
}

@keyframes zoom {
	0% { transform: scale(0.95); }
	60% { transform: scale(1); }
	100% { transform: scale(0.95); }
}

@keyframes naikturun {
	0% { transform: translate(0px,0px); }
	50% { transform: translate(0px,-5px); }
	100% { transform: translate(0px,0px); }
}




/* ============================
   ANIMASI BERULANG
=============================== */

.muncul {
  position: relative;
  transform: translateY(6rem) scale(0.93);
  opacity: 0;
  transition: opacity 0.5s ease, transform 1.5s ease; /* Durasi muncul tanpa delay */
}

.muncul.active {
  transform: translateY(0);
  opacity: 1;
}

.muncul-kiri {
  position: relative;
  transform: translateX(-100%) scale(0.93);
  opacity: 0;
  transition: opacity 0.5s ease, transform 1.5s ease; /* Durasi muncul tanpa delay */
}

.muncul-kiri.active {
  transform: translateX(0);
  opacity: 1;
}

.muncul-kanan {
  position: relative;
  transform: translateX(10vw) scale(0.93);
  opacity: 0;
  transition: opacity 0.5s ease, transform 1.5s ease; /* Durasi muncul tanpa delay */
}

.muncul-kanan.active {
  transform: translateX(0);
  opacity: 1;
}

.zoom {
  position: relative;
  transform: scale(0.5);
  opacity: 0;
  transition: opacity 0.5s ease, transform 2s ease; /* Durasi muncul tanpa delay */
}

.zoom.active {
  transform: scale(1);
  opacity: 1;
}



/* ============================
   ANIMASI SALJU
=============================== */


.snow-bg {
position: relative;
}
.snow-bg:after {
content: '';
display: block;
position: absolute;
z-index: 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
background-image: url('https://wedina.id/wp-content/uploads/2025/12/snow1.png'), url('https://wedina.id/wp-content/uploads/2025/12/snow2.png');
animation: snow 30s linear infinite;
}
@keyframes snow {
0% {background-position: 1000px 0px, 0px 0px, -200px 0px;}
50% {background-position: 1000px 1000px, 200px 400px, -200px 300px;}
100% {background-position: 1000px 2000px, 400px 800px, -200px 600px;}
}/* End custom CSS */