/*
 * --- Primary Colors ---
 */
/*
 * --- Informational Colors ---
 *
 * Use these colors for alerts or informational text.
 */
/*
 * --- Supporting Colors ---
 *
 * These colors would primarily be used with text.
 */
/*
 * --- Feature Colors ---
 *
 * Colors used primarily in the dashboard to brand distribution channels
 */
/*
 * --- Background Colors ---
 */
/*
* --- Gradients ---
 */
/*
 * --- Text Colors ---
 *
 * When using text on a light background stick to Black or Slate.
 * Use White or Light Gray on dark backgrounds. Silver is reserved
 * for disabled states.
 */
/*
 * --- Original ---
 *
 * This is our original color variables. Some have been updated
 * to use the new color variables for StockBlocks and some of the
 * non standard variables are being left as is.
 */
#faq .panel {
  margin-right: 30px;
}
#faq .panel ol li {
  margin-top: 15px;
}
#faq .panel-heading {
  position: relative;
  font-size: 18px;
  line-height: 30px;
  padding: 0;
}
#faq .panel-heading:hover {
  color: #ffffff;
  background-color: #000000;
}
#faq a.panel-toggle {
  display: block;
  width: 100%;
  height: 100%;
  padding: 15px 30px 15px 15px;
  line-height: 1.3em;
}
#faq .panel-title {
  line-height: 45px;
}
#faq .panel-toggle {
  text-decoration: none;
}
#faq .panel-toggle .glyphicon {
  position: absolute;
  top: 18px;
  right: 10px;
}
#faq .panel-toggle:not(.collapsed) {
  color: #ffffff;
  background-color: #1a1a1a;
}
#faq .panel-toggle:not(.collapsed) .glyphicon-chevron-down {
  display: none;
}
#faq .panel-toggle:not(.collapsed) .glyphicon-chevron-up {
  display: block;
}
#faq .panel-toggle.collapsed .glyphicon-chevron-up {
  display: none;
}
#faq .panel-toggle.collapsed .glyphicon-chevron-down {
  display: block;
}
#faq .panel-collapse.collapse.in {
  color: #444;
}
#faq .faq-footer {
  padding-bottom: 8px;
  padding-top: 16px;
}
#faq .banner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 367px;
  position: relative;
  padding-bottom: 106px;
}
#faq .banner .image-wrapper {
  position: absolute;
  margin-bottom: 0;
  height: 100%;
  width: 100vw;
  z-index: -1;
}
#faq .banner .image-wrapper .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
}
#faq .banner .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}
#faq .banner .container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#faq .banner .container * {
  max-width: 455px;
  color: #ffffff;
}
#faq .banner .container h1 {
  margin-bottom: 8px;
}