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

@font-face {
    font-family: concrete-font;
    src: url(/content/dam/sfu/galleries/fonts/cmunorm.otf);
}

body {
	background: none #fff;
	font-family:Monosten, Courier, monospace !important; 
	font-size:1em;
	font-style:normal; 
	color:#666;
	line-height: 1.4em !important;
}

p {
	font-size:1em;
}

.carousel .news .carousel-text h3 {
	font-size: 1.4em;
    text-transform: uppercase;
	font-family: Monosten, Courier, monospace !important; 
	margin-left:-20px;
}
.carousel .news .carousel-text p span {
    display: block;
    padding-top: 8px;
    text-transform: uppercase;
    margin-left: -20px;
}
.parsys.main_content {
    margin-top: -13px;
}
h1 {
	font-family:concrete-font; 
	font-weight:200; 
	font-style:normal; 
	color:#666;
}

h2 {
	/*font-family:Monosten, Courier, monospace !important; */
	font-family: concrete-font;
	font-weight:100; 
	font-style:normal; 
	font-size:1.5em;
	color:#666;
}

h3 {
	font-family:Monosten, Courier, monospace !important; 
}

h4 {
	font-family:Monosten, Courier, monospace !important; 
}

.main {
	padding-top: 69px;
}

.title h1 {
    font-size: 24px;
    margin-top: 12px;
	font-family:concrete-font; 
}
.site-title h2 {
	font-size: 1.75em;
	padding-top:5px;
	color:#ffffff !important;
	display:none !important;
	font-family:concrete-font; 
}
.default-nav {
	background: none #fff;
    border-bottom: 0px solid #fff;
    border-top: /*56px*/120px solid #fff;
	padding-bottom:0px;
	font-family: concrete-font; 
	font-size:1em;
}

.default-nav li.active li {
	font-family: concrete-font; 
	font-size: 1em;
}

.default-nav > ul > li > ul > li a {
    font-size: 1em;
	font-family: concrete-font; 
}


.header-divider {
	background: none #fff;
	height:1px;
}

header {
	background: none #fff;
	border-top:5px solid #eee;
	padding-bottom:30px;
}
.parsys.main_content.cq-element-main_95content {
    /*padding-top: 30px;*/
	margin-top:-19px;
}
#page {
	box-shadow:none;
}

#page-content {
	box-shadow:none;
}
a {
	color:#666 !important;
}

a:hover {
	color:#000000 !important;
}

.default-nav li:first-child {
    border-top: 1px solid #fff;
}
.default-nav li {
	background:none !important;
	border-bottom: 1px solid #fff;
}

.default-nav > ul > li.active {
    background-color: #eee !important;
}

.default-nav > ul > li > ul > li a {
	background-color:#ffffff;
	font-family:concrete-font !important;
}

.default-nav > ul > li.active > a {
	font-family:concrete-font !important;
}

img.publication {
    width: auto;
	float:left;
	padding-right:12px;
	padding-top:20px;
	padding-bottom:20px;
}

.image small {
	vertical-align:top;
	line-height:1.6em;
	display:block;
	font-family:Monosten, Courier, monospace !important; 
}

.default-nav {
	margin-bottom:0;
}

.default-nav ul > li > a {
    color: #333333 !important;
}

.carousel .news .carousel-text p {
	font-family:Monosten, Courier, monospace !important; 
}

.blog-nav li {
	
}

.blog-nav {
    font-size: 11px;
	color: #333333;
    line-height: 15px;
    text-transform: uppercase;
}

footer {
	background-color:#fff;
	border-top:1px solid #ccc;
}
footer li.header {
	color:#333;
}

.carousel .news {
    background: #ffffff;
    border-bottom: 25px solid #fff;
}
.parbase image section {
	line-height:1.5em;
}

.image-gallery p {
    background-color: #ffffff !important;
    color: #333333 !important;
}

.branding {
	/*background-image: url("/content/dam/sfu/galleries/images/Logos/galleries-logo.jpg");
	width: 650px;
	height: 78px;*/
}

.homelogo {
    margin-left: -10px;
    position: absolute;
    top: 189px;
	max-width:300px;
	 width: 21% !important;
}

.parsys_column.cq-colctrl-lt8.social-icons {
    width: 63%;
	display:inline;
}

div.cq-colctrl-lt8-c0 {
	width:25px;
}

div.cq-colctrl-lt8-c1 {
	width:25px;
}

div.cq-colctrl-lt8-c2 {
	width:25px;
	clear:none;
}

div.cq-colctrl-lt8-c3 {
	width:25px;
}

.below-nav {
    padding-left: 5px;
}

.sub {
	padding-top: 117px;
}

@media (max-width: 768px) {

	.default-nav {
		border-top: 56px solid #fff;
	}
	.homelogo {
		margin-left: -10px;
		max-width: 300px;
		position: absolute;
		top: -51px;
		width:230% !important;
	}

	.inherited-parsys.below-nav {
		bottom: -53px;
		position: absolute;
	}

	.social-icons {
		left: 6%;
		right: 0;
		width: 100% !important;
	}
	div.cq-colctrl-lt8-c3 {
		width: 24%;
	}
	div.cq-colctrl-lt8-c1 {
    	width: 24%;
	}

	div.cq-colctrl-lt8-c2 {
		clear: none;
		width: 24%;
	}	
	div.cq-colctrl-lt8-c0 {
    	width:24%;
	}
	
	.main {
    	margin-bottom: 100px;
	}
	.below-nav {
    	padding-left: 12px;
	}

}


@media (max-width: 340px) {
	
	
}