@import url('https://fonts.googleapis.com/css2?family=Blinker:wght@400;700&family=Playfair+Display&display=swap');

body {
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 25% 75%;;
    height: 100%;
    width: 100%;
}

h1 {
    font-family: 'Playfair Display', serif;
    font-size: 60px; 
}

h2 {
    font-family: 'Playfair Display', serif;
    font-size: 40px; 
    margin-top: 30px;
}

h3 {
    font-family: 'Blinker', sans-serif;
    font-size: 20px; 
}

p {
    font-family: 'Blinker', sans-serif;
    font-size: 16px; 
}

#hero-text {
    font-family: 'Playfair Display', serif;
    font-size: 60px;
    margin-bottom: -4px;
}

.green .nav-item .active {
    background-color: #E5E5E5;
    font-family: 'Blinker', sans-serif;
    color: black;
    text-decoration: underline;
}

.nav-link {
    color: black;
}

.lead {
    font-family: 'Playfair Display', serif;
}

html {
    height: 100%;
}

#RSVP-button {
    all:unset;
    font-family: 'Blinker', sans-serif;
    display:inline-block;
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    background-color:#82C474;
    color:#fff;
    font-size:24px;
    border-radius:6px;
    padding:0 20px;
    font-weight:400;
    height:50px;
    cursor:pointer;
    line-height:50px;
    text-align:center
    ;margin:0;
    text-decoration:none;
    margin-bottom: 10px;
}
.accordion {
    margin-top: 30px;
    font-family: 'Blinker', sans-serif;
}

.accordion-button:not(.collapsed) {
    background-color: white;
    color: black;
    font-weight: bold;
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-icon);

}
.accordion-button {
    color: black;
    font-weight: bold;
}

#rsvp-cta {
    line-height: 30px;
}

#date {
    font-family: 'Blinker', sans-serif;
    font-size: 20px; 
}

#faqs-accordion {
    padding-bottom: 5px;
}

#leaves {
    background-image: url(images/Leaf_Right.svg);
    background-repeat: no-repeat;
    background-position: right;
    height: 100px;
}

#sign-off {
    font-family: 'Blinker', sans-serif;
}

#hotels-table {
    margin-bottom: 100px;
}

.accordion-body {
    font-size: 18px; 
}