*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.span-1{float:left;display:block;margin-right:2.3576515979%;width:6.1721527019%}.span-1:last-child{margin-right:0}@media only screen and (max-width: 768px){.span-1{width:100% !important;clear:both}}.shift-1{margin-left:8.5298042998%}.span-2{float:left;display:block;margin-right:2.3576515979%;width:14.7019570017%}.span-2:last-child{margin-right:0}@media only screen and (max-width: 768px){.span-2{width:100% !important;clear:both}}.shift-2{margin-left:17.0596085997%}.span-3{float:left;display:block;margin-right:2.3576515979%;width:23.2317613015%}.span-3:last-child{margin-right:0}@media only screen and (max-width: 768px){.span-3{width:100% !important;clear:both}}.shift-3{margin-left:25.5894128995%}.span-4{float:left;display:block;margin-right:2.3576515979%;width:31.7615656014%}.span-4:last-child{margin-right:0}@media only screen and (max-width: 768px){.span-4{width:100% !important;clear:both}}.shift-4{margin-left:34.1192171993%}.span-5{float:left;display:block;margin-right:2.3576515979%;width:40.2913699012%}.span-5:last-child{margin-right:0}@media only screen and (max-width: 768px){.span-5{width:100% !important;clear:both}}.shift-5{margin-left:42.6490214991%}.span-6{float:left;display:block;margin-right:2.3576515979%;width:48.821174201%}.span-6:last-child{margin-right:0}@media only screen and (max-width: 768px){.span-6{width:100% !important;clear:both}}.shift-6{margin-left:51.178825799%}.span-7{float:left;display:block;margin-right:2.3576515979%;width:57.3509785009%}.span-7:last-child{margin-right:0}@media only screen and (max-width: 768px){.span-7{width:100% !important;clear:both}}.shift-7{margin-left:59.7086300988%}.span-8{float:left;display:block;margin-right:2.3576515979%;width:65.8807828007%}.span-8:last-child{margin-right:0}@media only screen and (max-width: 768px){.span-8{width:100% !important;clear:both}}.shift-8{margin-left:68.2384343986%}.span-9{float:left;display:block;margin-right:2.3576515979%;width:74.4105871005%}.span-9:last-child{margin-right:0}@media only screen and (max-width: 768px){.span-9{width:100% !important;clear:both}}.shift-9{margin-left:76.7682386985%}.span-10{float:left;display:block;margin-right:2.3576515979%;width:82.9403914003%}.span-10:last-child{margin-right:0}@media only screen and (max-width: 768px){.span-10{width:100% !important;clear:both}}.shift-10{margin-left:85.2980429983%}.span-11{float:left;display:block;margin-right:2.3576515979%;width:91.4701957002%}.span-11:last-child{margin-right:0}@media only screen and (max-width: 768px){.span-11{width:100% !important;clear:both}}.shift-11{margin-left:93.8278472981%}.span-12{float:left;display:block;margin-right:2.3576515979%;width:100%}.span-12:last-child{margin-right:0}@media only screen and (max-width: 768px){.span-12{width:100% !important;clear:both}}.shift-12{margin-left:102.3576515979%}.omega{margin-right:0}.zero,.calendar .event-field .event-title{margin:0;padding:0}.zero-list,.calendar li{margin:0;padding:0;list-style:none}@font-face{font-family:Avenir;font-weight:normal;font-style:normal;src:url("/Assets/sf/master/fonts/avenir-regular.eot");src:url("/Assets/sf/master/fonts/avenir-regular.eot?#iefix") format("embedded-opentype"),url("/Assets/sf/master/fonts/avenir-regular.woff") format("woff"),url("/Assets/sf/master/fonts/avenir-regular.ttf") format("truetype"),url("/Assets/sf/master/fonts/avenir-regular.svg#Avenir") format("svg")}@font-face{font-family:Avenir;font-weight:bold;font-style:normal;src:url("/Assets/sf/master/fonts/avenir-bold.eot");src:url("/Assets/sf/master/fonts/avenir-bold.eot?#iefix") format("embedded-opentype"),url("/Assets/sf/master/fonts/avenir-bold.woff") format("woff"),url("/Assets/sf/master/fonts/avenir-bold.ttf") format("truetype"),url("/Assets/sf/master/fonts/avenir-bold.svg#Avenir") format("svg")}.hero{position:relative;margin-top:3px;overflow:hidden;background:#036;background-repeat:no-repeat;background-position:center center;background-size:cover;min-height:800px;height:800px;height:calc(100vh - 170px);width:100%;border-top:3px solid #f4bb33;margin-top:0 !important}.hero .hero-loading{background-image:url(https://www.sfcollege.edu/Assets/sf/saints/images/loading.svg);background-repeat:no-repeat;width:200px;height:200px;position:absolute;left:0;right:0;margin:0 auto;top:25%;z-index:9999}@media only screen and (max-width: 768px){.hero{margin-top:0;height:auto;min-height:600px;border-top:0;margin-top:-3px !important}}.hero .saints-gradient-promo{background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);width:100%;height:300px;position:absolute;bottom:147px}.hero .saints-gradient-promo .saints-promo{padding:15px;position:absolute;bottom:45px;color:#fff;width:100%}.hero .saints-gradient-promo .saints-promo p,.hero .saints-gradient-promo .saints-promo h2{padding:0;margin:0;text-shadow:0 1px 1px #000}.hero .saints-gradient-promo .saints-promo p{margin-bottom:10px}.hero .saints-gradient-promo .saints-promo h2{font-size:50px}.hero .saints-gradient-promo .saints-promo .btn{margin-top:20px;color:#036 !important;border-radius:6px;box-shadow:0 1px 1px rgba(0,0,0,0.25)}@media only screen and (max-width: 1100px){.hero .saints-gradient-promo .saints-promo{bottom:0px}.hero .saints-gradient-promo .saints-promo h2{font-size:40px}}@media only screen and (max-width: 950px){.hero .saints-gradient-promo .saints-promo h2{font-size:30px}}@media only screen and (max-width: 768px){.hero .saints-gradient-promo{background:none;height:auto;bottom:0}.hero .saints-gradient-promo .saints-promo{position:relative;background:rgba(0,30,59,0.75);bottom:0}.hero .saints-gradient-promo .saints-promo h2{font-size:25px}.hero .saints-gradient-promo .btn{display:block}}.hero .number-one{overflow:hidden;position:absolute;top:-2px;left:10px;background-image:url("/Assets/sf/master/img/number-one-banner.png");width:105px;height:106px;z-index:1;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}.hero .number-one:before{content:"";display:block;width:0;height:100%}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx){.hero .number-one{background-image:url("/Assets/sf/master/img/number-one-banner_2x.png");background-size:105px 106px}}.hero .number-one:hover{-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);-o-transform:translateY(-1px);transform:translateY(-1px)}.hero .number-one:focus{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:none;-moz-transition:none;transition:none}@media only screen and (max-width: 768px){.hero .number-one{display:none}}.hero .get-into-uf{overflow:hidden;position:absolute;top:-2px;right:10px;background-image:url("/Assets/sf/master/img/get-into-uf.png");width:105px;height:106px;z-index:1;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}.hero .get-into-uf:before{content:"";display:block;width:0;height:100%}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx){.hero .get-into-uf{background-image:url("/Assets/sf/master/img/get-into-uf_2x.png");background-size:105px 106px}}.hero .get-into-uf:hover{-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);-o-transform:translateY(-1px);transform:translateY(-1px)}.hero .get-into-uf:focus{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:none;-moz-transition:none;transition:none}@media only screen and (max-width: 768px){.hero .get-into-uf{display:none}}.union-banner-bar{background:#b9b9b9;text-align:center;width:100%;color:#000 !important;text-transform:uppercase;font-weight:bold;text-decoration:none;font-size:13px;padding:8px;display:block}.get-into-uf-bar{background:#036;text-align:center;width:100%;color:#fff !important;text-transform:uppercase;font-weight:bold;text-decoration:none;font-size:13px;padding:8px;display:block}.number-one-banner-bar{background:#f4bb33;text-align:center;width:100%;color:#000 !important;text-transform:uppercase;font-weight:bold;text-decoration:none;font-size:13px;padding:8px;display:block}.animated{animation-duration:1s;animation-fill-mode:both}@-webkit-keyframes bouncy{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(0, 300px, 0)}to{transform:translate3d(0, 0, 0)}}@-moz-keyframes bouncy{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(0, 300px, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes bouncy{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(0, 300px, 0)}to{transform:translate3d(0, 0, 0)}}.bouncy{animation-name:bouncy}.popular-links-section{position:relative}.popular-links{position:absolute;bottom:0;left:0;right:0;background:rgba(0,51,102,0.8);border-top:2px solid #f4bb33}.popular-links ul{display:table;table-layout:fixed;width:100%;padding:20px 0}.popular-links ul li{display:table-cell;text-align:center;position:relative}.popular-links ul li a{display:block;text-decoration:none;text-transform:uppercase;font-weight:bold;color:#fff;font-size:13px}.popular-links ul li a .fa{display:block;font-size:40px;color:#fff;margin-bottom:15px;-webkit-transition:all 0.05s ease-in-out;-moz-transition:all 0.05s ease-in-out;transition:all 0.05s ease-in-out}@media only screen and (max-width: 768px){.popular-links ul li a .fa{font-size:35px}}.popular-links ul li a:hover,.popular-links ul li a:focus{color:#f4bb33 !important}.popular-links ul li a:hover .fa,.popular-links ul li a:focus .fa{color:#f4bb33 !important}.popular-links ul li a:focus{outline-color:#f4bb33}.popular-links ul li a:focus .fa{-webkit-transition:none;-moz-transition:none;transition:none}@media only screen and (max-width: 768px){.popular-links{background:#036;position:relative}.popular-links ul{padding-bottom:0;display:block}.popular-links ul:after{content:"";display:table;clear:both}.popular-links ul li{display:block;float:left;width:33%;border-right:none;margin-bottom:15px}.popular-links ul li a{font-size:12px}.popular-links ul li a .fa{margin-bottom:5px}}.od-container{max-width:1000px}.od-promo{padding:50px 2.3576515979%}.od-promo p{font-size:120%}.od-promo a{background:#036;color:#fff !important;box-shadow:none !important;padding:10px 20px;border-radius:6px;font-weight:bold;text-decoration:none}.od-promo a:hover,.od-promo a:focus{background:#f4bb33;color:#000 !important}@media only screen and (max-width: 768px){.od-promo{text-align:center}.od-promo a{display:block}}.grid-promo{padding:0 2.3576515979%}@media only screen and (max-width: 768px){.grid-promo{padding:0 10px}}.grid-promo a{position:relative;display:block}.grid-promo a:before{content:'';background:linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.8) 100%);position:absolute;bottom:0;left:0;right:0;height:100%}.grid-promo a p{margin:0;padding:0;color:#fff;font-weight:bold;font-size:22px;text-shadow:0 2px 10px rgba(0,0,0,0.5);position:absolute;bottom:15px;left:15px;right:15px}@media only screen and (max-width: 768px){.grid-promo a p{font-size:18px}}.grid-promo a:before{content:''}.grid-promo a:hover:before,.grid-promo a:focus:before{content:'';background:rgba(0,51,102,0.75);background:linear-gradient(to bottom, rgba(0,51,102,0.2) 0%, #036 100%);position:absolute;top:0;left:0;right:0;bottom:0}.grid-promo a:hover p,.grid-promo a:focus p{color:#f4bb33}.grid-promo a:focus p{text-decoration:underline}.grid-promo .clear{margin-top:2.3576515979%;margin-bottom:2.3576515979%}@media only screen and (max-width: 768px){.grid-promo .clear{margin:0}}@media only screen and (max-width: 768px){.grid-promo .span-4{margin-bottom:10px}}.calendar{background:#eceded;padding:50px 0}@media only screen and (max-width: 480px){.calendar{padding:10px}}.calendar .bx-wrapper .bx-viewport{background:none;height:auto !important}@media only screen and (max-width: 1200px){.calendar .bx-wrapper .bx-viewport{border-right:60px solid #eceded;border-left:10px solid #eceded}.calendar .bx-wrapper .bx-viewport:after{content:'';border-right:1px solid #b8bbbb;position:absolute;top:0;right:0;bottom:0}}@media only screen and (max-width: 480px){.calendar .bx-wrapper .bx-viewport{border-right:none;border-left:none}.calendar .bx-wrapper .bx-viewport:after{display:none}}.calendar .bx-wrapper .bx-controls-direction a{top:30%;border-radius:50%;width:50px !important;height:50px !important;background:#fff;background:rgba(255,255,255,0.6)}.calendar .bx-wrapper .bx-controls-direction a:before{font-family:"FontAwesome";color:black !important;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.calendar .bx-wrapper .bx-controls-direction a:hover,.calendar .bx-wrapper .bx-controls-direction a:focus{background:#f4bb33}.calendar .bx-wrapper .bx-controls-direction a:focus{border:2px solid black}.calendar .bx-wrapper .bx-prev{left:-60px}.calendar .bx-wrapper .bx-next{right:-60px}@media only screen and (max-width: 1200px){.calendar .bx-wrapper .bx-next{right:5px}}@media only screen and (max-width: 768px){.calendar .bx-wrapper .bx-next{right:0}.calendar .bx-wrapper .bx-next:before{font-size:20px !important}}@media only screen and (max-width: 480px){.calendar .bx-wrapper .bx-next{display:none}}.calendar ul:after{content:"";display:table;clear:both}.calendar li a{display:block;background:#fff;text-decoration:none;border:1px solid #a9a9a9;padding:10px}.calendar li a:hover,.calendar li a:focus{background:#036;border-color:#036}.calendar li a:hover .event-day,.calendar li a:hover .event-month,.calendar li a:hover .event-day-number,.calendar li a:hover .event-title,.calendar li a:focus .event-day,.calendar li a:focus .event-month,.calendar li a:focus .event-day-number,.calendar li a:focus .event-title{color:#fff}.calendar .event-header{position:relative;display:block}.calendar .event-header:after{content:"";display:table;clear:both}.calendar .event-header .event-day,.calendar .event-header .event-month,.calendar .event-header .event-day-number{display:inline-block;color:#000;font-size:14px}.calendar .event-field .event-title{font-size:16px;color:#000;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}.calendar .event-field .event-content{display:none}.calendar .view-calendar{text-align:center;font-weight:bold}.calendar .view-calendar a{color:#036;text-decoration:none;border-bottom:2px solid #036}