/* Set base font size */
html {
    font-size: 16px;
}

/* Increase font size on larger screens */
@media (min-width: 768px) {
    html {
        font-size: 18px;
    }
}

/* Adjust focus styles for buttons, links, and form elements */
.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

/* Set up layout */
html {
    position: relative;
    min-height: 100%;
}

/* Set body margin and font family */
body {
    margin-bottom: 60px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Style table header */
table thead tr {
    background-color: #e9e9e2;
}

/* Adjust font size for form labels and controls */
.form-group label {
    font-size: 0.9rem; /* Reduce font size for labels */
}

.form-control,
.form-select {
    font-size: 0.8rem; /* Reduce font size for input/select elements */
}

.custom-event {
    background-color: #377de4 !important; /* Blue background */
    color: white !important; /* White text */
}