/* Today Panel */
.today-panels {
	background-color: #A457FF;
	padding: 44px 0 55px;
}

.today-panels h1 {
	color: #fff;
}

.today-panels .link-more {
	color: #fff;
	text-decoration: none;
}

.today-panels .link-more:hover,
.today-panels .link-more:focus {
	color: #ccc;
	text-decoration: none;
}

.today-panels .heading {
	color: #A457FF;
}

.today-panels .heading,
.today-panels p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Medical Officer of Health */
.moh .moh-by {
	display: table;
	margin-top: 22px;
}

.moh .moh-by img {
	float: left;
	height: 100px;
	margin-right: 15px;
	width: 100px;
}

.moh .moh-by img[data-toggle="modal"] {
	cursor: pointer;
	will-change: transform, box-shadow;
	transition: all 500ms;
	-webkit-transition: all 500ms;
}

.moh .moh-by img[data-toggle="modal"]:hover {
	box-shadow: 0 5px 10px rgba(51,51,51,0.5);
	color: initial;
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
}

.moh .moh-by p {
	display: table-cell;
	vertical-align: middle;
}

.moh .moh-by .name {
	font-size: 24px;
}

@media (min-width: 768px) {
	.moh .moh-by {
		float: right;
	}
}


/* Contact Panel */
.contact {
	background-color: #eee;
	margin-bottom: 20px;
	padding: 44px 0 55px;
}

.contact .hour {
	background-color: #333;
	border-radius: 6px;
	color: #fff;
	margin-bottom: 20px;
	padding: 10px 15px;	
}

.contact .open { background-color: #87B34A; }
.contact .closed { background-color: #b14848; }


#footer {
	font-size: 14px;
}

#footer a {
	color: #666;
	text-decoration: none;
}

#footer a:hover,
#footer a:focus {
	color: #333;
	text-decoration: underline;
}