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

.hidden {
	display:none;
}

.grey.block h2 {
	color:#40454c;
}

.custom-links ul {
	margin-left:0!important;
}

.custom-links li {
	background-color:#fff;
	border:1px solid #a9162e;
	color:#a9162e;
	font-family:DINWEb, sans-serif;
/*	box-shadow:0.5px 2.5px 0 #561e22;
*/	display:inline-block;
	padding:0!important;
	background:none!important;
	font-weight:bold;
	margin:1em 1em 0 0!important;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.custom-links li a {
	display:inline-block;
	padding:5px 10px 3px 10px;
	transition: all 0.5s ease;
}

.custom-links li a:hover {
	color:#fff;
	background-color:#a9162e;
	text-decoration:none;
}

.custom-links li::before {
	content:none!important;

}

.custom-shortlinks ul {
	margin-left:0!important;
}
.custom-shortlinks li {
	float:left;
	background:none!important;
	padding:0em .8em!important;
	margin:.3em 0!important;
	line-height:1.4em;
}

.custom-shortlinks li a {
	padding:0!important;
	margin:0!important;
	display:inline!important;
	color:#a9162e!important;
}

.custom-shortlinks li a:hover {
	background:none!important;
}


.custom-shortlinks li::before {
	content:none!important;

}

.custom-team img {
	border-radius: 50%;
	margin-bottom:1em;
}

.custom-job-market img {
	border-radius: 50%;
	padding:1em!important;
}

.round-img {
	border-radius: 50%;
}

.portal-icons {
	text-align:center!important;
}

.portal-icons img {
	display:block!important;
	margin:30px auto!important;
}

.portal-icons img:hover {
    opacity: 0.3;
    filter: alpha(opacity=50); /* For IE8 and earlier */
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}

.portal-icons small {
	font-size:1.3em!important;
	font-family:DINWEb, sans-serif!important;
	font-weight:bold!important;
}

.careers-icons {
	text-align:center!important;
}

.careers-icons img {
	display:block!important;
	margin:0 auto 30px!important;
}

.careers-icons img:hover {
    opacity: 0.3;
    filter: alpha(opacity=50); /* For IE8 and earlier */
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}

.careers-icons small {
	font-size:1em!important;
	font-weight:bold!important;
}

a.logout {
	line-height:3em;
	background-color:#a9162e!important;
}


.text-bg {
	margin-bottom:2em!important;
	border-radius:0!important;
}

.text-bg p {
	font-size:1em;
}

.text-bg a {
	text-decoration:underline;
	font-weight:bold;
}

#main-content .text ul {
	margin-left:1.5rem;
}

#main-content .text ol {
	margin-left:3.7rem!important;
}

#main-content .text ol li {
	padding-left:10px!important;
}

#main-content h1{
	margin-bottom:0.5em!important;
}

#main-content .text h2{
	line-height:1.5em!important;
}

#main-content .text h3{
	margin-top:1em;
	margin-bottom:1em;
	line-height:1.5em!important;
}

#main-content .text h4{
	margin-top:1em;
	margin-bottom:1em;
	line-height:1.5em!important;
}

.carousel-text {
	top: 65%!important;

}

.carousel-text h3 {
	line-height:1.7em!important;
	margin:auto!important;
	font-size:2rem!important;
}

.footnote p {
	font-size:0.8em;
	border-top:1px solid #ccc;
}

.custom-deptnews {
	border: 1px solid #e8e3a7;
	padding:1.5em;
	background-color:#fdf8bc;
	font-family:DINWEb, sans-serif;
	margin:2em 0;
}


#content-container .icon {
	margin-right:0.8em;
}


.custom-calendar ul li {
	background:#eee;
	font-family:DINWEb, sans-serif;
	padding:10px;
	list-style-type: none;
	margin:1em 0;
}


.custom-calendar .eventTitle {
	font-weight:bold;
}

.custom-calendar .eventDate {
	font-size:0.9em;
	font-style:normal;
}


.custom-table table {
	table-layout:fixed;
	width:100%;
}

.custom-table th, td {
	border: 1px solid #ddd;
}

.custom-table tr {
	vertical-align:top;
}

.custom-box a{
	color:#a9162e;
	text-decoration:none;
	display:block;
/*	box-shadow:1px 1px 2px 0 #777;
	border-radius:10px;
*/	height:auto;
	padding: 20px;
	margin: 30px 0;
	background-color: #fff;
	font-family:DINWEb, sans-serif;
	font-weight:normal;
	text-align:center;
	font-size:1.36363636em;
	text-transform:uppercase;
	border:1px solid #a9162e;
	transition: all 0.5s ease;
}

.custom-box a:hover {
	background-color:#a9162e;
	text-decoration:none;
	color:#fff;
}

.custom-podcast {
	border:1px solid #eee;
}


.home-section-heading {
	text-align:center;
	overflow:auto;
	background:#fff!important;
}

.home-section-heading h2 {
	margin-top:2em!important;
	margin-bottom:0!important;
}
.home-section {
	padding: 2em 0;
	font-family:DINWEb, sans-serif;
	align-content:center!important;
	text-align:center;
	color:#333;
	background:#fff!important;
}

.home-section>div>div {
	padding:2em 5em!important;
}

.home-section img {
	display:block;
	margin:0 auto 30px;
}

.home-section img:hover {
	opacity: 0.5;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}

.home-section small {
	font-size:1.3em;
	font-family:'Oswald',sans-serif;
	color:#40454c;
}

.home-ig-heading {
	text-align:center;
	background-color:#2b2f3e;
	padding:3em;
	color:#fff;
	border: solid white 5px;
}

.home-ig-heading a {
	color:#fff;
	text-decoration:underline;
}

.home-ig-heading a:hover {
	color:#fff;
	text-decoration:none;
	opacity:0.5;
}

.alumni-icon {
	display:block!important;
	margin: 1em auto!important;
}

.news-date {
	font-size:1.2rem!important;
}

.newsList img {
	width:40%!important;
}

.news-description {
	display:none;
}

.box {
	padding:0.7em 1em 0.5em 1em;
}

.box h2 {
	margin:0!important;
}

.galleryBox a.box:hover {
	text-decoration:none!important;
}

.icons-wrapper {
	width:100%;
	overflow:auto;
}

.media-icons {
	float: left;
	width:20%;
	padding:2em;
	text-align:center;

}

.media-icons img {
	height:50px;
	width:50px;
    margin: 10px;
}

.media-icons img:hover {
	opacity: 0.5;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}

footer {
	background:#40454c!important;
}

#footer-logo div {
	background:#40454c!important;
}


.sfu-column>div>div, .sfu-columns>div>div {
	padding: 0 20px;
}

/*.row.collapse>.col, .row.no-padding>.col {
	background:#fff;
}*/

@media screen and (max-width: 1280px)  {
	

	.home-carousel .carousel-text {
		font-size: 0.8em!important;
	}
}

@media screen and (max-width: 979px)  {
	
	.media-icons {
		width:33%!important;
	}
	
	.newsList img {
		display:none;
	}
	
	.text-bg p {
		color:inherit!important;
	}
	
	.home-section p {
		display:none;
	}
	
	ul li a {
		color:inherit;
	}

/*	#main-navigation-container #main-navigation li a.open {
		background:#ccc!important;
	}
		
	html#clf3 main div.textimage .image-header .text h1, html#clf3 main div.textimage .overlay-banner .text h1, html#clf3 main div.textimage .image-header .text h2, html#clf3 main div.textimage .overlay-banner .text h2 {
		position:inherit!important;
		margin:0;
		
	}
	
	html#clf3 main div.textimage .image-header .text, html#clf3 main div.textimage .overlay-banner .text {
		width:100%;
	}
	
	html#clf3 main div.textimage .image-header .image, html#clf3 main div.textimage .overlay-banner .image {
		line-height:0;
	}
*/
}

@media screen and (max-width: 699px)  {
	
	.media-icons {
		width:50%!important;
	}


	.home-section>div>div {
		width:100%!important;
	}

}

@media (max-width: 527px) {
	
	div.carousel .header ol.flex-control-nav.flex-control-paging {
		background-color:#981228!important;
	}
	
}


@media screen and (max-width: 449px)  {

	.media-icons {
		width:100%!important;
	}


}