#home-page .white-container ul li{
	padding:15px 15px 0 !important;
	margin-bottom: 15px !important;
}

#home-page .white-container .infoWrap{
	width: 371px;
	padding-bottom: 0!important;
}

@media only screen and (max-width: 748px) {
    #home-page .white-container .infoWrap {
        width: calc(100% - 220px);
    }
}

@media only screen and (max-width: 480px) {
    #home-page .white-container .infoWrap {
        width: 100%;
    }
}

#home-page .infoBtns{
	width: 141px;
}

#home-page #featuredContainer .imgThumbShaddow{
	padding-bottom: 15px; 
	background-position: center 175px !important;
}

#home-page .white-container .infoWrap .infoItem.wordWrap{
	width: 255px !important;
}

#home-page #upcomingContainer .imgThumbShaddowS{
	padding-bottom: 15px; 
	background-position: center 85px !important;
}


ul.event-list {
	margin-left: -10px;
	margin-right: -10px;
}

ul.event-list > li {
	cursor: pointer;
	display: inline-block;
	position: relative;
	background-color: white;
	width: 225px;
	margin-bottom: 38px;
	margin-left: 11px;
	margin-right: 11px;
}


/* Material design inspired shadow */
.shadow-on-hover {
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;
}

.shadow-on-hover:hover {
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 5px 10px rgba(0,0,0,0.22);
}

.dark-on-hover {
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;
}

.dark-on-hover img {
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;
}

.dark-on-hover:hover img {
	opacity: 0.5;
}

.dark-on-hover:hover {
	background-color: #c5c5c5;
}

div.overlay {
	position: absolute;
    width:100%;
    height:100%;
    background-color:#000;
    opacity:0.2;
    z-index: 100;
    display: block;
}

ul.event-list > li > a:hover {
	text-decoration:none;
}

ul.event-list > li.featured {
	width: 308px;
	position: relative;
}

ul.event-list > li .info {
    position: relative;
	margin-top: 10px;
	padding-left: 10px;
    padding-right: 12px;
}

ul.event-list > li .info .infoItem span {
	color: #585858;
    font-size: 1em;
    font-weight: bold;
}

ul.event-list > li .info .infoItem span a {
    color: #8d8d8d;
    font-size: 1em;
}

ul.event-list > li .info .infoItem.blue span {
    color: #2ab9c5;
    letter-spacing: -0.01em;
}