/* Trimmed from @bayareametro/mtc-ui 1.0.0-alpha.36 dist/theme/theme.css: only rules and custom properties used by this page. */
:root, [data-bs-theme="light"] {
  --dv-white: #FFFFFF;
  --dv-font-sans-serif: "Nunito Sans", "Helvetica Neue", "Arial", sans-serif;
  --dv-body-font-family: var(--dv-font-sans-serif);
  --dv-body-font-size: 1rem;
  --dv-body-font-weight: 400;
  --dv-body-line-height: 1.5;
  --dv-body-color: #00303F;
  --dv-body-bg: #F2F4F5;
  --dv-heading-color: inherit;
  --dv-link-color-rgb: 0, 48, 63;
  --dv-link-hover-color-rgb: 0, 38, 50;
  --dv-border-width: 1px;
}

*, ::before, ::after { box-sizing: border-box; }

:root {
  font-size: var(--dv-root-font-size);
}

@media (prefers-reduced-motion: no-preference) {
:root {
  scroll-behavior: smooth;
}
}

body { margin: 0px; font-family: var(--dv-body-font-family); font-size: var(--dv-body-font-size); font-weight: var(--dv-body-font-weight); line-height: var(--dv-body-line-height); color: var(--dv-body-color); text-align: var(--dv-body-text-align); background-color: var(--dv-body-bg); text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin-top: 0px; margin-bottom: 0px; font-weight: 500; line-height: 1.2; color: var(--dv-heading-color); }

h1, .h1 { font-size: calc(1.375rem + 1.5vw); }

@media (min-width: 1200px) {
h1, .h1 { font-size: 2.5rem; }
}

h2, .h2 { font-size: calc(1.325rem + 0.9vw); }

@media (min-width: 1200px) {
h2, .h2 { font-size: 2rem; }
}

p { margin-top: 0px; margin-bottom: 0px; }

a { color: rgba(var(--dv-link-color-rgb),var(--dv-link-opacity, 1)); text-decoration: none; }

a:hover { --dv-link-color-rgb: var(--dv-link-hover-color-rgb); }

a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; }

img, svg { vertical-align: middle; }

::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0px; }

::-webkit-inner-spin-button { height: auto; }

::-webkit-search-decoration { appearance: none; }

::-webkit-color-swatch-wrapper { padding: 0px; }

::file-selector-button { font: inherit; appearance: button; }

.blockquote > :last-child { margin-bottom: 0px; }

.table > :not(caption) > * > * { padding: 0.5rem; color: var(--dv-table-color-state, var(--dv-table-color-type, var(--dv-table-color))); background-color: var(--dv-table-bg); border-bottom-width: var(--dv-border-width); box-shadow: inset 0 0 0 9999px var(--dv-table-bg-state, var(--dv-table-bg-type, var(--dv-table-accent-bg))); }

.table-sm > :not(caption) > * > * { padding: 0.25rem; }

.table-bordered > :not(caption) > * { border-width: var(--dv-border-width) 0; }

.table-bordered > :not(caption) > * > * { border-width: 0 var(--dv-border-width); }

.table-borderless > :not(caption) > * > * { border-bottom-width: 0px; }

.table-borderless > :not(:first-child) { border-top-width: 0px; }

.table-striped-columns > :not(caption) > tr > :nth-child(2n) { --dv-table-color-type: var(--dv-table-striped-color); --dv-table-bg-type: var(--dv-table-striped-bg); }

.form-floating > :disabled ~ label, .form-floating > .form-control:disabled ~ label { color: rgb(108, 117, 125); }

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: calc(-1 * var(--dv-border-width)); border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show { color: var(--dv-btn-active-color); background-color: var(--dv-btn-active-bg); border-color: var(--dv-btn-active-border-color); }

.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible { box-shadow: var(--dv-btn-focus-box-shadow); }

.btn-group > :not(.btn-check:first-child) + .btn, .btn-group > .btn-group:not(:first-child) { margin-left: calc(-1 * var(--dv-border-width)); }

.btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.btn-group-vertical > .btn:nth-child(n+3), .btn-group-vertical > :not(.btn-check) + .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0px; border-top-right-radius: 0px; }

.toast-container > :not(:last-child) { margin-bottom: var(--dv-toast-spacing); }

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { width: 1px !important; height: 1px !important; padding: 0px !important; margin: -1px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; border: 0px !important; }

.visually-hidden:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) { position: absolute !important; }

:root {
  --dv-midnight-blue: #00303F;
  --dv-medium-blue-500: #85A3C2;
  --dv-gold: #FBAC18;
}

h1, .h1 { font-size: 1.75rem; line-height: 1.14; font-family: Nunito, "Helvetica Neue", Arial, sans-serif; font-weight: 400; }

@media (min-width: 576px) {
h1, .h1 { font-size: 2.25rem; }
}

@media (min-width: 992px) {
h1, .h1 { font-size: 3.125rem; line-height: 1.08; font-weight: 300; }
}

@media (min-width: 1400px) {
h1, .h1 { font-size: 3.75rem; }
}

h2, .h2 { font-size: 1.5rem; line-height: 1.125; font-family: "Nunito Sans", "Helvetica Neue", Arial, sans-serif; font-weight: 600; }

p { font-size: 1.0625rem; line-height: 1.6875; }