.showMore{
  display:block;
  cursor: pointer;
  opacity: .5;
  font-size: .9em;
}

.showMore > img { transform: rotate(90deg); margin-left: 5px; }

.showMore + input{
  display:none;
}

.showMore + input + *{
  max-height: 0; padding: 5px 0px;
  opacity: 0;
  overflow: hidden;
  transition: max-height 1s, overflow 0s, opacity 0.5s;
}

.showMore + input:checked + *{

  max-height: 50em; padding-top: 5px;
/*  overflow:auto;*/
	opacity: 1;
  transition: max-height 3s, overflow 0.5s 0.5s, opacity 0.5s 0.2s;
    
}