/* FAQ */
details.faq-details summary.faq-summary {
  @apply bg-[#6E458C] text-white rounded-md hover:bg-brand-pink cursor-pointer;
}
details.faq-details {
  @apply mb-4 my-4 rounded-md border border-solid border-gray-300 text-lg;
}
.faq-content,
.faq-summary {
  @apply p-[8px];
}

/* button */
.button.btn-solid {
  @apply flex! max-w-fit items-center! text-white! bg-brand-purple py-3 px-5 border-none! rounded-md no-underline text-base font-normal hover:bg-brand-pink;
}

/* chevron link */
.chevron-link {
  @apply no-underline! text-brand-purple hover:text-brand-pink
}

/* internal button link - right */
.button.button-right {
  @apply flex! max-w-fit items-center bg-white text-brand-purple no-underline! border-solid border-2 rounded-md shadow-xs text-base px-4;
}
.button.button-right span {
  @apply hover:underline! hover:decoration-solid!
}
/* notification - exclamation */
.panel.panel-notification {
  @apply relative clear-both my-4 mt-1 flex bg-gray-100 border-l-10 border-l-brand-purple border-b-0;
}
.panel.panel-notification .fa-exclamation-circle {
  padding-right: 23px;
  padding-left: 23px;
  color: #804FA0;
}

/* notification - info */
.panel.panel-info {
  @apply relative clear-both my-4 mt-1 flex bg-gray-100 border-l-10 border-l-brand-purple border-b-0;
}
.panel.panel-info .fa-info-circle {
  padding-right: 23px;
  padding-left: 23px;
  color: #804FA0;
}

/* notification - no icon */
.panel.no-icon {
  @apply relative clear-both my-4 mt-1 flex bg-gray-100 border-l-10 border-l-brand-purple border-b-0;
}

/* two col group */
.two-col-wrapper {
  @apply relative p-4 mb-2 md:grid md:grid-cols-12 md:gap-4;
}
.two-col-title {
  @apply p-4 text-3xl font-normal md:border-r-2 md:col-span-4;
}
.two-col-content {
  @apply p-4 md:col-span-8;
}

/* upper roman */
.list-upper-roman {
  list-style-type: upper-roman !important;
}

/* upper alpha */
.list-upper-alpha {
  list-style-type: upper-alpha !important;
}

/* lower roman */
.list-lower-roman {
  list-style-type: lower-roman !important;
}

/* lower alpha */
.list-lower-alpha {
  list-style-type: lower-alpha !important;
}
