.activities-detail-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 25px;
  border-bottom: 1px solid #eee;
  margin-bottom: 35px;
}
.activities-detail-list li {
  margin: 5px;
}
.activities-detail-list li a {
  font-size: 18px;
  border-radius: 11px;
  font-family: "PlumbCondensed";
  color: rgb( 0, 0, 0 );
  text-transform: uppercase;
  line-height: 1;
  padding: 10px 20px;
  display: block;
  margin: 5px 0;
  transition: color 300ms ease-in-out,
              box-shadow 300ms ease-in-out;
}
.activities-detail-list li.active a {
  color: white;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#56a4b9+0,428098+100 */
  background-color: #56a4b9; /* Old browsers */
  background: -moz-linear-gradient(top, #56a4b9 0%, #428098 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #56a4b9 0%,#428098 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #56a4b9 0%,#428098 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56a4b9', endColorstr='#428098',GradientType=0 ); /* IE6-9 */
}
.activities-detail-list li a:hover {
  box-shadow: inset 0px 0px 6px rgba(0,0,0,.75);
}