.cal-upcoming-h { width: 80%; margin: 0 auto; }
#cal-upcoming { 
	width: 60%; height: auto; margin: 0 80px; padding: 5px 20px; background-image: url("/_uat/images/event-planning-02.jpg"); background-repeat: no-repeat; background-size: cover; 
	/*box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;*/
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
}
aside, #hc_c, #hc_l, #hc_r { width: fit-content; font-size: medium; margin: 10px; padding: 10px; line-height: 1em; border-top: none; background-color: #FAEBD7; list-style: none!important; }
aside #hc_l { border-top-left-radius: 0; -webkit-border-top-left-radius: 0; }
aside #hc_r { border-top-right-radius: 0; }
aside li.upcoming { margin-bottom: 20px; display: none; }
aside > #hc_featured, aside > #hc_popular, aside > #hc_newest { width: 350px; }
aside > #hc_featured > ul, aside > #hc_popular > ul, aside > #hc_newest > ul { width: 100%; text-align: left; font-size: initial; }
aside li { margin-bottom: 20px; line-height: 1.2em; }

a:hover { color: #fff; }
#cal-upcoming a:hover { color: #000; }

.upcoming .date { list-style: none!important; }
aside li.date { list-style: none; font-weight: 700; text-align: right; border-bottom: 1px solid #e9a449; }

#chaffey-stat { width: 80%; height: 400px; margin: 0 auto 80px; background-color: #808EA9; border: 1px solid red; }
.stat-img { width: 40%; height: 500px; display: inline-block; }
.stat-img img { object-fit: contain; }
.ccStat{ display: inline-block; width: 40%; vertical-align: top; }
.ccStatRow { display: table-row; }
.ccStatCell { border: 1px solid #999999; display: table-cell; min-width: 200px; height: 200px; padding: 20px; text-align: center; }


@media (min-width: 700px) {
	.activities-calendar { margin: 18px 0 0px; }
}

@media (min-width: 1025px) {
	.activities-calendar { margin: 18px 0 0px; }
}

@media screen and (max-width: 1000px) {
	.cal-upcoming-h { width: 100%; margin: 0 75px; }
	#cal-upcoming { width: 70%; background-image: none; box-shadow: none; -webkit-box-shadow:none; }
	aside > #hc_featured, aside > #hc_popular, aside > #hc_newest { width: 100%; }
	#chaffey-stat { width: 90%; /* height: 400px; */ }
}

@media (max-width: 700px) {
	.cal-upcoming-h { margin-left: 44px!important; }
	#cal-upcoming { width: 100%; margin: 0 20px!important; }
}


@media screen and (max-width: 460px) {
	#cal-upcoming { padding: 32px 0px; background-image: none; box-shadow: none; -webkit-box-shadow:none; margin-bottom: 20px; }
	aside, #hc_c, #hc_l, #hc_r { width: 90%; margin: 0px!important; padding: 10px 15px; }
	aside > #hc_featured { width: 100%; }
	#content ul { padding-left: 20px!important; }
}

@media screen and (max-width: 400px) {
	#cal-upcoming { margin-bottom: 200px; }
}