/*------------------------
   FAQ
------------------------*/
/* General */
.cm {
	display: flex;
	flex-wrap: wrap;
}
.cm-section {
	width: 100%;
}
.FAQ-questions.wrap {
	padding-bottom: 10px;
	width: 66%;
}
.FAQ-questions-left.wrap {
	width: calc(33% - var(--gutter));
	width: 33%;
	position: relative;
	/*padding-right: calc(var(--gutter) + 0%);*/
	/*padding-left: calc(var(--gutter) + 42px);*/ 
}
.FAQ-questions.wrap, .FAQ-questions-left.wrap {
	
}
/* Search input */
.cm-section.FAQ-search-wrap.full-width {
	padding-top: 80px;
	padding-bottom: 80px;
}
.FAQ-search.wrap {
	position: relative;
	max-width: 700px;
	margin: 0 auto; 
}
.FAQ-search input {
	width: calc(80% - var(--gutter));
	margin-right: var(--gutter);
}
.FAQ-search .btn {
	padding: 0;
	width: 20%;
}
.FAQ-search .btn.roundedCorners, .FAQ-search input.roundedCorners {
	height: 40px !important;
	line-height: 40px !important;
}
#faq_search {
	padding-left: 50px;
	background: #fff !important;
}

.FAQ-questions.wrap, 
.FAQ-questions-left.wrap {
	display: inline-flex;
	flex-direction: column;
	margin: 0;
}
.FAQ-questions>.row:nth-child(odd) {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	/*padding-bottom: 16px;
	padding-top: 16px;*/
	/*border-bottom: 1px solid #fff;*/
	border-bottom: none;
}
.FAQ-questions>.row:nth-child(odd)>div {
	padding: 0;
}

/* Accordion */
.FAQ-questions.wrap {
	height: max-content;
	padding-top: 4px;
	padding-bottom: 0;
	margin-bottom: var(--static-gutter);
	width: calc(100% - ( 3 * var(--static-gutter) ));
	margin: 0 auto;
}
.cm .FAQ-questions div:not(.cm-img-txt)>h2 {
	text-align: unset;
	margin-bottom: 0;
}
.FAQ-questions .cm_content_wrapper {
	position: relative;
	cursor: pointer;
}
.cm .FAQ-questions .cm_content_wrapper::after {
	transition: 200ms ease-in-out all;
	top: -1px;
	right: 0;
	font-size: 20px;
}
.FAQ-questions .cm_content_wrapper:hover {
	text-decoration: underline;
}
.FAQ-questions>.row {

}
.FAQ-questions>.row-gutter{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 1em;
	padding-bottom: 1em;
}
.FAQ-questions>.row-gutter:last-child {
	padding-top: 0.8em;
}
.FAQ-questions>.row.active {

}
.FAQ-questions>.row:nth-child(even) {
	max-height: 0;
	overflow: hidden;
	transition: 600ms cubic-bezier(0.65, 0.05, 0.36, 1) all;
	padding-top: 0;
	padding-bottom: 0;
}
.FAQ-questions>.row + .row {

}
.FAQ-questions>.row.active + .row:nth-child(even){
	max-height: 5000px;
}
.FAQ-questions .accordion {
	border-top: none;
	/*margin-top: -1em;*/
}
.FAQ-questions .accordion-panel {
	list-style: none;
	border: none;
	/*background: #f8f7f5;*/
	margin-bottom: var(--gutter);
	/*padding: 10px 10px 10px 20px;*/
	padding: 0;
	border-radius: 10px;
}
.FAQ-questions>.row:last-child .accordion-panel:last-child {
	border-bottom: none;
}
.FAQ-questions .accordion-title {
	line-height: 20px;
	font-family: 'StaringContest-Regular', sans-serif;
	text-transform: initial;
	font-weight: normal;
	font-style: normal;
	padding-right: 45px;
}
.FAQ-questions .accordion-title::after,
.FAQ-questions .cm_content_wrapper::after {
	/*transform: rotate(-90deg);*/
	transform: rotate(-90deg) !important; 
	font-family: Font Awesome\ 5 Pro;
	font-weight: 600;
	content: "\f078";
	position: absolute;
	top: 9px;
	right: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	padding: 0px 11px;
	/*color: #fff;*/
	/*background: var(--brand-color7);*/
	color: #333;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 50%;
	text-decoration: none !important;
}
.FAQ-questions .accordion-title::before, 
.FAQ-questions .open .accordion-title::after,
.FAQ-questions .active .cm_content_wrapper::after { 
	/*transform: rotate(0deg);*/
	transform: rotate(0deg) !important;
	/*color: #fff;
	background: #aa7450;*/
}
.FAQ-questions .accordion-title::before {
	display: none;
}
.FAQ-questions .accordion-content {
	padding: 0 0 5px 0;
	display: none;
}
.FAQ-questions .highlight {
	color: #fff;
	background-color: #aa7450;
}
.FAQ-questions .no-results {
	justify-content: center;
}

/* Vänsterkolumn */
.FAQ-questions-left>.row{
	margin: 0; 
	/*margin-bottom: calc(var(--gutter) + 3px);*/
	margin-bottom: calc(5 * var(--gutter))
}
.FAQ-questions-left .FAQbackground {
	padding: 15px 20px;
}
/* Desktop */
@media screen and (min-width:48.1em){ 
	.FAQ-search.wrap {
		margin-bottom: calc(2 * var(--gutter));
	}
	.FAQ-questions.wrap {
		max-width: calc( 66.66% - (var(--static-gutter) * 4));
		margin-left: calc( (2 * var(--static-gutter)) ); 
		margin-right: calc( 2 * var(--static-gutter) );
	}
	.FAQ-questions-left.wrap{
		max-width: calc( 33.33% - (var(--static-gutter) * 4) );
		margin-left: calc( 2 * var(--static-gutter) );
		margin-right: calc( 2 * var(--static-gutter) ); 
		padding: 0; 
	}
	.FAQ-questions.wrap, .FAQ-questions-left>.row{
		margin-bottom: calc(4 * var(--static-gutter))
	}
	.FAQ-questions .accordion-title:hover {
		text-decoration: underline;
	}
	.FAQ-questions .accordion-title:hover::after{
		/*color: #fff;
		background: var(--color-hover2);*/
	}
}
/* Desktop */
@media screen and (min-width:1689px){
	.FAQ-questions.wrap {
		max-width: calc((0.6666 * 1689px) - (6 * var(--static-gutter)));
		margin-left: calc( ((100% - 1689px) * 0.5) + (3 * var(--static-gutter) ) ); 
		margin-right: calc(3 * var(--static-gutter));
	}
	.FAQ-questions-left.wrap{
		max-width: calc((0.3333 * 1689px) - (6 * var(--static-gutter)) );
		margin-left: calc(3 * var(--static-gutter));
		margin-right: calc( ((100% - 1689px) * 0.5) + (3 * var(--static-gutter)) ); 
		padding: 0; 
	}
	.FAQ-questions.wrap, .FAQ-questions-left>.row{
		margin-bottom: calc(6 * var(--static-gutter))
	}
}
/* Desktop */
@media screen and (min-width:1230px){
	.webpageHeader + .FAQ-questions.wrap {
		max-width: calc((0.6666 * var(--website-max-width)) - (3 * var(--static-gutter)));
		margin-left: calc( ((100% - var(--website-max-width)) * 0.5)  ); 
		margin-right: calc(3 * var(--static-gutter));
	}
	.webpageHeader ~ .FAQ-questions-left.wrap{
		max-width: calc((0.3333 * var(--website-max-width)) - (3 * var(--static-gutter)) );
		margin-left: calc(3 * var(--static-gutter));
		margin-right: calc( ((100% - var(--website-max-width)) * 0.5) ); 
		padding: 0; 
	}
}
/* Mobile */
@media screen and (max-width: 48em) { 
	.cm .FAQ-questions div:not(.cm-img-txt)>h2 {
		font-size: 1.3em;
	}
	.FAQ-questions.wrap {
		padding-top: 1em;
	}
	.cm-section.FAQ-search-wrap.full-width {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.FAQ-search {
		margin: 0 10px;
	}
	.FAQ-search input {
		width: calc(70% - var(--gutter));
	}
	.FAQ-search .btn {
		width: 30%;
	}
	.FAQ-search .btn.roundedCorners, .FAQ-search .btn.roundedCorners span { 
		font-size: 12px;
	}
	.FAQ-search.wrap, .FAQ-questions.wrap {
		/*width: calc(100% - ( 3 * var(--static-gutter) ));*/
		width: 100%;
		margin: 0;
	}
	.cm-section.FAQ-questions:not(.full-width) {
		/*padding-left: 0;
		padding-right: 0;*/
		width: 100%;
	}
	.FAQ-questions>.row:nth-child(odd) {
		padding-top: 0.8em;
		padding-bottom: 0.8em;
	}
	.FAQ-questions .accordion-panel, 
	.FAQ-questions .cm_content_wrapper {
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 0;
	}
}