@charset "UTF-8";
/* CSS Document */


.ProgramList {
	position: relative;
	background-image: url(../../img/BgrHatchOpacity.svg), linear-gradient(#000000 0%, #252525 45%, #000000 100%);
	background-repeat: repeat;
	background-position: left top;
	text-align: center;
}

.ProgramList h2 {
	color: #FFF;
	
}

.ProgramList .Program {
	position: relative;
	display: inline-block;
	width: 280px;
	height: 280px;
	background: no-repeat center center;
	background-size: cover;
	margin: 5px;
}

.ProgramList .Program .Name {
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	padding: 50px 15px 15px 15px;
	color:#FFF;
	font-size: 2.2em;
	font-weight: 600;
	background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 70%)
}




.ProgramList .Program .Name::after {
	content: '';
	position: absolute;
	left:50%;
	right:50%;
	bottom: -4px;
	height: 1px;
	background: #FFF;
	transition: all ease-in-out .15s;
}

.ProgramList .Program:hover .Name::after {
	left:0;
	right:0;
	transition: all ease-in-out .15s;
}