/* Menu chevron override to avoid icon-font dependency in dropdown arrows */

.tp-header-dropdown nav ul li.has-dropdown::after,
.tp-header-dropdown nav ul li .tp-submenu li.menu-item-has-children > a::after {
  content: "";
  width: 0.45em;
  height: 0.45em;
  display: inline-block;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  margin-left: 0.45em;
  transform-origin: 50% 50%;
  vertical-align: middle;
  position: relative;
  left: -3px;
  top: -3px;
  font-family: initial;
}

.tp-header-dropdown nav ul li.has-dropdown::after {
  transform: rotate(45deg) translateY(-1px);
}

.tp-header-dropdown nav ul li.has-dropdown:hover::after {
  transform: rotate(-135deg) translateY(1px);
}

.tp-header-dropdown nav ul li .tp-submenu li.menu-item-has-children > a::after {
  margin-left: 8px;
  transform: rotate(-45deg) translateY(1px);
}

.tp-header-dropdown nav ul li .tp-submenu li.menu-item-has-children:hover > a::after {
  transform: rotate(45deg) translateY(-1px);
}