/*********************************
  This file is Deprecated, only use for old code.
**********************************/
#epkb-article-index-dir-container .epkb-aid__header-container .epkb-aid__header__title {
  font-size: 35px; }
#epkb-article-index-dir-container .epkb-aid__body-container {
  display: flex;
  flex-wrap: wrap; }
  #epkb-article-index-dir-container .epkb-aid__body-container .epkb-aid__section-container {
    display: flex;
    flex-direction: column;
    padding: 0 0 0 0;
    margin: 0 0 10px 0;
    width: 33%; }
    @media only screen and (max-width: 900px) {
      #epkb-article-index-dir-container .epkb-aid__body-container .epkb-aid__section-container {
        width: 50%; } }
    @media only screen and (max-width: 700px) {
      #epkb-article-index-dir-container .epkb-aid__body-container .epkb-aid__section-container {
        width: 100%; } }
    #epkb-article-index-dir-container .epkb-aid__body-container .epkb-aid__section-container .epkb-aid-section__header .epkb-aid-section__header__title {
      font-size: 28px;
      font-weight: 500;
      padding: 0 0 0 0;
      margin: 0 0 15px 0;
      line-height: 1.2; }
    #epkb-article-index-dir-container .epkb-aid__body-container .epkb-aid__section-container .epkb-aid-section__body .epkb-aid-section__body__list-container {
      list-style-type: none;
      padding: 0 0 0 0;
      margin: 0 0 0 0;
      display: flex;
      flex-wrap: wrap; }
      #epkb-article-index-dir-container .epkb-aid__body-container .epkb-aid__section-container .epkb-aid-section__body .epkb-aid-section__body__list-container .epkb-aid-list__item {
        width: 100%;
        font-size: 16px;
        padding: 0 0 0 0;
        margin: 0 0 0 0; }
        #epkb-article-index-dir-container .epkb-aid__body-container .epkb-aid__section-container .epkb-aid-section__body .epkb-aid-section__body__list-container .epkb-aid-list__item a {
          display: flex; }
          #epkb-article-index-dir-container .epkb-aid__body-container .epkb-aid__section-container .epkb-aid-section__body .epkb-aid-section__body__list-container .epkb-aid-list__item a .epkb-aid-list__item__icon {
            margin: 0 5px 0 0; }

.epkb-faqs-container .epkb-faqs__cat-header h3 {
  margin-bottom: 5px; }
.epkb-faqs-container .epkb-faqs__item-container {
  padding-left: 3px; }
  .epkb-faqs-container .epkb-faqs__item-container .epkb-faqs__item__question {
    display: flex;
    align-items: baseline;
    cursor: pointer; }
    .epkb-faqs-container .epkb-faqs__item-container .epkb-faqs__item__question .epkb-faqs__item__question__icon {
      width: 30px;
      color: #C6E131; }
    .epkb-faqs-container .epkb-faqs__item-container .epkb-faqs__item__question .epkb-faqs__item__question__text {
      flex-grow: 1; }
    .epkb-faqs-container .epkb-faqs__item-container .epkb-faqs__item__question .epkbfa-minus-square {
      display: none; }
  .epkb-faqs-container .epkb-faqs__item-container .epkb-faqs__item__answer {
    display: none; }
.epkb-faqs-container .epkb-faqs__item-container--active .epkb-faqs__item__question .epkbfa-minus-square {
  display: block; }
.epkb-faqs-container .epkb-faqs__item-container--active .epkb-faqs__item__question .epkbfa-plus-square {
  display: none; }
.epkb-faqs-container .epkb-faqs__item-container--active .epkb-faqs__item__answer {
  display: block; }
  .epkb-faqs-container .epkb-faqs__item-container--active .epkb-faqs__item__answer .epkbs-faqs__item__answer__text {
    padding-top: 1px;
    padding-bottom: 1px; }

.epkb-faqs-shortcode-preset-boxed .epkb-faqs__item-container {
  margin-bottom: 5px;
  border: solid 1px #ddd; }
  .epkb-faqs-shortcode-preset-boxed .epkb-faqs__item-container .epkb-faqs__item__question {
    background-color: #FFFFFF;
    padding: 5px 15px; }
    .epkb-faqs-shortcode-preset-boxed .epkb-faqs__item-container .epkb-faqs__item__question .epkb-faqs__item__question__icon {
      color: #4d4d4d; }
    .epkb-faqs-shortcode-preset-boxed .epkb-faqs__item-container .epkb-faqs__item__question .epkb-faqs__item__question__text {
      font-weight: bold; }
  .epkb-faqs-shortcode-preset-boxed .epkb-faqs__item-container .epkb-faqs__item__answer {
    padding: 5px 15px;
    opacity: 0;
    transition: opacity 0.5s;
    /* add transition effect to opacity */
    background-color: #FFFFFF; }
.epkb-faqs-shortcode-preset-boxed .epkb-faqs__item-container--active .epkb-faqs__item__question {
  margin-bottom: 5px; }
.epkb-faqs-shortcode-preset-boxed .epkb-faqs__item-container--active .epkb-faqs__item__answer {
  opacity: 1; }

.epkb-faqs-shortcode-preset-grey-box .epkb-faqs__item-container {
  margin-bottom: 5px; }
  .epkb-faqs-shortcode-preset-grey-box .epkb-faqs__item-container .epkb-faqs__item__question {
    background-color: #FAFAFA;
    padding: 5px 15px; }
    .epkb-faqs-shortcode-preset-grey-box .epkb-faqs__item-container .epkb-faqs__item__question .epkb-faqs__item__question__icon {
      color: #4d4d4d; }
  .epkb-faqs-shortcode-preset-grey-box .epkb-faqs__item-container .epkb-faqs__item__answer {
    padding: 5px 15px;
    opacity: 0;
    transition: opacity 0.5s;
    /* add transition effect to opacity */ }
.epkb-faqs-shortcode-preset-grey-box .epkb-faqs__item-container--active .epkb-faqs__item__question {
  background-color: #FFFFFF;
  margin-bottom: 5px; }
.epkb-faqs-shortcode-preset-grey-box .epkb-faqs__item-container--active .epkb-faqs__item__answer {
  background-color: #FFFFFF;
  opacity: 1; }

.epkb-faqs-shortcode-preset-grey-box-dark .epkb-faqs__item-container {
  margin-bottom: 5px; }
  .epkb-faqs-shortcode-preset-grey-box-dark .epkb-faqs__item-container .epkb-faqs__item__question {
    background-color: #e9e9e9;
    padding: 5px 15px; }
    .epkb-faqs-shortcode-preset-grey-box-dark .epkb-faqs__item-container .epkb-faqs__item__question .epkb-faqs__item__question__icon {
      color: #4d4d4d; }
  .epkb-faqs-shortcode-preset-grey-box-dark .epkb-faqs__item-container .epkb-faqs__item__answer {
    padding: 5px 15px;
    opacity: 0;
    transition: opacity 0.5s;
    /* add transition effect to opacity */ }
.epkb-faqs-shortcode-preset-grey-box-dark .epkb-faqs__item-container--active .epkb-faqs__item__question {
  background-color: #e9e9e9; }
.epkb-faqs-shortcode-preset-grey-box-dark .epkb-faqs__item-container--active .epkb-faqs__item__answer {
  background-color: #FFFFFF;
  opacity: 1;
  border: solid 1px #e9e9e9; }