/* Keep the practice contact details and navigation together while the page scrolls. */
.site-chrome{
  position:sticky;
  top:0;
  z-index:102;
}

.site-chrome .topbar{
  position:relative!important;
  top:auto;
  z-index:1!important;
}

.topbar .wrap{font-size:16px!important}
.topbar-item,.topbar-item>a{display:flex;align-items:center}
.topbar-item>a{color:#fff!important;text-decoration:none!important}
.topbar-contact-icon{display:inline-flex!important;width:32px;height:32px;align-items:center;justify-content:center;flex:0 0 auto;margin-right:9px;border:1px solid rgba(255,255,255,.9);border-radius:50%;color:#fff;transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease}
.topbar-contact-icon svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
.topbar-phone .topbar-contact-icon svg{fill:currentColor;stroke:none}
.topbar-contact-text{font-weight:400;line-height:1;white-space:nowrap}
@media(hover:hover){.topbar-item>a:hover .topbar-contact-icon,.topbar-item>a:focus-visible .topbar-contact-icon{background:#fff;color:#c1376f;transform:translateY(-2px)}.topbar-item>a:focus-visible{outline:none}}

.site-chrome .site-header{
  position:relative!important;
  top:auto;
  z-index:1!important;
  height:108px!important;
  transition:height .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .28s ease;
}

.site-header .wrap{
  transition:padding .28s cubic-bezier(.2,.7,.2,1);
}

.site-header .brand img{
  transition:width .28s cubic-bezier(.2,.7,.2,1),max-height .28s cubic-bezier(.2,.7,.2,1);
}

.site-header.is-compact{
  height:82px!important;
  border-color:rgba(35,60,84,.1)!important;
  box-shadow:0 8px 22px rgba(35,60,84,.09);
}

.site-header.is-compact .brand img{
  width:145px;
  max-height:58px;
}

@media(max-width:760px){
  .site-chrome .topbar{min-height:44px!important}
  .site-chrome .site-header{
    height:80px!important;
  }
  .site-header.is-compact{height:68px!important}
  .site-header.is-compact .brand img{
    width:126px;
    max-height:52px;
  }
}

@media(max-width:850px){
  .topbar .topbar-phone{display:none}
  .topbar .wrap{gap:14px;font-size:12px!important}
  .topbar-contact-icon{width:26px;height:26px;margin-right:6px}
  .topbar-contact-icon svg{width:13px;height:13px}
}

@media(prefers-reduced-motion:reduce){
  .site-header,.site-header .wrap,.site-header .brand img{transition:none!important}
}