/*
 * @author: Geert Romijn
 * @UI:     Oikocredit
 * @about:  Mod_oikocredit faqlist styling
 */


.oc-faq-list {
	padding: 0;
}

.oc-faq-list .ocfl-item {
	position: relative;
	padding: 0 30px 0 35px;
}

.ocfl-item:hover {
	cursor: pointer;
}

.ocfl-itemTitle,
.ocfl-item:hover .ocfl-itemTitle {
	display: block;
	margin-right: -30px;
	margin-left: -35px;
	padding: 1em 30px .5em 35px;
	font-size: 14px;
	color: #c6285f;
}

.ocfl-itemTitle {
    position: relative;
    z-index: 10;
}

.ocfl-itemTitle:before {
	content: '\003f';
	position: absolute;
	top: .9em;
	left: 15px;
	font-family: 'icons';
	color: #c6285f;
}

.ocfl-closed .ocfl-itemTitle {
	color: #113d8d;
}

.has-js .ocfl-closed div {
	height: 0;
	overflow: hidden;
}

.ocfl-item > a {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-indent: -999em;
}

/**
 * Icons
 */

.icon-right,
.ocfl-item:hover .icon-right {
	position: absolute;
	top: .9em;
	right: 10px;
	color: #c6285f;
	-webkit-transition: all .5s;
	transition: all .5s;

	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.ocfl-closed .icon-right {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}