/***************** Events Collection *****************/
#events .event-list {
  list-style: none;
  width: 100%;
  margin: 0; }
  #events .event-list h2, #events .event-list h3 {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left !important; }
  #events .event-list p {
    text-align: left !important; }
#events .date {
  display: block;
  width: 80px;
  height: 105px;
  margin: 0px 30px 50px 0px;
  text-align: center;
  font-family: "Helvetica",sans-serif;
  position: relative;
  float: left; }
  #events .date a, #events .date a:hover, #events .date a:visited {
    color: #333 !important;
    text-decoration: none; }
  #events .date .binds {
    position: absolute;
    height: 12px;
    width: 60px;
    background: transparent;
    border: 2px solid #a32733;
    border-width: 0 5px;
    top: -4px;
    left: 0;
    right: 0;
    margin: auto; }
  #events .date .month {
    background: #d01031;
    display: block;
    text-transform: uppercase;
    padding: 6px 6px 3px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 2px solid #a32733;
    box-shadow: inset 0 -1px 0 0 #666; }
  #events .date .day {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 40px;
    box-shadow: 0 0 3px #ccc;
    position: relative;
    background: #FFF none repeat scroll 0% 0%; }
  #events .date .day::after {
    content: '';
    display: block;
    height: 100%;
    width: 96%;
    position: absolute;
    top: 3px;
    left: 2%;
    z-index: -1;
    box-shadow: 0 0 3px #ccc; }
  #events .date .day::before {
    content: '';
    display: block;
    height: 100%;
    width: 90%;
    position: absolute;
    top: 6px;
    left: 5%;
    z-index: -1;
    box-shadow: 0 0 3px #ccc; }
#events .date.past .binds {
  position: absolute;
  height: 12px;
  width: 60px;
  background: transparent;
  border: 2px solid #999;
  border-width: 0 5px;
  top: -4px;
  left: 0;
  right: 0;
  margin: auto; }
#events .date.past .month {
  background: #999;
  color: #eee;
  border-bottom: 2px solid #777;
  box-shadow: inset 0 -1px 0 0 #777; }
#events .date.past .day {
  box-shadow: 0 0 3px #ccc;
  color: #ccc; }
#events .date.past .day::after {
  box-shadow: 0 0 3px #ccc; }
#events .date.past .day::before {
  box-shadow: 0 0 3px #ccc; }

a.post-link.past, a:visited.post-link.past {
  color: #666 !important; }

.event h1.headline {
  font-size: 42px; }

@media (max-width: 600px) {
  #events .date {
    float: none !important;
    margin: 0 auto !important;
    margin-top: 30px !important; }
  #events .event-list h2, #events .event-list h3, #events .event-list p {
    text-align: center !important; } }