#header-top input[type=search] {
  background: url(../images/search-gray-6.svg) no-repeat 10px 50% !important;
  background-size: 16px !important;
  height: 24px;
}
.region-asu-nav {
  width: 100%;
}
.fixed-top {
  position:fixed !important;
}
.open-menu > div.dropdown-menu.clas-dropdown {
  opacity: 1 !important;
  visibility: visible !important;
}
.a11y-focus-underline {
  border-bottom: solid 8px #ffc627 !important; 
  margin-bottom: -8px;
}
@media (min-width: 992px) {
  .navbar-nav > .menu.menu-level-0 > .menu-item.menu-items-0:hover::after {
    width: 100%;
    margin-left: 0;
  }

  .menu-level-0 > .menu-item.menu-items-0::after {
    -webkit-transition: .5s cubic-bezier(.19,1,.19,1);
  -o-transition: .5s cubic-bezier(.19,1,.19,1);
  transition: .5s cubic-bezier(.19,1,.19,1);
  content: "";
  display: block;
  height: .5rem;
  background-image: -webkit-gradient(linear,left top,right top,color-stop(.5%,transparent),color-stop(.5%,#ffc627));
  background-image: -o-linear-gradient(left,transparent .5%,#ffc627 .5%);
  background-image: linear-gradient(to right,transparent .5%,#ffc627 .5%);
  position: relative;
  top: inherit;
  bottom: 0;
  width: 0;
  margin-left: 0;
  }

  .asu-nav .menu--main .menu-level-0 > .menu-item--dropdown > a:after, .asu-nav .menu--main .menu-level-0 > .menu-item--dropdown.show > span::after {
    transform: rotate(180deg);
    transform-origin: 50% 75%;
    transition: .5s cubic-bezier(0.19, 1, 0.19, 1);
  }

}
/* hide on mobile */
@media screen and (max-width: 991.98px) {
  #header-main .menu-item.dropdown::after {
    height: 0;
  }
  .asu-nav .menu--main .menu-level-0 > .menu-item--dropdown > a:after, .asu-nav .menu--main .menu-level-0 > .menu-item--dropdown.show > span::after {
  transform: rotate(180deg);
  transform-origin: 50% 75%;
  transition: .5s cubic-bezier(0.19, 1, 0.19, 1);
}
}

/*rotate on all screens*/
.asu-nav .menu--main .menu-level-0 > .menu-item--dropdown > a:after, .asu-nav .menu--main .menu-level-0 > .menu-item--dropdown > span:after {
  height: 10px;
  width: 10px;
  margin-left: 2px;
  transform: rotate(360deg);
transform-origin: 50% 75%;
transition: .5s cubic-bezier(0.19, 1, 0.19, 1);
}

/* active link underline */
#menubar .menu-level-0 > .menu-item--active-trail.menu-items-0::after, .menu-level-0 > .menu-item--expanded.menu-item--active-trail::after {
  content: "";
  display: block;
  height: .5rem;
  background-image: linear-gradient(to right, transparent 0.5%, #ffc627 0.5%);
  position: relative;
  top: inherit;
  bottom: 0;
  width: calc(100% + 16px) !important;
  margin-left: 0;
  left: -8px;
}
