:root {
    --white: #fff;
    --gray-10: #f7f7f7;
    --gray-20: #e3e3e3;
    --gray-30: #cdd0d1;
    --gray-40: #b8b8ba;
    --gray-50: #9fa1a2;
    --gray-60: #7e7e81;
    --gray-70: #626366;
    --gray-90: #4a4a4d;
    --gray-100: #343437;
    --blue-10: #7493fb;
    --blue-30: #295afb;
    --blue-50: #0202ea;
    --blue-70: #0202c1;
    --blue-90: #000097;
    --deep-blue-10: #6b6eb3;
    --deep-blue-30: #3d3e97;
    --deep-blue-50: #000073;
    --deep-blue-70: #000050;
    --deep-blue-90: #00001e;
    --teal-05: #d3fbff;
    --teal-10: #b9f9ff;
    --teal-30: #74d9e2;
    --teal-50: #29b6c2;
    --teal-70: #207e99;
    --teal-90: #156984;
    --coral-10: #ffd6d6;
    --coral-30: #ffbabd;
    --coral-50: #ff7276;
    --coral-70: #ec585b;
    --coral-90: #d83d40;
    --coral-96: #cd292c;
    --yellow-10: #ffd682;
    --yellow-30: #ffc74f;
    --yellow-50: #ffab21;
    --yellow-70: #f58d00;
    --yellow-90: #d76a00;
    --gold-10: #efe7d4;
    --gold-30: #dbcbad;
    --gold-50: #c7ae86;
    --gold-70: #826c4b;
    --gold-90: #48361b;
    --purple-10: #e29fff;
    --purple-30: #cd59ed;
    --purple-50: #b511d4;
    --purple-70: #7d0aa6;
    --purple-90: #09265a;
    --unit: 1rem;
    --brand-primary: #002768; /* #001844; */ /* var(--deep-blue-70); */
    --brand-primary-rgb: 0, 39, 104; /*0, 24, 68;*/
    --brand-accent: #be0a2f;
    --brand-accent-rgb: 190, 10, 47;
    --brand-secondary: var(--blue-50);
    --brand-inverse: var(--white);
    --brand-alert: #9e4949;
    --base-gray: var(--gray-70);
    --bg-base: var(--white);
    --bg-off-base: var(--gray-10);
    --bg-neutral: var(--gray-20);
    --bg-inverse: var(--brand-primary);
    --bg-transparent: hsla(0, 0%, 100%, 0.1);
    --bg-overlay-light: hsla(0, 0%, 100%, 0.85);
    --bg-overlay-dark: rgba(0, 0, 0, 0.55);
    --body-bg: var(--bg-base);
    --body-bg-inverse: var(--bg-inverse);
    --angle: 0deg;
    --bg-brand-gradient: linear-gradient(var(--angle), var(--body-bg-inverse) 0%, var(--deep-blue-50) 75%, var(--deep-blue-50) 100%);
    --text-color: var(--gray-90);
    --text-color-muted: var(--gray-70);
    --text-color-dark: var(--gray-100);
    --text-color-inverse: var(--white);
    --text-color-brand: var(--brand-primary);
    --text-color-accent: var(--brand-accent);
    --text-color-secondary: var(--brand-secondary);
    --link-color: var(--text-color-secondary);
    --link-highlight-color: var(--teal-05);
    --link-decoration: none;
    --link-hover-color: var(--blue-90);
    --link-hover-decoration: none;
    --link-active-color: var(--deep-blue-90);
    --link-font-weight: var(--font-weight-medium);
    --info-color-alert: var(--coral-90);
    --info-color-positive: var(--teal-50);
    --info-bg-positive: var(--teal-05);
    --info-color-negative: var(--coral-70);
    --info-bg-negative: var(--coral-10);
    --info-color-neutral: var(--gray-70);
    --alert-bg-color-positive: var(--teal-05);
    --alert-text-color-positive: var(--info-color-positive);
    --alert-bg-color-negative: var(--info-bg-negative);
    --alert-text-color-negative: var(--info-color-negative);
    --stars-color: var(--yellow-30);
    --stars-empty-color: var(--gray-30);
    --award-color: var(--deep-blue-30);
    --award-label-bg-color: var(--gold-10);
    --map-pin-color: var(--brand-accent);
    --rating-bg-color: var(--bg-neutral);
    --disabled-text-color: var(--gray-60);
    --disabled-bg: var(--bg-neutral);
    --font-family-primary: "Open Sans", "Helvetica", "Arial", sans-serif;
    --font-size-xxs: calc(var(--font-size-base)* 0.625);
    --font-size-xs: calc(var(--font-size-base)* 0.75);
    --font-size-sm: calc(var(--font-size-base)* 0.875);
    --font-size-base: var(--unit);
    --font-size-lg: calc(var(--font-size-base)* 1.125);
    --font-size-xl: calc(var(--font-size-base)*3.28);
    --font-size-jumbo: calc(var(--font-size-base)* 4);
    --line-height-tight: 1.25;
    --line-height-base: 1.5;
    --line-height-loose: 1.66;
    --line-height-em: var(--line-height-base) + em;
    --font-weight-base: 400;
    --font-weight-light: 300;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --font-weight-heavy: 900;
    --headings-font-family: var(--font-family-primary);
    --headings-color: var(--text-color-dark);
    --headings-font-weight: var(--font-weight-bold);
    --headings-line-height: var(--line-height-tight);
    --headings-margin-bottom: 0.75rem;
    --headings-underline-color: var(--brand-accent);
    --font-size-h1: calc(var(--font-size-base)* 2.25);
    --font-size-h2: calc(var(--font-size-base)* 1.5);
    --font-size-h3: calc(var(--font-size-base)* 1.125);
    --font-size-h4: calc(var(--font-size-base)* 0.75);
    --font-size-headline: calc(var(--font-size-base)* 3);
    --paragraph-margin-bottom: 0.75em;
    --btn-width: calc(var(--unit)*6);
    --btn-size-xl: calc(var(--unit)*3);
    --btn-size-lg: calc(var(--unit)*2.5);
    --btn-size-md: calc(var(--unit)*2);
    --btn-size-sm: calc(var(--unit)*1.5);
    --btn-border-radius: var(--border-radius-round);
    --btn-font-size: var(--font-size-sm);
    --btn-font-weight: var(--font-weight-bold);
    --btn-border-inverse: var(--brand-inverse);
    --btn-bg-inverse: var(--brand-inverse);
    --btn-primary-bg: var(--brand-accent);
    --btn-primary-border: var(--btn-primary-bg);
    --btn-primary-color: var(--text-color-inverse);
    --btn-primary-text-color: var(--text-color-inverse);
    --btn-primary-hover-bg: var(--coral-96);
    --btn-secondary-bg: var(--btn-bg-inverse);
    --btn-secondary-border: var(--btn-primary-border);
    --btn-secondary-text-color: var(--text-color-accent);
    --btn-secondary-color: var(--btn-primary-bg);
    --btn-inverted-text-color: var(--text-color-inverse);
    --btn-inverted-hover-bg: var(--deep-blue-30);
    --btn-disabled-bg: var(--disabled-bg);
    --btn-disabled-border: var(--border-color-base);
    --btn-disabled-color: var(--disabled-text-color);
    --btn-hover-text-color: var(--btn-primary-text-color);
    --btn-active-bg: var(--btn-primary-bg);
    --label-size: var(--font-size-sm);
    --label-text-color: var(--text-color);
    --label-margin: 0.5em;
    --input-text-size: var(--font-size-base);
    --input-text-color: var(--text-color);
    --input-placeholder-color: var(--text-color-muted);
    --input-validation-text-color: var(--info-color-alert);
    --input-disabled-bg: var(--disabled-bg);
    --input-disabled-text-color: var(--disabled-text-color);
    --input-disabled-border-color: var(--border-color-base);
    --input-checked-color: var(--link-color);
    --input-bg-color: var(--bg-base);
    --input-select-bg: #fffffe;
    --input-inversed-color: var(--brand-inverse);
    --input-padding: 0.625rem 0.75rem 0.75rem 0.875rem;
    --input-border-radius: var(--border-radius-sm);
    --input-border-color: var(--border-color-dark);
    --input-border: 1px solid var(--input-border-color);
    --input-invalid-border-color: var(--info-color-alert);
    --input-invalid-border: 1px solid var(--input-invalid-border-color);
    --border-color-base: var(--gray-20);
    --border-color-dark: var(--gray-50);
    --border-color-brand: var(--brand-primary);
    --border-color-brand-rgb: var(--brand-primary-rgb);
    --border-color-accent: var(--brand-accent);
    --border-color-inverse: var(--brand-inverse);
    --border-color-inverse-light: hsla(0, 0%, 100%, 0.2);
    --border-base: 1px solid var(--border-color-base);
    --border-dark: 1px solid var(--border-color-dark);
    --border-brand: 1px solid var(--border-color-brand);
    --border-accent: 1px solid var(--border-color-accent);
    --border-inverse: 1px solid var(--border-color-inverse);
    --border-radius-sm: calc(var(--unit)*0.125);
    --border-radius-md: calc(var(--unit)*0.25);
    --border-radius-lg: calc(var(--unit)*0.5);
    --border-radius-xl: calc(var(--unit)*0.75);
    --border-radius: var(--unit);
    --border-radius-round: calc(var(--unit)*4);
    --border-radius-circle: 50%;
    --divider-color: var(--gray-10);
    --hr-margin: var(--unit);
    --hr-color: var(--divider-color);
    --box-shadow-shallow: 0 1px 1px rgba(0, 0, 0, 0.2);
    --box-shadow-base: 0 1px 3px rgba(0, 0, 0, 0.4);
    --box-shadow-deep: 0 3px 6px rgba(0, 0, 0, 0.3);
    --text-shadow-shallow: 0 1px 1px rgba(0, 0, 0, 0.2);
    --text-shadow-base: 0 1px 3px rgba(0, 0, 0, 0.4);
    --text-shadow-deep: 0 3px 6px rgba(0, 0, 0, 0.3);
    --transition-speed-fast: 250ms;
    --transition-speed: calc(var(--transition-speed-fast)* 2);
    --transition-speed-slow: calc(var(--transition-speed-fast)* 3);
    --xs: 375px;
    --sm: 540px;
    --md: 768px;
    --lg: 992px;
    --xl: 1200px;
    --container-max-width-sm: var(--sm);
    --container-max-width-md: var(--md);
    --container-max-width-lg: var(--lg);
    --container-max-width-xl: var(--xl);
    --site-max-width: var(--container-max-width-xl);
    --site-max-width-xl: calc(var(--site-max-width) + 232px);
    --results-margin-bottom: calc(var(--unit)* 1.4) !important;
}


html {
    font-size: var(--font-size-base);
    position: relative;
    min-height: 100%;
}

body {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    color: var(--text-color);
    background-color: var(--body-bg);
    text-align: left;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

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

.footer {
    line-height: calc(var(--unit)* 2.75) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--headings-color);
    font-weight: var(--headings-font-weight);
    line-height: var(--headings-line-height);
    margin-bottom: var(--headings-margin-bottom);
    margin-top: 0;
}

a, button {
    color: var(--link-color);
    font-weight: var(--link-font-weight);
    text-decoration: var(--link-decoration);
}

    a:hover, button:hover {
        color: var(--link-hover-color);
        text-decoration: var(--link-hover-decoration);
    }

img {
    height: auto;
    max-width: 100%;
}

.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;
}

.tbd-logo {
    fill: var(--brand-primary);
}


.btn-outline-success {
    --bs-btn-color: var(--brand-primary);
    --bs-btn-border-color: var(--brand-primary);
    --bs-btn-hover-bg: var(--brand-primary);
    --bs-btn-hover-border-color: var(--brand-primary);
    --bs-btn-active-bg: var(--brand-primary);
    --bs-btn-active-bg: var(--brand-primary);
    --bs-btn-active-border-color: var(--brand-primary);
    --bs-btn-disabled-color: var(--brand-primary);
    --bs-btn-disabled-border-color: var(--brand-primary);
    --bs-btn-focus-shadow-rgb: var(--brand-primary-rgb)
}

.btn-success {
    --bs-btn-color: var(--brand-primary);
    --bs-btn-border-color: var(--brand-primary);
    --bs-btn-hover-bg: var(--brand-primary);
    --bs-btn-hover-border-color: var(--brand-primary);
    --bs-btn-active-bg: var(--brand-primary);
    --bs-btn-active-bg: var(--brand-primary);
    --bs-btn-active-border-color: var(--brand-primary);
    --bs-btn-disabled-color: var(--brand-primary);
    --bs-btn-disabled-border-color: var(--brand-primary);
    --bs-btn-focus-shadow-rgb: var(--brand-primary-rgb)
}

.btn-brand {
    color: var(--brand-primary) !important;
}

.btn-outline-brand {
    color: var(--brand-primary);
    border-color: var(--brand-primary);
}

    .btn-outline-brand:hover {
        color: var(--brand-inverse);
        border-color: var(--brand-primary);
        background-color: var(--brand-primary);
    }

.btn-outline-brand-inverse {
    color: var(--brand-inverse);
    border-color: var(--brand-inverse);
    --bs-btn-color: var(--brand-inverse);
    --bs-btn-border-color: var(--border-color-inverse);
}

    .btn-outline-brand-inverse:hover {
        color: var(--text-color-accent);
        border-color: var(--text-color-accent);
        font-size: calc(var(--unit)*1);
        /*padding: calc(var(--unit)* 0.35) calc(var(--unit)* 1.1) !important;*/
    }

.btn-solid-warning {
    color: var(--text-color-inverse);
    background-color: var(--brand-alert);
    border-color: var(--brand-alert);
    /* background-color: var(--brand-accent); */
    /* border-color: var(--brand-accent); */
}

.disclaimer {
    font-size: var(--font-size-xs);
    font-family: "Source San Pro", sans-serif;
    color: var(--text-color-muted) !important;
    color: var(--gray-60) !important;
}

.tel-link {
    color: var(--link-color); /* Adjust the color as needed */
    text-decoration: none; /* Removes underline from links */
}

    .tel-link:hover, .tel-link:focus {
        color: var(--link-hover-color); /* Adjust the hover color as needed */
        text-decoration: underline; /* Adds underline on hover for better visibility */
    }

.delete {
    color: var(--brand-accent);
    border-color: var(--brand-accent);
}

    .delete:hover {
        color: var(--brand-inverse);
        border-color: var(--brand-accent);
        background-color: var(--brand-accent);
    }

.text-brand {
    --bs-text-opacity: 1;
    color: rgba(var(--brand-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-brand-accent {
    --bs-text-opacity: 0.9;
    color: rgba(var(--brand-accent-rgb), var(--bs-text-opacity)) !important;
}

.bg-brand {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--brand-primary-rgb), var(--bs-bg-opacity)) !important;
}

footer {
    text-align: center;
}

.brand-logo {
    /*display: none;*/
    display: block;
    width: calc(var(--unit)*4);
    height: auto;
}

.navbar-brand:hover .brand-logo {
    transform: scale(1.1);
    transition: transform 0.3s ease-in-out;
}

.brand-text {
    display: block;
    font-size: var(--font-size-lg);
    text-shadow: var(--text-shadow-shallow);
    color: var(--text-color-brand);
    font-weight: var(--font-weight-heavy);
}

.navbar-brand:hover .brand-text {
    color: var(--brand-accent);
    transition: color 0.3s ease-in-out;
}

.brand-text .dark {
    color: var(--text-color-inverse);
}

search {
    display: block;
    unicode-bidi: isolate;
}

.navbar-search {
    grid-row: 2;
    grid-column: 1 /-1;
    flex: 1;
    display: flex;
    justify-content: center;
    /*--filter-bar-height: 68px;
    --sticky-btn-offset-bottom: 352px;
    --autosuggest-input-height: 47px;*/
}

.search-nav {
    position: relative;
    width: 100%;
    line-height: var(--line-height-base);
    text-align: left;
    --as-button-size: calc(var(--unit) * 2.5);
}

.size-adjust {
    max-width: calc(var(--unit) * 34);
}

.search-container {
    display: none;
}

.search-form {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--bg-base);
}

.search-input {
    position: relative;
    display: grid;
    row-gap: calc(var(--unit)*.25);
    width: 100%;
    padding: calc(var(--unit)*3) calc(var(--unit)*1.25) calc(var(--unit)*.5);
}

.search-btn {
    /*display: none;*/
    color: var(--text-color);
}

    .search-btn button {
        margin: 0;
        cursor: pointer;
    }

.input-container {
    border: var(--border-base);
    border-radius: var(--border-radius-round);
    --as-label-top: calc(var(--unit)*-.25);
    --as-label-font-size: var(--font-size-xs);
    --as-input-side-gap: calc(var(--unit)*1.5);
    --as-input-padding: calc(var(--unit)*0.75) calc(var(--unit)*2.25) calc(var(--unit)*0.25) var(--as-input-side-gap);
    /*--as-input-font-size: var(--font-size-base);*/
    --as-clear-btn-size: calc(var(--unit)*1.25);
    --as-input-error-border-width: calc(var(--unit)*0.0625);
    --as-error-font-size: var(--font-size-xxs);
}

.input-label {
    font-size: var(--as-label-font-size);
    position: absolute;
    top: var(--as-label-top);
    left: var(--as-input-side-gap);
    right: calc(var(--unit)*1.5);
    display: flex;
    column-gap: calc(var(--unit)*1);
    justify-content: space-between;
}

.search-header-input {
    position: relative;
    background: transparent;
    border-radius: var(--border-radius-round);
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: var(--as-input-padding);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
    color: var(--input-text-color);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
    /* counter act the form-control setting the background to white */
    .search-header-input:focus {
        background: transparent !important;
    }

.input-container-wrapper {
    position: relative;
}

.bold-label {
    font-weight: var(--font-weight-bold);
    color: var(--text-color);
}

.graphic-btn {
    --btn-width: 2.75rem;
    display: flex;
    align-items: center;
    column-gap: calc(var(--unit)*0.5);
    color: var(--text-color);
    border: none;
    justify-content: center;
    border-radius: var(--border-radius-lg);
    cursor: pointer;
}


.graphic-btn-text {
    display: none;
}

    .graphic-btn-text.brand-text {
        display: block;
    }

.graphic-btn-icon {
    width: calc(var(--unit)*2);
    height: auto;
}

.nav-link.graphic-btn {
    column-gap: calc(var(--unit)*0.25);
}

.nav-link .graphic-btn-icon {
    width: calc(var(--unit)* 1.5);
}

.nav-link .graphic-btn-text {
    font-weight: var(--link-font-weight);
    font-size: var(--font-size-base);
}


.border-fluid {
    --bs-border-opacity: 0; /* for small screen, hide the border */
    border-color: rgba(var(--border-color-brand-rgb), var(--bs-border-opacity)) !important;
}

.separator {
    border: 1px solid var(--text-color-muted);
}

.main-content__hero-section {
    --angle: 45deg;
    background-image: var(--bg-brand-gradient);
    position: relative;
}

.hero-section {
    color: var(--text-color-inverse);
    display: grid;
    margin: 0 auto calc(var(--unit) * -1);
    padding-left: var(--unit) padding-right: var(--unit);
    padding-top: calc(var(--unit)*1);
    row-gap: var(--unit);
}

.hero-headline {
    display: grid;
}

    .hero-headline h1, h4 {
        color: currentcolor;
    }

    .hero-headline h1 {
        font-size: var(--font-size-h1);
    }

    .hero-headline h4 {
        margin-top: calc(var(--unit) * 0.5);
        font-weight: var(--font-weight-medium);
    }

.title--inline-accent {
    display: inline-grid;
    line-height: 1;
    position: relative;
    z-index: 1;
}

.inline-accent::after {
    background: var(--headings-underline-color);
    border-radius: var(--border-radius-round);
    content: "";
    height: calc(var(--unit)* 0.38);
    bottom: calc(var(--unit)* -0.6);
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
}

.container-auto-suggest {
    background-color: var(--bg-base);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow-base);
    color: var(--text-color-brand);
    z-index: 2;
}

.hero-autosuggest {
    z-index: 20;
}

.hero-img {
    display: block;
    width: 100%;
}

.hero-background-svg {
    bottom: -1px;
    left: 0;
    position: absolute;
    width: 100%;
}

.hero-background-svg--desktop {
    display: none;
}

.hero-background-svg--mobile {
    display: block;
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px; /* should be the same as the input width */
    padding-left: var(--unit);
    padding-right: var(--unit);
    margin: 2px 0 0;
    list-style: none;
    font-size: inherit;
    text-align: left;
    background-color: var(--bg-base);
    border: 1px solid var(--border-color-brand);
    border: 1px solid var(--border-color-brand-rgb);
    border-radius: var(--border-radius);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: var(--box-shadow-shallow);
    background-clip: padding-box;
}

    .ui-autocomplete > li > div {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #333333;
        white-space: nowrap;
    }

.ui-state-hover,
.ui-state-active,
.ui-state-focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
    cursor: pointer;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.results-header {
    background: var(--brand-primary);
}

header.results-header {
    display: grid;
    row-gap: calc(var(--unit)*1.25);
    /*max-width: calc(1200px + 200px);*/
    margin: 0 auto;
    padding: var(--unit) var(--unit) calc(var(--unit)*1.5);
    color: var(--text-color-inverse);
    opacity: 1;
    transition: opacity var(--transition-speed-fast);
    /*min-height: 91px;*/
}

.filter-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    /*max-width: calc(1200px + 200px);*/
    margin: 0 auto;
    padding: calc(var(--unit)*0.5) calc(var(--unit)*0.75);
    overflow-x: auto;
    -ms-overflow-style: none;
    column-gap: calc(var(--unit)*0.25);
}

.standard-filter-control {
    display: flex;
    align-items: center;
    column-gap: calc(var(--unit)*0.25);
    position: relative;
}

.filter-section-divider {
    height: calc(var(--unit)*1.75);
    border: var(--border-base);
    margin: 0 calc(var(--unit)*0.5);
}

.filter-group {
    display: inline-flex;
    /* display: flex; */
    align-items: center;
    column-gap: calc(var(--unit)* 0.5);
    height: calc(var(--unit)* 1.75);
    padding: .5em 1.125em;
    white-space: nowrap;
    background: var(--bg-base);
    border: var(--border-base);
    border-radius: var(--border-radius-round);
    font-weight: var(--font-weight-base);
    font-size: var(--font-size-xs);
    color: var(--text-color-brand);
    transition: all var(--transition-speed-fast);
    /* max-width: calc(var(--unit)* 10); */
}


.filter-dropdown {
    border: none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23ccc" d="M2 0L0 2h4zm0 5L0 3h4z"/></svg>');
    background-repeat: no-repeat;
    background-position: right calc(var(--unit)*0.5) center;
    background-size: var(--unit);
    /*padding-left: 0;*/
    padding-right: calc(var(--unit)*1.75); /* Space for the arrow */
}

/* Create a psuedo-element to style the "radio button" indicator */
.filer-dropdown::after {
    content: "";
    display: block;
    width: var(--unit);
    height: var(--unit);
    border: 2px solid #ccc;
    border-radius: var(--border-radius-circle);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: calc(var(--unit)*0.75); /* Adjust position relative to dropdown text */
}

.filter-dropdown:focus {
    border-color: #80bdff;
}
/* Style the selected options to mimic a radio button */
.filter-dropdown[value]:checked::after {
    background-color: #ddd;
}


.result-title {
    margin-bottom: 0;
    color: currentColor;
}

.result-title-count {
    display: block;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-base);
}

.result-search-term {
    text-transform: capitalize;
}

.result-search-location {
    display: inline-block;
}

.filter-bar-container, .filter-bar-container--sticky {
    border-bottom: var(--border-base);
}

.results-card {
    color: var(--text-color-dark);
    font-size: var(--font-size-sm);
}

.profile-address {
    display: grid;
    grid-template-columns: 4fr 1fr;
}

.profile-image {
    display: flex !important;
    justify-content: center !important;
    --top-margin-multiplier: 1;
    margin-bottom: var(--results-margin-bottom) !important;
    margin-top: calc(var(--unit)*var(--top-margin-multiplier)) !important;
}

.profile-highlights ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    row-gap: calc(var(--unit)*0.125);
}

.profile-highlights li {
    display: flex;
    column-gap: calc(var(--unit)*0.5);
    align-items: center;
    line-height: var(--line-height-tight);
}

.claim-profile-banner {
    background-color: var(--brand-primary);
    /*height: calc(var(--unit)*50);*/
    align-self: center;
    align-items: center;
    justify-content: space-around;
}

    .claim-profile-banner h2 {
        color: var(--text-color-inverse, #FFF);
        font-size: calc(var(--unit)*1);
        font-weight: var(--font-weight-base);
        margin-bottom: 0;
    }

.claim-provider-profile-selection {
    align-self: center;
}

.page__hero-section {
    --angle: 45deg;
    background-image: var(--bg-brand-gradient);
    position: relative;
    height: calc(var(--unit)* 20);
}

.main-container {
    position: relative;
    align-items: center;
    display: flex;
    justify-content: space-around;
}

    .main-container .body-section {
        /*margin-top: calc(var(--unit)*4);*/
        border-radius: var(--border-radius-lg);
        border: var(--border-brand);
        1px solid var(--gray-20, #E3E3E3);
        /*top: -173px;*/
        top: calc(var(--unit)*-8);
        position: relative;
        background-color: var(--brand-inverse);
    }

.doc-item:hover {
    cursor: pointer;
    background-color: var(--info-bg-positive);
}

.hero-headline h1.title {
    padding-bottom: calc(var(--unit)* 1.75);
}

.body-section-wrapper {
    display: flex;
    flex-direction: column;
    border-radius: var(--border-radius-md);
}

.register-provider-section {
    background-color: var(--gray-10, #F7f7f7);
    border-radius: var(--border-radius-md) 0 0 0;
    /*width: 24%;*/
    /*padding: 40px 16px;*/
}

.register-provider-card {
    display: flex;
    flex-direction: column;
    gap: calc(var(--unit)* 1.2);
}

.register-info-section {
    display: flex;
    flex-direction: column;
    gap: calc(var(--unit)* 1.125);
}

.register-info-providername {
    color: var(--text-color-brand);
    font-size: var(--font-size-lg);
    line-height: var(--line-height-base);
}

.register-info-provider-attribute {
    color: var(--gray-90, #4A4A4D);
    /* font-size: var(--font-size-md); */
    font-size: calc(var(--unit)*0.9);
    font-feature-settings: 'clig' off, 'liga' off;
    /* line-height: 24px; */
}

.register-info-note {
}

    .register-info-note::before {
        --tbd-tag-text: 'NOTE';
        content: vaR(--tbd-tag-text);
        border-radius: var(--border-radius-md);
        /* background-color: var(--brand-inverse); */
        color: var(--text-color-brand-inverse, #FFF);
        font-size: var(--font-size-base);
        font-style: normal;
        text-transform: capitalize;
        font-weight: var(--font-weight-bold);
        line-height: var(--headings-line-height);
        padding: calc(var(--unit)* .25) calc(var(--unit)* 0.5);
        margin-right: calc(var(--unit)* 0.5);
        /* background: var(--teal-90, #156984); */
        /* font-size: 16px; */
        background: var(--info-color-positive)
    }

    .tbd-tag-subscribe::before{
        --tbd-tag-text: 'SUBSCRIBE';
    }

    .register-info-note ul {
        margin-top: calc(var(--unit)* 1.1);
        list-style-type: none;
        padding-left: calc(var(--unit)* 1);
    }

        .register-info-note ul li {
            margin-bottom: calc(var(--unit)* 1.125);
            color: var(--gray-70, #4A4A4D);
            font-size: var(--font-size-base);
            font-style: normal;
            line-height: var(--line-height-base);
            padding-right: calc(var(--unit)* 0.36);
        }

            /*.register-info-note ul li::marker {
            color: var(--brand-primary);
            text-transform: none;
            text-indent: 0px !important;
            text-align: start !important;
            text-align-last: start !important;
            font-variant-numeric: tabular-nums;
        }*/
            .register-info-note ul li::before {
                font-family: 'FontAwesome';
                display: inline-block;
                margin-right: 8px; /* Add some space between the icon and the list item */
                font-weight: 900; /* Needed for correct display of the icon */
                content: "\f00c"; /* Font Awesome check icon */
            }

.icon-check::before {
    content: "\f00c" !important; /* Font Awesome check icon */
}

.icon-times::before {
    content: "\f00d" !important; /* Font Awesome times icon */
}

.icon-star::before {
    content: "\f005" !important; /* Font Awesome star icon */
}

.icon-check-circle::before {
    content: "\f058" !important; /* Font Awesome check circle icon */
}

.icon-circle-exclamation::before {
    content: "\f06a" !important; /* Font Awesome circle exclamation icon */
}

.icon-triangle-exclamation::before {
    content: "\f071" !important; /* Font Awesome triangle exclamation icon */
}

.icon-clipboard-check::before {
    content: "\f46c" !important; /* Font Awesome clipboard check icon */
}

.icon-notes-medical::before {
    content: "\f481" !important; /* Font Awesome notes medical icon */
}
.icon-stethoscope::before{
        content: "\f0f1" !important; /* Font Awesome stethoscope icon */
}
.icon-user-doctor::before{
    content: "\f0f0" !important; /* Font Awesome user doctor icon */
}
.icon-plus::before{
    content: "\f067" !important; /* Font Awesome plus icon */
}
.icon-cart-plus::before{
    content: "\f217" !important; /* Font Awesome cart plus icon */
}

.register-form-section {
    border-radius: 0 var(--border-radius-md) 0 0;
    background: var(--bg-base, #FFF);
}

.us-address {
    font-size: var(--font-size-sm);
}

    .us-address span {
        margin-bottom: calc(var(--unit) *0.25);
    }

.address-distance {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc(var(--unit)* 3);
    height: calc(var(--unit)* 3);
    padding-bottom: calc(var(--unit)* 0.25);
    border: var(--border-base);
    border-radius: var(--border-radius-circle);
    font-size: var(--font-size-xs);
    line-height: var(--line-height-tight);
    letter-spacing: -0.03em;
    align-self: center;
    /* padding-left: calc(var(--unit)* 1.25); */
    margin-left: calc(var(--unit)* 1.25);
    justify-self: center;
    /* padding-top: calc(var(--unit)* -.125); */
    margin-top: calc(var(--unit)* -0.75);
}

.board-info-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--bg-off-base);
    padding: 2%;
    border-radius: var(--border-radius-xl);
}

.recent-actions {
    text-align: end;
}

.icon-block {
    width: 100%;
}

    .icon-block i {
        display: inline-block;
        font-size: var(--font-size-lg);
        color: var(--brand-primary);
        text-align: center;
        border: 1px solid var(--border-color-brand);
        width: calc(var(--unit)*2);
        height: calc(var(--unit)*2);
        line-height: var(--line-height-loose);
        border-radius: var(--border-radius-circle);
        margin: 0 calc(var(--unit)*0.3); /* fix this to be relative */
    }

        .icon-block i:hover {
            background-color: var(--brand-primary);
            color: var(--brand-inverse);
            text-decoration: none;
        }

    .icon-block a {
        text-decoration: none;
    }

[type=button]:not(.disabled), [type=reset]:not(.disabled), [type=submit]:not(.disabled), button:not(.disabled) {
    cursor: pointer;
}

.bd-posts {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    padding: calc(var(--unit)* 0.5);
    column-gap: calc(var(--unit)* 1);
}

.bd-post__item {
    flex-grow: 1;
    padding-bottom: 2em;
    padding: 1%;
    background-color: var(--bg-off-base);
    border-radius: var(--border-radius-xl);
    margin-top: calc(var(--unit)*0.75);
}

    .bd-post__item:first-child {
        flex-grow: 2;
        margin-top: 0;
    }
    .bd-post__item:last-child{
        margin-bottom: 0;
    }

    .bd-post__date {
        color: var(--text-color-muted);
        font-size: var(--font-size-xs);
    }

    .bd-post__button {
        color: var(--brand-primary);
        display: inline-block;
        border-bottom: 4px solid var(--brand-primary);
        text-decoration: none;
        text-transform: uppercase;
        font-family: "Source Sans Pro", sans-serif;
        font-weight: var(--font-weight-heavy);
        letter-spacing: 0.1em;
        padding: 0.3em 0;
        position: relative;
        transition: 0.2s all;
    }

        .bd-post__button:before {
            content: "";
            position: absolute;
            bottom: 0;
            width: 100%;
            background: var(--brand-primary);
            height: 0%;
            transition: 0.2s all;
            left: 0;
            z-index: -10;
        }

        .bd-post__button:hover {
            padding-left: 0.75em;
            padding-right: 0.75em;
            color: var(--brand-secondary);
            border-color: var(--brand-secondary);
        }

            .bd-post__button:hover:before {
                height: 100%;
            }
.bd-header {
    background: var(--brand-primary);
    text-align: center;
    padding: calc(var(--unit)* 1.25);
    /*font-family: "Source Sans Pro", sans-serif;*/
    font-size: calc(var(--unit)*1.4); /*1.4em*/
    font-weight: var(--font-weight-light);
    line-height: calc(var(--unit)*1.6); /* 1.6em*/
    width: 100%;
    display: flex;
    justify-items: center;
    align-items: center;
    flex-direction: column;
    color: var(--text-color-inverse) !important;
}
    .bd-header h1, .bd-header h2, .bd-header p{
        max-width: calc(var(--unit)*40);
        margin: 0 auto;
        color: var(--text-color-inverse);
    }
    .bd-header h1:not(:last-child), .bd-header h2:not(:last-child), .bd-header p:not(:last-child){
        margin-bottom: calc(var(--unit)*1);
    }
    .bd-header h1{
        text-transform: uppercase;
    }
    
    .profile-placeholder-image{
        width: calc(var(--unit)*6);
        height: auto;
    }

    .profile-placeholder-image path{
        fill: #fff;
    }
/* X-Small devices (portrait phones, less than 576px)
   No media query for `xs` since this is the default in Bootstrap */
/*@media (min-width: 540px) {
    header .result-header

{
}

}*/
/* Small devices (landscape phones, 576px and up */
@media (min-width: 576px) {
    header .result-header {
        min-height: 106px;
    }

    h1 {
        font-size: var(--font-size-h1);
    }

    .bd-post__item {
        flex-basis: 50%;
        /*padding-right: 5%;*/
    }

        .bd-post__item:first-child {
            flex-basis: 100%;
        }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    html {
        font-size: var(--font-size-base);
    }

    .rounded-pill-md {
        border-radius: calc(var(--unit)*2.75) !important;
    }

    .border-fluid {
        --bs-border-opacity: 1;
    }

    .border-top-md-0 {
        border-top: 0 !important;
    }

    .brand-logo {
        display: block;
        width: calc(var(--unit)*4);
        height: auto;
    }

    .brand-text {
        display: block;
    }

    .hero-section {
        row-gap: 0;
        column-gap: var(--unit);
        -moz-column-gap: var(--unit);
        grid-template-columns: 1fr 1fr;
        margin-bottom: 0;
        padding-top: calc(var(--unit)*1.3);
    }

    .hero-autosuggest {
        grid-column: 1 /span 2;
        grid-row: 3;
        position: relative;
    }

    .hero-img {
        align-items: flex-end;
        display: flex;
        grid-column: 2;
        grid-row: 1 / span 2;
    }

    .hero-background-svg--desktop {
        display: block;
    }

    .hero-background-svg--mobile {
        display: none;
    }

    .hero-headline h1 {
        font-size: var(--font-size-xl);
    }

    .navbar {
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .navbar-login {
        order: 2;
    }

    .navbar-collapse {
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 100%;
    }

    .navbar-nav {
        order: 1;
    }

    .navbar-search {
        padding: 0;
        z-index: 0;
        --autosuggest-overlay-top: 4rem;
    }

    .search-container {
        /*order: 3;*/
        display: block;
    }

    .search-form {
        position: relative;
        height: auto;
        top: unset;
        display: flex;
        align-items: center;
        column-gap: calc(var(--unit)*0.5);
        padding-right: calc(var(--unit)*.25);
        border: var(--as-border, var(--border-base));
        border-radius: var(--border-radius-round);
    }

    .location-term {
        --ipnut-boder-radius-custom: 0 var(--border-radius-round) var(--border-radius-round) 0;
        --as-input-side-gap: calc(var(--unit)*1.25);
        --as-divider-gap: calc(var(--unit)*0.25);
        --as-drawer-width: calc(100% + var(--as-button-size));
    }

    .search-input {
        grid-template-columns: 1.5fr 1fr;
        padding: 0;
    }

    .search-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: var(--as-button-size);
        height: var(--as-button-size);
        background: var(--bg-base);
        color: var(--text-color);
        border-radius: var(--border-radius-round);
        border: none;
    }

    .input-container {
        position: relative;
        border: none;
        border-radius: 0;
    }

    .search-header-input {
        --input-border-radius-custom: var(--border-radius-round) var(--border-radius-round) var(--border-radius-round) var(--border-radius-round);
        --as-drawer-width: 120%;
        border-radius: var(--input-border-radius-custom);
        font-size: var(--as-input-font-size, var(--font-size-sm));
    }

    .standard-filter-control {
        z-index: 1;
        column-gap: calc(var(--unit)*0.5);
    }

    /*.location-term{
        --input-border-radius-custom: 0 var(--border-radius-round) var(--border-radius-round) 0;
        --as-input-side-gap: calc(var(--unit)*1.25);
        --as-divider-gap: calc(var(--unit)*0.25);
        --as-drawer-width: calc(100% + var(--as-button-size));
    }*/

    .filter-group {
        column-gap: calc(var(--unit)*0.75);
        font-size: var(--font-size-sm);
        height: calc(var(--unit)*2.25);
    }

    .location-term:before {
        content: "";
        position: absolute;
        top: var(--as-divider-gap);
        bottom: var(--as-divider-gap);
        width: 1px;
        background: var(--border-color-base);
    }

    .img-sm {
        max-width: calc(var(--unit)* 9);
        height: auto; /* maintain aspect ratio */
    }

    .card-title {
        font-size: var(--font-size-h2);
    }

    .profile-detail {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: flex-start;
    }

    .profile-title {
        align-self: flex-start;
    }

    .profile-social,
    .profile-address,
    .profile-highlights,
    .profile-button {
        align-self: flex-end;
    }

    .profile-address {
        align-self: stretch;
        margin-top: var(--unit);
        padding-right: var(--unit);
    }

    .profile-button {
        width: 100%;
    }

    .profile-address,
    .profile-button {
        margin-right: calc(var(--unit)*0.3);
    }

    .profile-button,
    .profile-social {
        margin-bottom: var(--results-margin-bottom); /* calc(var(--unit)*1.4) !important; */
    }

    .profile-image {
        --top-margin-multiplier: 1;
        margin-bottom: var(--results-margin-bottom);
    }

    .provider-profile {
        display: flex;
    }

        .provider-profile > .col-md-4 {
            order: 0;
        }

        .provider-profile > .col-md-8 {
            order: 1;
        }

        .provider-profile .d-flex.justify-content-between {
            flex-wrap: wrap;
        }

    .claim-profile-banner {
        /*height: calc(var(--unit)*3);*/
    }

    .bd-post__item {
        flex-basis: 33%;
    }

        .bd-post__item:first-child {
            flex-basis: 66%;
        }
}

@media (min-width: 867px) {
    .hero-headline h4 {
        margin-top: calc(var(--unit) * -0.5);
        font-weight: var(--font-weight-medium);
    }

    .img-sm {
        max-width: calc(var(--unit)* 8);
        height: auto; /* maintain aspect ratio */
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .graphic-btn {
        --btn-width: calc(var(--unit)*7);
        display: grid;
        grid-template-columns: auto 1fr;
        font-size: var(--font-size-sm);
        line-height: var(--line-height-tight);
        padding: 0 calc(var(--unit)*0.5);
    }

    .graphic-btn-text {
        display: block;
    }

    .navbar-search {
        --autosuggest-overlay-top: 5rem;
    }

    .filter-bar {
        overflow-x: inherit;
        padding: var(--unit) 0 var(--unit) var(--unit);
        column-gap: calc(var(--unit)*0.5);
    }

    .bd-posts__item {
        flex-basis: 25%;
    }

        .bd-posts__item:first-child {
            flex-basis: 50%;
        }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}

/*   MAX WIDTH */

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .search-btn {
        padding: 0.375rem 0.75rem;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
}

/* XX-Large devices (larger desktops)
   No media query since the xxl breakpoint has no upper bound on its width */