@import "https://fonts.googleapis.com/css?family=Oswald:400,700";
/* CSSTidy 1.5.2: Fri, 05 Aug 2016 18:18:17 +0000 */
@font-face{font-family:'DINWebLight';src:url(/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-Light.eot);src:url(/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-Light.eot?#iefix) format("embedded-opentype"),url(/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-Light.woff) format("woff")}
@font-face{font-family:'DINWeb';src:url(/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb.eot);src:url(/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb.eot?#iefix) format("embedded-opentype"),url(/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb.woff) format("woff")}
@font-face{font-family:'DINWebBold';src:url(/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-Bold.eot);src:url(/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-Bold.eot?#iefix) format("embedded-opentype"),url(/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-Bold.woff) format("woff")}
@font-face{font-family:'DINWebMedium';src:url(/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-Bold.eot);src:url(/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-Bold.eot?#iefix) format("embedded-opentype"),url(/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-Medium.woff) format("woff")}
@font-face{font-family:'DINWebBlack';src:url(/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-Black.eot);src:url(/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-Black.eot?#iefix) format("embedded-opentype"),url(/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-Black.woff) format("woff")}
@font-face{font-family:'DINWebLightItalic';src:url(/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-LightIta.eot);src:url(/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-LightIta.eot?#iefix) format("embedded-opentype"),url(/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-LightIta.woff) format("woff");font-weight:normal;font-style:italic}
@font-face{font-family:'DINWebItalic';src:url(/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-Ita.eot);src:url(/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-Ita.eot?#iefix) format("embedded-opentype"),url(/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-Ita.woff) format("woff");font-weight:normal;font-style:italic}
@font-face{font-family:'DINWebMediumItalic';src:url(/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-MediumIta.eot);src:url(/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-MediumIta.eot?#iefix) format("embedded-opentype"),url(/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-MediumIta.woff) format("woff");font-weight:normal;font-style:italic}
@font-face{font-family:'DINWebBoldItalic';src:url(/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-BoldIta.eot);src:url(/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-BoldIta.eot?#iefix) format("embedded-opentype"),url(/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-BoldIta.woff) format("woff");font-weight:bold;font-style:italic}
@font-face{font-family:'DINWebBlackItalic';src:url(/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-BlackIta.eot);src:url(/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-BlackIta.eot?#iefix) format("embedded-opentype"),url(/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-BlackIta.woff) format("woff");font-weight:bold;font-style:italic}
@font-face{font-family:'fontawesome';src:url(/etc/designs/clf/clientlibs/clf/source/fonts/fontawesome.eot);src:url(/etc/designs/clf/clientlibs/clf/source/fonts/fontawesome.eot?#iefix) format("embedded-opentype"),url(/etc/designs/clf/clientlibs/clf/source/fonts/fontawesome.woff) format("woff"),url(/etc/designs/clf/clientlibs/clf/source/fonts/fontawesome.ttf) format("truetype"),url(/etc/designs/clf/clientlibs/clf/source/fonts/fontawesome.svg#fontawesome) format("svg");font-weight:normal;font-style:normal}
ul{margin:0;padding:0;list-style-type:none}
a img{border:none}
a{color:#a6192e;text-decoration:none}
fieldset{display:block;border:none;font-family:inherit;font-size:100%}
.nav-control{display:none}
.sub-menu{padding-left:16.6666667%;padding-right:6px;padding-bottom:12px;padding-top:6px;line-height:1.1em}
.sub-menu li{padding:4px 0}
.sub-menu li a{float:none}
.actionable-header{font-size:.65em/.875em;float:right;width:17.222222222%;padding-left:1.4619883%;position:absolute;bottom:0;right:0;padding-bottom:32px}
.actionable-header label,.actionable-header a{font-size:1em;line-height:1.3125em;font-family:"DINWebBold",sans-serif;font-weight:normal}
.actionable-header input{font-family:"Lucida Grande",sans-serif}
.search-scope-set{display:none}
.search-scope-set,.search-scope-set label{margin-top:0}
header .sf-menu{left:-265px;top:-3px}
.sf-menu{font-size:.85714285714286em;padding-right:2%;position:absolute;z-index:1;float:right;margin:0;padding:0;list-style:none}
.sf-menu li{position:relative;text-transform:uppercase;letter-spacing:.1em;float:left;width:auto;padding-left:1em}
.sf-menu li:first-child{border-left:none}
.sf-menu li li{width:180px;padding-left:1em;background:#fff}
.sf-menu a{font-family:"DINWeb",san-serif!important;font-size:1.2em;line-height:1.5em;letter-spacing:initial;display:block;position:relative;padding:.75em 1em .75em 0;color:#54585a;text-decoration:none}
.sf-menu ul{position:absolute;top:-999em;width:10em;background-color:#fff}
.mobile-global-links-container{display:none}
.expanded a{font-family:"DINWebMedium",sans-serif}
header{float:left;width:100%;max-width:1520px;padding-bottom:0;padding-top:0;background-color:#eee;border-top:0}
header fieldset{border:none;padding:0;width:100%}
.header-divider{display:none}
.toggle-search,.toggle-search-control{display:none}
.actionable-header{font-size:.74285714285714em}
#header-top{float:left;width:100%;background-color:#54585A}
ul.default-left{margin-left:1%}
.default-left li{float:left;padding-right:1%;line-height:0}
.default-left li a{font-size:.8em}
.heading{float:left;position:relative;padding-top:77px;width:97.777%}
#header-middle{position:relative;float:left;padding-bottom:30px;padding-top:0;width:100%;background:#ffffff}
.brand-title{position:absolute;left:0;top:17px}
.brand-title>a{width:300px;display:block}
.branding{width:444px;height:77px;background-image:url(/etc/designs/clf/clientlibs/clf/source/assets/sfu-logo@2x.png);background-size:contain;background-repeat:no-repeat}
.branding h1{display:none}
.nav-header{position:relative;width:100%}
ul.default{margin-bottom:0;float:left}
ul.default li{background:none}
.audience-nav{position:absolute;top:0;right:0;height:35px;font-family:"DINWeb",sans-serif;font-size:.8em;margin-right:15px}
ul.audience-nav li{float:left;height:35px;padding:6px .7em 3px;margin-bottom:0}
ul.audience-nav li:last-child{border-right:0}
ul.audience-nav ul.default{margin-bottom:0!important}
.audience-nav li{border-right:0;text-transform:uppercase;color:#ddd}
.audience-nav li a{color:#ffffff;font-size:.92em}
.audience-nav li a:hover{opacity:.8}
.audience-nav li a:link,.audience-nav li a:visited,.audience-nav li a:active,.audience-nav li a:hover{color:#fff}
.search{position:relative;z-index:100}
.search form{margin:0;padding:0;background:0;border:0}
.search fieldset{margin-bottom:4px;line-height:1.5em}
.search .search-field{float:left;margin-top:0;width:80%}
.search .search-field input{float:left;padding:6px;margin:0;width:97%;box-shadow:none;border:1px solid #54585A;font-size:1em}
div.search-button input{margin:0 5px;width:25px;height:25px;background:url(/content/dam/sfu/main/redesign-2015/images/search.png) no-repeat;cursor:pointer;border:none}
.main-nav>ul>li{float:left;width:16.66%}
.main-nav>ul>li a:hover{color:#e0d10a}
#main-nav-container{float:left;padding-left:0;width:100%;font-size:.8em;background:#f6f6f6;clear:left}
#main-nav-container nav:first-child{background:#f6f6f6;display:block}
.main-nav{float:left;width:100%;font-family:"DINWeb",sans-serif}
.main-nav a{color:#a6192e}
.main-nav>ul>li>a{display:block;padding-top:8px;padding-bottom:6px;padding-left:14.6666667%;background-color:#f6f6f6;font-size:1.3em;text-transform:uppercase;border-left:0}
.main-nav>ul>li>a:hover{background-color:#a6192e;color:#fff}
.main-nav>ul>li>ul>li>a:hover{background-color:#a6192e;color:#fff}
.sub-menu{display:block;padding-right:6px;padding-bottom:12px;padding-top:6px;line-height:1.1em}
.sub-menu li{padding:0}
.sub-menu li a{padding:4px 0;float:none;display:block}
.main-nav .sub-menu{padding-left:14.6666667%}
footer ul:last-child{font-size:.9em;line-height:.9em;width:35%;padding-right:0;}
footer li{margin:0;padding:0}
footer li>a{display:inline-block;margin:0 0 4px}
.footer-right,.footer-logo{position:relative;float:left}
footer .right-text-footer{position:relative;width:60%;padding-right:0;text-align:right;float:right;line-height:1.3em;font-style:italic}
.footer-right .image{width:50px;float:left;margin-right:10px;margin-bottom:8px}
.footer-right .image a:hover{opacity:1}
.right-text-footer p{margin-top:0}
@media (-webkit-min-device-pixel-ratio: 1.25),not all,(min-resolution: 96dpi) {
.branding{background-image:url(/etc/designs/clf/clientlibs/clf/source/assets/sfu-logo@2x.png)}
}
@media (max-width: 1200px) {
.branding{width:447px}
#main-nav-container{padding-left:0}
footer ul:last-child{clear:both;width:100%;padding-right:6%;}
footer .right-text-footer{position:relative;width:60%;float:right;}
}
@media (max-width:980px) {
.branding{margin-top:0;}
header{transition:margin-top .5s;-moz-transition:margin-top .5s;-webkit-transition:margin-top .5s;-o-transition:margin-top .5s;margin-top:0;position:relative;padding-top:0}
.heading{width:100%}
.toggle-search-control{position:absolute;top:-35px;right:-6%;z-index:1;display:block;background:#A6182D url(/etc/designs/clf/clientlibs/clf/source/assets/search-icon@2x.png) 4px 5px no-repeat;background-size:21px 25px;text-indent:-999em;width:21px;border:none;cursor:pointer;margin-top:0;padding:11px 16px}
.reveal-search{transition:margin-top .5s;-moz-transition:margin-top .5s;-webkit-transition:margin-top .5s;-o-transition:margin-top .5s;margin-top:70px}
.actionable-header{float:none;height:70px;position:absolute;top:-109px;left:0;background-color:#D24056;color:#fff;width:100%;padding:8px 2% 12px}
.actionable-header .search{float:left;width:48%;margin-right:2%}
.search .search-field input{width:100%;border-radius:5px;box-shadow:none}
.search label{margin-bottom:0;padding-bottom:0;color:#fff;font-family:"DINWeb",sans-serif}
.header-image{display:none}
.global-links .sf-menu{display:none}
.global-links{position:static;float:left;width:50%}
.mobile-global-links-container{color:#fff;display:block}
.mobile-global-links a{color:#fff;padding:.85em 1em .5em;display:block;font-family:"DINWebLight";font-size:.9em;line-height:1em;text-transform:uppercase;letter-spacing:.1em}
.mobile-global-links li.header{float:left;margin-left:2%;text-shadow:0 1px 1px rgba(0,0,0,.3);background-color:#A6182D;border-radius:.5em;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.mobile-global-links li.header ul{background-color:#4A6AA4;opacity:0;height:0;overflow:hidden;transition:all .1s linear}
.mobile-global-links li.header ul.revealed{padding-top:8px;opacity:1;height:100%}
.mobile-global-links li.header ul:target{opacity:1;height:75px;transition:all 1s linear}
header{border-top:5px solid #A6182D}
#header-top{height:35px}
.audience-nav{right:36px;top:0;margin-right:0;font-size:.78em}
ul.audience-nav li{padding:3px .5em 0 .4em}
ul.default-left{margin-left:.5%;padding-top:3px;display:none}
.default-left li{padding-right:0}
.default-left li img{width:75%}
.search .search-field input{border-radius:0}
.search-button{display:none}
.footer-logo{float:left}
footer .footer-right{float:left;}
}
@media (max-width:768px) {
#container{width:100%}
fieldset.search-field{float:none}
.first-col{width:100%;position:relative}
.main-nav,.default-nav{float:none;width:100%;min-height:0;margin-bottom:0;border-top:1px solid #ddd;border-bottom:none;padding-top:0;padding-bottom:0}
.main-nav{position:relative;border-top:0}
.main-nav a{padding-top:10px}
.nav-revealed{background:#3d3935 url(/etc/designs/clf/clientlibs/clf/source/assets/menu-icon@2x.png) 5px 9px no-repeat;background-size:21px 72px}
.nav-revealed:hover{background:#555 url(/etc/designs/clf/clientlibs/clf/source/assets/menu-icon@2x.png) 5px 9px no-repeat;background-size:21px 72px}
.main-nav button{background:#fff url(/etc/designs/clf/clientlibs/clf/source/assets/menu-icon@2x.png) 5px -46px no-repeat;background-size:21px 72px;text-indent:-999em;width:21px;border:none;cursor:pointer;margin-right:6%;padding:9px 16px 11px;float:right}
.main-nav button:hover{background-color:#3d3935;background-position:5px -18px}
.main-nav a{display:block;padding:10px 0 5px 12px;color:#a6192e}
.main-nav ul{display:none}
.main-nav ul ul{display:none}
.main-nav>ul>li>ul{display:none}
.main-nav>ul>li>ul>li.active>a{color:#3d3935;font-family:"DINWeb",sans-serif;font-size:1em;line-height:1.3125em;background-color:#ccc}
nav>ul>li.nav-item-expandable{cursor:pointer;background:#3d3935 url(/etc/designs/clf/clientlibs/clf/source/assets/nav-plus-minus@2x.png) 94% -16px no-repeat;background-size:23px 39px}
nav>ul>li.nav-item-expanded{background-position:94% 10px}
.default-nav li:last-child{border-bottom:none}
.default-nav li.rule{border-top:none}
.mobile-sub-menu{display:block;margin-top:8px;padding-left:2.1929825%}
.mobile-global-links li.header ul{width:inherit}
.below-nav{padding:2.1929825%}
.sub{width:100%;padding-left:2.1929825%}
.header-divider{display:none}
/**ul.audience-nav li{padding:0 1%} **/
.mobile-global-links-container{display:block}
.global-links{width:70%}
.audience-nav{display:block;right:35px;top:0;min-width:470px}
#header-top{height:35px}
.toggle-search-control{display:block}
.actionable-header{float:none;height:70px;position:absolute;left:0;background-color:#D24056;color:#ffffff;width:100%;padding:8px 2% 12px}
.actionable-header .search{float:left;width:28%;margin-right:2%}
.search-button{display:none}
#main-nav-container{margin-top:32px}
.header-top-left{display:none}
.nav-control{display:block;position:absolute;top:-32px;height:32px;width:100%;overflow:hidden;background:#f6f6f6;}
.main-nav>ul>li{background-color:transparent}
.main-nav>ul>li>ul>li{border:0}
.main-nav ul .top.active .active ul,.default-nav ul .top.active .active ul{display:none}
.main-nav{border-top:0}
.main-nav>ul>li>a:hover{background-color:transparent;color:#fff}
.main-nav>ul>li>ul>li a{background-color:#ddd;color:#000;text-transform:none}
.main-nav>ul>li>ul>li a:hover{color:#000;background-color:#eee}
.main-nav .sub-menu{padding:0}
.main-nav .sub-menu li{padding-top:0;padding-bottom:0;line-height:1.3125em}
.main-nav ul li{float:none;width:100%}
.main-nav ul>li>a{padding-left:12px}
.main-nav>ul>li{border-top:1px solid #555}
.main-nav>ul>li:first-child{border-top:0}
.main-nav li.nav-item-expanded>a,.default-nav li.nav-item-expanded>a{color:#FFF;background-color:#A6192E}
nav>ul>li.nav-item-expandable{background-color:#A6192E}
.main-nav ul>li>a:hover{background-color:#a6192e}
li.vl{display:none}
footer li{clear:both;}
footer ul:last-child{width:100%;padding-right:4%;}
footer .footer-right{float:none;}
footer .right-text-footer{width:60%;float:right;padding-bottom:2%;padding-right:0;position:relative;display:block}
}
@media (max-width:700px) {
.audience-nav li a{font-size:.87em}
}
@media (max-width:630px) {
.audience-nav li a{font-size:.83em}
.audience-nav{min-width:405px}
}
@media (max-width:480px) {
.branding{background-size:cover;width:98px}
.brand-title>a{width:95px}
.actionable-header .search{width:40%}
fieldset.search-scope-set{font-size:.9em;width:120%}
.mobile-global-links li.header ul{font-size:.9em}
.mobile-global-links li.header span{display:none}
.toggle-search-control{top:0;right:0}
#header-top{display:none}
.actionable-header{top:-75px}
.audience-nav{display:none}
.branding{width:115px;height:58px}
#main-nav-container{margin-top:35px}
div.footer-right{float:left}
footer .right-text-footer{float:left;clear:both;padding-right:0;padding-left:0;text-align:left;width:100%;margin-left:0}
.right-text-footer p{margin-top:1em}
}