:root{
--brand: #0b5ed7;
--brand-dark: #084298;
}
body{font-optical-sizing:auto;
     --bs-body-font-family: 'Lato', sans-serif;
     font-size: 1.10rem;
     line-height: 1.5;
     background-color: #f2eef5;
}


/* Hero */
.hero{position:relative;min-height:36vh;display:grid;place-items:center;color:#fff;text-align:center}
.hero::before{content:"";position:absolute;inset:0;background:url('/mceyeclinic/images/clinic-color-banner.png') center/cover no-repeat;filter:brightness(.55)}
.hero .inner{position:relative;z-index:1}


.section-title{scroll-margin-top:6rem}


/* Sidebar form card */
.sticky-sidebar{position:sticky; top:10rem}

.btn-purple {
  background-color: rgb(109,60,94);
  border-color: rgb(109,60,94);
  color: #fff;
}

.btn-purple:hover,
.btn-purple:focus {
  background-color: rgb(75, 41, 65);
  border-color: rgb(75, 41, 65);
  color: #fff;
}

.btn-outline-purple {
  border-color: rgb(109,60,94);
  color: rgb(109,60,94);
}

.card-outline-purple {
  border-color: rgb(109,60,94);
}


.btn-outline-purple:hover,
.btn-outline-purple:focus {
  border-color: rgb(75, 41, 65);
  color: rgb(75, 41, 65);
}

/* Breadcrumbs (scoped) */
    .disclaimer-breadcrumbs {
      background: #fff;
      border: 1px solid #eee;
      border-left: 4px solid var(--clinic-purple);
      border-radius: .5rem;
      padding: .5rem .75rem;
      margin-bottom: 1rem;
    }
    .disclaimer-breadcrumbs .breadcrumb { margin: 0; }
    .disclaimer-breadcrumbs .breadcrumb-item + .breadcrumb-item::before { color: #888; }
    .disclaimer-breadcrumbs a { color: var(--clinic-purple); text-decoration: none; }
    .disclaimer-breadcrumbs a:hover { text-decoration: underline; }

    .accordion-button:not(.collapsed) {
  background-color: rgb(109, 60, 94); /* light purple */
  color: white; /* darker text for contrast */
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}

.accordion-button:focus {
  box-shadow: 0 0 0 0rem rgb(109, 60, 94);
}