/* ==========================================================================
   FAQs PAGE
   Question-card grid alignment for the .questions-grid (#faqs-3) masonry layout.
   Loaded only on the FAQs page, after responsive.css.
   ========================================================================== */

/*------------------------------------------*/
/*   PAGE TITLE
/*------------------------------------------*/

#faqs-title .section-title {
  margin-bottom: 0;
}

/*------------------------------------------*/
/*   CARD GRID
/*------------------------------------------*/

/* Isotope absolutely positions .question-category once it initialises.
   Floating them keeps the 2-up layout intact before init and if JS fails. */
.questions-grid .masonry-wrap4 {
  display: block;
}

.questions-grid .masonry-wrap4::after {
  content: "";
  display: table;
  clear: both;
}

.questions-grid .question-category {
  float: left;
  width: 50%;
  padding: 0;
  margin: 0;
}

/* VC adds its own inner padding wrapper inside columns; the card margin is the gutter */
.questions-grid .question-category > .vc_column-inner {
  padding-left: 0;
  padding-right: 0;
}

/*------------------------------------------*/
/*   CARD
/*------------------------------------------*/

.questions-grid .questions-wrap {
  margin: 0 10px 20px;
  padding: 45px 35px 32px;
}

.questions-grid .questions-wrap h5.h5-md {
  margin-top: 0;
  margin-bottom: 25px;
}

/* Q&A rows inside a card */
.questions-grid .questions-wrap .perch-list > div:last-child {
  margin-bottom: 0 !important;
}

.questions-grid .questions-wrap .perch-list h5 {
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: -0.5px;
  margin-bottom: 8px;
}

.questions-grid .questions-wrap .perch-list p {
  color: #666;
  line-height: 1.7;
  margin-bottom: 0;
}

/*------------------------------------------*/
/*   MORE QUESTIONS LINK
/*------------------------------------------*/

#faqs-3 .more-questions h5 {
  text-align: center;
}

/*------------------------------------------*/
/*   RESPONSIVE
/*------------------------------------------*/

@media (max-width: 767.99px) {
  .questions-grid .question-category {
    float: none;
    width: 100%;
  }
  .questions-grid .questions-wrap {
    margin: 0 0 30px;
  }
}

@media (max-width: 575px) {
  .questions-grid .questions-wrap {
    padding: 35px 25px 22px;
  }
}