/* ==========================================================================
   LEAFORGE TECHNOLOGIES — INDUSTRY FAQ
   PURPOSE
   -------
   Shared FAQ presentation for Manufacturers, Wholesale & Distribution, and Retail & E-commerce.

   SECTION DIRECTORY
   -----------------
   01. FAQ section / heading
   02. Accordion cards
   03. Open / closed states
   04. Mobile behavior
   ========================================================================== */

/* ==========================================================================
   01. FAQ SECTION / CONTAINER
   ========================================================================== */

body.page-business-central-for-manufacturers .lf-mfg-faq, body.page-business-central-for-wholesale-distribution .lf-dist-faq, body.page-business-central-for-retail-ecommerce .lf-retail-faq {
  background: #f7f9fb;
  padding: 78px 0;
}

body.page-business-central-for-manufacturers .lf-mfg-faq .container, body.page-business-central-for-wholesale-distribution .lf-dist-faq .container, body.page-business-central-for-retail-ecommerce .lf-retail-faq .container {
  max-width: 1180px;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
}

/* ==========================================================================
   02. FAQ HEADING
   ========================================================================== */

body.page-business-central-for-manufacturers .lf-mfg-faq .ms-faq-header, body.page-business-central-for-wholesale-distribution .lf-dist-faq .ms-faq-header, body.page-business-central-for-retail-ecommerce .lf-retail-faq .ms-faq-header {
  max-width: 900px;
  margin: 0 auto 34px;
  text-align: center;
}

body.page-business-central-for-manufacturers .lf-mfg-faq .ms-faq-label, body.page-business-central-for-wholesale-distribution .lf-dist-faq .ms-faq-label, body.page-business-central-for-retail-ecommerce .lf-retail-faq .ms-faq-label {
  display: inline-block;
  margin-bottom: 8px;
  color: #08745f;
  font: 600 12px/1.4 "Poppins", sans-serif;
  letter-spacing: .11em;
  text-transform: uppercase;
}

body.page-business-central-for-manufacturers .lf-mfg-faq .ms-faq-header h2, body.page-business-central-for-wholesale-distribution .lf-dist-faq .ms-faq-header h2, body.page-business-central-for-retail-ecommerce .lf-retail-faq .ms-faq-header h2 {
  margin: 0 0 10px;
  color: #1f2b38;
  font: 700 32px/1.22 "Poppins", sans-serif;
  letter-spacing: -.02em;
}

body.page-business-central-for-manufacturers .lf-mfg-faq .ms-faq-header p, body.page-business-central-for-wholesale-distribution .lf-dist-faq .ms-faq-header p, body.page-business-central-for-retail-ecommerce .lf-retail-faq .ms-faq-header p {
  max-width: 820px;
  margin: 0 auto;
  color: #53616d;
  font: 400 15px/1.7 "Poppins", sans-serif;
}

/* ==========================================================================
   03. ACCORDION CARDS
   ========================================================================== */

body.page-business-central-for-manufacturers .lf-mfg-faq .ms-faq-accordion, body.page-business-central-for-wholesale-distribution .lf-dist-faq .ms-faq-accordion, body.page-business-central-for-retail-ecommerce .lf-retail-faq .ms-faq-accordion {
  max-width: 960px;
  margin: 0 auto;
}

body.page-business-central-for-manufacturers .lf-mfg-faq .ms-faq-accordion .accordion-item, body.page-business-central-for-wholesale-distribution .lf-dist-faq .ms-faq-accordion .accordion-item, body.page-business-central-for-retail-ecommerce .lf-retail-faq .ms-faq-accordion .accordion-item {
  overflow: hidden;
  margin: 0 0 12px;
  border: 1px solid #dfe7ed !important;
  border-radius: 15px !important;
  background: #fff;
  box-shadow: 0 7px 22px rgba(9, 60, 110, .045);
}

body.page-business-central-for-manufacturers .lf-mfg-faq .ms-faq-accordion .accordion-header, body.page-business-central-for-wholesale-distribution .lf-dist-faq .ms-faq-accordion .accordion-header, body.page-business-central-for-retail-ecommerce .lf-retail-faq .ms-faq-accordion .accordion-header {
  margin: 0;
}

body.page-business-central-for-manufacturers .lf-mfg-faq .ms-faq-accordion .accordion-button, body.page-business-central-for-wholesale-distribution .lf-dist-faq .ms-faq-accordion .accordion-button, body.page-business-central-for-retail-ecommerce .lf-retail-faq .ms-faq-accordion .accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 62px;
  padding: 18px 56px 18px 20px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  color: #093c6e !important;
  font: 600 15.5px/1.5 "Poppins", sans-serif !important;
  text-align: left;
}

body.page-business-central-for-manufacturers .lf-mfg-faq .ms-faq-accordion .accordion-button:hover, body.page-business-central-for-wholesale-distribution .lf-dist-faq .ms-faq-accordion .accordion-button:hover, body.page-business-central-for-retail-ecommerce .lf-retail-faq .ms-faq-accordion .accordion-button:hover {
  color: #08745f !important;
}

body.page-business-central-for-manufacturers .lf-mfg-faq .ms-faq-accordion .accordion-button:not(.collapsed), body.page-business-central-for-wholesale-distribution .lf-dist-faq .ms-faq-accordion .accordion-button:not(.collapsed), body.page-business-central-for-retail-ecommerce .lf-retail-faq .ms-faq-accordion .accordion-button:not(.collapsed) {
  color: #08745f !important;
}

body.page-business-central-for-manufacturers .lf-mfg-faq .ms-faq-icon, body.page-business-central-for-wholesale-distribution .lf-dist-faq .ms-faq-icon, body.page-business-central-for-retail-ecommerce .lf-retail-faq .ms-faq-icon {
  display: none !important;
}

body.page-business-central-for-manufacturers .lf-mfg-faq .ms-faq-title, body.page-business-central-for-wholesale-distribution .lf-dist-faq .ms-faq-title, body.page-business-central-for-retail-ecommerce .lf-retail-faq .ms-faq-title {
  display: block;
  flex: 1 1 auto;
}

body.page-business-central-for-manufacturers .lf-mfg-faq .ms-faq-accordion .accordion-button::after, body.page-business-central-for-wholesale-distribution .lf-dist-faq .ms-faq-accordion .accordion-button::after, body.page-business-central-for-retail-ecommerce .lf-retail-faq .ms-faq-accordion .accordion-button::after {
  content: "+" !important;
  position: absolute;
  top: 50%;
  right: 20px;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
  background: none !important;
  background-image: none !important;
  color: #08745f;
  font: 400 27px/1 "Poppins", sans-serif;
}

body.page-business-central-for-manufacturers .lf-mfg-faq .ms-faq-accordion .accordion-button:not(.collapsed)::after, body.page-business-central-for-wholesale-distribution .lf-dist-faq .ms-faq-accordion .accordion-button:not(.collapsed)::after, body.page-business-central-for-retail-ecommerce .lf-retail-faq .ms-faq-accordion .accordion-button:not(.collapsed)::after {
  content: "–" !important;
}

body.page-business-central-for-manufacturers .lf-mfg-faq .ms-faq-accordion .accordion-body, body.page-business-central-for-wholesale-distribution .lf-dist-faq .ms-faq-accordion .accordion-body, body.page-business-central-for-retail-ecommerce .lf-retail-faq .ms-faq-accordion .accordion-body {
  padding: 0 52px 20px 20px !important;
  border-top: 1px solid #edf1f4;
  background: #fff;
}

body.page-business-central-for-manufacturers .lf-mfg-faq .ms-faq-accordion .accordion-body p, body.page-business-central-for-wholesale-distribution .lf-dist-faq .ms-faq-accordion .accordion-body p, body.page-business-central-for-retail-ecommerce .lf-retail-faq .ms-faq-accordion .accordion-body p {
  margin: 17px 0 0;
  color: #53616d;
  font: 400 14px/1.72 "Poppins", sans-serif;
}

/* ==========================================================================
   04. RESPONSIVE FAQ RULES
   ========================================================================== */

@media (max-width: 767.98px) {
  body.page-business-central-for-manufacturers .lf-mfg-faq, body.page-business-central-for-wholesale-distribution .lf-dist-faq, body.page-business-central-for-retail-ecommerce .lf-retail-faq {
    padding: 54px 0;
  }

  body.page-business-central-for-manufacturers .lf-mfg-faq .container, body.page-business-central-for-wholesale-distribution .lf-dist-faq .container, body.page-business-central-for-retail-ecommerce .lf-retail-faq .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  body.page-business-central-for-manufacturers .lf-mfg-faq .ms-faq-header, body.page-business-central-for-wholesale-distribution .lf-dist-faq .ms-faq-header, body.page-business-central-for-retail-ecommerce .lf-retail-faq .ms-faq-header {
    margin-bottom: 26px;
  }

  body.page-business-central-for-manufacturers .lf-mfg-faq .ms-faq-header h2, body.page-business-central-for-wholesale-distribution .lf-dist-faq .ms-faq-header h2, body.page-business-central-for-retail-ecommerce .lf-retail-faq .ms-faq-header h2 {
    font-size: 25px;
  }

  body.page-business-central-for-manufacturers .lf-mfg-faq .ms-faq-header p, body.page-business-central-for-wholesale-distribution .lf-dist-faq .ms-faq-header p, body.page-business-central-for-retail-ecommerce .lf-retail-faq .ms-faq-header p {
    font-size: 14px;
  }

  body.page-business-central-for-manufacturers .lf-mfg-faq .ms-faq-accordion .accordion-button, body.page-business-central-for-wholesale-distribution .lf-dist-faq .ms-faq-accordion .accordion-button, body.page-business-central-for-retail-ecommerce .lf-retail-faq .ms-faq-accordion .accordion-button {
    min-height: 58px;
    padding: 16px 48px 16px 16px !important;
    font-size: 14px !important;
  }

  body.page-business-central-for-manufacturers .lf-mfg-faq .ms-faq-accordion .accordion-button::after, body.page-business-central-for-wholesale-distribution .lf-dist-faq .ms-faq-accordion .accordion-button::after, body.page-business-central-for-retail-ecommerce .lf-retail-faq .ms-faq-accordion .accordion-button::after {
    right: 16px;
    font-size: 24px;
  }

  body.page-business-central-for-manufacturers .lf-mfg-faq .ms-faq-accordion .accordion-body, body.page-business-central-for-wholesale-distribution .lf-dist-faq .ms-faq-accordion .accordion-body, body.page-business-central-for-retail-ecommerce .lf-retail-faq .ms-faq-accordion .accordion-body {
    padding: 0 16px 17px !important;
  }
}