#program-rubrics {
  margin-bottom: 24px;
}

#program-results .program {
  display: inline-flex;
  width: calc(24% - 3px);
  min-height: 200px;
  border: 1px solid #f1f6f8;
  border-top-width: 10px;
  border-radius: 0 0 3px 3px;
  margin: 3px 3px 20px;
  position: relative;
}

@media screen and (max-width:1000px) {
  #program-results .program {
    width: 100%;
    min-height: 150px;
  }
}

#program-results .program:hover {
  background: #f1f6f8;
}

#program-results .program a {
  width: 100%;
  height: 100%;
  position: absolute;
  padding: 20px 20px 40px;
}

#program-results .program a p.meta {
  color: #1a1a1a;
}

#program-results .program a p.meta span {
  display: inline-block;
  margin-right: 15px;
}

p.meta span.date-start:before {
  content: "\f073";
  font-family: FontAwesome;
  padding-right: 5px;
  color: #19658c;
}

p.meta span.date-length:before {
  content: "\f252";
  font-family: FontAwesome;
  padding-right: 5px;
  color: #19658c;
}

p.meta span.date-type:before {
  content: "\f276";
  font-family: FontAwesome;
  padding-right: 5px;
  color: #19658c;
}

.program-row {
  padding: 40px 0;
  border-bottom: 1px solid #19658c;
}

.program-row a {
  color: #1a1a1a;
  background: #f7f7f7;
  padding: 4px 10px;
  margin: 4px;
  display: inline-block;
  cursor: pointer;
}

.program-row a:hover {
  opacity: .8;
}

.program-row a.selected {
  background: #19658c;
  color: #fff;
}