:root {
  --faq-dark-blue: #001e6a;
  --faq-blue: #0035f0;
}
.fillall {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.screenonly {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.faq-breadcrumb {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
}
.faq__title {
  color: #000!important;
}
.faq-breadcrumb a {
  color: #000 !important;
}
h1 {
  margin-bottom: 0 !important;
  text-align: center;
  color: var(--faq-dark-blue) !important;
}
.faq__section::before {
  content: unset !important;
}
.faq__section {
  display: flex;
  flex-direction: column;
  row-gap: 3.5rem;
}
body.post-type-archive-faq .faq__section {
  row-gap: 6rem;
}
body.post-type-archive-faq h1 {
	margin-bottom: 0 !important;
	text-align: center;
	color: #000 !important;
	font-size: 60px !important;
	padding-top: 3.5rem;
}
.faq__wrap {
  display: flex;
  column-gap: 2rem;
  justify-content: space-between;
}
.faq__categories {
  flex-basis: calc(30% - 1rem);
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
}
body[data-form-style="minimal"]
  select.faq__category-select.faq__category-select:not(:hover):not(:focus) {
  border-color: var(--faq-blue, #0035f0);
}
.faq__categories-list {
  margin-left: 0;
  position: sticky;
  top: 10rem;
}
.faq__categories li {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
.faq__categories li a {
  color: #000 !important;
  text-decoration: none;
  transition: color ease 0.25s;
  font-weight: 600;
}
.faq__categories li a:hover {
  color: var(--faq-blue) !important;
}
.faq__main {
  flex-basis: calc(70% - 1rem);
  display: flex;
  flex-direction: column;
  row-gap: 8rem;
}
.faq__category-main {
  display: flex;
  flex-direction: column;
  /* row-gap: 2.5rem; */
  scroll-margin-top: 130px;
  margin-top: -3rem;
  padding-top: 3rem;
}
.faq__category-questions {
	position: relative;
	display: flex;
	flex-direction: column;
	row-gap: 0;
	border-top: 2px solid rgba(0,0,0,0.08);
}

.faq__single-breadcrumbs a {
  &:hover,
  &:focus {
    text-decoration: underline;
  }
}

.faq__question,
.faq__answer {
  padding-bottom: 0;
}
.faq__category-question {
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
	position: relative;
	border-bottom: 2px solid rgba(0,0,0,0.08);
	padding-bottom: 2.5rem;
	padding-top: 2.5rem;

  .nectar-button {
    margin-top: 1rem;
    margin-bottom: 0;
  }
}
.faq__question {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 120%;
  transition: color 0.25s cubic-bezier(0.25, 1, 0.33, 1);
}
.faq__category-main {
  display: flex;
  flex-direction: column;
}
.faq__category-title {
	margin-bottom: 0;
	color: #000;
}
.faq__read-more,
.faq__category-link {
  background-color: var(--faq-blue);
  outline: none;
  border: solid 1px var(--faq-blue);
  display: flex;
  align-self: flex-start;
  padding: 0.5rem 1rem;
  border-radius: 0;
  display: block;
  margin-bottom: 0 !important;
}
.faq__category-link {
  color: #fff !important;
  transition:
    background-color ease 0.25s,
    color ease 0.25s;
  font-weight: 600;
  border-radius: 200px;
}
.faq__category-link:hover {
  background-color: #fff !important;
  color: var(--faq-dark-blue) !important;
}
.faq__read-more {
  background-color: #fff !important;
  color: var(--faq-dark-blue) !important;
  z-index: 10;
}
.faq__category.faq__category-active a {
  /* text-decoration: underline;
	text-underline-offset: 0.25rem; */
  color: var(--faq-blue) !important;
}
@media (pointer: fine) and (hover: hover) {
  .faq__category-question .faq__read-more:hover {
    background-color: var(--faq-blue) !important;
    color: #fff !important;
    border: solid 1px var(--faq-blue) !important;
  }
  .faq__category-question:has(.faq__read-more:hover) .faq__question {
    color: var(--faq-blue) !important;
  }
}
@media (pointer: coarse) {
  .faq__category-question .faq__read-more:focus {
    background-color: var(--faq-blue) !important;
    color: #fff !important;
    border: solid 1px var(--faq-blue) !important;
  }
  .faq__category-question:has(.faq__read-more:focus) .faq__question {
    color: var(--faq-blue) !important;
  }
}
.faq__category-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 0.5rem;
  column-gap: 1.5rem;
  padding-bottom: 1rem;
}
.faq__categories-list-mobile {
  display: none;
}
@media (max-width: 768px) {
  body.post-type-archive-faq h1 {
    font-size: 3rem !important;
  }
  .faq__categories-list {
    display: none;
  }
  .faq__categories-list-mobile {
    display: block;
  }
  .faq__section {
    flex-direction: column;
    row-gap: 2.5rem;
  }
  body.post-type-archive-faq .faq__section {
    row-gap: 3.5rem;
  }
  body.post-type-archive-faq h1 {
    padding-top: 1rem;
  }
  .faq__categories,
  .faq__main {
    flex-basis: unset;
    width: 100%;
  }
  .faq__wrap {
    flex-direction: column;
    row-gap: 2rem;
  }
  .faq__main {
    row-gap: 5rem;
  }
  .faq__category-main {
    scroll-margin-top: 90px;
    margin-top: 0;
  }
  .faq__categories {
    width: calc(100dvw);
    background-color: #fff;
    z-index: 99;
    display: block;
    max-width: 100%;
  }
}

/* Make position sticky work */
body.post-type-archive-faq {
  overflow: visible;
}