#event-listview-container .event-list-item { margin-bottom: 30px; float: left; width: 100%; }

#event-listview-container .event-list-item .event-date { background-color: #003977; border-radius: 8px; height: 95px; width: 15%; display: table; float: left; text-align: center; }

#event-listview-container .event-list-item .event-date .event-date-align { display: table-cell; vertical-align: middle; }

#event-listview-container .event-list-item .event-date .event-date-align span.event-day { color: #ffffff; display: block; font-size: 1.8rem; font-weight: bold; }

#event-listview-container .event-list-item .event-date .event-date-align span.event-month { color: #ffffff; display: block; font-size: 1rem; }

#event-listview-container .event-list-item .event-info { display: table; height: 95px; width: 84%; padding: 0px 10px; float: left; position: relative; background-color: #EFF3F4; border: 1px solid #ffffff; box-shadow: 0px 15px 26px 0 rgba(0, 0, 0, 0.15); margin-left: 5px; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; }

#event-listview-container .event-list-item .event-info:hover { box-shadow: unset; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; }

#event-listview-container .event-list-item .event-info .event-info-align { display: table-cell; vertical-align: middle; }

#event-listview-container .event-list-item .event-info .event-info-align .event-category { display: block; color: #00B0F0; font-weight: 700; margin-bottom: 0px; font-size: 0.9rem; }

#event-listview-container .event-list-item .event-info .event-info-align h3, #event-listview-container .event-list-item .event-info .event-info-align h3 a { margin-bottom: 0px; font-size: 1.2rem; color: #003977 !important; margin-top: 0px; text-decoration: none; }

#event-listview-container .event-list-item .event-info .event-readmore { position: absolute; right: 10px; bottom: 10px; }

#event-listview-container .event-list-item .event-info .event-readmore i { text-decoration: none; color: #CCCC00; font-size: 1.3rem; }

#event-listview-container .event-list-item .event-info .event-readmore i:hover { text-decoration: none; }

#event-listview-container .event-list-item .event-info .event-tag { position: absolute; top: -5px; right: -5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; min-width: 100px; background-color: transparent; padding: 2px; text-align: center; z-index: 1; font-size: 0.7rem; }

#event-listview-container .event-list-item .event-info .event-tag.full { background-color: rgba(216, 17, 31, 0.85); }

#event-listview-container .event-list-item .event-info .event-tag.full::before { content: 'Vol'; display: block; color: white; }

#event-listview-container .event-list-item .event-info .event-tag.available { background-color: rgba(68, 189, 50, 0.85); }

#event-listview-container .event-list-item .event-info .event-tag.available::before { content: 'Beschikbaar'; display: block; color: white; }

#event-listview-container .event-list-item .event-info .event-tag.canceled { background-color: rgba(216, 173, 17, 0.85); }

#event-listview-container .event-list-item .event-info .event-tag.canceled::before { content: 'Afgelast'; display: block; color: white; }

@media (max-width: 575px) { #event-listview-container .event-list-item .event-date { width: 100%; border-radius: 8px 8px 0px 0px; height: 75px; }
  #event-listview-container .event-list-item .event-info { width: 100%; margin-left: 0px; } }

@media (min-width: 992px) and (max-width: 1199px) { #event-listview-container .event-list-item .event-info { width: 85%; margin-left: 0px; } }