/* Border Radius Mixin */
/* Placeholder Colors */
/* Header Adjustment */
/* Create Responsive Type */
/*
Use on the CONTAINER for WYSIWYG content. ie <p />
*/
.invex-faq {
  --border-color: var(--primary-color);
  --icon-color: var(--primary-color);
  --highlight-color: gold; }
  .invex-faq.color-scheme--invex-blue {
    --primary-color: #568DF8;
    --secondary-color: #256cf6; }
  .invex-faq.color-scheme--invex-green {
    --primary-color: #46B450;
    --secondary-color: #388f40; }
  .invex-faq.color-scheme--invex-red {
    --primary-color: #DC3232;
    --secondary-color: #bb2020; }
  .invex-faq.color-scheme--invex-yellow {
    --primary-color: #FFBA00;
    --secondary-color: #cc9500; }
  .invex-faq.color-scheme--invex-black {
    --primary-color: #333333;
    --secondary-color: #1a1a1a; }
  .invex-faq.highlight .invex-faq-body {
    border-color: var(--highlight-color, #333333); }
    .invex-faq.highlight .invex-faq-body:hover {
      -webkit-box-shadow: 0 0 10px -3px var(--highlight-color, #FFBA00);
              box-shadow: 0 0 10px -3px var(--highlight-color, #FFBA00); }
  .invex-faq.open .invex-faq-body .head .icon .open {
    opacity: 1; }
  .invex-faq.open .invex-faq-body .head .icon .closed {
    opacity: 0; }
  .invex-faq .invex-faq-body {
    -ms-flex-item-align: start;
        align-self: flex-start;
    padding: 15px;
    border: 2px solid var(--border-color, #333333);
    border-radius: 10px;
    cursor: pointer;
    background-color: white;
    -webkit-box-shadow: 0 0 0 0 var(--border-color, #333333);
            box-shadow: 0 0 0 0 var(--border-color, #333333);
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out; }
    .invex-faq .invex-faq-body:hover {
      -webkit-box-shadow: 0 0 10px -3px #333;
              box-shadow: 0 0 10px -3px #333; }
    .invex-faq .invex-faq-body > .head {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      min-height: 48px;
      font-size: 26px;
      line-height: 35.88px;
      text-align: left;
      color: var(--heading-color, #333333); }
      .invex-faq .invex-faq-body > .head .icon {
        position: relative;
        width: 48px;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        margin-left: 30px; }
        .invex-faq .invex-faq-body > .head .icon i {
          color: var(--icon-color, #333333);
          -webkit-transition: all 300ms ease-in-out;
          transition: all 300ms ease-in-out; }
        .invex-faq .invex-faq-body > .head .icon .open, .invex-faq .invex-faq-body > .head .icon .closed {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          font-size: 48px;
          -webkit-transition: all 300ms ease-in-out;
          transition: all 300ms ease-in-out; }
        .invex-faq .invex-faq-body > .head .icon .open {
          opacity: 0; }
        .invex-faq .invex-faq-body > .head .icon .closed {
          opacity: 1; }
    .invex-faq .invex-faq-body > .answer {
      display: none;
      margin-top: 15px;
      font-size: 20px;
      font-weight: 300;
      line-height: 31.92px;
      text-align: left;
      color: var(--answer-color, #333333); }
      .invex-faq .invex-faq-body > .answer > :first-child {
        margin-top: 0; }
      .invex-faq .invex-faq-body > .answer > :last-child {
        margin-bottom: 0; }

.wp-content .component--invex-faqs {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto; }

.component--invex-faqs {
  margin-top: 20px;
  margin-bottom: 20px; }
  .component--invex-faqs:not(.indicator-type--plus-minus) .invex-faq.open .head .icon i {
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg); }
  .component--invex-faqs:not(.show-category-headings) .category-heading {
    display: none; }
  .component--invex-faqs:not(.show-category-headings) .component-heading {
    margin-bottom: 0; }
  .component--invex-faqs .component-heading {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 40px;
    line-height: 1;
    letter-spacing: 2px;
    text-align: left;
    color: var(--component-heading-color, var(--primary-color, #333333)); }
    .component--invex-faqs .component-heading.color-scheme--invex-blue {
      --primary-color: #568DF8;
      --secondary-color: #256cf6; }
    .component--invex-faqs .component-heading.color-scheme--invex-green {
      --primary-color: #46B450;
      --secondary-color: #388f40; }
    .component--invex-faqs .component-heading.color-scheme--invex-red {
      --primary-color: #DC3232;
      --secondary-color: #bb2020; }
    .component--invex-faqs .component-heading.color-scheme--invex-yellow {
      --primary-color: #FFBA00;
      --secondary-color: #cc9500; }
    .component--invex-faqs .component-heading.color-scheme--invex-black {
      --primary-color: #333333;
      --secondary-color: #1a1a1a; }
  .component--invex-faqs .invex-faqs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -24px; }
    .component--invex-faqs .invex-faqs .category-heading {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      margin-left: 24px;
      margin-right: 24px;
      margin-top: 0;
      margin-bottom: 0;
      font-size: 40px;
      line-height: 1;
      letter-spacing: 2px;
      text-align: left;
      color: var(--category-heading-color, var(--primary-color, #333333)); }
      .component--invex-faqs .invex-faqs .category-heading.color-scheme--invex-blue {
        --primary-color: #568DF8;
        --secondary-color: #256cf6; }
      .component--invex-faqs .invex-faqs .category-heading.color-scheme--invex-green {
        --primary-color: #46B450;
        --secondary-color: #388f40; }
      .component--invex-faqs .invex-faqs .category-heading.color-scheme--invex-red {
        --primary-color: #DC3232;
        --secondary-color: #bb2020; }
      .component--invex-faqs .invex-faqs .category-heading.color-scheme--invex-yellow {
        --primary-color: #FFBA00;
        --secondary-color: #cc9500; }
      .component--invex-faqs .invex-faqs .category-heading.color-scheme--invex-black {
        --primary-color: #333333;
        --secondary-color: #1a1a1a; }
      .component--invex-faqs .invex-faqs .category-heading:not(:first-child) {
        margin-top: 24px; }
    .component--invex-faqs .invex-faqs .invex-faq {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%; }
      .component--invex-faqs .invex-faqs .invex-faq .invex-faq-body {
        margin: 24px; }
      @media (max-width: 1019px) {
    .wp-content .component--invex-faqs {
      margin-left: 20px;
      margin-right: 20px; } }
      @media (min-width: 900px) {
    .component--invex-faqs.column-count--3 .invex-faqs .invex-faq, .component--invex-faqs.column-count--three .invex-faqs .invex-faq {
      -ms-flex-preferred-size: 33%;
          flex-basis: 33%; }
    .component--invex-faqs.column-count--2 .invex-faqs .invex-faq, .component--invex-faqs.column-count--two .invex-faqs .invex-faq {
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%; }
    .component--invex-faqs.column-count--1 .invex-faqs .invex-faq, .component--invex-faqs.column-count--one .invex-faqs .invex-faq {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%; } }

/*# sourceMappingURL=invex-faqs.min.css.map */