/**
 * Mavenbird Technologies Private Limited
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the EULA
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://mavenbird.com/Mavenbird-Module-License.txt
 *
 * =================================================================
 *
 * @category   Mavenbird
 * @package    Mavenbird_Faqs
 * @author     Mavenbird Team
 * @copyright  Copyright (c) 2018-2024 Mavenbird Technologies Private Limited ( http://mavenbird.com )
 * @license    http://mavenbird.com/Mavenbird-Module-License.txt
 */

.mbfaqs-container {
    display: flex;
    flex-wrap: wrap;
}

/** search css */
.mbfaqs-search__field {
    width: 65%;
    margin: auto;
    position: relative;
}

.mbfaqs-search__field i {
    position: absolute;
    font-size: 25px;
    top: 11%;
    left: 2%;
}

.mbfaqs-search__action {
    position: absolute;
    top: 0;
    right: 0;
}

.mbfaqs-search__action .btn {
    height: 50.5px !important;
    line-height: 48px !important;
    font-weight: 600;
}

#mbfaqs-search__field__searchbox {
   padding: 8px 75px 8px 20px;
    border-radius: 50px;
    border: 0;
    height: auto;
    margin: 0 0 10px 0;
    display: block;
    box-sizing: border-box;
    box-shadow: none !important;
    height: 50px;
}

#mbfaqs-search__field__searchbox:focus {
    box-shadow: none !important;
}

@media (max-width: 480px) {
    .mbfaqs-search__action .btn {
        width: 80px;
        padding: 0;
    }

    #mbfaqs-search__field__searchbox {
        padding: 15px 10px 15px 7px;
    }

    .mbfaqs-search__field i {
        display: none;
    }
}

.mbfaqs-suggestion-content i {
    padding: 7px;
    width: 2rem;
    font-size: 1.6rem;
    display: inline-block;
    text-align: center;
    margin-right: 1rem;
}

.mbfaqs-suggestion {
    cursor: pointer;
}

/** article materialize view css*/
.mbfaqs-container .section {
    width: 100%;
}

.mbfaqs-container__content {    
    margin-bottom: 30px;
}

.mbfaqs-container__content__header {
    margin-bottom: 15px;
    width: 100%;
    border-bottom: solid 1px #bdbdbd;
}

.mbfaqs-container__content__header .article-icon {
    float: left;
    padding: 10px 10px 0 5px;
}

.mbfaqs-container__content__header .faqs-loader {
    position: absolute;
    width: 20px;
    top: 0;
    right: 0;
}

.mbfaqs-container__content__header .like-count {
    position: relative;
}

.mbfaqs-container__content__header__information {
    padding: 12px 0px;
}

.mbfaqs-container__content__header__information h3 {
    margin: 0 !important;
}

.mbfaqs-container__content__header__information .header-description {
    margin-top: 8px;
}

.mbfaqs-container__content__header__information span {
    padding-right: 15px;
}

.addthis_inline_share_toolbox a {
    padding: 10px !important;
    margin: 0 7px !important;
    background-color: transparent !important;
    border: solid 1px #bdbdbd !important;
}

.mbfaqs-container__additional-info__social {
    padding-top: 30px;
    padding-bottom: 20px;
}

.mbfaqs-container__additional-info__rating {
    padding-top: 10px;
}

#rating-label {
    margin-bottom: 60px;
}

#rating-actions {
    margin-top: 30px;
}

#rating-actions a {
    width: 90%;
}

#rating-actions .in-active {
    background-color: #eeeeee;
    color: inherit;
}

/** article index materialize css*/
.mbfaqs-list .collapsible {
    border: none !important;
    box-shadow: none !important;
}

#mbfaqs-list-container {
    position: relative;
    word-break: break-all;
    padding-bottom: 20px;
}

#mbfaqs-list-container .section {
    width: 100%;    
    margin-top: 25px;
    padding:0px;
}
#mbfaqs-list-container .section .row { display: flex; flex-wrap: wrap; }
.mbfaqs-list__block {
    margin-bottom: 15px;
    margin-left: 0 !important;    
}
.mbfaqs-article-index .mbfaqs-list__block .mbfaqs-list-item { min-height: 100%; background: #f8f8f8; padding: 20px; border-radius: 8px; }
.mbfaqs-list__block__category {
    margin-bottom: 10px;
}

.mbfaqs-list__block__category span {
    font-size: 1.4rem;
}

.mbfaqs-list__block__question li.mbfaqs-item {
    display: none;
    margin-bottom: 0;
    padding: 6px 0;
    list-style: none;
}

.view-all-faq {
    padding: 15px 0 0;
}

.mbfaqs-list__block__question .collapsible-header a {
    color: inherit;
}

.mbfaqs-list__block__question .collapsible-header i {
    color: #ccc;
}

.mbfaqs-list__block__question .collapsible-body {
    display: none;
}

.ln_overlay {
    background-color: #FFFFFF;
    height: 100%;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 555;
    display: none;
}

.loader img {
    top: 40%;
    left: 45%;
    display: block;
    position: fixed;
}

.ln_slider_container {
    width: calc(100% - 20px);
    margin: 0 15px 0 5px;
}

/** mbfaqs product tab materialize css */
#mbfaqs-tab-list-container h3 {
    font-weight: 400;
    font-size: 2.6rem;
}

#mbfaqs-tab-list-container .section {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.mbfaqs-tab-list__title {
    padding: 5px;
    margin-bottom: 15px;
}

.mbfaqs-tab-list .collapsible {
    border: none !important;
    box-shadow: none !important;
}

.mbfaqs-tab-list__block__question li.mbfaqs-item {
    display: none;
    margin-bottom: 0;
    padding: 10px 0;
    list-style: none;
}

.mbfaqs-tab-list__block__question .collapsible-header a {
    color: inherit;
}

.mbfaqs-tab-list__block__question .collapsible-header i {
    color: #ccc;
}

.mbfaqs-tab-list__block__question_author i {
    width: 2rem;
    font-size: 1.6rem;
    display: inline-block;
    text-align: center;
    margin-right: 1rem;
}

.mbfaqs-tab-form {
    display: none;
}

.view-tab-all-faq {
    padding: 0.5rem 1rem 0.5rem 1rem;
}

.view-tab-all-faq a {
    cursor: pointer;
    color: inherit !important;
}

/** question form css */
.mbfaqs-form-title {
    padding:0 0 10px;
    border-bottom: solid 1px #ccc;
    margin-bottom: 15px;
}

.mbfaqs-form-title span {
    font-size: 2.6rem;
    font-weight: 400;
}

.mbfaqs-form-fieldset input {
    height: 3.8rem !important;
}

.mbfaqs-form-fieldset label, .mbfaqs-form-fieldset span {
    font-size: 1.3rem !important;
}

#mbfaqs-form-actions {
    padding-top: 20px;
    margin: 0;
}
#mbfaqs-add-question{ margin-top: 20px; }

@media (max-width: 480px) {
    .mbfaqs-form-fieldset label, .mbfaqs-form-fieldset span {
        font-size: 1.1rem !important;
    }
}

.mbfaqs-form-fieldset textarea {
    height: 46px !important;
}

#mbfaqs-question-form .faqs-loader {
    width: 35px;
    display: none;
    position: absolute;
}

@media (max-width: 394px) {
    #mbfaqs-question-form .faqs-loader {
        position: relative;
    }
}

.white-popup {
    position: relative;
    background: #FFF;
    width: auto;
    max-width: 800px;
    margin: 20px auto;
}

#term-popup {
    padding: 30px 30px 75px 40px;
}

#term-popup a {
    cursor: pointer;
    float: right;
    margin-top: 15px;
}

.term-popup__term-content {
    max-height: 600px;
    overflow-x: auto;
}

.term-popup__term-title {
    border-bottom: solid 1px #ccc;
    padding-bottom: 20px;
}

.term-popup__term-title h2 {
    margin: 0;
    font-weight: 600;
}

/** article widget css */
.mbfaqs-widget-list .collapsible {
    border: none !important;
    box-shadow: none !important;
}

#mbfaqs-widget-list-container {
    position: relative;
}

#mbfaqs-widget-list-container .section {
    width: 100%;
    margin-top: 25px;
    padding-left: 30px;
    padding-right: 30px;
}

.mbfaqs-widget-list__block {
    margin-bottom: 15px;
    margin-left: 0 !important;
}

.mbfaqs-widget-list__block__category {
    padding: 5px;
    margin-bottom: 15px;
}

.mbfaqs-widget-list__block__category span {
    font-size: 1.4rem;
}

.mbfaqs-widget-list__block__question li.mbfaqs-widget-item {
    display: none;
    margin-bottom: 0;
    padding: 0.5rem 1rem 0.5rem 1rem;
}

.view-widget-all-faq {
    padding: 0.5rem 1rem 0.5rem 1rem;
}

.mbfaqs-widget-list__block__question .collapsible-header a {
    color: inherit;
}

.mbfaqs-widget-list__block__question .collapsible-header i {
    color: #ccc;
}

.mbfaqs-widget-list__block__question .collapsible-body {
    display: none;
}

.mbfaqs-section_related_articles {
    height: 400px;
    overflow: auto;
}

#mbfaqs-tab-list-container, #mbfaqs-question-form, #term-popup {
    word-break: break-all;
}

.mp-input-field {
    margin-top: 1rem;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align:center;
  position:absolute;
  width:100%;
  left:0;
  top:0;
  padding:0 8px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  top: 50%;
  transform: translateY(-50%);
  max-height: 90%;
  overflow: auto;
}
.mfp-bg {
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1042;
  overflow:hidden;
  position:fixed;
  background:#0b0b0b;
  opacity:.8;
  filter:alpha(opacity=80)
}
button.mfp-close,
button.mfp-arrow {
  overflow:visible;
  cursor:pointer;
  background:0 0;
  border:0;
  -webkit-appearance:none;
  display:block;
  outline:none;
  padding:0;
  z-index:999;
  -webkit-box-shadow:none;
  box-shadow:none;
  color: #000;
}
button::-moz-focus-inner {
  padding:0;
  border:0
}
.mfp-close {
  width:44px;
  height:44px;
  line-height:44px;
  position:absolute;
  right:0;
  top:0;
  text-decoration:none;
  text-align:center;
  opacity:.65;
  padding:0 0 18px 10px;
  color:#fff;
  font-style:normal;
  font-size:28px;
  font-family:Arial,Baskerville,monospace
}
.mfp-close:hover,
.mfp-close:focus {
  opacity:1
}
.mfp-content {
  position:relative;
  display:inline-block;
  vertical-align:middle;
  margin:0 auto;
  text-align:left;
  z-index:999;
  width: 100%;
}
.term-popup__term-content {  max-height: 550px; overflow-x: auto; padding: 10px 0; }

#mbfaqs-search__action__clear { padding: 0; min-width: 20px; }
.mbfaqs-search .input-wrapper { width: 100%; }
#mbfaqs-search__action__clear { position: absolute; right: 52px; top: 50%; transform: translateY(-50%); display: none; 
background: transparent; box-shadow: none;}
.mbfaqs-search .btn i.fa-times { font-size: 21px; line-height: 1.3; }
.mbfaqs .mbfaqs-search__field .btn { background: transparent; color: #333; box-shadow: none; padding: 0 14px; }
.mbfaqs .mbfaqs-search__action .btn:hover { background: transparent; color: #333; box-shadow: none; }
.mbfaqs .mbfaqs-search__action .btn i { font-size: 21px; position: static; }
body[class^="mbfaqs-"] .autocomplete-suggestions { box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.2); border-radius: 0 0 20px 20px; }
.mbfaqs .mbfaqs-list-item h4 { margin:0 0 10px; }
.mbfaqs-search__title { color: #fff; }
.flex { display: flex !important; }
.flex-wrap { flex-wrap: wrap !important; }
.items-center { align-items: center !important; }
.mbfaqs-tab-form .section.card-panel { border: 3px solid #ddd; }

.faqs-category-question { display: flex; flex-wrap: wrap; width: 100%; align-items: flex-start; }
.faqs-category-list { width: 30%; background: #f5f5f5; padding: 18px 20px; border-radius: 10px; }

.mbfaqs .faqs-category-list h4 { font-size: 18px; }
.faqs-category-list li { list-style: none; font-size: 16px; position: relative; padding-left: 14px; margin-bottom: 12px; }
.faqs-category-list li:before { content: ""; width: 5px; height: 5px; border-radius: 100%; background: #B3B3B3; position: absolute; left: 0; top: 11px; }
.faqs-category-list li.active a:before { content: ""; left: -20px; position: absolute; top: 0; bottom: 0; width: 3px; height: 100%;  }
.faqs-category-list li.active:before { display: none; }
.faqs-category-list li a { color: #333; }
.faqs-category-list .block-title { font-size: 20px; font-weight: 700; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 14px; }
.faqs-category-list { max-height: 600px; overflow: auto; }
.faqs-category-list ul { padding: 0; margin: 0; }

.faqs-question-list { width: 70%; padding-left: 40px;}
.mbfaqs .faqs-question-list .collapsible-body { padding: 5px 15px; background: transparent; }
.faqs-question-list .mbfaqs-list__block { padding-bottom: 40px; }
.mbfaqs-view .faqs-question-list .mbfaqs-container__additional-info__rating { width: 100%; }
.faqs-question-list .back-link a,
.faqs-question-list .back-button a { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.faqs-question-list .back-button { padding-bottom: 10px; }
.mbfaqs-view .mbfaqs .card-panel { border: 3px solid #ddd; }

.mbfaqs-list__block .fa-chevron-down:before { transition-duration: .3s; display: block; }
.mbfaqs-list__block__question .active i:before { transform: rotate(180deg); }

#mbfaqs-list-container .faqs-question-list .section { margin-top: 0; }

.mbfaqs-list__block__question li .collapsible-header { font-size: 16px; position: relative; padding-right: 35px; }
.mbfaqs-list__block__question .collapsible-header i { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.mbfaqs-list__block__question li.mbfaqs-item { list-style: none; border-bottom: 1px solid #ddd; padding: 14px 0; }
.faqs-question-list .mbfaqs-list__block__question li .collapsible-header { font-weight: 600; }
.faqs-question-list .mbfaqs .faqs-question-list .collapsible-body { padding: 5px 15px 15px 0px; }
.ask-question-toggle { text-align: left; margin-bottom: 20px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.mbfaqs-view .mbfaqs-form { display:none; }
.mbshare-link { display: flex; justify-content: center; gap: 10px; padding: 20px; flex-wrap: wrap; }
.mbshare-link .share_icon a { width: 34px; height: 34px;  background: #ddd; display: flex;  justify-content: center;  align-items: center; border-radius: 3px;
}
.mbfaqs-form div.mage-error {
    text-align: left;
  }
@media(min-width: 1024px) and (max-width:1279px) {
 .mbfaqs-list__block__question li .collapsible-header { font-size: 15px; }
 .faqs-question-list { padding-left: 30px; }
 .faqs-category-list li { font-size: 15px; }
 .mbfaqs .faqs-question-list .collapsible-body p { font-size: 15px; }
}

@media(max-width:1023px) {
 .mbfaqs .faqs-question-list .collapsible-body p { font-size: 15px; } 
}
@media(max-width: 767px) {
  .mbfaqs h2 { font-size: 2.1em; }
  .mbfaqs-search__field { width:100%;  }

  .faqs-category-list { width: 100%; }
  .faqs-question-list { width: 100%; padding: 30px 0 0; }

}
@media(max-width:639px) {
  .mbfaqs .faqs-question-list .collapsible-body p { font-size: 14px; }
  .faqs-category-list li { font-size: 14px; }
}
@media(max-width:600px) {
  .mbfaqs-container__additional-info__rating .rating-positive { margin-bottom: 15px; }
}