.admin-wellness-logo,
.login-wellness-logo {
  box-sizing: content-box;
  padding: 8px 12px;
  border-radius: 7px;
  background: #fff;
  filter: none !important;
}

.admin-brand {
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}

.admin-wellness-logo {
  box-sizing: border-box;
  width: 100%;
  max-width: 194px;
  height: auto;
}
.login-wellness-logo { width: min(75%, 290px); }

.admin-sidebar { background: linear-gradient(180deg, #d4688a, #f18eaa); }
.login-main { background: linear-gradient(130deg, #d4688a 0 42%, #f3eee8 42%); }
.login-brand { background: linear-gradient(145deg, #d4688a, #f18eaa); }
.sidebar-user > span { background: #f18eaa; }

.admin-sidebar nav > span {
  color: rgba(255, 255, 255, .72);
  font-weight: 700;
}

.admin-sidebar nav a {
  color: rgba(255, 255, 255, .88);
  border: 1px solid transparent;
}

.admin-sidebar nav a > span {
  color: #fff;
}

.admin-sidebar nav a > .nav-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.admin-sidebar .nav-icon svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.admin-sidebar nav a:hover,
.admin-sidebar nav a.active {
  color: #fff;
  border-color: rgba(255, 255, 255, .22);
  background: rgba(255, 255, 255, .18);
}

.admin-brand small,
.sidebar-user small {
  color: rgba(255, 255, 255, .78);
}

.sidebar-user {
  border-top-color: rgba(255, 255, 255, .3);
}

.join { background: linear-gradient(110deg, #d4688a, #f18eaa); }
.button-primary:hover,
.search-button:hover { background: #f18eaa; }