/* FAQ + FAQ STANDALONE (RM#18260) */

/* GENERAL STYLING */
.view--wrapper--view--faq_categories {
  margin-top: 50px;
  margin-bottom: 50px;
}
.view--wrapper--view--faq_categories #edit-submit-faq-categories {
  display:none;
}
.view--wrapper--view--faq_categories .ds-select:after {
  content: '' !important;
  display: none;
}
.view--wrapper--view--faq_categories h3.js-views-accordion-group-header {
  display:none;
}
.view--wrapper--view--faq_categories .view-grouping-header {
  font-size:16px;
  font-weight: bold;
}
.view--wrapper--view--faq_categories .categories-body > div > .view-grouping > .view-grouping-content > div > .views-accordion-header > span.ui-accordion-header-icon.ui-icon.ui-icon-minus {
  background-image: url(/core/assets/vendor/jquery.ui/themes/base/images/ui-icons_444444_256x240.png)!important;
}

/* FAQ CATEGORY GROUP */
.view--wrapper--view--faq_categories .categories-sidebar .views-exposed-form {
  padding: 0;
}
.view--wrapper--view--faq_categories .categories-sidebar .views-exposed-form .faq-category-select {
  margin: 0;
}

/* FAQ CATEGORIES SIDEBAR */
.view--wrapper--view--faq_categories .categories-list form {
  padding: 0;
}
.view--wrapper--view--faq_categories .categories-sidebar > div .faq-category-select {
  background: transparent;
  border: none;
  border-radius: initial;
}
.view--wrapper--view--faq_categories .categories-sidebar > div .faq-category-select .form-select.bef-links > div {
  border-left: 1px solid #000000;
  padding: 10px 20px;
}
.view--wrapper--view--faq_categories .categories-sidebar > div .faq-category-select .form-select.bef-links > div:hover {
  border-left: 3px solid #239DE8; /* HOVER FEATURE AS VISUAL AIDE FOR USERS. KEEP OR NOT? */
}
.view--wrapper--view--faq_categories .categories-sidebar > div .faq-category-select .form-select.bef-links > div a {
  color: #000000;
}
.view--wrapper--view--faq_categories .categories-sidebar > div .faq-category-select .form-select.bef-links div.bef-link-active {
  border-left: 3px solid #239DE8;
}
.view--wrapper--view--faq_categories.categories-sidebar > div .faq-category-select .form-select.bef-links div.bef-link-active a {
  color: #239DE8;
}
.view--wrapper--view--faq_categories .view-grouping-content {
  margin-bottom: 50px;
}
.view--wrapper--view--faq_categories .view-grouping .view-grouping-content > div .views-field {
  background-color: #EBEBEB;
  border: none;
  font-size: 16px;
  font-weight: 300;
}
.view--wrapper--view--faq_categories .view-grouping .view-grouping-content > div .ui-accordion-content {
  background-color: #FFFFFF;
  border: 1px solid #EBEBEB;
  height: auto !important;
}
.view--wrapper--view--faq_categories .view-grouping .view-grouping-content > div .ui-accordion-content .views-field {
  background-color: transparent;
}
.view--wrapper--view--faq_categories .view-grouping .view-grouping-content > div .views-field.ui-state-active span.field-content a {
  color: #239DE8;
  font-weight: 300;
}

/* ACCORDION STYLING */
.view--wrapper--view--faq_categories .views-field-title.views-accordion-header {
  background-color: #EBEBEB;
  border: none;
  font-size: 16px;
  font-weight: 300;
}
.views-field-title.views-accordion-header.ui-state-active {
  color: #239DE8;
}
.view--wrapper--view--faq_categories .ui-accordion-content-active {
  border: 1px solid #EBEBEB;
}

/* FAQ STANDALONE (BRICK VERSION) */
.view-faq .view-content {
  margin-left: 0!important;
  margin-right: 0!important;
}
.view-faq .view-content > div > div > .views-accordion-header {
  background-color: #EBEBEB;
  border: none;
  font-size: 16px;
  font-weight: 300;
}
.view-faq .view-content > div > div > .views-accordion-header:before {
  content: '\e93a';
  font-family: icon;
  font-size: 16px;
  color: rgba(0,0,0,.32);
}
.view-faq .view-content > div > div > .views-accordion-header.ui-accordion-header-active:before {
  content: '\e930';
  font-family: icon;
  font-size: 16px;
  color: #239DE8;
}
.view-faq .view-content > div > div > .views-accordion-header:hover {
  color: #239DE8;
}
.view-faq .view-content > div > div > .ui-accordion-content {
  background-color: #FFFFFF;
  border: 1px solid #EBEBEB;
  height: auto !important;
}
.entity--bundle-faq-view {
  padding-top:70px;
}
.view-faq p:first-child {
  margin-top:0;
}

/* MEDIA QUERIES */
@media screen and (max-width: 840px) {
  .view--wrapper--view--faq_categories .view-faq-categories .ds-container {
    max-width: none;
  }
  .view--wrapper--view--faq_categories .view-faq-categories .ds-container .categories-sidebar {
    padding-left: 0;
    margin-bottom: 25px;
  }
  .view--wrapper--view--faq_categories .categories-sidebar > div .faq-category-select .form-select.bef-links > div {
    display: inline-block;
    border-left: none;
    border-bottom: 1px solid #000000;
    padding: 0;
  }
  .view--wrapper--view--faq_categories .categories-sidebar > div .faq-category-select .form-select.bef-links > div:hover {
    border-left: none;
    border-bottom: 1px solid #239DE8; /* HOVER FEATURE AS VISUAL AIDE FOR USERS. KEEP OR NOT? */
  }
  .view--wrapper--view--faq_categories .categories-sidebar > div .faq-category-select .form-select.bef-links div.bef-link-active {
    border-left: none;
    border-bottom: 1px solid #239DE8;
  }
}
@media screen and (max-width: 720px) {
  .entity--bundle-faq-view > div > div {
    margin-left: 0!important;
  }
}
@media screen and (max-width: 414px) {
  .view--wrapper--view--faq_categories .categories-list > form > div {
    padding: 0!important;
  }
}