body {
    font-size: 1.2rem;
}
.form-control {
    font-size: 1.2rem;
}
.form-select {
    font-size: 1.2rem;
}
:root {
    --bs-border-radius: 0.7rem;
}
.btn {
    --bs-btn-font-size: 1.2rem;
}
.flatpickr input[readonly] {
    background-color: white;
}

input[readonly].flatpickr-input {
    background-color: white;
}

/* Make intl phone number fields full width */
.iti {
    width: 100%;
}

/* Make the switches bigger */
.form-switch .form-check-input {
    width: 3rem;
    height: 1.5rem;
}

.form-check-label {
    padding-top: 0.2rem;
    padding-left: 0.4rem;
}

.clearable {
    cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: -0.03em;
}
h6 {
    font-size: 1.2rem;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    letter-spacing: -0.03em;
}
.h6 {
    font-size: 1.2rem;
}

.border-transparent {
    --bs-border-opacity: 1;
    border-color: transparent !important;
}

.stat-icon {
    width: 5rem;
    height: 5rem;
    font-size: 2rem;
    background-color: var(--bs-body-bg);
}

thead {
    --bs-table-bg: #f8f9fa;
}

.nav-tabs {
    margin-bottom: 1rem;
}

.nav-breadcrumb {
    font-size: 0.9rem;
}

.jumbotron {
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    padding: 2rem;
}

.unselectable {
    user-select: none;
}

#map {
    height: 400px;
}

.filepond--item {
    width: calc(25% - 0.5em);
}

input[type="color"] {
    height: 3rem;
}

.copy-button {
    cursor: pointer;
}

.dev-banner {
    background-color: #e0035d;
    color: white;
    text-align: center;
    padding: 0.188rem;
}

#rsvp-loading {
    display: none;
}
#rsvp-loading.htmx-request {
    display: block;
}

.glightbox_single,
.glightbox_gallery {
    cursor: pointer;
}