/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/eol-loader/index.js??ruleSet[1].rules[0].use[3]!./assets/src/frontend/scss/keyboard-navigation-fix.scss ***!
  \***************************************************************************************************************************************************************************************************************/
/**
 * Keyboard Navigation Accessibility Fixes
 */
.tff-header-search-wrapper .search-form-main .search-submit:focus {
  outline: 2px solid #20c997;
  outline-offset: 2px;
  box-shadow: 0 0 0 2px rgba(32, 201, 151, 0.5);
}

.search-submit:focus,
button.search-submit:focus,
input[type=submit].search-submit:focus {
  outline: 2px solid #20c997;
  outline-offset: 2px;
  box-shadow: 0 0 0 2px rgba(32, 201, 151, 0.5);
}

.tff-menu li:focus-within > .sub-menu, .tff-menu li:focus > .sub-menu {
  visibility: visible;
  opacity: 1;
  z-index: 999;
  transform: translateY(0);
  transition-delay: 0s, 0s, 0.3s;
}
.tff-menu li a:focus, .tff-menu li a:focus-visible {
  outline: 2px solid #20c997;
  outline-offset: 2px;
}
.tff-menu li.menu-item-has-children:focus-within > a::after {
  transform: rotate(180deg);
}

/*# sourceMappingURL=keyboard-navigation-fix-style.css.map*/