/* @author Tim himself */

.acor_list h4 {
	font-family:'Lato', sans-serif;
	color:#5E6264;
	font-size:15px;
	text-align:left;
	font-weight:600;
	text-transform:uppercase;
	padding:15px 12px;
	padding-right:40px;
	margin-top:0;
	margin-bottom:6px;
	background:#F7F7F7;
	border-bottom:1px solid #F2F2F2;
	transition:0.25s all;
	position:relative;
	cursor:pointer;
}

.acor_list h4.active {
	color:#FFF;
	font-weight:bold;
	margin-bottom:10px;
	background:#263548;
}

.acor_list h4::before {
	content:attr(data-prefix);
	font-size:18px;
	margin-right:9px;
	display:none;
}

.acor_list h4.alignLeft {
	padding-left:35px;
}

.acor_list > div {
    font-family:'Lato', sans-serif;
    font-size:14px;
    color:#6E6E6E;
	text-align:justify;
	padding:2% 5%;
	margin-bottom:9px;
	background:#FFF;
	display:none;
}

.acor_list li {
	text-align:left;
	margin-bottom:8px;
	list-style-type:square;
}

.acor_list .arrowDown {
	width:0;
	height:0;
	left:40px;
	bottom:0;
	border-style:solid;
	border-width:8px 7.5px 0 7.5px;
	border-color:#272E35 transparent transparent transparent;
	position:absolute;
	transition:0.25s all;	
	opacity:0;
}

.acor_list .active .arrowDown {
	bottom:-8px;
	border-color:#263548 transparent transparent transparent;
	opacity:1;
}

.acor_list .collapseIcon {
	font-size:25px;
	font-weight:300;
	top:45%;
	right:20px;
	-ms-transform:translate(0, -50%);
	    transform:translate(0, -50%);
	position:absolute;
}

.acor_list .collapseIcon.alignLeft {
	left:20px;
	right:initial;
}

/* ----- MEDIA QUERIES ----- */

@media (min-width:240px) and (max-width:639px) {
	
	.acor_list > div {
		font-size:15px;
	}

}

@media (min-width:1792px) {
	
	.acor_list h4 {
		font-size:20px;
		padding:20px 16px;
		padding-right:53px;
		margin-bottom:8px;
	}
	
	.acor_list h4.active {
		margin-bottom:13px;
	}
	
	.acor_list h4::before {
		font-size:24px;
		margin-right:12px;
	}
	
	.acor_list h4.alignLeft {
		padding-left:47px;
	}
	
	.acor_list > div {
		font-size:19px;
		margin-bottom:12px;
	}
	
	.acor_list li {
		margin-bottom:13px;
	}
	
	.acor_list .arrowDown {
		left:53px;
		border-width:11px 10px 0 10px;
	}
	
	.acor_list .active .arrowDown {
		bottom:-11px;
	}
	
	.acor_list .collapseIcon {
		font-size:33px;
		right:27px;
	}
	
	.acor_list .collapseIcon.alignLeft {
		left:27px;
	}
		
}