Accordion styled

by freedawirl

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="container summary-list">

 <div class="row">

  <div class="accordian fusion-accordian"><div class="panel-group" id="accordion-2180-1"><div class="fusion-panel panel-default"><div class="panel-heading"><h4 class="panel-title toggle" data-fontsize="16" data-lineheight="22"><a data-toggle="collapse" data-parent="#accordion-2180-1" data-target="#a0f1f1b255c65cdf7" href="#a0f1f1b255c65cdf7" class="collapsed"><div class="fusion-toggle-icon-wrapper"><i class="fa-fusion-box"></i></div><div class="fusion-toggle-heading">INTRODUCTION</div></a></h4></div><div id="a0f1f1b255c65cdf7" class="panel-collapse collapse" style="height: 0px;"><div class="panel-body toggle-content">
<h3 data-fontsize="18" data-lineheight="30">CONNECTIONS 2025 DRAFT TRANSIT PLAN</h3>
<p>After two months of taking feedback, we’ve listened to you and updated the Connections 2025 Draft Transit Plan. The proposed network removes duplicative service, eliminating certain routes or large segments of service in order to reinvest resources into higher frequency.</p>
<p>By focusing on frequency, many new routes could operate at 15 minutes or better, with others at 30 minutes.</p>
<p><strong>Rapid Transit</strong> – MetroRail or bus with dedicated regional right-of-way, frequency every 15 minutes.</p>
<p><strong>MetroRapid</strong>&nbsp;–&nbsp;<span class="s1">Along major corridors, with additional stations 1/3 mile apart, Local fares instead of Premium, frequency every 7-10 minutes.</span></p>
<p><strong>Frequent</strong> – Along major corridors, frequency every 15 minutes.</p>
<p><strong>Local</strong> – Connecting neighborhoods to High Frequency Network and major destinations, frequency every 30 minutes.</p>
<p><strong>Express</strong> – Connecting Park &amp; Rides to key...

CSS

@import 'home-trip-planner.css';

/*@import 'responsive.css';*/

@import 'google-te.css';

/***********************************************************************************************************************
 * Font definitions 
 ************************************************************************************************************************/

@import 'https://fonts.googleapis.com/css?family=Roboto';

/*CMTA Blue #0069aa*/

h1,
.h1 {
  font-size: 36px;
}

h2,
.h2 {
  font-size: 30px;
  font-weight: 500;
}

h3,
.h3 {
  font-size: 24px;
}

h4,
.h4 {
  font-size: 18px;
}

h5,
.h5 {
  font-size: 16px;
}

h6,
.h6 {
  font-size: 16px;
}


/*************************************************************************************
 * Skip content container
 *************************************************************************************/

div.skip {
  background-color: #013F80;
}

div.skip > a {
  color: #fff;
  margin-top: -10px;
  padding: 10px;
  margin: 20px;
  padding-left: 30px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  text-decoration: none;
  display: block;
}

#content:focus {
  outline: none;
}

#content:before {
  /* hack to so skip scroll alignment for main content is adjusted for the fixed nav */
  content: '';
  display: block;
  position: relative;
  width: 0;
  height: 150px;
  margin-top: -150px;
}


/********************************************************************************************
 * Assorted Utility Styles
 ********************************************************************************************/

.push-r {
  float: right;
  padding: 0px 0px 10px 30px;
}

.push-l {
  float: left;
  padding: 0px 30px 10px 0px;
}

.clear {
  clear: both;
}

.mimich2 {
  margin: 0px;
  font-family: inherit;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.1;
  padding: 20px 0px;
}

.padme10 {
  padding: 10px;
}

.bgwhite {
  background: #fff;
}


/*General content border Styles*/

.border-top {
  border-top: 1px dotted...