/* CSS chevrons do not depend on icon fonts or a particular font subset. */
@media (min-width: 1200px) {
 .header .primary-header-inner .header-menu-wrap .mobile-menu-items > ul > li.menu-item-has-children::after {
  content: "" !important;
  display: block !important;
  background: none !important;
  width: 6px;
  height: 6px;
  border: solid currentColor;
  border-width: 0 1.5px 1.5px 0;
  position: absolute;
  right: 1px;
  top: 50%;
  transform: translateY(-75%) rotate(45deg);
  transition: transform .2s ease, color .2s ease;
  pointer-events: none;
 }
 .header .primary-header-inner .header-menu-wrap .mobile-menu-items > ul > li.menu-item-has-children:hover::after,
 .header .primary-header-inner .header-menu-wrap .mobile-menu-items > ul > li.menu-item-has-children:focus-within::after {
  transform: translateY(-25%) rotate(225deg);
  color: #cfa25a !important;
 }
}
@media (prefers-reduced-motion: reduce) {
 .header .header-menu-wrap .menu-item-has-children::after { transition: none !important; }
}