/* accordion */
.accordion-container {

}

.custom-accordion .accordion-header{
  background-color: #fff;
  color: #444;
  cursor: pointer;
  padding: 18px 30px;
	margin-top:5px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 17px;
	transition-duration:100ms;
}

.custom-accordion .accordion-header:hover{
	background-color:grey;
	color:white;
}

.custom-accordion .open .accordion-header{
	background-color:grey;
	color:white;	
}

.custom-accordion .open .accordion-header::after, 
.custom-accordion .close .accordion-header::after{
	float:right;
}

/* This one is if the accordion is still closed*/
.custom-accordion .open .accordion-header::after{
	content: "\25BE";
	font-size:20px;
}

/* This one is if the accordion is now open*/
.custom-accordion .close .accordion-header::after{
	content: "\25B8";
	font-size:20px;
}

.custom-accordion .panel {
	padding: 0 20px;
  height:0;
  overflow: auto;
	transition-duration:0.5s;
	transform: scaleY(0);
	transform-origin: top;
	opacity:0
}

.custom-accordion .open .panel{
	padding: 20px;
	height:auto;
	max-height:250px;
	transform: scaleY(1);
	opacity:1;
	transition-duration:0.5s;
}

/* END accordion */