/***************** Events Collection *****************/
#events {
  margin-top: 2.5em; }
  #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 #b2401a;
      border-width: 0 5px;
      top: -4px;
      left: 0;
      right: 0;
      margin: auto; }
    #events .date .month {
      background: #e16840;
      display: block;
      text-transform: uppercase;
      padding: 8px 6px 3px;
      color: #fff;
      font-size: 14px;
      font-weight: bold;
      border-bottom: 5px solid #b2401a; }
    #events .date .day {
      display: block;
      margin: 0;
      padding: 0;
      color: #555;
      font-size: 40px;
      box-shadow: 0 0 3px #ccc;
      position: relative;
      background: #fff none repeat scroll 0% 0%;
      -webkit-box-shadow: inset 0px 0px 0px 1px #bdb3ae;
      -moz-box-shadow: inset 0px 0px 0px 1px #bdb3ae;
      box-shadow: inset 0px 0px 0px 1px #bdb3ae; }
    #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 .summary {
    width: 100%;
    text-align: left !important;
    text-transform: capitalize;
    font-size: 14pt; }
  #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; }

a.event-link:hover {
  text-decoration: none !important; }

@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; } }