.page-title:before{
  content:"";
  display: inline-block;
  width: 100px;
  height: 100px;
  background-image: url('/files/public/images/tile/archive.png');
  background-size: 100px 100px;
  margin-bottom: -10px;
  margin-right: 10px;
}


.view-accordion {
  font-size: 1.8em;
  font-family: GoodDog, Comic, sans-serif;
}

.view-accordion .rowgroup h3 {
  margin-bottom: 10px;
  padding: 4px 15px;
  border-radius: 10px;
  border: none;
}

.view-accordion .rowgroup h3.ui-state-active {
  margin-bottom: 0;
  border: none;
}

.view-accordion .rowgroup a {
	display: block; 
	width: 100%;
	font-family: Heebo, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: red;
}

.view-accordion .rowgroup a:hover {
	color: black;
}

.view-accordion .rowgroup .ui-state-default:before {
  content: "\f054";
  font-family: FontAwesome;
  font-size: 0.7em;
  margin-right: 10px;
}

.view-accordion .rowgroup .ui-state-active:before {
  color: yellow;
  content: "\f078";
  font-family: FontAwesome;
  transform: rotate(90deg);
  margin-right: 10px;
}