body {font-family: courier;
    
}


#wpadminbar {display: none; }

.mode-cover-title {font-family: Great Vibes;}
.mode-desktop-text h2 { font-size: 82px;}
.mode-open-btn { color: var(--mode-card);}
.mode-cover-subtitle {font-size: 22px;}
.mode-cover-guest strong {font-size: 23px;}
.mode-cover-content h1 {font-size: 88px; margin:20px 0 20px; color: var(--mode-subheader); line-height: 100%;}
.mode-cover-subtitle, .mode-opening-subtitle, .mode-footer-subtitle, .mode-footer-title, .mode-footer-couple-name, .mode-footer-love
{color:var(--mode-subheader);}


h2 { text-align: center; margin-bottom: 20px; font-weight: normal; font-family: Great Vibes; font-size: 52px; }


#salam { font-family: Great Vibes; font-size: 48px !important;}

#salam2 { font-family: cinzel; font-size: 48px !important; }

#keduamempelai { font-size: 0px !important; }
#mempelai { font-family: Great Vibes;}
#ortu { font-size: 32px !important;  font-weight: 900 !important; font-family: cinzel; line-height: 100%;}

small {  font-size: 18px;}


p { font-size: 20px; line-height: 100%; color: var(--mode-subtext); }


/* NEW UPDATE mode STYLE SETTING */

.mode-card { background: var(--mode-card); }
.mode-btn { background: var(--mode-button); }
.mode-scene { background: var(--mode-bg); }
.mode-scene p { color: var(--mode-subtext); margin: 0 auto; padding: 4px;}
.card { background: var(--mode-card); }

button { background: var(--mode-button); }














/* =========================
SLIDE FADE
========================= */


h2, h1, h3{
    opacity:0;
    transform:translateY(40px);
    transition:
        opacity 1.8s ease,
        transform 1.8s ease;
}

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


.mode-gallery-grid,
.story-image,
.mode-footer-couple-name{
    opacity:0;
    transform:translateY(50px);
    transition:
        opacity 1.9s ease,
        transform 1.9s cubic-bezier(.22,1,.36,1);
}

/* saat masuk viewport */

.mode-gallery-grid.show,
.story-image.show,
.mode-footer-couple-name.show{
    opacity:1;
    transform:translateY(0);
}




/* =========================
SCENE
========================= */

.mode-scene{ position:relative;  overflow:hidden;}

.mode-scene-inner h2 {
  margin-bottom: 45px;
  font-size: 70px;
  font-weight: bold;
  line-height: 100%;
  margin-top: 45px;
  font-family: Great Vibes;
  
  text-shadow: 0 0 3px rgba(255,255,255,.9), 0 0 6px rgba(255,255,255,.8), 0 0 12px rgba(255,255,255,.7), 0 0 20px rgba(255,255,255,.5);
  
  
}





/* =========================
OPENING
========================= */

.mode-opening-subtitle { font-weight: bold;}


/* =========================
COUPLE
========================= */


.mode-couple-section{ position:relative;  overflow:hidden;}


/* =========================
EVENT
========================= */

.mode-event-item p { margin: 0; font-size: 28px;  line-height: 100%; font-weight: 900; font-family: cinzel;
}



/* =========================
FAMILY
========================= */

.mode-scene{ padding:60px 25px;}



/* =========================
STORY
========================= */

.story-card {position:relative;
    overflow:visible !important; }
    
    
   
/* =========================
RSVP
========================= */
   
   
   #dwi-rsvp-form {background: var(--mode-card);}
   
   #dwi-rsvp-form input, #dwi-rsvp-form select, #dwi-rsvp-form textarea {
  background: var(--mode-button);
  color: var(--mode-card); font-size: 13px;
}
 
 
   
/* =========================
FOOTER
========================= */ 
    
    .mode-footer-couple-name {font-family: Great Vibes; }
    .mode-footer-subtitle {font-weight: bold;}