/* #####################################################################################################
   Frequently asked questions
   ##################################################################################################### */

/*--- standard variables ---*/
/* @fontFamily1:        'PT Sans', sans-serif;*/
/*--- product item ratio (thumb + content) ---*/
/*--- media queries. When using responsive ---*/
/*--- media queries. When not using responsive ---
@useResponsive:			false;

@breakPointLargePhone:	~"only screen and (min-width : 1px)";
@breakPointTablet:		~"only screen and (min-width : 1px)";
@breakPointDesktop:		~"only screen and (min-width : 1px)";

@breakPointUpToTablet:	~"only screen and (max-width: 1px)";
@breakPointUpToTabletLand:~"only screen and (max-width: 1023px)";
@breakPointUpToDesktop:	~"only screen and (max-width: 1px)";
*/
/*--- media queries. When using responsive: only mobile & desktop ---
@useResponsive:			false;
@breakPointLargePhone:	~"only screen and (min-width : 480px) and (max-width: 768px )";
@breakPointTablet:		~"only screen and (min-width : 999999999px)";
@breakPointDesktop:		~"only screen and (min-width : 768px)";

@breakPointUpToTablet:	~"only screen and (max-width: 768px)";
@breakPointUpToDesktop:	~"only screen and (max-width: 768px)";
*/
/*--- custom class functions ---*/
/*----- Default functions -----*/
/*----- LESS functions -----*/
.faqs.overviewPage #cols {
  padding: 0 2.2%;
  max-width: 1920px;
}
@media only screen and (min-width : 1280px) {
  .faqs.overviewPage #content {
    width: calc(80% - 80px);
    padding: 0 80px 30px 0;
  }
}
#faqWrapper h2 {
  width: 100%;
}
#faqWrapper ul.faqList {
  list-style: none;
  padding: 0;
  margin: 0 0 25px;
  border-top: 1px solid #dedede;
  font-size: 14px;
}
#faqWrapper ul.faqList > li {
  border-bottom: 1px solid #dedede;
  padding: 0;
}
#faqWrapper ul.faqList > li > a {
  padding: 10px 0 10px 10px;
  display: block;
  background: url(../../../images/arrow-sprite.png) no-repeat right top;
  color: #383838;
}
#faqWrapper ul.faqList > li > a:hover {
  text-decoration: underline;
}
#faqWrapper ul.faqList .faqContent {
  display: none;
  padding: 0 0 15px 26px;
}