/* Shared STCC navigation theme — matches the main page primary blue. */
.top,
.side-head,
.chat-head{
  background:#4f46e5!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.22)!important;
}
.top{
  border-radius:10px;
  padding:14px 18px!important;
  box-shadow:0 9px 24px rgba(79,70,229,.18);
}
header.top{
  border-radius:0;
}
.top.site-nav{
  padding:0!important;
}
.top h1,
.top h2,
.top .brand,
.top .brand span,
.top .who h1,
.side-head h1,
.chat-head h2{
  color:#fff!important;
}
.top a,
.side-head a{
  display:inline-block;
  color:#fff!important;
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.32)!important;
  border-radius:7px!important;
  padding:8px 12px!important;
  text-decoration:none;
  transition:background .18s ease,transform .18s ease;
}
.top a:hover,
.side-head a:hover{
  background:rgba(255,255,255,.24)!important;
  transform:translateY(-1px);
}
.top .online,
.chat-head small{
  color:#dbeafe!important;
}
.side-head{
  padding:17px!important;
}
.side-head a{
  font-size:12px!important;
  padding:6px 9px!important;
  margin:0 5px 5px 0!important;
}
.chat-head{
  padding:13px 20px!important;
}
@media(max-width:600px){
  .top{padding:12px 14px!important}
  .top a{padding:7px 10px!important}
}