/* Master index page panel styles */
.index-panel .panel {
	background-color: #013c65;
	background-size: cover;
	background-position: top;
	padding: 0;
}
.index-panel .panel h2, .index-panel .panel h3, .index-panel .panel p, .index-panel .panel li {
	color: #fff;
}
.index-panel .panel h3 {
	font-weight: 100!important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
.index-panel .panel a {
	color: white;
	display: block;
	min-height: 8em;
	padding: 1.25rem 3em 1.25rem 1.25rem;
}
.index-panel .panel a:hover {
	color: #f6b000;
}
/* Individual panels */
.index-panel.residence-halls .panel {
	background-image: linear-gradient(160deg, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.65) 20%,rgba(0,0,0,0.32) 30%,rgba(0,0,0,0) 100%), url("/sustainability/images/index-panels/what-you-can-do-residence-halls.jpg");
}
.index-panel.classrooms .panel {
	background-image: linear-gradient(160deg, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.65) 20%,rgba(0,0,0,0.32) 30%,rgba(0,0,0,0) 100%), url("/sustainability/images/index-panels/what-you-can-do-classrooms.jpg");
}
.index-panel.home .panel {
	background-image: linear-gradient(160deg, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.65) 20%,rgba(0,0,0,0.32) 30%,rgba(0,0,0,0) 100%), url("/sustainability/images/index-panels/what-you-can-do-home.jpg");
}
.index-panel.dining .panel {
	background-image: linear-gradient(160deg, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.65) 20%,rgba(0,0,0,0.32) 30%,rgba(0,0,0,0) 100%), url("/sustainability/images/index-panels/what-you-can-do-dining.jpg");
}
.index-panel.work .panel {
	background-image: linear-gradient(160deg, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.65) 20%,rgba(0,0,0,0.32) 30%,rgba(0,0,0,0) 100%), url("/sustainability/images/index-panels/what-you-can-do-work.jpg");
}
.index-panel.commuting .panel {
	background-image: linear-gradient(160deg, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.65) 20%,rgba(0,0,0,0.32) 30%,rgba(0,0,0,0) 100%), url("/sustainability/images/index-panels/what-you-can-do-commuting.jpg");
}
.index-panel.shopping .panel {
	background-image: linear-gradient(160deg, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.65) 20%,rgba(0,0,0,0.32) 30%,rgba(0,0,0,0) 100%), url("/sustainability/images/index-panels/what-you-can-do-shopping.jpg");
}