.cwf-header {
  --careconnections-logo--size: 10rem;
  --careconnections-logo--path: url('/media/care-connections/csslogoall.png');
  --careconnections-logo--gap: 1rem;
}
.cwf-header__title {
  text-align: center;
}
.cwf-header__title:before {
  aspect-ratio: 250 / 87;
  background-image: var(--careconnections-logo--path);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  width: var(--careconnections-logo--size);
  margin-bottom: 0.5rem;
  height: 4rem;
}
.cwf-header__department .cwf-header__link,
.cwf-header__department .cwf-header__link:is(:hover, :focus) {
  color: var(--careconnections-purple);
}
@media (min-width: 1024px) {
  .cwf-header__title {
    position: relative;
    flex-direction: column-reverse !important;
    padding-right: 1rem;
    text-align: left;
  }
  .cwf-header__title:before {
    position: absolute;
    top: -1rem;
    height: auto;
  }
  .cwf-header__department, .cwf-header__parent {
    margin-left: calc(var(--careconnections-logo--size) + var(--careconnections-logo--gap));
  }
}