/*
 * Control reset.
 *
 * Several interactive controls were plain <div> elements in the WordPress
 * theme (the search toggle, the search close button, back-to-top, and the
 * mobile menu button). They are <button> elements here so they can be reached
 * and operated by keyboard.
 *
 * A <button> carries the browser's default chrome - grey background, outset
 * border, centred text, its own font - which a <div> does not. That chrome is
 * visible as a box around the icon and is NOT part of the original design.
 *
 * This file strips those user-agent defaults only.
 *
 * IMPORTANT: it must load BEFORE the theme stylesheets. Author styles beat
 * user-agent styles, so this is enough to remove the default chrome, while any
 * real styling the theme applies to these controls still wins over it.
 */
.slicknav_btn {
  appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  line-height: inherit;
  text-align: inherit;
  cursor: pointer;
}

/* Keep a visible focus ring for keyboard users without showing it on click. */
.slicknav_btn:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}