/*------------------------------------------------------------------
[Table of contents]

1. Container / .faq-container
2. Header / .faq-container > header
3. Questions and answers / .faq-container > .body > .questions-container
-------------------------------------------------------------------*/
.faq-container {
  background: #fff; }
  .faq-container > .header h3 {
    margin-bottom: 5px; }
  .faq-container > .header > .description {
    font-size: 16px;
    color: #333; }
  .faq-container > .header > .search {
    margin-top: 30px; }
  .faq-container > .body h5 {
    margin-top: 30px; }
  .faq-container > .body .questions-container {
    margin: 0;
    padding: 0;
    list-style: none; }
    .faq-container > .body .questions-container li {
      margin-bottom: 15px; }
      .faq-container > .body .questions-container li:last-child {
        margin-bottom: 0; }
    .faq-container > .body .questions-container .question-block {
      display: block;
      position: relative;
      cursor: pointer; }
      .faq-container > .body .questions-container .question-block::before {
        content: "\f110";
        border: none;
        font-family: "LineAwesome";
        width: auto;
        height: auto;
        float: left;
        display: block;
        padding: 0;
        font-size: 14px;
        font-weight: normal;
        color: rgba(58, 82, 155, 0.3);
        margin-right: 10px; }
    .faq-container > .body .questions-container .answer-block {
      -webkit-border-radius: 2px;
              border-radius: 2px;
      background-color: rgba(57, 81, 155, 0.05);
      padding: 20px;
      margin-top: 10px;
      display: none; }
    .faq-container > .body .questions-container .opened .answer-block {
      display: block; }

body:not(.theme-white) .faq-container {
  margin: 30px 15px; }
