/*
 * This file contains overrides to Bootstrap styles.
 *
 * Each override must be justified and explained with a comment.
 */

/* ensure highlighted text from a search is not separated from the rest of the word */
mark { padding: 0 }

/* set CircularXX as the basic sans serif font */
@font-face { font-weight: 300; font-family: 'CircularXX-Web'; src: url("/fonts/66ba0780bf98e604403abbdf_CircularXX-Light.otf") format('opentype') }
@font-face { font-weight: 400; font-family: 'CircularXX-Web'; src: url("/fonts/66ba0780eca7497b7d257132_CircularXX-Book.otf") format('opentype') }
@font-face { font-weight: 500; font-family: 'CircularXX-Web'; src: url("/fonts/66ba078013f514e188adb1f6_CircularXX-Medium.otf") format('opentype') }
@font-face { font-weight: 700; font-family: 'CircularXX-Web'; src: url("/fonts/66ba0780f9939310fc9f102b_CircularXX-Bold.otf") format('opentype') }
:root {--bs-font-sans-serif: 'CircularXX-Web'}

/* use orange rather than yellow for Vetted providers are available in your area */
:root {--bs-warning-text-emphasis: #ff7e28}

/* Hide "See more" after it's been clicked on */
[data-bs-toggle="collapse"][aria-expanded="true"] { visibility: hidden }

/* reduce space between title and subtitle */
hgroup p { margin-bottom: 0.5rem }

/* make radio buttons and checkboxes bigger and blue when checked */
input[type=radio], input[type=checkbox] { transform:scale(1.5); margin-right: .75rem; accent-color: var(--bs-primary) }

/* make the label around radio buttons also blue when checked */
label:has(input[type=radio]:checked), label:has(input[type=checkbox]:checked) { background-color: var(--bs-primary-bg-subtle) !important; border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important }

/* only display the textarea under the "Other" radio button when the button is checked */
label:has(input[type=radio]) textarea, label:has(input[type=checkbox]) textarea { display: none !important; }
label:has(input[type=radio]:checked) textarea, label:has(input[type=checkbox]:checked) textarea { display: block !important; }

:root {--bs-body-bg: var(--bs-light-bg-subtle)}
:root {--bs-table-bg: transparent}
:root {--bs-primary-bg-subtle: #ebf7ff}
:root {--bs-primary-border-subtle: #d9f0ff}
:root {--bs-box-shadow: 0 1px 0.5rem 0 rgba(0, 0, 0, 0.15)}
/* :root {--bs-primary: #2d85ff; --bs-primary-rgb: 45, 133, 255;} */