: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;
      /* Eye exam themed image */
      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;
   }

   .purple {
    color: rgb(109,60,94);
   }

   .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);
}
