#landing-page-container {
    height: 100vh;
}

@font-face {
    font-family: metal;
    src: url('Metal/Metal-Regular.ttf');
}

@font-face {
    font-family: header;
    src: url('Cinzel/Cinzel-VariableFont_wght.ttf');
}

@font-face {
    font-family: alegreya;
    src: url('Alegreya/Alegreya-VariableFont_wght.ttf');
    font-style: normal;
}

@font-face {
    font-family: alegreya;
    src: url('Alegreya/Alegreya-Italic-VariableFont_wght.ttf');
    font-style: italic;
}

body {
    --bs-body-font-family: alegreya;
    --bs-dark: #002650;
    --bs-light: #fcffff;
    --bs-gradient-secondary: #fdfcef;
    --bs-secondary-color: #b17851;
    --bs-secondary-color-muted: #dabd94;
    --bs-table-bg: rgba(0, 0, 0, 0);
    background-color: var(--bs-light);
    background: radial-gradient(circle at 50% 15%,
            var(--bs-white) 0, var(--bs-gradient-secondary) 100%) fixed;
    color: var(--bs-secondary-color);
}

body #rsvp {
    font-family: metal;
}

h1,
h2 {
    color: var(--bs-dark);
    font-family: header;
    letter-spacing: .2rem;
}

h1 {
    font-weight: 400;
}

h2 {
    font-weight: 450;
}

h3 {
    font-weight: 300;
    font-style: italic;
}

h3 em {
    font-style: normal;
}

.table>thead>tr>th {
    color: var(--bs-dark);
    font-family: header;
}

th {
    font-weight: 500;
}

abbr,
.small-caps {
    font-variant-caps: all-small-caps;
}

.form-check-input:checked {
    background-color: var(--bs-secondary-color);
    border-color: var(--bs-secondary-color);
}

.form-check-input,
ul.no-bullets li input[type=radio] {
    border-radius: 50%;
    width: 1em;
    height: 1em;
    margin-top: .125em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    color: var(--bs-secondary-color-muted);
    border: var(--bs-border-width) solid var(--bs-secondary-color-muted);
}

ul.no-bullets li input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
    background-color: var(--bs-secondary-color);
    border-color: var(--bs-secondary-color);
}

.btn-primary,
a.btn-primary,
a.btn-primary:visited {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bs-secondary-color);
    --bs-btn-border-color: var(--bs-secondary-color);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-secondary-color-muted);
    --bs-btn-hover-border-color: var(--bs-secondary-color-muted);
    --bs-btn-focus-shadow-rgb: var(--bs-secondary-color);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--bs-secondary-color-muted);
    --bs-btn-active-border-color: var(--bs-secondary-color-muted);
    color: var(--bs-btn-color);
}

.form-control {
    --bs-border-color: var(--bs-secondary-color-muted);
    color: var(--bs-secondary-color);
    background-color: rgba(255, 255, 255, 0.5);
}

ul.no-bullets {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.form-control::placeholder {
    color: var(--bs-secondary-color-muted);
}

.form-control:disabled {
    background-color: var(--bs-gradient-secondary);
}

.table>:not(caption)>*>* {
    background-color: transparent;
    color: var(--bs-secondary-color);
    border-color: var(--bs-secondary-color-muted);
}

a,
a:visited,
a.rsvp-link,
a.rsvp-link:visited {
    --bs-link-color: var(--bs-secondary-color);
    --bs-link-color-rgb: var(--bs-secondary-color);
    transition: color .15s ease-in-out;
}

a:hover,
a.rsvp-link:hover {
    --bs-link-hover-color: var(--bs-secondary-color-muted);
    --bs-link-hover-color-rgb: var(--bs-secondary-color-muted);
    color: var(--bs-link-hover-color);
    transition: color .15s ease-in-out;
}

.navbar {
    --bs-navbar-active-color: var(--bs-secondary-color);
    border-bottom: 1px solid rgba(218, 189, 148, 0.25);
}

.navbar-bg {
    background-color: rgba(255, 255, 255, 0.9);
    backdrop-filter: saturate(3) blur(20px);
    -webkit-backdrop-filter: saturate(3) blur(20px);
}

.navbar-nav,
.nav-link {
    --bs-nav-link-color: var(--bs-secondary-color-muted);
    --bs-nav-link-hover-color: var(--bs-secondary-color);
}

.rsvp-container {
    position: relative;
    margin-top: 57px;
}

.scrollspy-target {
    position: relative;
    margin-top: 114px;
}

.scrollspy-target>.scrollspy-header {
    padding-top: 134px !important;
    margin-top: -114px !important;
}

.nav-link {
    --bs-nav-link-color: var(--bs-secondary-color-muted);
    --bs-nav-link-hover-color: var(--bs-secondary-color);
    --bs-nav-pills-link-active-bg: var(--bs-secondary-color-muted);
}

.img-carousel {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.nav-item,
.nav-link {
    display: inline-flex;
}

.nav-pills {
    overflow-x: auto;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.nav-pills::-webkit-scrollbar {
    display: none;
    scroll-behavior: smooth;
    transition: color .15s ease-in-out;
}

/* Hide scrollbar for IE, Edge and Firefox */
html .nav-pills {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}