Locations Find a Location / DoctorUse My Location Services Family & Internal Medicine Women’s Health & Gynecology Medical Lab Work Administrative Office Family & Internal Medicine Heyl Family Practice▾ Gibsonia McCandless West View Grob, Scheri, Woodburn & Griffin (GSWG)▾ Perrysville Wexford Dayalan & Associates Family Medicine Koman, Kimmel & Gabriel Family Medicine Northern Area Family Medicine Schogel & Fardo Family Medicine Primary Care Associates Family Practice Associates All Family & Internal Medicine Locations → Women’s Health & Gynecology Genesis Women’s Health▾ North Office South Office All Women’s Health Locations → Medical Lab Work Genesis Labs All Lab Locations → Administrative Office Corporate / Administrative Office /* ---- Minimalist Locations (mlocs) ---- */ :root{ --ml-radius: 12px; --ml-edge: rgba(0,0,0,.08); --ml-edge-soft: rgba(0,0,0,.06); --ml-ink-soft: rgba(0,0,0,.55); --ml-bg: var(--bs-body-bg, #fff); --ml-shadow: 0 8px 30px rgba(0,0,0,.08); } .mlocs{ position: relative; } .mlocs__trigger{ cursor: pointer; } /* Panel */ .mlocs__panel{ position: absolute; top: 100%; left: 0; width: min(100vw, 960px); background: var(--ml-bg); border: 1px solid var(--ml-edge); border-radius: var(--ml-radius); box-shadow: var(--ml-shadow); padding: 12px; z-index: 1000; } /* Layout */ .mlocs__cta{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 8px; } .mlocs__body{ display: grid; grid-template-columns: 280px 1fr; gap: 12px; padding: 8px; } .mlocs__label{ font-size: .78rem; letter-spacing: .04em; text-transform: uppercase; color: var(--ml-ink-soft); font-weight: 700; margin: 2px 0 10px; } /* Side */ .mlocs__side{ border-right: 1px solid var(--ml-edge-soft); padding-right: 10px; } .mlocs__services{ list-style: none; margin: 0; padding: 0; } .mlocs__svc-btn{ display: block; width: 100%; text-align: left; background: transparent; border: 0; padding: 10px; border-radius: 10px; font-weight: 600; color: inherit; cursor: pointer; } .mlocs__svc-btn:hover{ background: rgba(0,0,0,.035); } .mlocs__svc-btn.is-active{ background: rgba(0,0,0,.06); } /* Detail */ .mlocs__detail{ padding-left: 2px; max-height: 66vh; overflow: auto; } .mlocs__panel-body{ display: none; } .mlocs__panel-body.is-shown{ display: block; } /* Divisions + Locations */ .mlocs__divisions{ list-style: none; margin: 0; padding: 0; } .mlocs__division{ display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px; padding: 8px 4px; border-bottom: 1px dashed var(--ml-edge-soft); } .mlocs__division:last-child{ border-bottom: 0; } .mlocs__division-link{ text-decoration: none; color: inherit; font-weight: 600; padding: 6px; border-radius: 8px; } .mlocs__division-link:hover{ background: rgba(0,0,0,.035); } .mlocs__chevron{ border: 0; background: transparent; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 8px; cursor: pointer; transform: rotate(0deg); transition: transform .18s ease, background .15s ease; } .mlocs__chevron[aria-expanded="true"]{ transform: rotate(180deg); } .mlocs__chevron:hover{ background: rgba(0,0,0,.035); } .mlocs__locs{ list-style: none; margin: 6px 0 0 8px; padding: 6px 0 2px 10px; border-left: 3px solid var(--ml-edge); } .mlocs__loc-link{ display: block; text-decoration: none; color: inherit; padding: 6px; border-radius: 8px; font-size: .96rem; } .mlocs__loc-link:hover{ background: rgba(0,0,0,.035); } .mlocs__all{ padding-top: 6px; } .mlocs__all-link{ text-decoration: none; } /* Focus */ .mlocs__panel :is(a,button):focus-visible{ outline: 2px solid rgba(0,113,227,.45); outline-offset: 2px; border-radius: 8px; } /* Mobile */ @media (max-width: 991px){ .mlocs__panel{ width: 100vw; left: 50%; transform: translateX(-50%); border-radius: 0; border-left: 0; border-right: 0; } .mlocs__cta{ grid-template-columns: 1fr; } .mlocs__body{ grid-template-columns: 1fr; } .mlocs__side{ border-right: 0; padding-right: 0; } .mlocs__detail{ max-height: 58vh; } }
