body {
  background-color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  margin: 0 auto;
}
strong {
  font-weight: 600;
}
.Accordion {
  margin: 0 auto;
  padding: 10px 0 20px;
  width: 100%;
  max-width: 800px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.Accordion h3 {
  margin: 0;
  padding: 0;
}
.Accordion img {
  max-width: 800px;
  width: 100%;
  height: auto;
}
.Accordion.focus {
  border-color: hsl(216, 94%, 73%);
}
.Accordion.focus h3 {
  background-color: #fff;
}
.Accordion > * + * {
  border-top: 0px solid hsl(0, 0%, 82%);
}
.Accordion-trigger {
  background: none;
  color: #ffffff;
  display: block;
  font-size: 1rem;
  font-weight: normal;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: right;
  width: 100%;
  outline: none;
}
.Accordion-trigger:focus, .Accordion-trigger:hover {
  background: #fff;
}
.Accordion *:first-child .Accordion-trigger {
  border-radius: 0;
}
button {
  border-style: none;
}
.Accordion button::-moz-focus-inner {
  border: 0;
}
.Accordion-title {
  display: block;
  pointer-events: none;
  padding: 8px 0;
  outline: none;
  line-height: 0;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.Accordion-trigger:focus .Accordion-title, .Accordion-trigger:hover .Accordion-title {
  border-color: #0174BB;
  background-color: rgba(1, 116, 187, 0.1);
}
.Accordion-trigger[aria-expanded="true"] .Accordion-title {
  border-color: #0174BB;
}
#accordion1id.Accordion-trigger[aria-expanded="true"] .Accordion-title {
  border-color: #20657E;
  background-color: #fff;
  );
}
#accordion2id.Accordion-trigger[aria-expanded="true"] .Accordion-title {
  border-color: #853754;
  background-color: #fff;
}
#accordion3id.Accordion-trigger[aria-expanded="true"] .Accordion-title {
  border-color: #706e4c;
  background-color: #fff;
}
#accordion4id.Accordion-trigger[aria-expanded="true"] .Accordion-title {
  border-color: #BA5827;
  background-color: #fff;
}
#accordion5id.Accordion-trigger[aria-expanded="true"] .Accordion-title {
  border-color: #0174BB;
  background-color: #fff;
}
#accordion6id.Accordion-trigger[aria-expanded="true"] .Accordion-title {
  border-color: #514E86;
  background-color: #fff;
}
#accordion7id.Accordion-trigger[aria-expanded="true"] .Accordion-title {
  border-color: #00274c;
  background-color: #fff;
}
#accordion8id.Accordion-trigger[aria-expanded="true"] .Accordion-title {
  border-color: #00274c;
  background-color: #fff;
}
#accordion9id.Accordion-trigger[aria-expanded="true"] .Accordion-title {
  border-color: #00274c;
  background-color: #fff;
}
#accordion10id.Accordion-trigger[aria-expanded="true"] .Accordion-title {
  border-color: #00274c;
  background-color: #fff;
}
.Accordion-icon {
  border: solid #ccc;
  border-width: 0 2px 2px 0;
  height: 0.5rem;
  pointer-events: none;
  position: absolute;
  right: 2em;
  top: 48%;
  transform: translateY(-60%) rotate(45deg);
  width: 0.5rem;
}
.Accordion-trigger:focus .Accordion-icon, .Accordion-trigger:hover .Accordion-icon {
  border-color: #ccc;
}
.Accordion-trigger[aria-expanded="true"] .Accordion-icon {
  transform: translateY(-20%) rotate(-135deg);
}
.Accordion-panel {
  margin: 0;
  padding: 1em 1.5em;
}
/* For Edge bug https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4806035/ */
.Accordion-panel[hidden] {
  display: none;
}
h2 {
  line-height: 0;
}
p {
  padding: 0 0 1.2em;
  font-size: 14px;
  line-height: 20px;
  color: #666;
  margin: 0;
}
p a {
  text-decoration: underline;
  color: #016EB2;
  font-weight: 600;
}
p a:hover, p a:focus {
  text-decoration: none;
  opacity:.75;
}
.cranberry, .blue, .teal, .burton, .lsa, .arboretum, .matthei {
  padding: 30px 30px 20px;
}
h4 {
  font-weight: 700;
  margin: 0 0 .1em;
  font-size: 1.1em;
}
.cranberry h4 {
  color: #853754;
}
.blue h4 {
  color: #00274c;
}
.teal h4 {
  color: #20657E;
}
.burton h4 {
  color: #706e4c;
}
.lsa h4 {
  color: #BA5827;
}
.arboretum h4 {
  color: #0174BB;
}
.matthei h4 {
  color: #514E86;
}
.cranberry {
  background-color: rgba(133, 55, 84, 0.1);
}
.blue {
  background-color: rgba(14, 44, 90, 0.08);
}
.teal {
  background-color: rgba(32, 101, 126, 0.1);
}
.burton {
  background-color: rgba(151, 148, 103, 0.15);
}
.lsa {
  background-color: rgba(186, 88, 39, 0.1);
}
.arboretum {
  background-color: rgba(1, 116, 187, 0.1);
}
.matthei {
  background-color: rgba(81, 78, 134, 0.1);
}