.elementor-90 .elementor-element.elementor-element-67d0f08{--display:flex;}/* Start custom CSS for html, class: .elementor-element-25f63ad *//* ==========================================
   JACK HIROSE FAQ
   FIX CATEGORY NAVIGATION OVERLAP
   ========================================== */

/* Reset inherited WordPress navigation styles */
#jha-help nav.topic-nav {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 0 35px !important;
  padding:0 !important;
  position:relative !important;
  float:none !important;
  clear:both !important;
  overflow:visible !important;
  background:transparent !important;
  border:0 !important;
}

/* Keep each category button inside its grid cell */
#jha-help nav.topic-nav .topic-btn {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:static !important;
  float:none !important;

  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:50px !important;

  margin:0 !important;
  padding:12px 14px !important;

  text-align:center !important;
  white-space:normal !important;
  line-height:1.35 !important;

  border:1px solid #DCE7EC !important;
  border-radius:7px !important;

  background:#F5F8FA !important;
  color:#17324D !important;

  font-family:inherit !important;
  font-size:14px !important;
  font-weight:600 !important;

  box-shadow:none !important;
  transform:none !important;
}

/* Selected and hovered category */
#jha-help nav.topic-nav .topic-btn.active,
#jha-help nav.topic-nav .topic-btn:hover {
  background:#2378BD !important;
  color:#FFFFFF !important;
  border-color:#2378BD !important;
}

/* Make sure headings begin below navigation */
#jha-help .faq-group {
  display:block;
  width:100%;
  float:none !important;
  clear:both !important;
  position:relative;
  margin-top:0 !important;
  margin-bottom:30px !important;
}

/* Tablet */
@media(max-width:950px) {
  #jha-help nav.topic-nav {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* Mobile */
@media(max-width:500px) {
  #jha-help nav.topic-nav {
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  #jha-help nav.topic-nav .topic-btn {
    min-height:44px !important;
    padding:11px 14px !important;
  }
}/* End custom CSS */