/* NIFA Brand Name Style (Topbar/Sidebar) */
:root{
  --nifa-brand-size: 1.02rem;
  --nifa-brand-letter: .025em;
  --nifa-brand-underline-w: .62em;
  --nifa-brand-underline-h: .22em;
  --nifa-brand-underline-bottom: .02em;
  --nifa-brand-underline-opacity: .6;
}
.nifa-brand-name{
  font-family: "Segoe UI", "Trebuchet MS", "Arial Rounded MT Bold", "Helvetica Rounded", sans-serif;
  font-weight: 800;
  letter-spacing: var(--nifa-brand-letter, .025em);
  color: var(--brand-accent, #17B8C6);
  font-size: var(--nifa-brand-size, 1.02rem);
  line-height: 1;
  text-shadow: 0 1px 0 rgba(0,0,0,.06);
  position: relative;
  display: inline-block;
  transform: skewX(-4deg);
  padding-right: .35rem;
  padding-bottom: .22em;
}
@supports (-webkit-background-clip: text) or (background-clip: text){
  .nifa-brand-name{
    background: linear-gradient(135deg, var(--brand-accent, #17B8C6) 0%, #0fa7b6 52%, #0f7f8a 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
}
.nifa-brand-name::after{
  content: "";
  position: absolute;
  right: 0;
  bottom: var(--nifa-brand-underline-bottom, .02em);
  width: var(--nifa-brand-underline-w, .62em);
  height: var(--nifa-brand-underline-h, .22em);
  border-radius: 999px;
  background: rgba(var(--brand-accent-rgb, 23, 184, 198), var(--nifa-brand-underline-opacity, .6));
  transform: skewX(6deg);
}

@media (max-width: 575.98px){
  .nifa-brand-name{
    font-size: .95rem;
  }
}