/*!*******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./src/css/faq-archive.css ***!
  \*******************************************************************************************************/
/* =====================================
FAQ Archive Styles
===================================== */
#page_contents {
  width: 80vw;
  max-width: 1180px;
  margin: 0 auto;
  transition: all .5s ease-in-out;
  padding: var(--wp--preset--spacing--80) var(--wp--preset--spacing--50);
}

#faq_content {
  gap: 2rem
}

#faq_content .left_col {
  -o-flex-basis: 30%;
  -ms-flex-basis: 30%;
  flex-basis: 30%
}

#faq_content .right_col {
  -o-flex-basis: 70%;
  -ms-flex-basis: 70%;
  flex-basis: 70%
}

#faq_content .faq_title {
  font-size: 1.2rem
}

#faq_categories {
  list-style: none
}

#faq_categories li {
  padding-left: 0
}

#faq_categories li a {
  text-decoration: none;
  font-family: var(--wp--preset--font-family--axiforma)
}

#faq_content .category_title {
  font-size: 2rem;
  margin-top: 3rem;
  margin-bottom: 1rem;
  color: var(--wp--preset--color--blue);
}

#faq_content .accordion_item {
  position: relative;
  border-bottom: 1px solid var(--wp--preset--color--light-blue-light)
}

#faq_content .accordion_item[data-order="1"] {
  border-top: 1px solid var(--wp--preset--color--light-blue-light)
}

#faq_content .accordion_item .faq_title {
  cursor: pointer;
  font-family: var(--wp--preset--font-family--lato);
  color: var(--wp--preset--color--black);
  font-size: 1rem;
  margin: 1rem 0;
  display: flex;
  justify-content: space-between;
  gap: .5rem
}

#faq_content .accordion_item .faq_title:hover {
  color: var(--wp--preset--color--blue)
}

#faq_content .accordion_item .faq_title:after {
  content: "+";
  font-size: 1.25rem;
  transition: all .5s cubic-bezier(.56, .2, .23, .89)
}

#faq_content .accordion_item.open .faq_title:after {
  transform: rotate(45deg);
  transform-origin: center center
}
#search .title {
  color: var(--wp--preset--color--blue);
}
#search {
  display: flex;
  flex-direction: column;
}
#search_title_box {
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
  gap: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;

}
#search {
  padding-bottom: 2rem
}

#search .title {
  font-size: 2rem;
  margin-bottom: 0
}

#search_title_box {
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
  gap: 2rem
}

#search_box {
  display: flex;
  gap: 1rem;
  align-items: center
}

#search input {
  flex-grow: 1;
  border-width: 1px;
  border-radius: 5px;
  padding: .5rem;
  border-style: solid;
  border-color: var(--wp--preset--color--light-blue-light);
  font-family: var(--wp--preset--font-family--lato);
  font-size: 1rem;
  color: var(--wp--preset--color--black);
  max-width: 100%
}

#search input:focus,
#search input:focus-visible,
#search_category select:focus,
#search_category select:focus-visible {
  border-color: var(--wp--preset--color--blue);
  color: var(--wp--preset--color--blue);
  border-width: 1px;
  outline-color: var(--wp--preset--color--blue)
}

.no_results {
  display: none
}

#search_category {
  flex-wrap: wrap;
  flex-grow: 1;
  max-width: 100%;
  align-items: center;
  display: flex;
}

#search_category label {
  font-family: var(--wp--preset--font-family--lato);
  font-size: 1rem;
  color: var(--wp--preset--color--black);
  padding-right: .5rem
}

#search_category select {
  font-family: var(--wp--preset--font-family--axiforma);
  color: var(--wp--preset--color--blue);
  border-width: 1px;
  border-radius: 5px;
  padding: .5rem;
  border-style: solid;
  border-color: var(--wp--preset--color--light-blue-light);
  font-size: 1rem;
  margin-top: .25rem;
  flex-grow: 1;
  max-width: 100%
}

#search_category select option {
  padding: .5rem;
  color: var(--wp--preset--color--blue)
}

#search_category select option:checked {
  color: var(--wp--preset--color--blue)
}

#search_category select option:hover {
  background-color: var(--wp--preset--color--blue);
  color: #fff
}

/*# sourceMappingURL=faq-archive.css.map*/