/* V44: old Carel Discover hover only + project email icon matched to main header. */

.discover,
.discover:hover,
.discover:focus-visible,
.discover.is-bumped{
  animation:none!important;
}

.discover{
  transition:
    transform .35s var(--ease),
    background .35s var(--ease),
    border-color .35s var(--ease),
    color .35s var(--ease),
    box-shadow .35s var(--ease)!important;
}

.discover:hover,
.discover:focus-visible{
  transform:translateX(-50%) translateY(-3px)!important;
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(36,32,32,.58)!important;
  color:#242020!important;
  box-shadow:none!important;
}

.discover:hover .discover-icon,
.discover:focus-visible .discover-icon,
.discover.is-bumped .discover-icon{
  animation:none!important;
  transform:translateY(-50%)!important;
  box-shadow:none!important;
}

.topbar .icons .icon[aria-label="Email"],
.topbar .icons a.icon[aria-label="Email"],
.topbar .icons .icon:first-child{
  width:38px!important;
  height:32px!important;
  min-width:38px!important;
  flex:0 0 38px!important;
  display:grid!important;
  place-items:center!important;
}

.topbar .icons .icon[aria-label="Email"] svg,
.topbar .icons a.icon[aria-label="Email"] svg,
.topbar .icons .icon:first-child svg{
  width:30px!important;
  height:22px!important;
  min-width:30px!important;
  min-height:22px!important;
  stroke-width:1.9!important;
  display:block!important;
}

@media (max-width:980px){
  .discover:hover,
  .discover:focus-visible{
    transform:translateY(-3px)!important;
  }

  .topbar .icons .icon[aria-label="Email"],
  .topbar .icons a.icon[aria-label="Email"],
  .topbar .icons .icon:first-child{
    width:34px!important;
    height:28px!important;
    min-width:34px!important;
    flex:0 0 34px!important;
  }

  .topbar .icons .icon[aria-label="Email"] svg,
  .topbar .icons a.icon[aria-label="Email"] svg,
  .topbar .icons .icon:first-child svg{
    width:28px!important;
    height:20px!important;
    min-width:28px!important;
    min-height:20px!important;
  }
}