/* Home links share larger, square logos across the public page layouts. */
body.cp-site-refresh.cp-clinical-unified .page-logo {
  min-height: 132px !important;
}
body.cp-site-refresh.cp-clinical-unified .page-logo .logo-wrap {
  flex: 0 0 112px;
  width: 112px !important;
  height: 112px !important;
}
body.cp-site-refresh.cp-clinical-unified .page-logo img {
  width: 112px !important;
  height: 112px !important;
}
.cp-site-nav { flex-wrap: wrap; }

.home-page .home-logo-wrap { width: 300px; max-width: 100%; }
.home-page .home-mini-logo { width: 6.75rem; height: 6.75rem; flex-shrink: 0; }

.directory-page .dir-logo {
  flex: 0 0 116px;
  width: 116px;
  height: 116px;
}
.directory-page .dir-logo img { width: 104px; height: 104px; }
.directory-page .dir-nav { flex-wrap: wrap; }

.topbar .brand { flex-wrap: wrap; min-width: 0; }
.topbar .brand .logo-wrap {
  flex: 0 0 172px !important;
  width: 172px !important;
  height: 172px !important;
}
.topbar .brand .logo-wrap img { width: 100% !important; height: 100% !important; object-fit: contain; }
.topbar .brand > p { flex: 1 1 8rem; min-width: 0; }
.top .topbar { flex-wrap: wrap; }
.top .topbar .brand img[src*="logo-consulta"] {
  width: 260px !important;
  height: 260px !important;
  max-width: 100% !important;
  object-fit: contain;
}

body.cp-clinical-test-page #miniHeader img[src*="logo-consulta"] {
  width: 76px !important;
  height: 76px !important;
  flex-shrink: 0;
}
body.form-page #miniHeader img[src*="logo-consulta"] {
  width: 112px !important;
  height: 112px !important;
  flex-shrink: 0;
}
.request-mini-header .container,
body.form-page #miniHeader .container { flex-wrap: wrap; }
a[href="/"] img[src*="logo-consulta"][width="76"] {
  width: 152px !important;
  height: 152px !important;
  flex-shrink: 0;
}

/* Large form mastheads grow within the available screen width. */
body.form-page > header > .container > div[style*="width:243px"] {
  width: 486px !important;
  max-width: 100%;
}
body.form-page > header > .container.grid { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1024px) {
  body.form-page > header > .container.grid { grid-template-columns: minmax(0, 486px) minmax(0, 1fr); }
}

@media (max-width: 980px) {
  .topbar .brand .logo-wrap {
    flex-basis: 162px !important;
    width: 162px !important;
    height: 162px !important;
  }
}
@media (max-width: 767px) {
  .home-page .home-logo-wrap { width: 224px; }
  .directory-page .dir-logo { flex-basis: 86px; width: 86px; height: 86px; }
  .directory-page .dir-logo img { width: 78px; height: 78px; }
}
@media (max-width: 760px) {
  .topbar .brand .logo-wrap {
    flex-basis: 152px !important;
    width: 152px !important;
    height: 152px !important;
  }
}
@media (max-width: 560px) {
  .home-page .home-mini-logo { width: 6rem; height: 6rem; }
}
