/* This stylesheet is used to style the public view of the widget. */

.careers-list .list-grid li {
	border-top:solid 1px #DDE2E7;
	width:100%;
	transition: all 0.3s ease-out 0s;
	padding:0 0 15px 0;
	margin:0 0 1% 0;
}
.careers-list .list-grid li:hover {
	cursor:pointer;
	padding-left:15px;
}
.careers-single-info dt {
	width:100%;
	padding:0;
	margin:15px 0 5px;
	background:none;
	color:#9EAAB6;
	float:left;
	font-size:12px;
}
.careers-single-info dd {
	font-size:14px;
	margin: 0 0 10px;
}
.careers-single h3 {
	margin:30px 0 10px 0;
	color:#34495E;
	font-size:25px
}
.careers-single h1 {
	margin:20px 0 5px 0
}
.image-box-info .info {
	width:100% !important;
	padding:0 !important
}
.careers a {
	text-decoration:underline;
	color:#ee3124
}
.careers-list h4 {
	background:#ee3124;
	float:left;
	padding:3px 15px;
	margin:5px 0;
	color:#fff;
	font-size:13px;
	clear:both;
	
}
.career-widget {
	float:left;
	width:100%;
}
.career-widget h1 {
	margin:50px 0 0 0;
	width:100%;
}
.graduates span, .culture span {
	font-size:13px;
	padding:5px 15px;
	color:#fff;
	float:left;
}
.graduates span {
	background:#97C03D;
}
.culture span {
	background:#f1c40f;
}
.graduates {
	border-top:solid 1px #97C03D;
	margin:7% 0;
}
.graduates h1 {
	color:#97C03D;
}
.culture {
	border-top:solid 1px #f1c40f;
	margin:7% 0;
	float:right
}
.culture h1 {
	color:#f1c40f;
}

@media screen and (max-width: 650px) {
.graduates, .culture {
	width:100%;
	float:left
}
}

.msgcareer{clear:both}

/* Career Page Update 26 -April 2017 */
.career-widget{margin-bottom:40px}
.career-widget h1.cl1{color:#8dc63f}
.career-widget h1.cl2{color:#fdb913}
.career-widget h1.cl3{color:#4e84c4}
.career-widget h1.cl4{color:#9a8b7d}
.career-widget h1{width:19%; margin:5% 2% 3% 0; border-bottom:solid 2px; background:#f5f5f5; padding:2%; font-size:24px; float:left; min-height:200px }
.career-widget {width:100%; clear:both}
.career-widget ol, .career-widget h2{clear:both; width:100% }
.career-widget ol li{padding:5px 15px; margin:5px 15px}

#fullwidth-career{float:left}
#fullwidth-career .graduates{margin:0 0 40px 0; border:none}

@media screen and (max-width: 1240px) {
.career-widget h1{width:89%; margin:0; padding:30px 20px; min-height:auto }
.careers-list h1{margin-top:20px; float:left}

}




/*
.careers {
	background:#f5f5f5;
	padding:10px !important
}