/*
***********************************************************
Title: jpfaq.css
Author: Jacco van der Post - www.id-webdesign.nl
Date: may 2011 - sep 2016
***********************************************************
*/

.tx-jpfaq ul {
	border-bottom:1px solid var(--text-color);
	margin:0 0 1.5em 0;
	padding:0;
	list-style:none;
}

.tx-jpfaq li {
	list-style: none;
	margin: 0 !important;
	padding: 0;
}

.tx-jpfaq li h3 {
	background:#fffaf6;
	color:var(--text-color);
	padding:.5em 2.5em .5em 1em;
	margin:0;
	cursor: pointer;
	border-top:1px solid var(--text-color);
	border-left:1px solid var(--text-color);
	border-right:1px solid var(--text-color);
	transition:all .35s;
	position:relative;
}
.dark-theme .tx-jpfaq li h3 { background:#222; }

.tx-jpfaq li h3.questionUnfolded {
	background:#fff;
	color:var(--text-color);
}
.dark-theme .tx-jpfaq li h3.questionUnfolded { background:#121212; }

.tx-jpfaq li h3 svg {
  position: absolute;
  right:.75em;
  top:calc(50% - .375em);
  width:.75em;
  height:.75em;
  transform: rotate(-45deg);  
  transition: transform .2s;
  fill:var(--text-color);
}
.tx-jpfaq li h3.questionUnfolded svg {
  transform: rotate(0);
}

.tx-jpfaq .jpfaqAnswer { background:var(--bg-color); border-left:1px solid var(--text-color); border-right:1px solid var(--text-color); padding:.5em 1.5em 1.5em 1.5em; }
.tx-jpfaq .jpfaqAnswer p:last-child { margin:0; }

.tx-jpfaq .jpfaqAll {
	margin-bottom: 10px;
}

.tx-jpfaq .jpfaqShowAll,
.tx-jpfaq .jpfaqHideAll { cursor:pointer; font-size:90%; }

.tx-jpfaq .jpfaqShowAll:before { content:'+'; font-weight:600; }
.tx-jpfaq .jpfaqHideAll:before { content:'-'; font-weight:600; }

.tx-jpfaq label,
.tx-jpfaq .jpfaqHideAll,
.tx-jpfaq .toggleTriggerContainer,
.tx-jpfaq #jpfaq-filter-count,
.jpfaqFinfo {
	display: none;
}

.tx-jpfaq form label {
	display: block;
}

.tx-jpfaq .jpfaqSpinner {
	background-image: url('/typo3conf/ext/jpfaq/Resources/Public/Images/jpfaqSpinner.gif');
	background-size: 32px 32px;
	width: 32px;
	height: 32px;
	margin: 10% 25%;
	display: block;
}

.jpfaqQuestionCommentContainer,
.jpfaqCatCommentContainer {
	position: relative;
	max-width: 480px;
}

.jpfaqAddCommentForm {
	display: none;
	padding: 16px;
	margin-bottom: 16px;
	border: 1px solid #ccc;
}

.jpfaqAddCommentForm textarea {
	width: 100%;
}

.jpfaqCommentFormIntroHeader,
.jpfaqCatCommentFormIntroHeader {
	margin: 10px 0 0;
}

.jpfaqCommentFormIntroText {
	font-size: 90%;
}

.jpfaqQuestionComment label,
.jpfaqCatComment label {
	margin-top: 10px;
}

.jpfaqCommentFieldWarning {
	border: 2px solid red !important;
}

.jpfaqQuestionHelpfulText {
	font-size: 90%;
}

.jpfaqQuestionHelpful {
	margin-left: 10px;
}

.jpfaqAnswerIsHelpfulThankYouText {
	font-size: 90%;
	font-weight: bold;
}

/* include fontawesome for the close buttons */
.jpfaqCatCommentFormClose .fa-times,
.jpfaqCommentFormClose .fa-times,
.jpfaqThanks .fa-times {
	position: absolute;
	top: 16px;
	right: 16px;
	cursor: pointer;
	font-size: 120%;
}

.jpfaqThanks {
	padding: 16px;
	margin-bottom: 16px;
	border: 1px solid #ccc;
}

.jpfaqThanksText {
	font-weight: bold;
}

.jpfaqThanksComment {
	font-style: italic;
}

.jpfaqThanksComment,
.jpfaqThanksNameEmail {
	font-size: 80%;
}