/* FAQ page specific styles */

.faq-page-sub-break{
  display:inline;
}

.faq-page-list{
  width:min(980px, 96%);
  margin:0 auto;
  display:flex;
  flex-direction:column;
}

.faq-page-item{
  border:0;
  border-bottom:1px solid rgba(45,74,62,.2);
  padding:0 6px;
  background:transparent;
}

.faq-page-item:first-child{
  border-top:1px solid rgba(45,74,62,.2);
}

.faq-page-item summary{
  cursor:pointer;
  list-style:none;
  padding:18px 26px 18px 0;
  position:relative;
  color:#2d4a3e;
  font-size:clamp(15px, 1.1vw, 18px);
  font-weight:700;
}

.faq-page-item summary::-webkit-details-marker{
  display:none;
}

.faq-page-item summary::after{
  content:"+";
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  color:rgba(61,90,80,.7);
  font-size:20px;
  line-height:1;
}

.faq-page-item[open] summary::after{
  content:"-";
}

.faq-page-item p{
  margin:0;
  padding:0 0 18px;
  color:rgba(61,90,80,.84);
  font-size:14px;
  line-height:1.75;
}

#faq-page .section-cta .btn{
  font-weight:600;
}

@media (max-width: 700px){
  .faq-page.section{
    padding-top:34px;
  }

  .faq-page-sub-break{
    display:block;
  }

  .faq-page-sub > span:first-child{
    display:block;
    margin-bottom:4px;
  }

  .faq-page-item{
    padding:0 2px;
  }

  .faq-page-item summary{
    font-size:13px;
    padding:14px 22px 14px 0;
  }

  .faq-page-item p{
    padding-bottom:14px;
    font-size:12px;
  }
}
