/* ================================================================================ */
/* === These are styles pulled from old design to port over ======================= */
/* ================================================================================ */

/* ========================== */
/* Strategic Plan section     */
/* ========================== */

.strategicBody {
	font-family: "proxima-nova",sans-serif;
	color:#5e5e5e;
}
.strategicHead h2, .strategicHead h3, .strategicHead h4 {
	text-transform:uppercase;
	font-family: "proxima-nova",sans-serif;
}
.strategicHead {
	min-height:180px;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
}
.strategicHead h2 {
	color:#0389a6;
	font-weight:bold;
    font-size: 50px;
}
.strategicHead h4 {
	color:#5e5e5e;
	font-weight:300;
	font-size: 40px;
	margin-top:0;
}
.strategicHead img {
	width:69px;
	height:60px;
}
.strategicOurboxes {
	color:#fff;
}
.strategicOurboxes .col-sm-6 {
	padding:20px;
	min-height: 230px;
}
.strategicOurboxes h3 {
	color:#fff;
	font-weight:100;
	font-size:35px;
	text-transform:uppercase;
	font-family: "proxima-nova",sans-serif;
}
.strategicZone {
	text-align:center;
	background-image:url('/SLAS/assets/Image/StrategicPlan/zone-bkd.jpg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	padding-top:30px;
	padding-bottom:30px;
}
.strategicZone h3 {
	font-weight:100;
	color:#101010;
	font-size:35px;
	text-transform:uppercase;
	font-family: "proxima-nova",sans-serif;

}
.strategicZone img.lifesciences {
    display: inline-block;
}
.strategicStatement {
	text-align:center;
	padding-top:30px;
	padding-bottom:0px;
}
.strategicStatement h3 {
	font-weight:100;
	color:#101010;
	font-size:35px;
	text-transform:uppercase;
	font-family: "proxima-nova",sans-serif;
}
.strategic3Boxes {
	color:#fff;
}
.strategic3Boxes .col-sm-4 {
	padding:30px 20px;
}
.strategic3Boxes .education.col-sm-4 {
	background:#18899f;
}
.strategic3Boxes .spcommunity.col-sm-4 {
	background:#0a7bbb;
}
.strategic3Boxes .sustainability.col-sm-4 {
	background:#740070;
}
.strategic3Boxes h3 {
	font-weight:100;
	color:#fff;
	font-size:35px;
	text-align:center;
	margin-bottom:20px;
	text-transform:uppercase;
	font-family: "proxima-nova",sans-serif;
}
.strategic3Boxes p {
	margin-bottom:25px;
}

.strategicBottomText {
	padding:20px 30px;
	text-align:center;
	line-height:23px;
}
@media (max-width:767px) {
	.strategicHead img {
		display:none;
	}
	.ourvision.col-sm-6 {
		background:#018ea9;
	}
	.ourmission.col-sm-6 {
		background:#4f2d81;
	}
	.strategic3Boxes .col-sm-4 {
		margin-bottom:4px;
	}
}
@media screen and (min-width: 768px) {
	.strategicOurboxes {
		background-image: linear-gradient(
			90deg,
			#018ea9 50%,
			#4f2d81 50%, #4f2d81 50%);
	}
	.strategicZone {
		min-height:520px;
	}
	.strategic3Boxes .container {
		min-height:450px;
		display:table;
		border-collapse: separate;
   		border-spacing: 4px 0px;
	}
	.strategic3Boxes .row {
		display:table-row;
	}
	.strategic3Boxes .col-sm-4 {
		display:table-cell;
		float:none;
	}
}
@media (min-width:768px) and (max-width:991px) {
	.strategic3Boxes h3 {
		font-size:25px;
	}
}
@media (min-width:1200px) {
	.strategicZone img.lifesciences {
		width:485px;
		height:368px;
	}
}