.portal-site-button:hover,
.portal-home:hover,
.portal-local-nav > nav > a:hover,
.portal-local-nav > nav > button:hover,
.portal-local-nav > nav > .jump-menu > button:hover,
.portal-local-nav > nav > .stage-menu > button:hover,
.portal-local-nav > nav > .preparation-menu > button:hover,
.site-button:hover,
.home:hover,
.page-nav a:hover {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.brand .brand-mark,
.brand .mark {
  position: relative !important;
  display: inline-block !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 36% 29%, #fff 0 7%, transparent 8%),
    radial-gradient(circle at 34% 31%, #35e2ef 0 21%, #0b93c9 22% 50%, #0868ad 51% 70%, #06467f 71% 100%) !important;
  box-shadow:
    inset -7px -8px 12px rgba(0, 45, 93, .2),
    0 4px 10px rgba(3, 70, 123, .16) !important;
}

.brand .brand-mark::after,
.brand .mark::after {
  content: "" !important;
  position: absolute !important;
  left: 10px !important;
  top: 8px !important;
  width: 17px !important;
  height: 12px !important;
  border-radius: 50% !important;
  border-top: 2px solid rgba(255, 255, 255, .5) !important;
  transform: rotate(-18deg) !important;
}

.brand > span:last-child {
  color: #07395f !important;
  font-weight: 900 !important;
  letter-spacing: -.035em !important;
  text-transform: uppercase !important;
}

.brand > span:last-child i {
  color: #0878c7 !important;
  font-style: normal !important;
  font-weight: 900 !important;
}