/* Chave Vertical Lite v0.7 — reference navigation */

.cvl-nav{
  background:#fff!important;
  border-top:1px solid #edf0f1!important;
  border-bottom:1px solid #dfe4e6!important;
  box-shadow:0 3px 10px rgba(19,28,34,.025)!important;
}

.cvl-nav-inner{
  min-height:58px!important;
  display:flex!important;
  align-items:stretch!important;
  gap:0!important;
}

.cvl-categories-link{
  width:220px!important;
  min-width:220px!important;
  min-height:58px!important;
  padding:0 22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:13px!important;
  border:0!important;
  border-radius:0!important;
  background:#087a70!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}

.cvl-categories-link:hover,
.cvl-categories-trigger[aria-expanded="true"]{
  background:#066c64!important;
  color:#fff!important;
}

.cvl-nav-menu-icon{
  width:18px!important;
  height:14px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  flex:0 0 18px!important;
}

.cvl-nav-menu-icon i{
  width:18px!important;
  height:2px!important;
  display:block!important;
  border-radius:999px!important;
  background:#fff!important;
}

.cvl-menu-reference{
  min-width:0!important;
  flex:1 1 auto!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  list-style:none!important;
  overflow:hidden!important;
}

.cvl-menu-reference>li{
  min-width:0!important;
  display:flex!important;
  align-items:stretch!important;
  border-right:1px solid #edf0f1!important;
}

.cvl-menu-reference>li:first-child{
  border-left:1px solid #edf0f1!important;
}

.cvl-menu-reference>li>a{
  min-height:58px!important;
  padding:0 clamp(14px,1.6vw,27px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#31383d!important;
  background:#fff!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.005em!important;
  white-space:nowrap!important;
  text-transform:none!important;
  transition:background .15s ease,color .15s ease!important;
}

.cvl-menu-reference>li>a:hover,
.cvl-menu-reference>li>a:focus-visible{
  background:#f7f9f9!important;
  color:#087a70!important;
}

@media(min-width:1200px){
  .cvl-menu-reference>li{
    flex:0 0 auto!important;
  }
}

@media(max-width:1199.98px){
  .cvl-categories-link{
    width:190px!important;
    min-width:190px!important;
  }

  .cvl-menu-reference>li>a{
    padding-inline:14px!important;
    font-size:11.5px!important;
  }
}

@media(max-width:991.98px){
  .cvl-nav-inner{
    min-height:0!important;
    display:block!important;
  }

  .cvl-categories-link{
    width:100%!important;
    min-width:0!important;
    min-height:50px!important;
  }

  .cvl-menu-reference{
    display:block!important;
    width:100%!important;
    overflow:visible!important;
  }

  .cvl-menu-reference>li{
    display:block!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:1px solid #edf0f1!important;
  }

  .cvl-menu-reference>li>a{
    min-height:46px!important;
    padding:0 18px!important;
    justify-content:flex-start!important;
    font-size:12px!important;
  }
}


/* exact menu labels + badges from chavevertical.com */
.cvl-nav{
  overflow:visible!important;
}

.cvl-nav-inner{
  position:relative!important;
  overflow:visible!important;
}

.cvl-categories-link{
  width:132px!important;
  min-width:132px!important;
  padding:0 13px!important;
  border-radius:4px!important;
  font-size:12px!important;
}

.cvl-menu-reference{
  overflow:visible!important;
}

.cvl-menu-reference>li{
  position:relative!important;
  overflow:visible!important;
}

.cvl-menu-reference>li>a{
  padding:0 20px!important;
  font-size:12px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
}

.cvl-menu-reference>li.has-menu-badge>a{
  padding-top:8px!important;
}

.cvl-menu-badge{
  position:absolute;
  z-index:4;
  top:-16px;
  left:50%;
  transform:translateX(-50%);
  min-height:18px;
  padding:3px 7px 2px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:2px;
  color:#fff;
  font-size:8px;
  font-weight:900;
  line-height:1;
  letter-spacing:.01em;
  white-space:nowrap;
  pointer-events:none;
}

.cvl-menu-badge.is-campaign{
  background:#00ba76;
}

.cvl-menu-badge.is-opportunity{
  background:#6500b8;
}

.cvl-menu-badge.is-best{
  background:#ff0050;
}

.cvl-menu-reference>li.is-contact-item>a{
  gap:8px!important;
}

.cvl-contact-menu-icon{
  font-size:12px;
  line-height:1;
}

.cvl-contact-menu-chevron{
  margin-left:-3px;
  color:#3e4d56;
  font-size:12px;
  line-height:1;
}

@media(max-width:1199.98px){
  .cvl-categories-link{
    width:124px!important;
    min-width:124px!important;
  }

  .cvl-menu-reference>li>a{
    padding-inline:13px!important;
    font-size:10.8px!important;
  }
}

@media(max-width:991.98px){
  .cvl-menu-badge{
    position:static;
    transform:none;
    margin-left:auto;
    margin-right:14px;
    align-self:center;
  }

  .cvl-menu-reference>li{
    display:flex!important;
    align-items:center!important;
  }

  .cvl-menu-reference>li>a{
    flex:1 1 auto!important;
  }

  .cvl-menu-reference>li.has-menu-badge>a{
    padding-top:0!important;
  }
}


/* v0.8.2 — centered compact main navigation */
@media(min-width:992px){
  .cvl-nav-inner{
    justify-content:center!important;
  }

  .cvl-categories-link{
    width:auto!important;
    min-width:112px!important;
    padding:0 11px!important;
    justify-content:center!important;
    gap:9px!important;
  }

  .cvl-nav-menu-icon{
    width:15px!important;
    height:12px!important;
    flex-basis:15px!important;
  }

  .cvl-nav-menu-icon i{
    width:15px!important;
  }

  .cvl-menu-reference{
    flex:0 1 auto!important;
    width:auto!important;
    max-width:max-content!important;
  }

  .cvl-menu-reference>li>a{
    padding-inline:17px!important;
  }
}

@media(min-width:992px) and (max-width:1199.98px){
  .cvl-categories-link{
    min-width:106px!important;
    padding-inline:9px!important;
    gap:7px!important;
    font-size:10.8px!important;
  }

  .cvl-menu-reference>li>a{
    padding-inline:11px!important;
    font-size:10.4px!important;
  }
}


/* v0.8.3 — categories button closer to reference screenshot */
@media(min-width:992px){
  .cvl-nav-inner{
    align-items:center!important;
    min-height:58px!important;
  }

  .cvl-categories-link{
    width:auto!important;
    min-width:0!important;
    min-height:36px!important;
    height:36px!important;
    padding:0 10px!important;
    gap:7px!important;
    align-self:center!important;
    border-radius:4px!important;
    font-size:11px!important;
    line-height:1!important;
  }

  .cvl-nav-menu-icon{
    width:14px!important;
    height:11px!important;
    flex-basis:14px!important;
  }

  .cvl-nav-menu-icon i{
    width:14px!important;
    height:2px!important;
  }
}