@charset "UTF-8";.picker {
    font-size: 16px;
    text-align: left;
    line-height: 1.2;
    color: #000;
    position: absolute;
    z-index: 10000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.picker__input {
    cursor: default
}

.picker__input.picker__input--active {
    border-color: #0089ec
}

.picker__holder {
    width: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
.picker {
    width: 100%
}

.picker__holder {
    position: absolute;
    background: #fff;
    border: 1px solid #aaa;
    border-top-width: 0;
    border-bottom-width: 0;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 176px;
    max-width: 466px;
    max-height: 0;
    -ms-filter: 'alpha(opacity=0)';
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0
}

.picker__frame {
    padding: 1px
}

.picker__wrap {
    margin: -1px
}

.picker--opened .picker__holder {
    max-height: 25em;
    -ms-filter: 'alpha(opacity=100)';
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    border-top-width: 1px;
    border-bottom-width: 1px;
    -webkit-box-shadow: 0 6px 18px 1px rgba(0,0,0,0.12);
    -moz-box-shadow: 0 6px 18px 1px rgba(0,0,0,0.12);
    box-shadow: 0 6px 18px 1px rgba(0,0,0,0.12)
}

.picker__box {
    padding: 0 1em
}

.picker__header {
    text-align: center;
    position: relative;
    margin-top: .75em
}

.picker__month,.picker__year {
    font-weight: 500;
    display: inline-block;
    margin-left: .25em;
    margin-right: .25em
}

.picker__year {
    color: #999;
    font-size: .8em;
    font-style: italic
}

.picker__select--month,.picker__select--year {
    border: 1px solid #b7b7b7;
    height: 2em;
    padding: .5em;
    margin-left: .25em;
    margin-right: .25em
}

@media(min-width: 24.5em) {
    .picker__select--month,.picker__select--year {
        margin-top:-0.5em
    }
}

.picker__select--month {
    width: 35%
}

.picker__select--year {
    width: 22.5%
}

.picker__select--month:focus,.picker__select--year:focus {
    border-color: #0089ec
}

.picker__nav--prev,.picker__nav--next {
    position: absolute;
    padding: .5em 1.25em;
    width: 1em;
    height: 1em;
    top: -0.25em
}

@media(min-width: 24.5em) {
    .picker__nav--prev,.picker__nav--next {
        top:-0.33em
    }
}

.picker__nav--prev {
    left: -1em;
    padding-right: 1.25em
}

@media(min-width: 24.5em) {
    .picker__nav--prev {
        padding-right:1.5em
    }
}

.picker__nav--next {
    right: -1em;
    padding-left: 1.25em
}

@media(min-width: 24.5em) {
    .picker__nav--next {
        padding-left:1.5em
    }
}

.picker__nav--prev:before,.picker__nav--next:before {
    content: " ";
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent;
    border-right: .75em solid #000;
    width: 0;
    height: 0;
    display: block;
    margin: 0 auto
}

.picker__nav--next:before {
    border-right: 0;
    border-left: .75em solid #000
}

.picker__nav--prev:hover,.picker__nav--next:hover {
    cursor: pointer;
    color: #000;
    background: #b1dcfb
}

.picker__nav--disabled,.picker__nav--disabled:hover,.picker__nav--disabled:before,.picker__nav--disabled:before:hover {
    cursor: default;
    background: 0;
    border-right-color: #f5f5f5;
    border-left-color: #f5f5f5
}

.picker__table {
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    font-size: inherit;
    width: 100%;
    margin-top: .75em;
    margin-bottom: .5em
}

@media(min-height: 33.875em) {
    .picker__table {
        margin-bottom:.75em
    }
}

.picker__table td {
    margin: 0;
    padding: 0
}

.picker__weekday {
    width: 14.285714286%;
    font-size: .75em;
    padding-bottom: .25em;
    color: #999;
    font-weight: 500
}

@media(min-height: 33.875em) {
    .picker__weekday {
        padding-bottom:.5em
    }
}

.picker__day {
    padding: .3125em 0;
    font-weight: 200;
    border: 1px solid transparent
}

.picker__day--today {
    color: #0089ec;
    position: relative
}

.picker__day--today:before {
    content: " ";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 0;
    height: 0;
    border-top: .5em solid #0059bc;
    border-left: .5em solid transparent
}

.picker__day--selected,.picker__day--selected:hover {
    border-color: #0089ec
}

.picker__day--highlighted {
    background: #b1dcfb
}

.picker__day--disabled:before {
    border-top-color: #aaa
}

.picker__day--outfocus {
    color: #ddd
}

.picker__day--infocus:hover,.picker__day--outfocus:hover {
    cursor: pointer;
    color: #000;
    background: #b1dcfb
}

.picker__day--highlighted:hover,.picker--focused .picker__day--highlighted {
    background: #0089ec;
    color: #fff
}

.picker__day--disabled,.picker__day--disabled:hover {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #ddd;
    cursor: default
}

.picker__day--highlighted.picker__day--disabled,.picker__day--highlighted.picker__day--disabled:hover {
    background: #bbb
}

.picker__footer {
    text-align: center
}

.picker__button--today,.picker__button--clear {
    border: 1px solid #fff;
    background: #fff;
    font-size: .8em;
    padding: .66em 0;
    font-weight: bold;
    width: 50%;
    display: inline-block;
    vertical-align: bottom
}

.picker__button--today:hover,.picker__button--clear:hover {
    cursor: pointer;
    color: #000;
    background: #b1dcfb;
    border-bottom-color: #b1dcfb
}

.picker__button--today:focus,.picker__button--clear:focus {
    background: #b1dcfb;
    border-color: #0089ec;
    outline: 0
}

.picker__button--today:before,.picker__button--clear:before {
    position: relative;
    display: inline-block;
    height: 0
}

.picker__button--today:before {
    content: " ";
    margin-right: .45em;
    top: -0.05em;
    width: 0;
    border-top: .66em solid #0059bc;
    border-left: .66em solid transparent
}

.picker__button--clear:before {
    content: "\D7";
    margin-right: .35em;
    top: -0.1em;
    color: #e20;
    vertical-align: top;
    font-size: 1.1em
}

.picker__list {
    list-style: none;
    padding: .75em 0 4.2em;
    margin: 0
}

.picker__list-item {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-bottom: -1px;
    position: relative;
    background: #fff;
    padding: .75em 1.25em
}

@media(min-height: 46.75em) {
    .picker__list-item {
        padding:.5em 1em
    }
}

.picker__list-item:hover {
    cursor: pointer;
    color: #000;
    background: #b1dcfb;
    border-color: #0089ec;
    z-index: 10
}

.picker__list-item--selected,.picker__list-item--selected:hover {
    border-color: #0089ec;
    z-index: 10
}

.picker__list-item--highlighted {
    background: #b1dcfb
}

.picker__list-item--highlighted:hover,.picker--focused .picker__list-item--highlighted {
    background: #0089ec;
    color: #fff
}

.picker__list-item--disabled,.picker__list-item--disabled:hover,.picker--focused .picker__list-item--disabled {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #ddd;
    cursor: default;
    border-color: #ddd;
    z-index: auto
}

.picker--time .picker__button--clear {
    display: block;
    width: 80%;
    margin: 1em auto 0;
    padding: 1em 1.25em;
    background: 0;
    border: 0;
    font-weight: 500;
    font-size: .67em;
    text-align: center;
    text-transform: uppercase;
    color: #666
}

.picker--time .picker__button--clear:hover,.picker--time .picker__button--clear:focus {
    color: #000;
    background: #b1dcfb;
    background: #e20;
    border-color: #e20;
    cursor: pointer;
    color: #fff;
    outline: 0
}

.picker--time .picker__button--clear:before {
    top: -0.25em;
    color: #666;
    font-size: 1.25em;
    font-weight: bold
}

.picker--time .picker__button--clear:hover:before,.picker--time .picker__button--clear:focus:before {
    color: #fff
}

.picker--time {
    min-width: 256px;
    max-width: 320px
}

.picker--time .picker__holder {
    background: #f2f2f2
}

@media(min-height: 40.125em) {
    .picker--time .picker__holder {
        font-size:.875em
    }
}

.picker--time .picker__box {
    padding: 0;
    position: relative
}

div.page-content.home {
    max-width: 100%;
    padding: 0
}

html[data-page-type=home] .main__content--breadcrumb {
    visibility: hidden
}

div.page-content {
    display: grid;
    grid-template-columns: repeat(11,1fr 30px) 1fr;
    margin: 0 auto;
    padding: 0 1.5rem
}

@media(max-width: 1799px) {
    div.page-content {
        max-width:1420px
    }
}

@media(min-width: 1800px) {
    div.page-content {
        max-width:1820px
    }
}

div.page-content div.page-content__side-nav {
    display: none
}

@media(min-width: 980px) {
    div.page-content div.page-content__side-nav {
        grid-row:1
    }
}

div.page-content div.page-content__main {
    grid-row: 1
}

div.page-content div.page-content__third-col {
    grid-row: 2
}

div.page-content div.page-content__main,div.page-content div.page-content__third-col {
    grid-column: 1 / -1
}

@media(min-width: 980px) {
    div.page-content div.page-content__main,div.page-content div.page-content__third-col {
        grid-row:1
    }
}

@media(min-width: 980px) {
    div.page-content.side-nav>div.page-content__side-nav {
        display:inline-block;
        grid-column: 1 / 6;
        grid-row: 1
    }
}

@media(min-width: 980px) {
    div.page-content.side-nav>div.page-content__main {
        grid-column:7 / -1
    }
}

@media(min-width: 980px) {
    div.page-content.third-col>div.page-content__main {
        grid-column:1 / 18
    }
}

@media(min-width: 980px) {
    div.page-content.third-col>div.page-content__third-col {
        display:inline-block;
        grid-column: 19 / -1
    }
}

@media(min-width: 980px) {
    div.page-content.side-nav.third-col>div.page-content__main {
        grid-column:7 / 18
    }
}

.day,.controls>div,.event-day {
    float: left;
    text-align: center
}

.controls,.event,.event-header,.clndr-listing .filter {
    cursor: pointer
}

.clf-calendar {
    border: 1px solid #ccc;
    margin-bottom: 1em
}

.clndr {
    position: relative;
    clear: left
}

.clndr:after {
    content: "";
    display: block;
    clear: both
}

.clndr:before {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border-right: 1px solid #ccc;
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 45%
}

.calendar-view-listings {
    padding-top: 20px;
    float: left;
    width: 45%;
    position: relative
}

.clndr-calendar {
    padding: 0 20px 20px;
    width: 100%;
    clear: left
}

.clndr-calendar:after {
    content: "";
    display: block;
    clear: both
}

.controls>div {
    border: 1px solid #4d4d4d;
    padding: 10px 0;
    text-transform: uppercase;
    color: var(--sfu-colour-p4)
}

.clndr-previous-button,.clndr-next-button {
    background: #4d4d4d url("../calendar/source/assets/arrow-left.png") center center no-repeat;
    background-size: 20px;
    width: 15%;
    text-indent: 150px;
    overflow: hidden
}

@media(any-hover: hover) {
    .clndr-previous-button:hover,.clndr-next-button:hover {
        background-color:#666;
        border: 1px solid #666
    }
}

.clndr-next-button {
    background-image: url("../calendar/source/assets/arrow-right.png")
}

.clndr-today-button {
    background-color: #333;
    font-size: 1.125em;
    margin: 0 .5%;
    width: 69%
}

.day {
    width: 14.28%;
    height: 40px;
    padding-top: 8px;
    border: 2px solid var(--sfu-colour-transparent)
}

.day.header {
    color: #999
}

.adjacent-month {
    color: #b3b3b3
}

.today {
    border: 2px solid #b3b3b3
}

.event {
    background: url(../calendar/source/assets/topper.svg) no-repeat center 30px
}

@media(any-hover: hover) {
    .event:hover {
        background-color:#f7c7ce;
        border: 2px solid var(--sfu-colour-transparent)
    }
}

.day.filtered {
    background-color: var(--sfu-colour-p2);
    color: var(--sfu-colour-p4);
    border: 1px solid var(--sfu-colour-transparent)
}

.clndr-listing {
    border-top: 4px solid #ccc;
    clear: both
}

.events>li {
    border-bottom: 1px solid #ccc
}

.events .event-details {
    margin: 0 20px 20px
}

.events .event-details h1,.events .event-details .event-time {
    display: none
}

.events:not(.filtered)>li:nth-child(even) {
    background-color: #ebebeb
}

.events:not(.filtered)>li:last-child {
    border-bottom: 0
}

.event-day {
    width: 15%;
    color: gray;
    font-size: 1.6em;
    padding-top: 14px
}

.dow {
    font-size: .4em;
    text-transform: uppercase
}

.events li {
    clear: left
}

.events li:after {
    content: "";
    display: block;
    clear: both
}

.events li ul {
    float: left;
    width: 85%;
    border-left: 1px solid #ccc
}

.events li ul li {
    border-top: 1px dashed #ccc
}

.events li ul li:first-child {
    border-top: 0
}

.event-header {
    padding: 10px 20px
}

.event-details {
    display: none;
    margin: 0 30px;
    word-wrap: break-word
}

.filter {
    display: none;
    clear: both;
    background-color: #d9d9d9;
    border-bottom: 3px solid #b3b3b3;
    font-size: .857143em;
    padding: 14px 0 10px;
    text-align: center;
    text-transform: uppercase
}

@media(any-hover: hover) {
    .filter:hover {
        background-color:#ebebeb;
        border-bottom-color: #c4c4c4
    }
}

.calendar-view-details h1 {
    margin-bottom: 10px;
    padding-top: 15px
}

.calendar-view-details .event-time {
    padding-bottom: 20px;
    border-bottom: 1px dashed #b3b3b3
}

.event-time {
    font-size: .9em
}

.event-summary {
    font-size: 1.2em;
    color: var(--sfu-colour-p2)
}

.featured {
    background-color: var(--sfu-colour-p2);
    position: relative;
    color: var(--sfu-colour-p4)
}

.featured .event-time,.featured .event-summary {
    color: var(--sfu-colour-p4)
}

.featured:after {
    content: "";
    position: absolute;
    margin-top: -20px;
    top: 50%;
    right: -20px;
    border-top: 20px solid var(--sfu-colour-transparent);
    border-bottom: 20px solid var(--sfu-colour-transparent);
    border-left-color: var(--sfu-colour-p2);
    border-left: 20px solid var(--sfu-colour-p2)
}

.calendar-view-details {
    float: left;
    width: 55%;
    padding-bottom: 20px
}

.event-properties {
    margin: -1px 0 0;
    border-bottom: 1px solid #ccc;
    clear: left
}

.event-properties:after {
    content: "";
    display: block;
    clear: both
}

.event-properties dt,.event-properties dd {
    float: left;
    margin: 0;
    font-size: .9em;
    padding: 5px 0;
    border-top: 1px solid #ccc
}

.event-properties dt {
    width: 25%;
    padding-right: 3%;
    color: #666
}

.event-properties dd {
    width: 75%
}

.event-description {
    padding: 20px 0
}

.event-actions a {
    display: block;
    text-align: center;
    border: 1px solid var(--sfu-colour-p2);
    color: var(--sfu-colour-p2);
    padding: 10px 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

@media(any-hover: hover) {
    .event-actions a:hover {
        background-color:var(--sfu-colour-p2);
        color: var(--sfu-colour-p4)
    }
}

.empty {
    margin: 40px auto !important;
    padding-top: 200px;
    text-align: center;
    background: url(../calendar/source/assets/cal-icon.svg) center top no-repeat;
    color: #666
}

.calendar-view-listings .empty {
    margin: 2em auto;
    background-image: none;
    padding-top: 0
}

.calendar-view-details .empty {
    margin: 5em auto
}

.loading {
    width: 300px;
    padding-top: 60px;
    margin: 0 auto 30px;
    text-align: center;
    background: url(../calendar/source/assets/preloader.GIF) no-repeat center
}

.upcomingevents li,.upcoming-events li {
    margin-bottom: 1em
}

@media(max-width: 979px) {
    .calendar-view-details {
        display:none
    }

    .clf-calendar,.calendar-view-listings {
        width: 100%
    }

    .clndr:before {
        content: none
    }

    .toggle {
        display: block
    }

    .events li ul {
        width: 90%
    }

    .event li:after {
        color: var(--sfu-colour-p4)
    }

    .event-day {
        width: 10%
    }

    .event-header {
        padding-right: 30px
    }

    .event-header:not(.has-details) {
        cursor: auto
    }

    .event-header:not(.has-details) .event-summary {
        color: inherit
    }

    .has-details {
        position: relative
    }

    .has-details:before {
        content: "";
        position: absolute;
        right: 2rem;
        top: 2rem;
        font-family: var(--sfu-font-icon-1);
        content: "\f067";
        color: var(--sfu-colour-p1)
    }

    .has-details.expanded:before {
        content: "\f068"
    }

    .main__content .clndr .featured {
        background-color: var(--sfu-colour-transparent)
    }

    .main__content .clndr .featured:after {
        content: none
    }

    .main__content .clndr .featured .event-time {
        color: var(--sfu-colour-s1)
    }
}

@media(max-width: 979px) and (any-hover:hover) {
    .main__content .clndr .featured:hover {
        background:var(--sfu-colour-transparent)
    }

    .main__content .clndr .featured:hover .event-summary {
        color: var(--sfu-colour-p1)
    }
}

@media(max-width: 979px) {
    .main__content .clndr .expanded .event-summary {
        color:var(--sfu-colour-p1)
    }
}

.main__content .clndr .filter {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    background-color: var(--sfu-colour-transparent);
    border-color: var(--sfu-colour-p1);
    color: var(--sfu-colour-p1);
    width: 100%;
    border-bottom: 0
}

@media(any-hover: hover) {
    .main__content .clndr .filter:hover {
        color:var(--sfu-colour-p4);
        background-color: var(--sfu-colour-p1)
    }
}

.main__content .clndr ul,.main__content .clndr ul.events {
    padding: 0
}

.main__content .clndr ul li,.main__content .clndr ul.events li {
    padding: 0;
    margin-bottom: 0
}

.main__content .clndr ul li:before,.main__content .clndr ul.events li:before {
    content: unset
}

.main__content .clndr .today {
    border-color: var(--sfu-colour-p2)
}

.main__content .clndr .event-day {
    padding-top: 2.5rem
}

.main__content .clndr .event-time,.main__content .clndr dt,.main__content .clndr dd {
    font-size: unset
}

.main__content .clndr .event-description {
    line-height: 2.6rem
}

@media(any-hover: hover) {
    .main__content .clndr .event:hover {
        background-image:none;
        background-color: var(--sfu-colour-p1);
        color: var(--sfu-colour-p4)
    }
}

@media(any-hover: hover) and (min-width:980px) {
    .main__content .clndr .featured:hover {
        background:var(--sfu-colour-p1)
    }

    .main__content .clndr .featured:hover:after {
        border-left-color: var(--sfu-colour-p1)
    }

    .main__content .clndr .featured:hover .event-summary {
        text-decoration: underline
    }
}

.main__content .clndr .featured .event-summary {
    letter-spacing: normal;
    text-decoration: none;
    color: var(--sfu-colour-s1);
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    font-size: 2.2rem;
    line-height: 2.6rem
}

@media(any-hover: hover) {
    .main__content .clndr .featured .event-summary:hover {
        color:var(--sfu-colour-p1)
    }
}

@media(any-hover: hover) {
    .main__content .clndr .featured .event-summary:hover {
        text-decoration:underline;
        color: var(--sfu-colour-p4)
    }
}

@media(min-width: 980px) {
    .main__content .clndr .featured .event-summary,.main__content .clndr .featured .event-time {
        color:var(--sfu-colour-p4)
    }
}

.main__content .clndr .event-actions a {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    background-color: var(--sfu-colour-transparent);
    border-color: var(--sfu-colour-p1);
    color: var(--sfu-colour-p1);
    transition: none
}

@media(any-hover: hover) {
    .main__content .clndr .event-actions a:hover {
        color:var(--sfu-colour-p4);
        background-color: var(--sfu-colour-p1)
    }
}

@media(max-width: 527px) {
    .main__content .clndr .event-actions a {
        display:block
    }
}

.main__content .clndr .clndr-previous-button,.main__content .clndr .clndr-next-button {
    padding: 1.15rem 0
}

.main__content .clndr .clndr-previous-button,.main__content .clndr .clndr-next-button,.main__content .clndr .clndr-today-button {
    background-color: var(--sfu-colour-p2);
    border-color: var(--sfu-colour-p2)
}

@media(any-hover: hover) {
    .main__content .clndr .clndr-previous-button:hover,.main__content .clndr .clndr-next-button:hover,.main__content .clndr .clndr-today-button:hover {
        background-color:var(--sfu-colour-p1);
        border-color: var(--sfu-colour-p1)
    }
}

.main__content .clndr .event-summary {
    display: inline
}

@media(any-hover: hover) {
    .main__content .clndr .event-summary:hover {
        background:var(--sfu-colour-p1)
    }
}

.main__content .clndr .event-summary {
    letter-spacing: normal;
    text-decoration: none;
    color: var(--sfu-colour-s1);
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    font-size: 2.2rem;
    line-height: 2.6rem;
    text-decoration: none
}

@media(any-hover: hover) {
    .main__content .clndr .event-summary:hover {
        color:var(--sfu-colour-p1)
    }
}

@media(any-hover: hover) {
    .main__content .clndr .event-summary:hover {
        color:var(--sfu-colour-p1);
        background: var(--sfu-colour-transparent)
    }
}

@media(any-hover: hover) {
    .main__content .clndr div.event-header:not(.featured) .event-summary:hover {
        color:var(--sfu-colour-p1)
    }
}

@media(max-width: 979px) and (any-hover:hover) {
    .main__content .clndr div:not(.featured) .event-summary:hover {
        color:var(--sfu-colour-p1);
        text-decoration: none
    }
}

@media(any-hover: hover) {
    .main__content .clndr div.event-header:not(.featured):hover .event-summary {
        color:var(--sfu-colour-p1)
    }
}

@media(min-width: 980px) and (max-width:1149px) {
    .main__content .clndr ul {
        padding-left:0
    }

    .main__content .clndr dt,.main__content .clndr dd {
        float: none;
        width: 100%;
        font-size: 1.5rem
    }

    .main__content .clndr dt {
        padding-bottom: 0
    }

    .main__content .clndr dd {
        padding-top: 0;
        border-top: 0
    }
}

@media(max-width: 754px) {
    .main__content .clndr ul {
        padding-left:0
    }

    .main__content .clndr dt,.main__content .clndr dd {
        float: none;
        width: 100%;
        font-size: 1.5rem
    }

    .main__content .clndr dt {
        padding-bottom: 0
    }

    .main__content .clndr dd {
        padding-top: 0;
        border-top: 0
    }
}

.main__content div.sfu-columns>div[data-col-layout]:not([class*=col-]).pad-left,.main__content div.sfu-columns>div[data-col-layout]:not([class*=col-]).pad-left-right,.main__content div.sfu-columns>div[data-col-layout]:not([class*=col-]).pad-all {
    padding-left: 3rem
}

@media(min-width: 528px) {
    .main__content div.sfu-columns>div[data-col-layout]:not([class*=col-]).pad-left,.main__content div.sfu-columns>div[data-col-layout]:not([class*=col-]).pad-left-right,.main__content div.sfu-columns>div[data-col-layout]:not([class*=col-]).pad-all {
        padding-left:5rem
    }
}

.main__content div.sfu-columns>div[data-col-layout]:not([class*=col-]).pad-right,.main__content div.sfu-columns>div[data-col-layout]:not([class*=col-]).pad-left-right,.main__content div.sfu-columns>div[data-col-layout]:not([class*=col-]).pad-all {
    padding-right: 3rem
}

@media(min-width: 528px) {
    .main__content div.sfu-columns>div[data-col-layout]:not([class*=col-]).pad-right,.main__content div.sfu-columns>div[data-col-layout]:not([class*=col-]).pad-left-right,.main__content div.sfu-columns>div[data-col-layout]:not([class*=col-]).pad-all {
        padding-right:5rem
    }
}

.main__content div.sfu-columns>div[data-col-layout]:not([class*=col-]).pad-top,.main__content div.sfu-columns>div[data-col-layout]:not([class*=col-]).pad-top-bottom,.main__content div.sfu-columns>div[data-col-layout]:not([class*=col-]).pad-all {
    padding-top: 3rem
}

@media(min-width: 528px) {
    .main__content div.sfu-columns>div[data-col-layout]:not([class*=col-]).pad-top,.main__content div.sfu-columns>div[data-col-layout]:not([class*=col-]).pad-top-bottom,.main__content div.sfu-columns>div[data-col-layout]:not([class*=col-]).pad-all {
        padding-top:5rem
    }
}

.main__content div.sfu-columns>div[data-col-layout]:not([class*=col-]).pad-bottom,.main__content div.sfu-columns>div[data-col-layout]:not([class*=col-]).pad-top-bottom,.main__content div.sfu-columns>div[data-col-layout]:not([class*=col-]).pad-all {
    padding-bottom: 3rem
}

@media(min-width: 528px) {
    .main__content div.sfu-columns>div[data-col-layout]:not([class*=col-]).pad-bottom,.main__content div.sfu-columns>div[data-col-layout]:not([class*=col-]).pad-top-bottom,.main__content div.sfu-columns>div[data-col-layout]:not([class*=col-]).pad-all {
        padding-bottom:5rem
    }
}

.main__content div.sfu-columns>div[data-col-layout][class*=col-].pad-left>div,.main__content div.sfu-columns>div[data-col-layout][class*=col-].pad-left-right>div,.main__content div.sfu-columns>div[data-col-layout][class*=col-].pad-all>div {
    padding-left: 3rem
}

@media(min-width: 528px) {
    .main__content div.sfu-columns>div[data-col-layout][class*=col-].pad-left>div,.main__content div.sfu-columns>div[data-col-layout][class*=col-].pad-left-right>div,.main__content div.sfu-columns>div[data-col-layout][class*=col-].pad-all>div {
        padding-left:5rem
    }
}

.main__content div.sfu-columns>div[data-col-layout][class*=col-].pad-right>div,.main__content div.sfu-columns>div[data-col-layout][class*=col-].pad-left-right>div,.main__content div.sfu-columns>div[data-col-layout][class*=col-].pad-all>div {
    padding-right: 3rem
}

@media(min-width: 528px) {
    .main__content div.sfu-columns>div[data-col-layout][class*=col-].pad-right>div,.main__content div.sfu-columns>div[data-col-layout][class*=col-].pad-left-right>div,.main__content div.sfu-columns>div[data-col-layout][class*=col-].pad-all>div {
        padding-right:5rem
    }
}

.main__content div.sfu-columns>div[data-col-layout][class*=col-].pad-top>div,.main__content div.sfu-columns>div[data-col-layout][class*=col-].pad-top-bottom>div,.main__content div.sfu-columns>div[data-col-layout][class*=col-].pad-all>div {
    padding-top: 3rem
}

@media(min-width: 528px) {
    .main__content div.sfu-columns>div[data-col-layout][class*=col-].pad-top>div,.main__content div.sfu-columns>div[data-col-layout][class*=col-].pad-top-bottom>div,.main__content div.sfu-columns>div[data-col-layout][class*=col-].pad-all>div {
        padding-top:5rem
    }
}

.main__content div.sfu-columns>div[data-col-layout][class*=col-].pad-bottom>div,.main__content div.sfu-columns>div[data-col-layout][class*=col-].pad-top-bottom>div,.main__content div.sfu-columns>div[data-col-layout][class*=col-].pad-all>div {
    padding-bottom: 3rem
}

@media(min-width: 528px) {
    .main__content div.sfu-columns>div[data-col-layout][class*=col-].pad-bottom>div,.main__content div.sfu-columns>div[data-col-layout][class*=col-].pad-top-bottom>div,.main__content div.sfu-columns>div[data-col-layout][class*=col-].pad-all>div {
        padding-bottom:5rem
    }
}

.main__content div.sfu-columns>div[data-col-layout].margin-left,.main__content div.sfu-columns>div[data-col-layout].margin-left-right,.main__content div.sfu-columns>div[data-col-layout].margin-all {
    margin-left: 3rem
}

@media(min-width: 528px) {
    .main__content div.sfu-columns>div[data-col-layout].margin-left,.main__content div.sfu-columns>div[data-col-layout].margin-left-right,.main__content div.sfu-columns>div[data-col-layout].margin-all {
        margin-left:5rem
    }
}

.main__content div.sfu-columns>div[data-col-layout].margin-right,.main__content div.sfu-columns>div[data-col-layout].margin-left-right,.main__content div.sfu-columns>div[data-col-layout].margin-all {
    margin-right: 3rem
}

@media(min-width: 528px) {
    .main__content div.sfu-columns>div[data-col-layout].margin-right,.main__content div.sfu-columns>div[data-col-layout].margin-left-right,.main__content div.sfu-columns>div[data-col-layout].margin-all {
        margin-right:5rem
    }
}

.main__content div.sfu-columns>div[data-col-layout].margin-top,.main__content div.sfu-columns>div[data-col-layout].margin-top-bottom,.main__content div.sfu-columns>div[data-col-layout].margin-all {
    margin-top: 3rem
}

@media(min-width: 528px) {
    .main__content div.sfu-columns>div[data-col-layout].margin-top,.main__content div.sfu-columns>div[data-col-layout].margin-top-bottom,.main__content div.sfu-columns>div[data-col-layout].margin-all {
        margin-top:5rem
    }
}

.main__content div.sfu-columns>div[data-col-layout].margin-bottom,.main__content div.sfu-columns>div[data-col-layout].margin-top-bottom,.main__content div.sfu-columns>div[data-col-layout].margin-all {
    margin-bottom: 3rem
}

@media(min-width: 528px) {
    .main__content div.sfu-columns>div[data-col-layout].margin-bottom,.main__content div.sfu-columns>div[data-col-layout].margin-top-bottom,.main__content div.sfu-columns>div[data-col-layout].margin-all {
        margin-bottom:5rem
    }
}

html[data-page-template=basic-home] .main__content div.sfu-columns>div[data-col-layout]:not([data-row-full-width]).margin-all,html[data-page-template=basic-home] .main__content div.sfu-columns>div[data-col-layout]:not([data-row-full-width]).margin-left-right {
    width: calc(100vw - 6rem)
}

@media(min-width: 528px) {
    html[data-page-template=basic-home] .main__content div.sfu-columns>div[data-col-layout]:not([data-row-full-width]).margin-all,html[data-page-template=basic-home] .main__content div.sfu-columns>div[data-col-layout]:not([data-row-full-width]).margin-left-right {
        width:calc(100vw - 10rem)
    }
}

html.ff-browser div.sfu-columns {
    min-height: 0;
    min-width: 0
}

html.ff-browser div.sfu-columns>div[data-col-layout] {
    min-height: 0;
    min-width: 0
}

html.ff-browser div.sfu-columns>div[data-col-layout]>div {
    min-height: 0;
    min-width: 0
}

#cs-course-cohort .sfu-cs-course-table__headings .cell-text,#cs-course-cohort .sfu-cs-course .cell-text {
    display: flex
}

#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-heading__start-date,#cs-course-cohort .sfu-cs-course .sfu-cs-heading__start-date {
    margin-left: 3rem
}

@media(max-width: 1149px) {
    #cs-course-cohort .sfu-cs-course-table__headings,#cs-course-cohort .sfu-cs-course {
        grid-template-columns:1.5fr repeat(2,1fr)
    }

    #cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-heading__schedule,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-heading__cost,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-heading__seats-available,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-heading__action,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-course__schedule,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-course__cost,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-course__seats-available,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-course__action,#cs-course-cohort .sfu-cs-course .sfu-cs-heading__schedule,#cs-course-cohort .sfu-cs-course .sfu-cs-heading__cost,#cs-course-cohort .sfu-cs-course .sfu-cs-heading__seats-available,#cs-course-cohort .sfu-cs-course .sfu-cs-heading__action,#cs-course-cohort .sfu-cs-course .sfu-cs-course__schedule,#cs-course-cohort .sfu-cs-course .sfu-cs-course__cost,#cs-course-cohort .sfu-cs-course .sfu-cs-course__seats-available,#cs-course-cohort .sfu-cs-course .sfu-cs-course__action {
        display: none
    }

    #cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-heading__schedule .cell-heading,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-heading__cost .cell-heading,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-heading__seats-available .cell-heading,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-heading__action .cell-heading,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-course__schedule .cell-heading,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-course__cost .cell-heading,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-course__seats-available .cell-heading,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-course__action .cell-heading,#cs-course-cohort .sfu-cs-course .sfu-cs-heading__schedule .cell-heading,#cs-course-cohort .sfu-cs-course .sfu-cs-heading__cost .cell-heading,#cs-course-cohort .sfu-cs-course .sfu-cs-heading__seats-available .cell-heading,#cs-course-cohort .sfu-cs-course .sfu-cs-heading__action .cell-heading,#cs-course-cohort .sfu-cs-course .sfu-cs-course__schedule .cell-heading,#cs-course-cohort .sfu-cs-course .sfu-cs-course__cost .cell-heading,#cs-course-cohort .sfu-cs-course .sfu-cs-course__seats-available .cell-heading,#cs-course-cohort .sfu-cs-course .sfu-cs-course__action .cell-heading {
        display: block
    }

    #cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-heading__schedule,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-course__schedule,#cs-course-cohort .sfu-cs-course .sfu-cs-heading__schedule,#cs-course-cohort .sfu-cs-course .sfu-cs-course__schedule {
        grid-column: 1/4;
        margin-left: 3rem;
        grid-row: 2;
        padding-top: 0;
        padding-bottom: 0
    }
}

@media(max-width: 754px) {
    #cs-course-cohort .sfu-cs-course-table__headings,#cs-course-cohort .sfu-cs-course {
        grid-template-columns:1.5fr 1fr
    }

    #cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-heading__schedule,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-heading__cost,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-heading__seats-available,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-heading__instructor,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-heading__action,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-course__schedule,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-course__cost,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-course__seats-available,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-course__instructor,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-course__action,#cs-course-cohort .sfu-cs-course .sfu-cs-heading__schedule,#cs-course-cohort .sfu-cs-course .sfu-cs-heading__cost,#cs-course-cohort .sfu-cs-course .sfu-cs-heading__seats-available,#cs-course-cohort .sfu-cs-course .sfu-cs-heading__instructor,#cs-course-cohort .sfu-cs-course .sfu-cs-heading__action,#cs-course-cohort .sfu-cs-course .sfu-cs-course__schedule,#cs-course-cohort .sfu-cs-course .sfu-cs-course__cost,#cs-course-cohort .sfu-cs-course .sfu-cs-course__seats-available,#cs-course-cohort .sfu-cs-course .sfu-cs-course__instructor,#cs-course-cohort .sfu-cs-course .sfu-cs-course__action {
        display: none;
        align-self: flex-start
    }

    #cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-heading__schedule .cell-heading,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-heading__cost .cell-heading,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-heading__seats-available .cell-heading,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-heading__instructor .cell-heading,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-heading__action .cell-heading,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-course__schedule .cell-heading,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-course__cost .cell-heading,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-course__seats-available .cell-heading,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-course__instructor .cell-heading,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-course__action .cell-heading,#cs-course-cohort .sfu-cs-course .sfu-cs-heading__schedule .cell-heading,#cs-course-cohort .sfu-cs-course .sfu-cs-heading__cost .cell-heading,#cs-course-cohort .sfu-cs-course .sfu-cs-heading__seats-available .cell-heading,#cs-course-cohort .sfu-cs-course .sfu-cs-heading__instructor .cell-heading,#cs-course-cohort .sfu-cs-course .sfu-cs-heading__action .cell-heading,#cs-course-cohort .sfu-cs-course .sfu-cs-course__schedule .cell-heading,#cs-course-cohort .sfu-cs-course .sfu-cs-course__cost .cell-heading,#cs-course-cohort .sfu-cs-course .sfu-cs-course__seats-available .cell-heading,#cs-course-cohort .sfu-cs-course .sfu-cs-course__instructor .cell-heading,#cs-course-cohort .sfu-cs-course .sfu-cs-course__action .cell-heading {
        display: block
    }

    #cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-heading__instructor,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-course__instructor,#cs-course-cohort .sfu-cs-course .sfu-cs-heading__instructor,#cs-course-cohort .sfu-cs-course .sfu-cs-course__instructor {
        margin-left: 3rem;
        grid-column: 1/-1;
        padding-top: 0;
        grid-row: 2;
        padding-bottom: 2rem
    }

    #cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-heading__schedule,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-course__schedule,#cs-course-cohort .sfu-cs-course .sfu-cs-heading__schedule,#cs-course-cohort .sfu-cs-course .sfu-cs-course__schedule {
        margin-left: 3rem;
        grid-column: 1/-1;
        padding-top: 0;
        grid-row: 3;
        padding-bottom: 0
    }
}

@media(min-width: 1150px) {
    #cs-course-cohort .sfu-cs-course-table__headings,#cs-course-cohort .sfu-cs-course {
        grid-template-columns:1.5fr repeat(2,1fr)
    }

    #cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-heading__schedule,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-heading__cost,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-heading__seats-available,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-heading__action,#cs-course-cohort .sfu-cs-course .sfu-cs-heading__schedule,#cs-course-cohort .sfu-cs-course .sfu-cs-heading__cost,#cs-course-cohort .sfu-cs-course .sfu-cs-heading__seats-available,#cs-course-cohort .sfu-cs-course .sfu-cs-heading__action {
        display: none
    }

    #cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-course__schedule,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-course__cost,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-course__seats-available,#cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-course__action,#cs-course-cohort .sfu-cs-course .sfu-cs-course__schedule,#cs-course-cohort .sfu-cs-course .sfu-cs-course__cost,#cs-course-cohort .sfu-cs-course .sfu-cs-course__seats-available,#cs-course-cohort .sfu-cs-course .sfu-cs-course__action {
        display: none
    }

    #cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-course__schedule,#cs-course-cohort .sfu-cs-course .sfu-cs-course__schedule {
        margin-left: 3rem;
        grid-column: 1;
        grid-row: 2;
        padding-top: 0;
        padding-bottom: 0
    }

    #cs-course-cohort .sfu-cs-course-table__headings .sfu-cs-course__schedule .cell-heading,#cs-course-cohort .sfu-cs-course .sfu-cs-course__schedule .cell-heading {
        display: block
    }
}

#cs-course-cohort .sfu-cs-course-table__headings .cell-value div ul,#cs-course-cohort .sfu-cs-course .cell-value div ul {
    margin-bottom: 2rem
}

#cs-course-cohort .sfu-cs-course-table__headings .cell-value div ul li,#cs-course-cohort .sfu-cs-course .cell-value div ul li {
    line-height: 2.2rem
}

#cs-course-cohort .sfu-cs-course-table__headings .cell-value div ul li:first-child,#cs-course-cohort .sfu-cs-course .cell-value div ul li:first-child {
    padding-top: 0
}

#cs-course-cohort .sfu-cs-course-table__headings .cell-value div ul li:last-child,#cs-course-cohort .sfu-cs-course .cell-value div ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

#cs-course-cohort .sfu-cs-course-table__headings .course-expander,#cs-course-cohort .sfu-cs-course .course-expander {
    display: flex
}

#cs-course-cohort .sfu-cs-course-table__headings .course-expander+.cell-value,#cs-course-cohort .sfu-cs-course .course-expander+.cell-value {
    margin-left: 2.8rem
}

#cs-course-cohort .sfu-cs-course-table__headings.open .sfu-cs-heading__start-date {
    margin-left: 0
}

#cs-course-cohort .sfu-cs-course.open div {
    display: block
}

#cs-course-cohort .sfu-cs-course.open [data-sort],#cs-course-cohort .sfu-cs-course.open .sfu-cs-course__schedule {
    margin-left: 0
}

#cs-course-cohort .sfu-cs-course.open .course-expander {
    display: none
}

#cs-course-cohort .sfu-cs-course.open .course-expander+.cell-value {
    margin-left: 0
}

#cs-course-cohort div.sfu-cs-course__start-date[data-sortstring="99991231"]+div.sfu-cs-course__schedule .cell-heading {
    display: none
}

@media(min-width: 755px) {
    #cs-course-cohort div.sfu-cs-course__start-date[data-sortstring="99991231"] .course-expander {
        display:none
    }
}

#cs-course .sfu-cs-course-table__headings .cell-text,#cs-course .sfu-cs-course .cell-text {
    display: flex
}

#cs-course .sfu-cs-course-table__headings .sfu-cs-heading__start-date,#cs-course .sfu-cs-course .sfu-cs-heading__start-date {
    margin-left: 3rem
}

@media(max-width: 1149px) {
    #cs-course .sfu-cs-course-table__headings,#cs-course .sfu-cs-course {
        grid-template-columns:2fr repeat(3,1fr)
    }

    #cs-course .sfu-cs-course-table__headings .sfu-cs-heading__schedule,#cs-course .sfu-cs-course-table__headings .sfu-cs-heading__cost,#cs-course .sfu-cs-course-table__headings .sfu-cs-heading__seats-available,#cs-course .sfu-cs-course-table__headings .sfu-cs-course__schedule,#cs-course .sfu-cs-course-table__headings .sfu-cs-course__cost,#cs-course .sfu-cs-course-table__headings .sfu-cs-course__seats-available,#cs-course .sfu-cs-course .sfu-cs-heading__schedule,#cs-course .sfu-cs-course .sfu-cs-heading__cost,#cs-course .sfu-cs-course .sfu-cs-heading__seats-available,#cs-course .sfu-cs-course .sfu-cs-course__schedule,#cs-course .sfu-cs-course .sfu-cs-course__cost,#cs-course .sfu-cs-course .sfu-cs-course__seats-available {
        display: none
    }

    #cs-course .sfu-cs-course-table__headings .sfu-cs-heading__schedule .cell-heading,#cs-course .sfu-cs-course-table__headings .sfu-cs-heading__cost .cell-heading,#cs-course .sfu-cs-course-table__headings .sfu-cs-heading__seats-available .cell-heading,#cs-course .sfu-cs-course-table__headings .sfu-cs-course__schedule .cell-heading,#cs-course .sfu-cs-course-table__headings .sfu-cs-course__cost .cell-heading,#cs-course .sfu-cs-course-table__headings .sfu-cs-course__seats-available .cell-heading,#cs-course .sfu-cs-course .sfu-cs-heading__schedule .cell-heading,#cs-course .sfu-cs-course .sfu-cs-heading__cost .cell-heading,#cs-course .sfu-cs-course .sfu-cs-heading__seats-available .cell-heading,#cs-course .sfu-cs-course .sfu-cs-course__schedule .cell-heading,#cs-course .sfu-cs-course .sfu-cs-course__cost .cell-heading,#cs-course .sfu-cs-course .sfu-cs-course__seats-available .cell-heading {
        display: block
    }

    #cs-course .sfu-cs-course-table__headings .sfu-cs-heading__schedule,#cs-course .sfu-cs-course-table__headings .sfu-cs-course__schedule,#cs-course .sfu-cs-course .sfu-cs-heading__schedule,#cs-course .sfu-cs-course .sfu-cs-course__schedule {
        grid-column: 1/4;
        margin-left: 3rem;
        grid-row: 3;
        padding-top: 0;
        padding-bottom: 0
    }

    #cs-course .sfu-cs-course-table__headings .sfu-cs-heading__cost,#cs-course .sfu-cs-course-table__headings .sfu-cs-course__cost,#cs-course .sfu-cs-course .sfu-cs-heading__cost,#cs-course .sfu-cs-course .sfu-cs-course__cost {
        grid-column: 1;
        margin-left: 3rem;
        grid-row: 2;
        padding-top: 0;
        padding-bottom: 0
    }

    #cs-course .sfu-cs-course-table__headings .sfu-cs-heading__seats-available,#cs-course .sfu-cs-course-table__headings .sfu-cs-course__seats-available,#cs-course .sfu-cs-course .sfu-cs-heading__seats-available,#cs-course .sfu-cs-course .sfu-cs-course__seats-available {
        grid-column: 2/-1;
        grid-row: 2;
        padding-top: 0
    }
}

@media(max-width: 754px) {
    #cs-course .sfu-cs-course-table__headings,#cs-course .sfu-cs-course {
        grid-template-columns:repeat(3,1fr)
    }

    #cs-course .sfu-cs-course-table__headings .sfu-cs-heading__schedule,#cs-course .sfu-cs-course-table__headings .sfu-cs-heading__cost,#cs-course .sfu-cs-course-table__headings .sfu-cs-heading__seats-available,#cs-course .sfu-cs-course-table__headings .sfu-cs-heading__location,#cs-course .sfu-cs-course-table__headings .sfu-cs-heading__instructor,#cs-course .sfu-cs-course-table__headings .sfu-cs-course__schedule,#cs-course .sfu-cs-course-table__headings .sfu-cs-course__cost,#cs-course .sfu-cs-course-table__headings .sfu-cs-course__seats-available,#cs-course .sfu-cs-course-table__headings .sfu-cs-course__location,#cs-course .sfu-cs-course-table__headings .sfu-cs-course__instructor,#cs-course .sfu-cs-course .sfu-cs-heading__schedule,#cs-course .sfu-cs-course .sfu-cs-heading__cost,#cs-course .sfu-cs-course .sfu-cs-heading__seats-available,#cs-course .sfu-cs-course .sfu-cs-heading__location,#cs-course .sfu-cs-course .sfu-cs-heading__instructor,#cs-course .sfu-cs-course .sfu-cs-course__schedule,#cs-course .sfu-cs-course .sfu-cs-course__cost,#cs-course .sfu-cs-course .sfu-cs-course__seats-available,#cs-course .sfu-cs-course .sfu-cs-course__location,#cs-course .sfu-cs-course .sfu-cs-course__instructor {
        display: none;
        align-self: flex-start
    }

    #cs-course .sfu-cs-course-table__headings .sfu-cs-heading__schedule .cell-heading,#cs-course .sfu-cs-course-table__headings .sfu-cs-heading__cost .cell-heading,#cs-course .sfu-cs-course-table__headings .sfu-cs-heading__seats-available .cell-heading,#cs-course .sfu-cs-course-table__headings .sfu-cs-heading__location .cell-heading,#cs-course .sfu-cs-course-table__headings .sfu-cs-heading__instructor .cell-heading,#cs-course .sfu-cs-course-table__headings .sfu-cs-course__schedule .cell-heading,#cs-course .sfu-cs-course-table__headings .sfu-cs-course__cost .cell-heading,#cs-course .sfu-cs-course-table__headings .sfu-cs-course__seats-available .cell-heading,#cs-course .sfu-cs-course-table__headings .sfu-cs-course__location .cell-heading,#cs-course .sfu-cs-course-table__headings .sfu-cs-course__instructor .cell-heading,#cs-course .sfu-cs-course .sfu-cs-heading__schedule .cell-heading,#cs-course .sfu-cs-course .sfu-cs-heading__cost .cell-heading,#cs-course .sfu-cs-course .sfu-cs-heading__seats-available .cell-heading,#cs-course .sfu-cs-course .sfu-cs-heading__location .cell-heading,#cs-course .sfu-cs-course .sfu-cs-heading__instructor .cell-heading,#cs-course .sfu-cs-course .sfu-cs-course__schedule .cell-heading,#cs-course .sfu-cs-course .sfu-cs-course__cost .cell-heading,#cs-course .sfu-cs-course .sfu-cs-course__seats-available .cell-heading,#cs-course .sfu-cs-course .sfu-cs-course__location .cell-heading,#cs-course .sfu-cs-course .sfu-cs-course__instructor .cell-heading {
        display: block
    }

    #cs-course .sfu-cs-course-table__headings .sfu-cs-heading__start-date,#cs-course .sfu-cs-course-table__headings .sfu-cs-course__start-date,#cs-course .sfu-cs-course .sfu-cs-heading__start-date,#cs-course .sfu-cs-course .sfu-cs-course__start-date {
        grid-column: 1 / 3;
        grid-row: 1
    }

    #cs-course .sfu-cs-course-table__headings .sfu-cs-heading__location,#cs-course .sfu-cs-course-table__headings .sfu-cs-course__location,#cs-course .sfu-cs-course .sfu-cs-heading__location,#cs-course .sfu-cs-course .sfu-cs-course__location {
        grid-column: 1/-1;
        grid-row: 2;
        margin-left: 3rem;
        padding-top: 0
    }

    #cs-course .sfu-cs-course-table__headings .sfu-cs-heading__instructor,#cs-course .sfu-cs-course-table__headings .sfu-cs-course__instructor,#cs-course .sfu-cs-course .sfu-cs-heading__instructor,#cs-course .sfu-cs-course .sfu-cs-course__instructor {
        grid-column: 1/3;
        grid-row: 3;
        margin-left: 3rem;
        padding-top: 0
    }

    #cs-course .sfu-cs-course-table__headings .sfu-cs-heading__cost,#cs-course .sfu-cs-course-table__headings .sfu-cs-course__cost,#cs-course .sfu-cs-course .sfu-cs-heading__cost,#cs-course .sfu-cs-course .sfu-cs-course__cost {
        grid-column: 1/1;
        margin-left: 3rem;
        grid-row: 4;
        padding-top: 0
    }

    #cs-course .sfu-cs-course-table__headings .sfu-cs-heading__seats-available,#cs-course .sfu-cs-course-table__headings .sfu-cs-course__seats-available,#cs-course .sfu-cs-course .sfu-cs-heading__seats-available,#cs-course .sfu-cs-course .sfu-cs-course__seats-available {
        grid-column: 2/-1;
        grid-row: 4;
        padding-top: 0
    }

    #cs-course .sfu-cs-course-table__headings .sfu-cs-heading__schedule,#cs-course .sfu-cs-course-table__headings .sfu-cs-course__schedule,#cs-course .sfu-cs-course .sfu-cs-heading__schedule,#cs-course .sfu-cs-course .sfu-cs-course__schedule {
        margin-left: 3rem;
        grid-column: 1/-1;
        padding-top: 0;
        grid-row: 5;
        padding-bottom: 0
    }

    #cs-course .sfu-cs-course-table__headings .sfu-cs-heading__action,#cs-course .sfu-cs-course-table__headings .sfu-cs-course__action,#cs-course .sfu-cs-course .sfu-cs-heading__action,#cs-course .sfu-cs-course .sfu-cs-course__action {
        grid-column: 3;
        display: block
    }
}

@media(min-width: 1150px) {
    #cs-course .sfu-cs-course-table__headings,#cs-course .sfu-cs-course {
        grid-template-columns:2.5fr 1.5fr repeat(2,1fr) 1fr 1.25fr
    }

    #cs-course .sfu-cs-course-table__headings .sfu-cs-heading__schedule,#cs-course .sfu-cs-course .sfu-cs-heading__schedule {
        display: none
    }

    #cs-course .sfu-cs-course-table__headings .sfu-cs-course__schedule,#cs-course .sfu-cs-course .sfu-cs-course__schedule {
        display: none;
        margin-left: 3rem;
        grid-column: 1;
        grid-row: 2;
        padding-top: 0;
        padding-bottom: 0
    }

    #cs-course .sfu-cs-course-table__headings .sfu-cs-course__schedule .cell-heading,#cs-course .sfu-cs-course .sfu-cs-course__schedule .cell-heading {
        display: block
    }
}

@media(min-width: 1150px) and (max-width:1380px) {
    #cs-course .sfu-cs-course-table__headings,#cs-course .sfu-cs-course {
        grid-template-columns:2.25fr 1.25fr 1.25fr 1fr 1.05fr 1.25fr
    }
}

#cs-course .sfu-cs-course-table__headings .cell-value div ul,#cs-course .sfu-cs-course .cell-value div ul {
    margin-bottom: 2rem
}

#cs-course .sfu-cs-course-table__headings .cell-value div ul li,#cs-course .sfu-cs-course .cell-value div ul li {
    line-height: 2.2rem
}

#cs-course .sfu-cs-course-table__headings .cell-value div ul li:first-child,#cs-course .sfu-cs-course .cell-value div ul li:first-child {
    padding-top: 0
}

#cs-course .sfu-cs-course-table__headings .cell-value div ul li:last-child,#cs-course .sfu-cs-course .cell-value div ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

#cs-course .sfu-cs-course-table__headings .course-expander,#cs-course .sfu-cs-course .course-expander {
    display: flex
}

#cs-course .sfu-cs-course-table__headings .course-expander+.cell-value,#cs-course .sfu-cs-course .course-expander+.cell-value {
    margin-left: 2.8rem
}

#cs-course .sfu-cs-course-table__headings.open .sfu-cs-heading__start-date {
    margin-left: 0
}

#cs-course .sfu-cs-course.open div {
    display: block
}

#cs-course .sfu-cs-course.open [data-sort],#cs-course .sfu-cs-course.open .sfu-cs-course__schedule {
    margin-left: 0
}

#cs-course .sfu-cs-course.open .course-expander {
    display: none
}

#cs-course .sfu-cs-course.open .course-expander+.cell-value {
    margin-left: 0
}

#cs-course div.sfu-cs-course__start-date[data-sortstring="99991231"]+div.sfu-cs-course__schedule .cell-heading {
    display: none
}

@media(min-width: 1150px) {
    #cs-course div.sfu-cs-course__start-date[data-sortstring="99991231"] .course-expander {
        display:none
    }
}

@media(max-width: 1149px) {
    #cs-instructor-profile .sfu-cs-course-table__headings,#cs-instructor-profile .sfu-cs-course {
        grid-template-columns:repeat(2,1fr)
    }

    #cs-instructor-profile .sfu-cs-course-table__headings .sfu-cs-heading__location,#cs-instructor-profile .sfu-cs-course-table__headings .sfu-cs-heading__area-of-study,#cs-instructor-profile .sfu-cs-course-table__headings .sfu-cs-course__location,#cs-instructor-profile .sfu-cs-course-table__headings .sfu-cs-course__area-of-study,#cs-instructor-profile .sfu-cs-course .sfu-cs-heading__location,#cs-instructor-profile .sfu-cs-course .sfu-cs-heading__area-of-study,#cs-instructor-profile .sfu-cs-course .sfu-cs-course__location,#cs-instructor-profile .sfu-cs-course .sfu-cs-course__area-of-study {
        display: none;
        align-self: flex-start
    }

    #cs-instructor-profile .sfu-cs-course-table__headings .sfu-cs-heading__location .cell-heading,#cs-instructor-profile .sfu-cs-course-table__headings .sfu-cs-heading__area-of-study .cell-heading,#cs-instructor-profile .sfu-cs-course-table__headings .sfu-cs-course__location .cell-heading,#cs-instructor-profile .sfu-cs-course-table__headings .sfu-cs-course__area-of-study .cell-heading,#cs-instructor-profile .sfu-cs-course .sfu-cs-heading__location .cell-heading,#cs-instructor-profile .sfu-cs-course .sfu-cs-heading__area-of-study .cell-heading,#cs-instructor-profile .sfu-cs-course .sfu-cs-course__location .cell-heading,#cs-instructor-profile .sfu-cs-course .sfu-cs-course__area-of-study .cell-heading {
        display: block
    }

    #cs-instructor-profile .sfu-cs-course-table__headings .sfu-cs-heading__location,#cs-instructor-profile .sfu-cs-course-table__headings .sfu-cs-course__location,#cs-instructor-profile .sfu-cs-course .sfu-cs-heading__location,#cs-instructor-profile .sfu-cs-course .sfu-cs-course__location {
        grid-column: 1;
        grid-row: 2;
        border-top: 1px solid #ddd;
        margin-left: 3rem
    }

    #cs-instructor-profile .sfu-cs-course-table__headings .sfu-cs-heading__area-of-study,#cs-instructor-profile .sfu-cs-course-table__headings .sfu-cs-course__area-of-study,#cs-instructor-profile .sfu-cs-course .sfu-cs-heading__area-of-study,#cs-instructor-profile .sfu-cs-course .sfu-cs-course__area-of-study {
        grid-column: 2;
        grid-row: 2;
        border-top: 1px solid #ddd
    }

    #cs-instructor-profile .sfu-cs-course-table__headings .sfu-cs-heading .sfu-cs-course__location,#cs-instructor-profile .sfu-cs-course-table__headings .sfu-cs-course .sfu-cs-course__location,#cs-instructor-profile .sfu-cs-course .sfu-cs-heading .sfu-cs-course__location,#cs-instructor-profile .sfu-cs-course .sfu-cs-course .sfu-cs-course__location {
        margin-left: 3rem
    }

    #cs-instructor-profile .sfu-cs-course-table__headings .sfu-cs-heading__course-name,#cs-instructor-profile .sfu-cs-course .sfu-cs-heading__course-name {
        margin-left: 3rem
    }
}

@media(min-width: 1150px) {
    #cs-instructor-profile .sfu-cs-course-table__headings,#cs-instructor-profile .sfu-cs-course {
        grid-template-columns:1.25fr repeat(3,1fr)
    }
}

#cs-instructor-profile .sfu-cs-course-table__headings .course-expander,#cs-instructor-profile .sfu-cs-course .course-expander {
    display: none
}

@media(max-width: 1149px) {
    #cs-instructor-profile .sfu-cs-course-table__headings .course-expander,#cs-instructor-profile .sfu-cs-course .course-expander {
        display:flex
    }

    #cs-instructor-profile .sfu-cs-course-table__headings .course-expander+.cell-value,#cs-instructor-profile .sfu-cs-course .course-expander+.cell-value {
        display: flex;
        margin-left: 3rem
    }
}

#cs-instructor-profile .sfu-cs-course-table__headings.open .sfu-cs-heading__course-name {
    margin-left: 0
}

#cs-instructor-profile .sfu-cs-course.open div {
    display: block
}

#cs-instructor-profile .sfu-cs-course.open [data-sort] {
    margin-left: 0
}

#cs-instructor-profile .sfu-cs-course.open .course-expander {
    display: none
}

#cs-instructor-profile .sfu-cs-course.open .course-expander+.cell-value {
    margin-left: 0
}

html[data-page-template=basic-home] .page-content .sfu-cs-cart__content {
    width: 100%;
    margin: 1.5rem auto;
    padding: 0 1.5rem
}

@media(max-width: 1799px) {
    html[data-page-template=basic-home] .page-content .sfu-cs-cart__content {
        max-width:1420px
    }
}

@media(min-width: 1800px) {
    html[data-page-template=basic-home] .page-content .sfu-cs-cart__content {
        max-width:1820px
    }
}

@media(min-width: 980px) {
    html[data-page-template=basic-page] .page-content.third-col .sfu-cs-cart.main .sfu-cs-cart__content {
        visibility:hidden
    }
}

@media(max-width: 979px) {
    html[data-page-template=basic-page] .page-content.third-col .sfu-cs-cart.third-col {
        display:none
    }
}

html[data-page-template=basic-page] .page-content .sfu-cs-cart__content {
    margin-top: 0;
    margin-bottom: 1.5rem
}

@media(min-width: 980px) {
    html[data-page-template=basic-page][data-hide-breadcrumb][data-no-side-navigation] .page-content .sfu-cs-cart__content {
        margin-top:1rem
    }
}

@media(max-width: 979px) {
    html[data-page-template=basic-page][data-hide-breadcrumb] .page-content .sfu-cs-cart__content {
        margin-top:1rem
    }
}

.main__content .sfu-cs-cart__content {
    display: flex;
    justify-content: flex-end
}

.main__content .sfu-cs-cart__btn {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    color: var(--sfu-colour-p4);
    background-color: var(--sfu-colour-p1);
    border-color: var(--sfu-colour-p1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    padding-left: 1rem;
    padding-right: 1rem;
    user-select: none;
    position: relative;
    width: 10.5rem
}

@media(any-hover: hover) {
    .main__content .sfu-cs-cart__btn:hover {
        color:var(--sfu-colour-p1);
        background-color: var(--sfu-colour-transparent);
        border-color: var(--sfu-colour-p1)
    }
}

.main__content .sfu-cs-cart__btn span.icon {
    width: 1.8rem
}

.main__content .sfu-cs-cart__btn span.icon::before {
    margin-right: 0
}

.main__content .sfu-cs-cart__btn::before {
    content: attr(data-cart-count);
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--bold);
    font-stretch: var(--sfu-font-stretch--normal);
    color: var(--sfu-colour-p1);
    background-color: var(--sfu-colour-p4);
    border: 1px solid var(--sfu-colour-p1);
    border-radius: 50%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 0;
    transform: translate(-50%,-50%);
    letter-spacing: -0.05rem;
    pointer-events: none
}

.main__content .sfu-cs-cart__btn[data-cart-count="0"] {
    border-color: var(--sfu-colour-s8);
    background-color: var(--sfu-colour-s8);
    color: var(--sfu-colour-p4);
    pointer-events: none
}

.main__content .sfu-cs-cart__btn[data-cart-count="0"]::before {
    color: var(--sfu-colour-s8);
    border: 1px solid var(--sfu-colour-s8)
}

@media(max-width: 1149px) {
    #cs-program .sfu-cs-course-table__headings,#cs-program .sfu-cs-course {
        grid-template-columns:2fr repeat(3,1fr)
    }

    #cs-program .sfu-cs-course-table__headings .sfu-cs-heading__course-name,#cs-program .sfu-cs-course .sfu-cs-heading__course-name {
        margin-left: 3rem
    }

    #cs-program .sfu-cs-course-table__headings .sfu-cs-heading__instructor,#cs-program .sfu-cs-course-table__headings .sfu-cs-heading__cost,#cs-program .sfu-cs-course-table__headings .sfu-cs-heading__seats-available,#cs-program .sfu-cs-course-table__headings .sfu-cs-heading__action,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__instructor,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__cost,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__seats-available,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__action,#cs-program .sfu-cs-course .sfu-cs-heading__instructor,#cs-program .sfu-cs-course .sfu-cs-heading__cost,#cs-program .sfu-cs-course .sfu-cs-heading__seats-available,#cs-program .sfu-cs-course .sfu-cs-heading__action,#cs-program .sfu-cs-course .sfu-cs-course__instructor,#cs-program .sfu-cs-course .sfu-cs-course__cost,#cs-program .sfu-cs-course .sfu-cs-course__seats-available,#cs-program .sfu-cs-course .sfu-cs-course__action {
        display: none;
        align-self: flex-start
    }

    #cs-program .sfu-cs-course-table__headings .sfu-cs-heading__instructor .cell-heading,#cs-program .sfu-cs-course-table__headings .sfu-cs-heading__cost .cell-heading,#cs-program .sfu-cs-course-table__headings .sfu-cs-heading__seats-available .cell-heading,#cs-program .sfu-cs-course-table__headings .sfu-cs-heading__action .cell-heading,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__instructor .cell-heading,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__cost .cell-heading,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__seats-available .cell-heading,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__action .cell-heading,#cs-program .sfu-cs-course .sfu-cs-heading__instructor .cell-heading,#cs-program .sfu-cs-course .sfu-cs-heading__cost .cell-heading,#cs-program .sfu-cs-course .sfu-cs-heading__seats-available .cell-heading,#cs-program .sfu-cs-course .sfu-cs-heading__action .cell-heading,#cs-program .sfu-cs-course .sfu-cs-course__instructor .cell-heading,#cs-program .sfu-cs-course .sfu-cs-course__cost .cell-heading,#cs-program .sfu-cs-course .sfu-cs-course__seats-available .cell-heading,#cs-program .sfu-cs-course .sfu-cs-course__action .cell-heading {
        display: block
    }

    #cs-program .sfu-cs-course-table__headings .sfu-cs-heading__course-name,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__course-name,#cs-program .sfu-cs-course .sfu-cs-heading__course-name,#cs-program .sfu-cs-course .sfu-cs-course__course-name {
        grid-column: 1/3
    }

    #cs-program .sfu-cs-course-table__headings .sfu-cs-heading__instructor,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__instructor,#cs-program .sfu-cs-course .sfu-cs-heading__instructor,#cs-program .sfu-cs-course .sfu-cs-course__instructor {
        margin-left: 3rem;
        border-top: 1px solid #ddd;
        grid-column: 1;
        grid-row: 2
    }

    #cs-program .sfu-cs-course-table__headings .sfu-cs-heading__cost,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__cost,#cs-program .sfu-cs-course .sfu-cs-heading__cost,#cs-program .sfu-cs-course .sfu-cs-course__cost {
        grid-column: 2;
        border-top: 1px solid #ddd;
        grid-row: 2
    }

    #cs-program .sfu-cs-course-table__headings .sfu-cs-heading__seats-available,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__seats-available,#cs-program .sfu-cs-course .sfu-cs-heading__seats-available,#cs-program .sfu-cs-course .sfu-cs-course__seats-available {
        grid-column: 3;
        border-top: 1px solid #ddd;
        grid-row: 2
    }

    #cs-program .sfu-cs-course-table__headings .sfu-cs-heading__action,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__action,#cs-program .sfu-cs-course .sfu-cs-heading__action,#cs-program .sfu-cs-course .sfu-cs-course__action {
        justify-self: left;
        border-top: 1px solid #ddd;
        grid-column: 4/-1;
        grid-row: 2
    }

    #cs-program .sfu-cs-course-table__headings .sfu-cs-heading__action .cell-heading,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__action .cell-heading,#cs-program .sfu-cs-course .sfu-cs-heading__action .cell-heading,#cs-program .sfu-cs-course .sfu-cs-course__action .cell-heading {
        display: none
    }
}

@media(max-width: 754px) {
    #cs-program .sfu-cs-course-table__headings,#cs-program .sfu-cs-course {
        grid-template-columns:1fr 1fr
    }

    #cs-program .sfu-cs-course-table__headings .sfu-cs-heading__location,#cs-program .sfu-cs-course-table__headings .sfu-cs-heading__instructor,#cs-program .sfu-cs-course-table__headings .sfu-cs-heading__cost,#cs-program .sfu-cs-course-table__headings .sfu-cs-heading__seats-available,#cs-program .sfu-cs-course-table__headings .sfu-cs-heading__action,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__location,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__instructor,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__cost,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__seats-available,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__action,#cs-program .sfu-cs-course .sfu-cs-heading__location,#cs-program .sfu-cs-course .sfu-cs-heading__instructor,#cs-program .sfu-cs-course .sfu-cs-heading__cost,#cs-program .sfu-cs-course .sfu-cs-heading__seats-available,#cs-program .sfu-cs-course .sfu-cs-heading__action,#cs-program .sfu-cs-course .sfu-cs-course__location,#cs-program .sfu-cs-course .sfu-cs-course__instructor,#cs-program .sfu-cs-course .sfu-cs-course__cost,#cs-program .sfu-cs-course .sfu-cs-course__seats-available,#cs-program .sfu-cs-course .sfu-cs-course__action {
        display: none;
        align-self: flex-start
    }

    #cs-program .sfu-cs-course-table__headings .sfu-cs-heading__location .cell-heading,#cs-program .sfu-cs-course-table__headings .sfu-cs-heading__instructor .cell-heading,#cs-program .sfu-cs-course-table__headings .sfu-cs-heading__cost .cell-heading,#cs-program .sfu-cs-course-table__headings .sfu-cs-heading__seats-available .cell-heading,#cs-program .sfu-cs-course-table__headings .sfu-cs-heading__action .cell-heading,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__location .cell-heading,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__instructor .cell-heading,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__cost .cell-heading,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__seats-available .cell-heading,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__action .cell-heading,#cs-program .sfu-cs-course .sfu-cs-heading__location .cell-heading,#cs-program .sfu-cs-course .sfu-cs-heading__instructor .cell-heading,#cs-program .sfu-cs-course .sfu-cs-heading__cost .cell-heading,#cs-program .sfu-cs-course .sfu-cs-heading__seats-available .cell-heading,#cs-program .sfu-cs-course .sfu-cs-heading__action .cell-heading,#cs-program .sfu-cs-course .sfu-cs-course__location .cell-heading,#cs-program .sfu-cs-course .sfu-cs-course__instructor .cell-heading,#cs-program .sfu-cs-course .sfu-cs-course__cost .cell-heading,#cs-program .sfu-cs-course .sfu-cs-course__seats-available .cell-heading,#cs-program .sfu-cs-course .sfu-cs-course__action .cell-heading {
        display: block
    }

    #cs-program .sfu-cs-course-table__headings .sfu-cs-heading__course-name,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__course-name,#cs-program .sfu-cs-course .sfu-cs-heading__course-name,#cs-program .sfu-cs-course .sfu-cs-course__course-name {
        grid-column: 1
    }

    #cs-program .sfu-cs-course-table__headings .sfu-cs-heading__location,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__location,#cs-program .sfu-cs-course .sfu-cs-heading__location,#cs-program .sfu-cs-course .sfu-cs-course__location {
        margin-left: 3rem;
        grid-column: 1;
        grid-row: 2;
        border-top: 1px solid #ddd
    }

    #cs-program .sfu-cs-course-table__headings .sfu-cs-heading__instructor,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__instructor,#cs-program .sfu-cs-course .sfu-cs-heading__instructor,#cs-program .sfu-cs-course .sfu-cs-course__instructor {
        grid-column: 2;
        margin-left: 0;
        grid-row: 2
    }

    #cs-program .sfu-cs-course-table__headings .sfu-cs-heading__cost,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__cost,#cs-program .sfu-cs-course .sfu-cs-heading__cost,#cs-program .sfu-cs-course .sfu-cs-course__cost {
        grid-column: 1;
        margin-left: 3rem;
        grid-row: 3
    }

    #cs-program .sfu-cs-course-table__headings .sfu-cs-heading__seats-available,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__seats-available,#cs-program .sfu-cs-course .sfu-cs-heading__seats-available,#cs-program .sfu-cs-course .sfu-cs-course__seats-available {
        grid-column: 2;
        grid-row: 3
    }

    #cs-program .sfu-cs-course-table__headings .sfu-cs-heading__action,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__action,#cs-program .sfu-cs-course .sfu-cs-heading__action,#cs-program .sfu-cs-course .sfu-cs-course__action {
        grid-row: 4;
        grid-column: 1/-1;
        margin-left: 3rem;
        border-top: 0;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        margin-right: 0
    }

    #cs-program .sfu-cs-course-table__headings .sfu-cs-heading__action .cell-heading,#cs-program .sfu-cs-course-table__headings .sfu-cs-course__action .cell-heading,#cs-program .sfu-cs-course .sfu-cs-heading__action .cell-heading,#cs-program .sfu-cs-course .sfu-cs-course__action .cell-heading {
        display: none
    }
}

@media(min-width: 1150px) {
    #cs-program .sfu-cs-course-table__headings,#cs-program .sfu-cs-course {
        grid-template-columns:2.5fr repeat(3,1fr) .75fr 1fr 1.25fr
    }

    #cs-program .sfu-cs-course-table__headings .course-expander,#cs-program .sfu-cs-course .course-expander {
        display: none
    }
}

@media(min-width: 1150px) and (max-width:1380px) {
    #cs-program .sfu-cs-course-table__headings,#cs-program .sfu-cs-course {
        grid-template-columns:1.75fr repeat(2,1fr) 1.05fr .75fr 1fr 15.7rem
    }

    #cs-program .sfu-cs-course-table__headings div.sfu-cs-course__action,#cs-program .sfu-cs-course div.sfu-cs-course__action {
        width: auto
    }
}

@media(max-width: 1149px) {
    #cs-program .sfu-cs-course-table__headings .course-expander,#cs-program .sfu-cs-course .course-expander {
        display:flex
    }

    #cs-program .sfu-cs-course-table__headings .course-expander+.cell-value,#cs-program .sfu-cs-course .course-expander+.cell-value {
        display: flex;
        margin-left: 3rem
    }
}

#cs-program .sfu-cs-course-table__headings.open .sfu-cs-heading__course-name {
    margin-left: 0
}

#cs-program .sfu-cs-course.open div {
    display: block
}

#cs-program .sfu-cs-course.open [data-sort] {
    margin-left: 0rem
}

@media(max-width: 754px) {
    #cs-program .sfu-cs-course.open .sfu-cs-course__action {
        margin-left:1.5rem
    }
}

#cs-program .sfu-cs-course.open .course-expander {
    display: none
}

#cs-program .sfu-cs-course.open .course-expander+.cell-value {
    margin-left: 0
}

@charset "UTF-8";.sfu-cs-course-table__headings {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    font-size: 1.5rem;
    line-height: 2rem;
    text-transform: uppercase
}

.sfu-cs-course-table .sfu-cs-course {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--light);
    font-stretch: var(--sfu-font-stretch--normal);
    font-size: 1.6rem;
    line-height: 2.2rem
}

.sfu-cs-course-table .sfu-cs-course a {
    color: var(--sfu-colour-s5)
}

@media(any-hover: hover) {
    .sfu-cs-course-table .sfu-cs-course a:hover {
        color:var(--sfu-colour-p1);
        background: 0;
        text-decoration: underline
    }
}

.sfu-cs-course-table__headings,.sfu-cs-course-table .sfu-cs-course {
    display: grid;
    grid-column-gap: 0
}

.sfu-cs-course-table__headings ul,.sfu-cs-course-table .sfu-cs-course ul {
    padding-left: 0
}

.sfu-cs-course-table__headings ul li,.sfu-cs-course-table .sfu-cs-course ul li {
    font-size: 1.5rem;
    border-bottom: 1px solid var(--sfu-colour-s9);
    margin: 0;
    padding: 1rem 0
}

.sfu-cs-course-table__headings ul li::before,.sfu-cs-course-table .sfu-cs-course ul li::before {
    content: unset
}

.sfu-cs-course-table .sfu-cs-course>div {
    padding: 2rem 1.5rem
}

.sfu-cs-course-table__headings>div {
    padding: 1.5rem
}

.sfu-cs-course-table__headings>div .sorter-container {
    display: flex;
    cursor: pointer;
    position: relative;
    height: 100%;
    width: fit-content
}

.sfu-cs-course-table__headings>div .sorter-container[data-sort=asc] div.sorter span.desc {
    visibility: hidden
}

.sfu-cs-course-table__headings>div .sorter-container[data-sort=desc] div.sorter span.asc {
    visibility: hidden
}

.sfu-cs-course-table__headings>div .sorter-container__heading {
    float: left;
    width: auto;
    margin-right: .5rem;
    align-self: flex-end
}

.sfu-cs-course-table__headings>div .sorter-container__pseudo-heading {
    position: absolute;
    visibility: hidden;
    inset: auto 0 0;
    padding-right: .5rem
}

.sfu-cs-course-table__headings>div .sorter-container__pseudo-heading-text__last-word {
    position: relative
}

.sfu-cs-course-table__headings>div .sorter-container__pseudo-heading-text__last-word .sorter {
    margin-left: .5rem;
    transform: translateY(0.1rem)
}

.sfu-cs-course-table__headings>div .sorter-container:after {
    clear: both
}

@media(min-width: 1150px) {
    .sfu-cs-course-table__headings>div {
        padding:2rem 1.5rem
    }
}

.sfu-cs-course-table .sfu-cs-course {
    background-color: var(--sfu-colour-transparent)
}

@media(max-width: 1149px) {
    .sfu-cs-course-table .sfu-cs-course {
        row-gap:0
    }
}

.sfu-cs-course-table .sfu-cs-course .cell-heading {
    display: none;
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--bold);
    font-stretch: var(--sfu-font-stretch--normal);
    font-size: 1.1rem;
    line-height: 1.4rem;
    text-transform: uppercase;
    margin-bottom: .5rem
}

@media(max-width: 1149px) {
    .sfu-cs-course-table .sfu-cs-course .cell-heading {
        color:var(--sfu-colour-s1)
    }
}

.sfu-cs-course-table .sfu-cs-course.hide {
    display: none
}

.sfu-cs-course-table .sfu-cs-course:nth-child(even) {
    background-color: var(--sfu-colour-s3)
}

.sfu-cs-course-table .sfu-cs-heading__action {
    visibility: hidden
}

.sfu-cs-course-table div.sfu-cs-course__action {
    justify-self: end;
    margin-right: 1.5rem;
    padding: 2rem 0
}

.sfu-cs-course-table div.sfu-cs-course__action .register a,.sfu-cs-course-table div.sfu-cs-course__action .join-waitlist a {
    width: 14.2rem
}

.sfu-cs-course-table div.sfu-cs-course__action .register a.reserve:not(.add-to-cart):not(.add-to-cart-error-msg__email) {
    display: none
}

.sfu-cs-course-table div.sfu-cs-course__action .register a.add-to-cart {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none
}

.sfu-cs-course-table div.sfu-cs-course__action .register a.add-to-cart::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    border: 1px solid var(--sfu-colour-p1);
    pointer-events: none
}

.sfu-cs-course-table div.sfu-cs-course__action .register a.add-to-cart .add-to-cart__wrapper {
    width: 300%;
    display: flex;
    flex-wrap: nowrap
}

.sfu-cs-course-table div.sfu-cs-course__action .register a.add-to-cart .add-to-cart__wrapper>span {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem
}

.sfu-cs-course-table div.sfu-cs-course__action .register a.add-to-cart .add-to-cart__wrapper>span.add-span,.sfu-cs-course-table div.sfu-cs-course__action .register a.add-to-cart .add-to-cart__wrapper>span.checkout-span {
    color: var(--sfu-colour-p4);
    background-color: var(--sfu-colour-p1);
    border-color: var(--sfu-colour-p1)
}

@media(any-hover: hover) {
    .sfu-cs-course-table div.sfu-cs-course__action .register a.add-to-cart .add-to-cart__wrapper>span.add-span:hover,.sfu-cs-course-table div.sfu-cs-course__action .register a.add-to-cart .add-to-cart__wrapper>span.checkout-span:hover {
        color:var(--sfu-colour-p1);
        background-color: var(--sfu-colour-p4);
        border-color: var(--sfu-colour-p1)
    }
}

.sfu-cs-course-table div.sfu-cs-course__action .register a.add-to-cart .add-to-cart__wrapper>span.adding-span {
    background-color: var(--sfu-colour-p4);
    border-color: var(--sfu-colour-p1);
    color: var(--sfu-colour-p1);
    border-left: 0;
    border-right: 0;
    pointer-events: none
}

.sfu-cs-course-table div.sfu-cs-course__action .register a.add-to-cart .add-to-cart__wrapper>span.adding-span::after {
    content: "";
    display: inline-block;
    text-align: left;
    width: 1em;
    margin-left: .15em;
    letter-spacing: .1rem
}

.sfu-cs-course-table div.sfu-cs-course__action .register a.add-to-cart .add-to-cart__wrapper>span.checkout-span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    pointer-events: none
}

.sfu-cs-course-table div.sfu-cs-course__action .register a.add-to-cart .add-to-cart__wrapper>span.checkout-span .icon::before {
    margin-right: 0
}

.sfu-cs-course-table div.sfu-cs-course__action .register a.add-to-cart.adding {
    pointer-events: none
}

.sfu-cs-course-table div.sfu-cs-course__action .register a.add-to-cart.adding .add-to-cart__wrapper {
    transform: translateX(-33.33333%)
}

.sfu-cs-course-table div.sfu-cs-course__action .register a.add-to-cart.adding .add-to-cart__wrapper>span.adding-span::after {
    content: " ";
    animation: loading-dots 1.2s steps(4,end) infinite
}

.sfu-cs-course-table div.sfu-cs-course__action .register a.add-to-cart.added .add-to-cart__wrapper {
    transform: translateX(-66.66667%)
}

.sfu-cs-course-table div.sfu-cs-course__action .register a.add-to-cart.added .add-to-cart__wrapper>span.checkout-span {
    pointer-events: all
}

.sfu-cs-course-table div.sfu-cs-course__action .register a.add-to-cart.adding .add-to-cart__wrapper,.sfu-cs-course-table div.sfu-cs-course__action .register a.add-to-cart.added .add-to-cart__wrapper {
    transition: transform .5s;
    transition-timing-function: cubic-bezier(0.66,0,0.34,1)
}

.sfu-cs-course-table div.sfu-cs-course__action .register a.add-to-cart.adding .add-to-cart__wrapper>span.add-span,.sfu-cs-course-table div.sfu-cs-course__action .register a.add-to-cart.added .add-to-cart__wrapper>span.add-span {
    pointer-events: none
}

.sfu-cs-course-table div.sfu-cs-course__action .register span.add-to-cart-error-msg {
    display: block;
    font-size: 1.3rem;
    line-height: 2.2rem;
    color: var(--sfu-colour-s6);
    text-align: left
}

.sfu-cs-course-table div.sfu-cs-course__action .register span.add-to-cart-error-msg a {
    display: inline
}

.sfu-cs-course-table div.sfu-cs-course__action .register span.add-to-cart-error-msg+a.add-to-cart {
    display: none
}

.sfu-cs-course-table div.sfu-cs-course__action .join-waitlist a {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    color: var(--sfu-colour-s1);
    background-color: var(--sfu-colour-p4);
    border-color: var(--sfu-colour-s1);
    padding-left: 1rem;
    padding-right: 1rem
}

@media(any-hover: hover) {
    .sfu-cs-course-table div.sfu-cs-course__action .join-waitlist a:hover {
        color:var(--sfu-colour-p1);
        background-color: var(--sfu-colour-p4);
        border-color: var(--sfu-colour-p1)
    }
}

.sfu-cs-course-table div.sfu-cs-course__action:not(:has(a)) {
    justify-self: start
}

.sfu-cs-course-table__headings {
    background: var(--sfu-colour-p2);
    color: var(--sfu-colour-p4)
}

.sfu-cs-course-table__headings>div.sortable .sorter {
    position: absolute;
    left: 100%;
    bottom: .5rem;
    display: grid;
    visibility: visible
}

.sfu-cs-course-table__headings>div.sortable .sorter span {
    line-height: .5rem
}

.sfu-cs-course-table .sfu-cs-course-table__footer {
    display: grid;
    grid-template-columns: 1fr;
    padding-top: 3rem;
    border-top: 1px solid var(--sfu-colour-s9)
}

.sfu-cs-course-table .sfu-cs-course-table__counter {
    grid-row: 1;
    grid-column: 1;
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--bold);
    font-stretch: var(--sfu-font-stretch--normal);
    font-size: 1.4rem;
    margin-left: 1.5rem;
    text-transform: uppercase
}

.sfu-cs-course-table .sfu-cs-course-table__show-more {
    grid-row: 1;
    grid-column: 1;
    grid-row: 2;
    margin-top: 3rem;
    margin-left: 1.5rem
}

@media(min-width: 755px) {
    .sfu-cs-course-table .sfu-cs-course-table__show-more {
        grid-row:1;
        justify-self: center;
        margin-top: 0;
        margin-left: 0
    }
}

.sfu-cs-course-table .sfu-cs-course-table__show-more.hide {
    display: none
}

.sfu-cs-course-table .sfu-cs-course-table__show-more span {
    display: inline-block;
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    color: var(--sfu-colour-p4);
    background-color: var(--sfu-colour-p1);
    border-color: var(--sfu-colour-p1);
    cursor: pointer
}

@media(any-hover: hover) {
    .sfu-cs-course-table .sfu-cs-course-table__show-more span:hover {
        color:var(--sfu-colour-p1);
        background-color: var(--sfu-colour-transparent);
        border-color: var(--sfu-colour-p1)
    }
}

@media(max-width: 754px) {
    .sfu-cs-course-table .sfu-cs-course-table__show-more span {
        display:block
    }
}

.sfu-cs-course-table span.asc:before,.sfu-cs-course-table span.desc:before {
    font-family: var(--sfu-font-icon-1);
    font-size: 1.2rem
}

.sfu-cs-course-table span.asc:before {
    content: ""
}

.sfu-cs-course-table span.desc:before {
    content: ""
}

.sfu-cs-course-table .course-expander:before {
    content: "+";
    color: var(--sfu-colour-p1);
    font-size: 2.8rem;
    position: absolute;
    cursor: pointer
}

.sfu-cs-course-table .course-expander.expanded:before {
    content: "–"
}

.sfu-cs-course-table #cs-course .sfu-cs-course.open div,.sfu-cs-course-table #cs-instructor-profile .sfu-cs-course.open div,.sfu-cs-course-table #cs-program .sfu-cs-course.open div {
    display: block
}

@keyframes loading-dots {
    0 {
        content: ""
    }

    25% {
        content: "."
    }

    50% {
        content: ".."
    }

    75% {
        content: "..."
    }
}

#program-page-mobile-nav {
    display: none
}

@media(max-width: 979px) {
    #program-page-mobile-nav {
        display:block;
        position: fixed;
        background: var(--sfu-colour-s3);
        width: 100%;
        bottom: 0;
        z-index: 999
    }

    #program-page-mobile-nav h5 {
        font-family: var(--sfu-font-body);
        font-weight: var(--sfu-font-weight--heavy);
        font-stretch: var(--sfu-font-stretch--condensed);
        text-transform: uppercase;
        font-size: 1.1rem;
        background: var(--sfu-colour-p1);
        color: var(--sfu-colour-p4);
        padding: .7rem 1.5rem
    }

    #program-page-mobile-links {
        margin: 1.2rem 0 0 1.5rem
    }

    #program-page-mobile-links li {
        list-style: none;
        display: inline-block;
        margin-right: 2rem;
        margin-bottom: 1.2rem
    }

    #program-page-mobile-links li:last-child {
        margin-bottom: 2.5rem
    }

    #program-page-mobile-links li a {
        font-family: var(--sfu-font-body);
        font-weight: var(--sfu-font-weight--light);
        font-stretch: var(--sfu-font-stretch--normal);
        font-size: 1.1rem;
        text-decoration: none;
        color: var(--sfu-colour-s1)
    }
}

@media(max-width: 979px) and (any-hover:hover) {
    #program-page-mobile-links li a:hover {
        color:var(--sfu-colour-p1);
        background: 0;
        text-decoration: underline
    }
}

@media(max-width: 979px) {
    #program-page-mobile-links li.active a {
        color:var(--sfu-colour-p1)
    }
}

html.menu-open #program-page-mobile-nav {
    display: none
}

.split-list table {
    margin-bottom: 2em;
    width: 100%;
    border-collapse: collapse;
    border-color: none;
    overflow-x: visible
}

.split-list table {
    overflow-x: visible
}

.split-list table tr {
    border-bottom: 1px dotted #ccc;
    width: 100%
}

.split-list table tr:nth-last-child(1) {
    border-bottom: 0
}

.split-list table th {
    background: 0;
    color: #444;
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--normal);
    padding: 1em 0 .5em .25em;
    border-bottom: 0;
    width: 25%
}

.split-list table td,th {
    text-align: left
}

.externalFeed.no-grid .rssBody ul li {
    display: block
}

.externalFeed.no-grid .rssBody ul li img {
    width: auto;
    max-width: 100%;
    height: auto
}

#formerror {
    display: grid;
    grid-template-columns: 1fr 4fr;
    padding: 1.5rem
}

@media(min-width: 528px) {
    #formerror {
        grid-template-columns:1fr 11fr
    }
}

#formerror>div.c1,#formerror div.c2 {
    grid-row: 1
}

#formerror>div.c3 {
    display: none;
    grid-column: 1 / -1;
    grid-row: 2
}

#formerror>div.c1:before {
    font-family: var(--sfu-font-icon-1);
    content: "\f12a";
    font-size: 10rem;
    color: var(--sfu-colour-p1)
}

#formerror>div.c2 p {
    margin-bottom: 1.5rem
}

#formerror>div.c2 p a {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    background-color: var(--sfu-colour-transparent);
    border-color: var(--sfu-colour-p1);
    color: var(--sfu-colour-p1)
}

@media(any-hover: hover) {
    #formerror>div.c2 p a:hover {
        color:var(--sfu-colour-p4);
        background-color: var(--sfu-colour-p1)
    }
}

#formerror ~ div.form ~ div {
    display: none
}

div.block.red #formerror>div.c1:before,div.block.col-1-red .c1 #formerror>div.c1:before,div.block.col-2-red .c2 #formerror>div.c1:before,div.block.col-3-red .c3 #formerror>div.c1:before,div.block.col-4-red .c4 #formerror>div.c1:before,div.block.light-red #formerror>div.c1:before,div.block.col-1-light-red .c1 #formerror>div.c1:before,div.block.col-2-light-red .c2 #formerror>div.c1:before,div.block.col-3-light-red .c3 #formerror>div.c1:before,div.block.col-4-light-red .c4 #formerror>div.c1:before {
    color: var(--sfu-colour-p4)
}

div.block.red #formerror>div.c2 p a,div.block.col-1-red .c1 #formerror>div.c2 p a,div.block.col-2-red .c2 #formerror>div.c2 p a,div.block.col-3-red .c3 #formerror>div.c2 p a,div.block.col-4-red .c4 #formerror>div.c2 p a,div.block.light-red #formerror>div.c2 p a,div.block.col-1-light-red .c1 #formerror>div.c2 p a,div.block.col-2-light-red .c2 #formerror>div.c2 p a,div.block.col-3-light-red .c3 #formerror>div.c2 p a,div.block.col-4-light-red .c4 #formerror>div.c2 p a {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    color: var(--sfu-colour-p4);
    background-color: var(--sfu-colour-transparent);
    border-color: var(--sfu-colour-p4)
}

@media(any-hover: hover) {
    div.block.red #formerror>div.c2 p a:hover,div.block.col-1-red .c1 #formerror>div.c2 p a:hover,div.block.col-2-red .c2 #formerror>div.c2 p a:hover,div.block.col-3-red .c3 #formerror>div.c2 p a:hover,div.block.col-4-red .c4 #formerror>div.c2 p a:hover,div.block.light-red #formerror>div.c2 p a:hover,div.block.col-1-light-red .c1 #formerror>div.c2 p a:hover,div.block.col-2-light-red .c2 #formerror>div.c2 p a:hover,div.block.col-3-light-red .c3 #formerror>div.c2 p a:hover,div.block.col-4-light-red .c4 #formerror>div.c2 p a:hover {
        color:var(--sfu-colour-p1);
        background-color: var(--sfu-colour-p4)
    }
}

.page-content__main form div.form+div.field {
    margin-top: 0
}

.page-content__main form div.form+div.field>*:first-child {
    margin-top: 0
}

.page-content__main form div.form+div.field>*:first-child>*:first-child {
    margin-top: 0
}

.page-content__main form div.form+div.sfu-column {
    margin-top: 0
}

.page-content__main form div.sfu-columns>div:not([data-col-collapse]) {
    margin-top: 3rem
}

.page-content__main div.sfu-columns>div[data-col-layout]>div>div.field:first-child {
    margin-top: 0
}

.page-content__main div.sfu-columns>div[data-col-layout]>div>div.field:first-child>*:first-child {
    margin-top: 0
}

.page-content__main div.sfu-columns>div[data-col-layout]>div>div.field:first-child>*:first-child>*:first-child {
    margin-top: 0
}

.page-content__main div.sfu-columns>div[data-col-layout][data-col-collapse] {
    line-height: inherit
}

.page-content__main fieldset,.page-content__main label,.page-content__main input,.page-content__main textarea,.page-content__main select {
    display: block;
    width: 100%;
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--light);
    font-stretch: var(--sfu-font-stretch--normal);
    font-size: 1.8rem
}

.page-content__main input[type=text],.page-content__main input[type=password],.page-content__main input[type=date],.page-content__main input[type=datetime-local],.page-content__main .searchwidget input:not([type=submit]),.page-content__main .search.section input:not([type=submit]),.page-content__main textarea,.page-content__main select {
    border-radius: 0;
    border: 1px solid var(--sfu-colour-s4);
    background-color: var(--sfu-colour-p4)
}

.page-content__main input[type=text],.page-content__main input[type=password],.page-content__main .searchwidget input:not([type=submit]),.page-content__main .search.section input:not([type=submit]),.page-content__main textarea,.page-content__main select {
    max-width: 30em;
    width: 100%
}

.page-content__main input[type=date],.page-content__main input[type=datetime-local] {
    width: 30em;
    max-width: 100%
}

.page-content__main fieldset,.page-content__main label,.page-content__main .form_row button {
    margin: 1em 0 .2em;
    padding: 0
}

.page-content__main input[type=text],.page-content__main input[type=password],.page-content__main .searchwidget input:first-child,.page-content__main .search.section input:first-child,.page-content__main input[type=date],.page-content__main input[type=datetime-local],.page-content__main select {
    height: 2.25em;
    padding: 0 .4em
}

.page-content__main input[type=date],.page-content__main input[type=datetime-local] {
    line-height: 2.15
}

.page-content__main textarea {
    overflow: auto;
    vertical-align: top;
    padding: .25em 0 0 .4em;
    min-height: 4em;
    height: auto;
    line-height: inherit
}

.page-content__main .checkbox-group label,.page-content__main .radio-group label {
    padding-left: 1.5em
}

.page-content__main .checkbox-group label,.page-content__main .radio-group label {
    float: left;
    clear: left;
    width: auto;
    margin-bottom: 0
}

.page-content__main .checkbox-group label:last-child,.page-content__main .radio-group label:last-child {
    margin-bottom: .2em
}

.page-content__main input[type=radio],.page-content__main input[type=checkbox] {
    float: left;
    width: auto;
    padding: .1em 0 0;
    margin-top: .3em;
    margin-left: -1.25em
}

.page-content__main input[type=radio]+b,.page-content__main input[type=checkbox]+b {
    font-weight: normal;
    cursor: pointer;
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--light);
    font-stretch: var(--sfu-font-stretch--normal);
    font-size: 1.7rem
}

.page-content__main .field-description,.page-content__main .form_row_description {
    display: block;
    font-size: .9em
}

.page-content__main .required-error-message,.page-content__main .constraint-error-message {
    display: block;
    margin: .5em 0 .25em;
    border-left: solid 2px;
    padding-left: 8px
}

.page-content__main .required-field:after {
    content: " *"
}

.page-content__main .error input {
    background-color: #fbefef
}

.page-content__main button::-moz-focus-inner,.page-content__main input::-moz-focus-inner {
    border: 0;
    padding: 0
}

.page-content__main legend {
    float: left;
    padding: 0
}

.page-content__main legend+label {
    -webkit-margin-top-collapse: separate
}

.page-content__main form .end .form_rightcol:after {
    content: "";
    clear: both;
    display: block
}

.page-content__main .date-field>b {
    display: block;
    margin-top: 1em
}

.page-content__main .picker:not(.picker--time) .picker__holder {
    overflow-y: hidden
}

.page-content__main input.picker__input {
    display: inline-block;
    margin-bottom: .2em;
    max-width: 14.5em;
    width: 70%
}

.page-content__main .picker__input:nth-child(3) {
    margin-right: 1em
}

.page-content__main .picker__box .table {
    padding: 0
}

.page-content__main .picker__header {
    padding-top: .25em;
    text-transform: uppercase
}

.page-content__main .picker__year,.page-content__main .picker__month {
    font-size: 1.125em;
    font-style: normal
}

.page-content__main .picker__nav--prev,.page-content__main .picker__nav--next {
    box-sizing: content-box;
    top: -0.2em
}

.page-content__main .picker__weekday {
    border-bottom: 0;
    font-size: 1em;
    text-align: center
}

.page-content__main .picker__day--outfocus,.page-content__main .picker__day--outfocus.picker__day--today {
    color: var(--sfu-colour-s3)
}

.page-content__main .picker__day--highlighted {
    background-color: #fed3dd;
    border-color: var(--sfu-colour-p1)
}

@media(any-hover: hover) {
    .page-content__main .picker__nav--prev:hover,.page-content__main .picker__nav--next:hover,.page-content__main .picker__day--infocus:hover,.page-content__main .picker__day--outfocus:hover,.page-content__main .picker__button--today:hover,.page-content__main .picker__button--clear:hover {
        background-color:var(--sfu-colour-p2);
        color: var(--sfu-colour-p4)
    }
}

.page-content__main .picker__day--today {
    color: var(--sfu-colour-p3)
}

.page-content__main .picker__day--today:before {
    border-top-color: var(--sfu-colour-p1)
}

@media(any-hover: hover) {
    .page-content__main .picker__day--selected:hover {
        border-color:var(--sfu-colour-p1)
    }
}

.page-content__main .picker--focused .picker__day--highlighted {
    background-color: var(--sfu-colour-p1);
    border-color: var(--sfu-colour-p1);
    color: var(--sfu-colour-p4)
}

.page-content__main .picker__footer button {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--light);
    font-stretch: var(--sfu-font-stretch--normal);
    font-size: .9em;
    font-weight: normal;
    text-transform: uppercase
}

.page-content__main .picker__button--today,.page-content__main .picker__button--clear {
    margin: 0
}

@media(any-hover: hover) {
    .page-content__main .picker__button--today:hover,.page-content__main .picker__button--clear:hover {
        border-bottom-color:#fed3dd
    }
}

.page-content__main .picker__button--today:focus,.page-content__main .picker__button--clear:focus {
    background-color: #fed3dd;
    border-color: var(--sfu-colour-p1)
}

.page-content__main .picker__button--today:before {
    border-top-color: var(--sfu-colour-p1)
}

.page-content__main .picker__button--clear:before {
    color: var(--sfu-colour-p3);
    font-size: 1.25em;
    top: -0.25em
}

.page-content__main .picker--focused {
    background-color: var(--sfu-colour-p2);
    border-color: var(--sfu-colour-p2)
}

.page-content__main .picker--time .picker__button--clear {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--light);
    font-stretch: var(--sfu-font-stretch--normal);
    font-size: 1em;
    font-weight: normal
}

.page-content__main .picker__list {
    padding-bottom: 1em
}

.page-content__main .picker--time .picker__button--clear:focus {
    background-color: var(--sfu-colour-p1);
    border-color: var(--sfu-colour-p1)
}

@media(any-hover: hover) {
    .page-content__main .picker--time .picker__button--clear:hover {
        background-color:var(--sfu-colour-p1);
        border-color: var(--sfu-colour-p1)
    }
}

.page-content__main input[type=reset] {
    width: auto
}

.page-content__main input[type=file] {
    width: auto
}

.page-content__main div.sfu-columns>div[data-row-full-width] input[type=radio]+border-radius,.page-content__main div.sfu-columns>div[data-col-collapse] input[type=radio]+border-radius,.page-content__main div.sfu-columns>div[data-row-full-width] input[type=checkbox]+border-radius,.page-content__main div.sfu-columns>div[data-col-collapse] input[type=checkbox]+border-radius,.page-content__main div.sfu-columns>div[data-row-full-width] input[type=radio]+b,.page-content__main div.sfu-columns>div[data-col-collapse] input[type=radio]+b,.page-content__main div.sfu-columns>div[data-row-full-width] input[type=checkbox]+b,.page-content__main div.sfu-columns>div[data-col-collapse] input[type=checkbox]+b {
    padding-top: 1rem
}

.page-content__main div.sfu-columns>div form,.page-content__main div.sfu-columns>div form,.page-content__main div.sfu-column>div form,.page-content__main div.sfu-column>div form {
    margin: 0
}

.page-content__main .form_row button,.page-content__main #comments-submit,.page-content__main .login-form input[type=submit],.page-content__main input[type=submit] {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    color: var(--sfu-colour-p4);
    background-color: var(--sfu-colour-p1);
    border-color: var(--sfu-colour-p1)
}

@media(any-hover: hover) {
    .page-content__main .form_row button:hover,.page-content__main #comments-submit:hover,.page-content__main .login-form input[type=submit]:hover,.page-content__main input[type=submit]:hover {
        color:var(--sfu-colour-p1);
        background-color: var(--sfu-colour-transparent);
        border-color: var(--sfu-colour-p1)
    }
}

.page-content__main input[type=reset] {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    background-color: var(--sfu-colour-transparent);
    border-color: var(--sfu-colour-p1);
    color: var(--sfu-colour-p1)
}

@media(any-hover: hover) {
    .page-content__main input[type=reset]:hover {
        color:var(--sfu-colour-p4);
        background-color: var(--sfu-colour-p1)
    }
}

.page-content__main label,.page-content__main label>b,.page-content__main div.date-field>b,.page-content__main div.radio-group>fieldset>legend>b,.page-content__main div.checkbox-group>fieldset>legend>b {
    font-size: 1.5rem;
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--bold);
    font-stretch: var(--sfu-font-stretch--normal);
    margin-bottom: .6rem;
    display: block
}

.page-content__main form input[type=text]::placeholder,.page-content__main textarea::placeholder {
    font-size: 1.7rem;
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--light);
    font-stretch: var(--sfu-font-stretch--normal);
    color: var(--sfu-colour-s4)
}

.page-content__main form span.field-description {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--light);
    font-stretch: var(--sfu-font-stretch--normal);
    font-size: 1.5rem
}

.page-content__main form div.field {
    margin: 2.4rem 0 0
}

.page-content__main ul.picker__list {
    padding: 0
}

.page-content__main ul.picker__list li {
    padding-top: 1rem
}

.page-content__main ul.picker__list li:before {
    content: unset
}

@media(any-hover: hover) {
    .page-content__main .picker__nav--prev:hover:before {
        border-right-color:var(--sfu-colour-p4)
    }
}

@media(any-hover: hover) {
    .page-content__main .picker__nav--next:hover:before {
        border-left-color:var(--sfu-colour-p4)
    }
}

.page-content__main .picker__button--clear:before {
    top: -0.3rem
}

@media(any-hover: hover) {
    .page-content__main .picker__button--clear:hover:before {
        color:var(--sfu-colour-p4)
    }
}

@media(any-hover: hover) {
    .page-content__main .picker__button--today:hover:before {
        border-top-color:var(--sfu-colour-p4)
    }
}

@media(any-hover: hover) {
    .page-content__main .picker__day--today:not(.picker__day--selected):hover:before {
        border-top-color:var(--sfu-colour-p4)
    }
}

@media(any-hover: hover) {
    .page-content__main .picker__list-item:hover {
        border-color:var(--sfu-colour-p1);
        background-color: var(--sfu-colour-p2);
        color: var(--sfu-colour-p4)
    }
}

.page-content__main .picker__list-item--highlighted {
    background-color: var(--sfu-colour-p1);
    border-color: var(--sfu-colour-p1)
}

@media(any-hover: hover) {
    .page-content__main .picker__list-item--highlighted:hover {
        background-color:var(--sfu-colour-p1);
        border-color: var(--sfu-colour-p1)
    }
}

.page-content__main .picker--time .picker__button--clear {
    width: 100%
}

.page-content__main .picker--time .picker__button--clear:before {
    top: -0.4rem
}

@media(any-hover: hover) {
    .page-content__main .picker--time .picker__button--clear:hover {
        background:var(--sfu-colour-p2)
    }

    .page-content__main .picker--time .picker__button--clear:hover:before {
        color: var(--sfu-colour-p4)
    }
}

.page-content__main .picker--time li.picker__list-item+li[role=presentation] {
    padding-top: 0
}

.page-content__main .picker__button--close {
    display: none
}

.page-content__main div.upload .form_leftcollabel,.page-content__main div.upload .form_leftcollabel label {
    display: inline
}

.page-content__main div.upload .form_leftcolmark {
    display: inline;
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--normal)
}

.page-content__main div.upload .form_rightcol {
    margin-top: 1rem
}

.page-content__main div.upload .form_row_description {
    margin-top: .5rem
}

.page-content__main *+div.upload {
    margin-top: 3rem
}

.page-content__main,.page-content__main div.block.grey,.page-content__main div.block.grey>div,.page-content__main div.block.col-1-grey>.c1,.page-content__main div.block.col-2-grey>.c2,.page-content__main div.block.col-3-grey>.c3,.page-content__main div.block.col-4-grey>.c4 {
    color: var(--sfu-colour-p3)
}

.page-content__main .field-description,.page-content__main .form_row_description,.page-content__main div.block.grey .field-description,.page-content__main div.block.grey .form_row_description,.page-content__main div.block.grey>div .field-description,.page-content__main div.block.grey>div .form_row_description,.page-content__main div.block.col-1-grey>.c1 .field-description,.page-content__main div.block.col-1-grey>.c1 .form_row_description,.page-content__main div.block.col-2-grey>.c2 .field-description,.page-content__main div.block.col-2-grey>.c2 .form_row_description,.page-content__main div.block.col-3-grey>.c3 .field-description,.page-content__main div.block.col-3-grey>.c3 .form_row_description,.page-content__main div.block.col-4-grey>.c4 .field-description,.page-content__main div.block.col-4-grey>.c4 .form_row_description {
    color: #555
}

.page-content__main .required-field:after,.page-content__main div.block.grey .required-field:after,.page-content__main div.block.grey>div .required-field:after,.page-content__main div.block.col-1-grey>.c1 .required-field:after,.page-content__main div.block.col-2-grey>.c2 .required-field:after,.page-content__main div.block.col-3-grey>.c3 .required-field:after,.page-content__main div.block.col-4-grey>.c4 .required-field:after {
    color: var(--sfu-colour-p1)
}

.page-content__main .required-error-message,.page-content__main .constraint-error-message,.page-content__main div.block.grey .required-error-message,.page-content__main div.block.grey .constraint-error-message,.page-content__main div.block.grey>div .required-error-message,.page-content__main div.block.grey>div .constraint-error-message,.page-content__main div.block.col-1-grey>.c1 .required-error-message,.page-content__main div.block.col-1-grey>.c1 .constraint-error-message,.page-content__main div.block.col-2-grey>.c2 .required-error-message,.page-content__main div.block.col-2-grey>.c2 .constraint-error-message,.page-content__main div.block.col-3-grey>.c3 .required-error-message,.page-content__main div.block.col-3-grey>.c3 .constraint-error-message,.page-content__main div.block.col-4-grey>.c4 .required-error-message,.page-content__main div.block.col-4-grey>.c4 .constraint-error-message {
    color: var(--sfu-colour-p1)
}

.page-content__main div.upload .form_leftcolmark,.page-content__main div.block.grey div.upload .form_leftcolmark,.page-content__main div.block.grey>div div.upload .form_leftcolmark,.page-content__main div.block.col-1-grey>.c1 div.upload .form_leftcolmark,.page-content__main div.block.col-2-grey>.c2 div.upload .form_leftcolmark,.page-content__main div.block.col-3-grey>.c3 div.upload .form_leftcolmark,.page-content__main div.block.col-4-grey>.c4 div.upload .form_leftcolmark {
    color: var(--sfu-colour-p1)
}

.page-content__main span.field-description,.page-content__main div.block.grey span.field-description,.page-content__main div.block.grey>div span.field-description,.page-content__main div.block.col-1-grey>.c1 span.field-description,.page-content__main div.block.col-2-grey>.c2 span.field-description,.page-content__main div.block.col-3-grey>.c3 span.field-description,.page-content__main div.block.col-4-grey>.c4 span.field-description {
    color: var(--sfu-colour-s4)
}

.page-content__main .component-info,.page-content__main div.block.grey .component-info,.page-content__main div.block.grey>div .component-info,.page-content__main div.block.col-1-grey>.c1 .component-info,.page-content__main div.block.col-2-grey>.c2 .component-info,.page-content__main div.block.col-3-grey>.c3 .component-info,.page-content__main div.block.col-4-grey>.c4 .component-info {
    color: var(--sfu-colour-p3)
}

.page-content__main div.block.red,.page-content__main div.block.red>div,.page-content__main div.block.col-1-red>.c1,.page-content__main div.block.col-2-red>.c2,.page-content__main div.block.col-3-red>.c3,.page-content__main div.block.col-4-red>.c4,.page-content__main div.block.light-red,.page-content__main div.block.light-red>div,.page-content__main div.block.col-1-light-red>.c1,.page-content__main div.block.col-2-light-red>.c2,.page-content__main div.block.col-3-light-red>.c3,.page-content__main div.block.col-4-light-red>.c4 {
    color: var(--sfu-colour-p4)
}

.page-content__main div.block.red .field-description,.page-content__main div.block.red .form_row_description,.page-content__main div.block.red>div .field-description,.page-content__main div.block.red>div .form_row_description,.page-content__main div.block.col-1-red>.c1 .field-description,.page-content__main div.block.col-1-red>.c1 .form_row_description,.page-content__main div.block.col-2-red>.c2 .field-description,.page-content__main div.block.col-2-red>.c2 .form_row_description,.page-content__main div.block.col-3-red>.c3 .field-description,.page-content__main div.block.col-3-red>.c3 .form_row_description,.page-content__main div.block.col-4-red>.c4 .field-description,.page-content__main div.block.col-4-red>.c4 .form_row_description,.page-content__main div.block.light-red .field-description,.page-content__main div.block.light-red .form_row_description,.page-content__main div.block.light-red>div .field-description,.page-content__main div.block.light-red>div .form_row_description,.page-content__main div.block.col-1-light-red>.c1 .field-description,.page-content__main div.block.col-1-light-red>.c1 .form_row_description,.page-content__main div.block.col-2-light-red>.c2 .field-description,.page-content__main div.block.col-2-light-red>.c2 .form_row_description,.page-content__main div.block.col-3-light-red>.c3 .field-description,.page-content__main div.block.col-3-light-red>.c3 .form_row_description,.page-content__main div.block.col-4-light-red>.c4 .field-description,.page-content__main div.block.col-4-light-red>.c4 .form_row_description {
    color: var(--sfu-colour-p4)
}

.page-content__main div.block.red .required-field:after,.page-content__main div.block.red>div .required-field:after,.page-content__main div.block.col-1-red>.c1 .required-field:after,.page-content__main div.block.col-2-red>.c2 .required-field:after,.page-content__main div.block.col-3-red>.c3 .required-field:after,.page-content__main div.block.col-4-red>.c4 .required-field:after,.page-content__main div.block.light-red .required-field:after,.page-content__main div.block.light-red>div .required-field:after,.page-content__main div.block.col-1-light-red>.c1 .required-field:after,.page-content__main div.block.col-2-light-red>.c2 .required-field:after,.page-content__main div.block.col-3-light-red>.c3 .required-field:after,.page-content__main div.block.col-4-light-red>.c4 .required-field:after {
    color: var(--sfu-colour-p4)
}

.page-content__main div.block.red .required-error-message,.page-content__main div.block.red .constraint-error-message,.page-content__main div.block.red>div .required-error-message,.page-content__main div.block.red>div .constraint-error-message,.page-content__main div.block.col-1-red>.c1 .required-error-message,.page-content__main div.block.col-1-red>.c1 .constraint-error-message,.page-content__main div.block.col-2-red>.c2 .required-error-message,.page-content__main div.block.col-2-red>.c2 .constraint-error-message,.page-content__main div.block.col-3-red>.c3 .required-error-message,.page-content__main div.block.col-3-red>.c3 .constraint-error-message,.page-content__main div.block.col-4-red>.c4 .required-error-message,.page-content__main div.block.col-4-red>.c4 .constraint-error-message,.page-content__main div.block.light-red .required-error-message,.page-content__main div.block.light-red .constraint-error-message,.page-content__main div.block.light-red>div .required-error-message,.page-content__main div.block.light-red>div .constraint-error-message,.page-content__main div.block.col-1-light-red>.c1 .required-error-message,.page-content__main div.block.col-1-light-red>.c1 .constraint-error-message,.page-content__main div.block.col-2-light-red>.c2 .required-error-message,.page-content__main div.block.col-2-light-red>.c2 .constraint-error-message,.page-content__main div.block.col-3-light-red>.c3 .required-error-message,.page-content__main div.block.col-3-light-red>.c3 .constraint-error-message,.page-content__main div.block.col-4-light-red>.c4 .required-error-message,.page-content__main div.block.col-4-light-red>.c4 .constraint-error-message {
    color: var(--sfu-colour-p4);
    border-left: 4px solid var(--sfu-colour-p4);
    position: relative
}

.page-content__main div.block.red .required-error-message:before,.page-content__main div.block.red .constraint-error-message:before,.page-content__main div.block.red>div .required-error-message:before,.page-content__main div.block.red>div .constraint-error-message:before,.page-content__main div.block.col-1-red>.c1 .required-error-message:before,.page-content__main div.block.col-1-red>.c1 .constraint-error-message:before,.page-content__main div.block.col-2-red>.c2 .required-error-message:before,.page-content__main div.block.col-2-red>.c2 .constraint-error-message:before,.page-content__main div.block.col-3-red>.c3 .required-error-message:before,.page-content__main div.block.col-3-red>.c3 .constraint-error-message:before,.page-content__main div.block.col-4-red>.c4 .required-error-message:before,.page-content__main div.block.col-4-red>.c4 .constraint-error-message:before,.page-content__main div.block.light-red .required-error-message:before,.page-content__main div.block.light-red .constraint-error-message:before,.page-content__main div.block.light-red>div .required-error-message:before,.page-content__main div.block.light-red>div .constraint-error-message:before,.page-content__main div.block.col-1-light-red>.c1 .required-error-message:before,.page-content__main div.block.col-1-light-red>.c1 .constraint-error-message:before,.page-content__main div.block.col-2-light-red>.c2 .required-error-message:before,.page-content__main div.block.col-2-light-red>.c2 .constraint-error-message:before,.page-content__main div.block.col-3-light-red>.c3 .required-error-message:before,.page-content__main div.block.col-3-light-red>.c3 .constraint-error-message:before,.page-content__main div.block.col-4-light-red>.c4 .required-error-message:before,.page-content__main div.block.col-4-light-red>.c4 .constraint-error-message:before {
    content: "";
    position: absolute;
    background-color: var(--sfu-colour-p1);
    top: 0;
    bottom: 0;
    left: 0;
    width: 8px
}

.page-content__main div.block.red .required-error-message span,.page-content__main div.block.red .constraint-error-message span,.page-content__main div.block.red>div .required-error-message span,.page-content__main div.block.red>div .constraint-error-message span,.page-content__main div.block.col-1-red>.c1 .required-error-message span,.page-content__main div.block.col-1-red>.c1 .constraint-error-message span,.page-content__main div.block.col-2-red>.c2 .required-error-message span,.page-content__main div.block.col-2-red>.c2 .constraint-error-message span,.page-content__main div.block.col-3-red>.c3 .required-error-message span,.page-content__main div.block.col-3-red>.c3 .constraint-error-message span,.page-content__main div.block.col-4-red>.c4 .required-error-message span,.page-content__main div.block.col-4-red>.c4 .constraint-error-message span,.page-content__main div.block.light-red .required-error-message span,.page-content__main div.block.light-red .constraint-error-message span,.page-content__main div.block.light-red>div .required-error-message span,.page-content__main div.block.light-red>div .constraint-error-message span,.page-content__main div.block.col-1-light-red>.c1 .required-error-message span,.page-content__main div.block.col-1-light-red>.c1 .constraint-error-message span,.page-content__main div.block.col-2-light-red>.c2 .required-error-message span,.page-content__main div.block.col-2-light-red>.c2 .constraint-error-message span,.page-content__main div.block.col-3-light-red>.c3 .required-error-message span,.page-content__main div.block.col-3-light-red>.c3 .constraint-error-message span,.page-content__main div.block.col-4-light-red>.c4 .required-error-message span,.page-content__main div.block.col-4-light-red>.c4 .constraint-error-message span {
    background-color: var(--sfu-colour-p1);
    white-space: pre-wrap;
    padding-right: 4px
}

.page-content__main div.block.red div.required-error-message,.page-content__main div.block.red>div div.required-error-message,.page-content__main div.block.col-1-red>.c1 div.required-error-message,.page-content__main div.block.col-2-red>.c2 div.required-error-message,.page-content__main div.block.col-3-red>.c3 div.required-error-message,.page-content__main div.block.col-4-red>.c4 div.required-error-message,.page-content__main div.block.light-red div.required-error-message,.page-content__main div.block.light-red>div div.required-error-message,.page-content__main div.block.col-1-light-red>.c1 div.required-error-message,.page-content__main div.block.col-2-light-red>.c2 div.required-error-message,.page-content__main div.block.col-3-light-red>.c3 div.required-error-message,.page-content__main div.block.col-4-light-red>.c4 div.required-error-message {
    background-color: var(--sfu-colour-p1)
}

.page-content__main div.block.red div.upload .form_leftcolmark,.page-content__main div.block.red>div div.upload .form_leftcolmark,.page-content__main div.block.col-1-red>.c1 div.upload .form_leftcolmark,.page-content__main div.block.col-2-red>.c2 div.upload .form_leftcolmark,.page-content__main div.block.col-3-red>.c3 div.upload .form_leftcolmark,.page-content__main div.block.col-4-red>.c4 div.upload .form_leftcolmark,.page-content__main div.block.light-red div.upload .form_leftcolmark,.page-content__main div.block.light-red>div div.upload .form_leftcolmark,.page-content__main div.block.col-1-light-red>.c1 div.upload .form_leftcolmark,.page-content__main div.block.col-2-light-red>.c2 div.upload .form_leftcolmark,.page-content__main div.block.col-3-light-red>.c3 div.upload .form_leftcolmark,.page-content__main div.block.col-4-light-red>.c4 div.upload .form_leftcolmark {
    color: var(--sfu-colour-p4)
}

.page-content__main div.block.red span.field-description,.page-content__main div.block.red>div span.field-description,.page-content__main div.block.col-1-red>.c1 span.field-description,.page-content__main div.block.col-2-red>.c2 span.field-description,.page-content__main div.block.col-3-red>.c3 span.field-description,.page-content__main div.block.col-4-red>.c4 span.field-description,.page-content__main div.block.light-red span.field-description,.page-content__main div.block.light-red>div span.field-description,.page-content__main div.block.col-1-light-red>.c1 span.field-description,.page-content__main div.block.col-2-light-red>.c2 span.field-description,.page-content__main div.block.col-3-light-red>.c3 span.field-description,.page-content__main div.block.col-4-light-red>.c4 span.field-description {
    color: var(--sfu-colour-p4)
}

.page-content__main div.block.red .form_row button,.page-content__main div.block.red #comments-submit,.page-content__main div.block.red .login-form input[type=submit],.page-content__main div.block.red input[type=submit],.page-content__main div.block.red>div .form_row button,.page-content__main div.block.red>div #comments-submit,.page-content__main div.block.red>div .login-form input[type=submit],.page-content__main div.block.red>div input[type=submit],.page-content__main div.block.col-1-red>.c1 .form_row button,.page-content__main div.block.col-1-red>.c1 #comments-submit,.page-content__main div.block.col-1-red>.c1 .login-form input[type=submit],.page-content__main div.block.col-1-red>.c1 input[type=submit],.page-content__main div.block.col-2-red>.c2 .form_row button,.page-content__main div.block.col-2-red>.c2 #comments-submit,.page-content__main div.block.col-2-red>.c2 .login-form input[type=submit],.page-content__main div.block.col-2-red>.c2 input[type=submit],.page-content__main div.block.col-3-red>.c3 .form_row button,.page-content__main div.block.col-3-red>.c3 #comments-submit,.page-content__main div.block.col-3-red>.c3 .login-form input[type=submit],.page-content__main div.block.col-3-red>.c3 input[type=submit],.page-content__main div.block.col-4-red>.c4 .form_row button,.page-content__main div.block.col-4-red>.c4 #comments-submit,.page-content__main div.block.col-4-red>.c4 .login-form input[type=submit],.page-content__main div.block.col-4-red>.c4 input[type=submit],.page-content__main div.block.light-red .form_row button,.page-content__main div.block.light-red #comments-submit,.page-content__main div.block.light-red .login-form input[type=submit],.page-content__main div.block.light-red input[type=submit],.page-content__main div.block.light-red>div .form_row button,.page-content__main div.block.light-red>div #comments-submit,.page-content__main div.block.light-red>div .login-form input[type=submit],.page-content__main div.block.light-red>div input[type=submit],.page-content__main div.block.col-1-light-red>.c1 .form_row button,.page-content__main div.block.col-1-light-red>.c1 #comments-submit,.page-content__main div.block.col-1-light-red>.c1 .login-form input[type=submit],.page-content__main div.block.col-1-light-red>.c1 input[type=submit],.page-content__main div.block.col-2-light-red>.c2 .form_row button,.page-content__main div.block.col-2-light-red>.c2 #comments-submit,.page-content__main div.block.col-2-light-red>.c2 .login-form input[type=submit],.page-content__main div.block.col-2-light-red>.c2 input[type=submit],.page-content__main div.block.col-3-light-red>.c3 .form_row button,.page-content__main div.block.col-3-light-red>.c3 #comments-submit,.page-content__main div.block.col-3-light-red>.c3 .login-form input[type=submit],.page-content__main div.block.col-3-light-red>.c3 input[type=submit],.page-content__main div.block.col-4-light-red>.c4 .form_row button,.page-content__main div.block.col-4-light-red>.c4 #comments-submit,.page-content__main div.block.col-4-light-red>.c4 .login-form input[type=submit],.page-content__main div.block.col-4-light-red>.c4 input[type=submit] {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    color: var(--sfu-colour-p1);
    background-color: var(--sfu-colour-p4);
    border-color: var(--sfu-colour-transparent)
}

@media(any-hover: hover) {
    .page-content__main div.block.red .form_row button:hover,.page-content__main div.block.red #comments-submit:hover,.page-content__main div.block.red .login-form input[type=submit]:hover,.page-content__main div.block.red input[type=submit]:hover,.page-content__main div.block.red>div .form_row button:hover,.page-content__main div.block.red>div #comments-submit:hover,.page-content__main div.block.red>div .login-form input[type=submit]:hover,.page-content__main div.block.red>div input[type=submit]:hover,.page-content__main div.block.col-1-red>.c1 .form_row button:hover,.page-content__main div.block.col-1-red>.c1 #comments-submit:hover,.page-content__main div.block.col-1-red>.c1 .login-form input[type=submit]:hover,.page-content__main div.block.col-1-red>.c1 input[type=submit]:hover,.page-content__main div.block.col-2-red>.c2 .form_row button:hover,.page-content__main div.block.col-2-red>.c2 #comments-submit:hover,.page-content__main div.block.col-2-red>.c2 .login-form input[type=submit]:hover,.page-content__main div.block.col-2-red>.c2 input[type=submit]:hover,.page-content__main div.block.col-3-red>.c3 .form_row button:hover,.page-content__main div.block.col-3-red>.c3 #comments-submit:hover,.page-content__main div.block.col-3-red>.c3 .login-form input[type=submit]:hover,.page-content__main div.block.col-3-red>.c3 input[type=submit]:hover,.page-content__main div.block.col-4-red>.c4 .form_row button:hover,.page-content__main div.block.col-4-red>.c4 #comments-submit:hover,.page-content__main div.block.col-4-red>.c4 .login-form input[type=submit]:hover,.page-content__main div.block.col-4-red>.c4 input[type=submit]:hover,.page-content__main div.block.light-red .form_row button:hover,.page-content__main div.block.light-red #comments-submit:hover,.page-content__main div.block.light-red .login-form input[type=submit]:hover,.page-content__main div.block.light-red input[type=submit]:hover,.page-content__main div.block.light-red>div .form_row button:hover,.page-content__main div.block.light-red>div #comments-submit:hover,.page-content__main div.block.light-red>div .login-form input[type=submit]:hover,.page-content__main div.block.light-red>div input[type=submit]:hover,.page-content__main div.block.col-1-light-red>.c1 .form_row button:hover,.page-content__main div.block.col-1-light-red>.c1 #comments-submit:hover,.page-content__main div.block.col-1-light-red>.c1 .login-form input[type=submit]:hover,.page-content__main div.block.col-1-light-red>.c1 input[type=submit]:hover,.page-content__main div.block.col-2-light-red>.c2 .form_row button:hover,.page-content__main div.block.col-2-light-red>.c2 #comments-submit:hover,.page-content__main div.block.col-2-light-red>.c2 .login-form input[type=submit]:hover,.page-content__main div.block.col-2-light-red>.c2 input[type=submit]:hover,.page-content__main div.block.col-3-light-red>.c3 .form_row button:hover,.page-content__main div.block.col-3-light-red>.c3 #comments-submit:hover,.page-content__main div.block.col-3-light-red>.c3 .login-form input[type=submit]:hover,.page-content__main div.block.col-3-light-red>.c3 input[type=submit]:hover,.page-content__main div.block.col-4-light-red>.c4 .form_row button:hover,.page-content__main div.block.col-4-light-red>.c4 #comments-submit:hover,.page-content__main div.block.col-4-light-red>.c4 .login-form input[type=submit]:hover,.page-content__main div.block.col-4-light-red>.c4 input[type=submit]:hover {
        color:var(--sfu-colour-p4);
        background-color: var(--sfu-colour-transparent);
        border-color: var(--sfu-colour-p4)
    }
}

.page-content__main div.block.red input[type=reset],.page-content__main div.block.red>div input[type=reset],.page-content__main div.block.col-1-red>.c1 input[type=reset],.page-content__main div.block.col-2-red>.c2 input[type=reset],.page-content__main div.block.col-3-red>.c3 input[type=reset],.page-content__main div.block.col-4-red>.c4 input[type=reset],.page-content__main div.block.light-red input[type=reset],.page-content__main div.block.light-red>div input[type=reset],.page-content__main div.block.col-1-light-red>.c1 input[type=reset],.page-content__main div.block.col-2-light-red>.c2 input[type=reset],.page-content__main div.block.col-3-light-red>.c3 input[type=reset],.page-content__main div.block.col-4-light-red>.c4 input[type=reset] {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    color: var(--sfu-colour-p4);
    background-color: var(--sfu-colour-transparent);
    border-color: var(--sfu-colour-p4)
}

@media(any-hover: hover) {
    .page-content__main div.block.red input[type=reset]:hover,.page-content__main div.block.red>div input[type=reset]:hover,.page-content__main div.block.col-1-red>.c1 input[type=reset]:hover,.page-content__main div.block.col-2-red>.c2 input[type=reset]:hover,.page-content__main div.block.col-3-red>.c3 input[type=reset]:hover,.page-content__main div.block.col-4-red>.c4 input[type=reset]:hover,.page-content__main div.block.light-red input[type=reset]:hover,.page-content__main div.block.light-red>div input[type=reset]:hover,.page-content__main div.block.col-1-light-red>.c1 input[type=reset]:hover,.page-content__main div.block.col-2-light-red>.c2 input[type=reset]:hover,.page-content__main div.block.col-3-light-red>.c3 input[type=reset]:hover,.page-content__main div.block.col-4-light-red>.c4 input[type=reset]:hover {
        color:var(--sfu-colour-p1);
        background-color: var(--sfu-colour-p4)
    }
}

.page-content__main div.block.red .component-info,.page-content__main div.block.red>div .component-info,.page-content__main div.block.col-1-red>.c1 .component-info,.page-content__main div.block.col-2-red>.c2 .component-info,.page-content__main div.block.col-3-red>.c3 .component-info,.page-content__main div.block.col-4-red>.c4 .component-info,.page-content__main div.block.light-red .component-info,.page-content__main div.block.light-red>div .component-info,.page-content__main div.block.col-1-light-red>.c1 .component-info,.page-content__main div.block.col-2-light-red>.c2 .component-info,.page-content__main div.block.col-3-light-red>.c3 .component-info,.page-content__main div.block.col-4-light-red>.c4 .component-info {
    color: var(--sfu-colour-p3)
}

.page-content__main div.block.red input[type=text],.page-content__main div.block.red input[type=password],.page-content__main div.block.red input[type=date],.page-content__main div.block.red input[type=datetime-local],.page-content__main div.block.red textarea,.page-content__main div.block.red select,.page-content__main div.block.red>div input[type=text],.page-content__main div.block.red>div input[type=password],.page-content__main div.block.red>div input[type=date],.page-content__main div.block.red>div input[type=datetime-local],.page-content__main div.block.red>div textarea,.page-content__main div.block.red>div select,.page-content__main div.block.col-1-red>.c1 input[type=text],.page-content__main div.block.col-1-red>.c1 input[type=password],.page-content__main div.block.col-1-red>.c1 input[type=date],.page-content__main div.block.col-1-red>.c1 input[type=datetime-local],.page-content__main div.block.col-1-red>.c1 textarea,.page-content__main div.block.col-1-red>.c1 select,.page-content__main div.block.col-2-red>.c2 input[type=text],.page-content__main div.block.col-2-red>.c2 input[type=password],.page-content__main div.block.col-2-red>.c2 input[type=date],.page-content__main div.block.col-2-red>.c2 input[type=datetime-local],.page-content__main div.block.col-2-red>.c2 textarea,.page-content__main div.block.col-2-red>.c2 select,.page-content__main div.block.col-3-red>.c3 input[type=text],.page-content__main div.block.col-3-red>.c3 input[type=password],.page-content__main div.block.col-3-red>.c3 input[type=date],.page-content__main div.block.col-3-red>.c3 input[type=datetime-local],.page-content__main div.block.col-3-red>.c3 textarea,.page-content__main div.block.col-3-red>.c3 select,.page-content__main div.block.col-4-red>.c4 input[type=text],.page-content__main div.block.col-4-red>.c4 input[type=password],.page-content__main div.block.col-4-red>.c4 input[type=date],.page-content__main div.block.col-4-red>.c4 input[type=datetime-local],.page-content__main div.block.col-4-red>.c4 textarea,.page-content__main div.block.col-4-red>.c4 select,.page-content__main div.block.light-red input[type=text],.page-content__main div.block.light-red input[type=password],.page-content__main div.block.light-red input[type=date],.page-content__main div.block.light-red input[type=datetime-local],.page-content__main div.block.light-red textarea,.page-content__main div.block.light-red select,.page-content__main div.block.light-red>div input[type=text],.page-content__main div.block.light-red>div input[type=password],.page-content__main div.block.light-red>div input[type=date],.page-content__main div.block.light-red>div input[type=datetime-local],.page-content__main div.block.light-red>div textarea,.page-content__main div.block.light-red>div select,.page-content__main div.block.col-1-light-red>.c1 input[type=text],.page-content__main div.block.col-1-light-red>.c1 input[type=password],.page-content__main div.block.col-1-light-red>.c1 input[type=date],.page-content__main div.block.col-1-light-red>.c1 input[type=datetime-local],.page-content__main div.block.col-1-light-red>.c1 textarea,.page-content__main div.block.col-1-light-red>.c1 select,.page-content__main div.block.col-2-light-red>.c2 input[type=text],.page-content__main div.block.col-2-light-red>.c2 input[type=password],.page-content__main div.block.col-2-light-red>.c2 input[type=date],.page-content__main div.block.col-2-light-red>.c2 input[type=datetime-local],.page-content__main div.block.col-2-light-red>.c2 textarea,.page-content__main div.block.col-2-light-red>.c2 select,.page-content__main div.block.col-3-light-red>.c3 input[type=text],.page-content__main div.block.col-3-light-red>.c3 input[type=password],.page-content__main div.block.col-3-light-red>.c3 input[type=date],.page-content__main div.block.col-3-light-red>.c3 input[type=datetime-local],.page-content__main div.block.col-3-light-red>.c3 textarea,.page-content__main div.block.col-3-light-red>.c3 select,.page-content__main div.block.col-4-light-red>.c4 input[type=text],.page-content__main div.block.col-4-light-red>.c4 input[type=password],.page-content__main div.block.col-4-light-red>.c4 input[type=date],.page-content__main div.block.col-4-light-red>.c4 input[type=datetime-local],.page-content__main div.block.col-4-light-red>.c4 textarea,.page-content__main div.block.col-4-light-red>.c4 select {
    border-color: var(--sfu-colour-p4)
}

.page-content__main div.block.grey input[type=text],.page-content__main div.block.grey input[type=password],.page-content__main div.block.grey input[type=date],.page-content__main div.block.grey input[type=datetime-local],.page-content__main div.block.grey textarea,.page-content__main div.block.grey select,.page-content__main div.block.grey>div input[type=text],.page-content__main div.block.grey>div input[type=password],.page-content__main div.block.grey>div input[type=date],.page-content__main div.block.grey>div input[type=datetime-local],.page-content__main div.block.grey>div textarea,.page-content__main div.block.grey>div select,.page-content__main div.block.col-1-grey>.c1 input[type=text],.page-content__main div.block.col-1-grey>.c1 input[type=password],.page-content__main div.block.col-1-grey>.c1 input[type=date],.page-content__main div.block.col-1-grey>.c1 input[type=datetime-local],.page-content__main div.block.col-1-grey>.c1 textarea,.page-content__main div.block.col-1-grey>.c1 select,.page-content__main div.block.col-2-grey>.c2 input[type=text],.page-content__main div.block.col-2-grey>.c2 input[type=password],.page-content__main div.block.col-2-grey>.c2 input[type=date],.page-content__main div.block.col-2-grey>.c2 input[type=datetime-local],.page-content__main div.block.col-2-grey>.c2 textarea,.page-content__main div.block.col-2-grey>.c2 select,.page-content__main div.block.col-3-grey>.c3 input[type=text],.page-content__main div.block.col-3-grey>.c3 input[type=password],.page-content__main div.block.col-3-grey>.c3 input[type=date],.page-content__main div.block.col-3-grey>.c3 input[type=datetime-local],.page-content__main div.block.col-3-grey>.c3 textarea,.page-content__main div.block.col-3-grey>.c3 select,.page-content__main div.block.col-4-grey>.c4 input[type=text],.page-content__main div.block.col-4-grey>.c4 input[type=password],.page-content__main div.block.col-4-grey>.c4 input[type=date],.page-content__main div.block.col-4-grey>.c4 input[type=datetime-local],.page-content__main div.block.col-4-grey>.c4 textarea,.page-content__main div.block.col-4-grey>.c4 select {
    border-color: var(--sfu-colour-s4)
}

.page-content__main .searchwidget div.block.red input:not([type=submit]),.page-content__main .searchwidget div.block.col-1-red .c1 input:not([type=submit]),.page-content__main .searchwidget div.block.col-2-red .c2 input:not([type=submit]),.page-content__main .searchwidget div.block.col-3-red .c3 input:not([type=submit]),.page-content__main .searchwidget div.block.col-4-red .c4 input:not([type=submit]),.page-content__main .searchwidget div.block.light-red input:not([type=submit]),.page-content__main .searchwidget div.block.col-1-light-red .c1 input:not([type=submit]),.page-content__main .searchwidget div.block.col-2-light-red .c2 input:not([type=submit]),.page-content__main .searchwidget div.block.col-3-light-red .c3 input:not([type=submit]),.page-content__main .searchwidget div.block.col-4-light-red .c4 input:not([type=submit]),.page-content__main .search.section div.block.red input:not([type=submit]),.page-content__main .search.section div.block.col-1-red .c1 input:not([type=submit]),.page-content__main .search.section div.block.col-2-red .c2 input:not([type=submit]),.page-content__main .search.section div.block.col-3-red .c3 input:not([type=submit]),.page-content__main .search.section div.block.col-4-red .c4 input:not([type=submit]),.page-content__main .search.section div.block.light-red input:not([type=submit]),.page-content__main .search.section div.block.col-1-light-red .c1 input:not([type=submit]),.page-content__main .search.section div.block.col-2-light-red .c2 input:not([type=submit]),.page-content__main .search.section div.block.col-3-light-red .c3 input:not([type=submit]),.page-content__main .search.section div.block.col-4-light-red .c4 input:not([type=submit]) {
    border-color: var(--sfu-colour-p4)
}

.page-content__main .searchwidget div.block.grey input:not([type=submit]),.page-content__main .searchwidget div.block.col-1-grey .c1 input:not([type=submit]),.page-content__main .searchwidget div.block.col-2-grey .c2 input:not([type=submit]),.page-content__main .searchwidget div.block.col-3-grey .c3 input:not([type=submit]),.page-content__main .searchwidget div.block.col-4-grey .c4 input:not([type=submit]),.page-content__main .search.section div.block.grey input:not([type=submit]),.page-content__main .search.section div.block.col-1-grey .c1 input:not([type=submit]),.page-content__main .search.section div.block.col-2-grey .c2 input:not([type=submit]),.page-content__main .search.section div.block.col-3-grey .c3 input:not([type=submit]),.page-content__main .search.section div.block.col-4-grey .c4 input:not([type=submit]) {
    border-color: var(--sfu-colour-s4)
}

a.logout {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    color: var(--sfu-colour-p4);
    background-color: var(--sfu-colour-p1);
    border-color: var(--sfu-colour-p1);
    text-decoration: none
}

@media(any-hover: hover) {
    a.logout:hover {
        color:var(--sfu-colour-p1);
        background-color: var(--sfu-colour-transparent);
        border-color: var(--sfu-colour-p1)
    }
}

@media(any-hover: hover) {
    a.logout:hover {
        text-decoration:none
    }
}

div.block.red a.logout,div.block.light-red a.logout {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    color: var(--sfu-colour-p1);
    background-color: var(--sfu-colour-p4);
    border-color: var(--sfu-colour-transparent)
}

@media(any-hover: hover) {
    div.block.red a.logout:hover,div.block.light-red a.logout:hover {
        color:var(--sfu-colour-p4);
        background-color: var(--sfu-colour-transparent);
        border-color: var(--sfu-colour-p4)
    }
}

@media(any-hover: hover) {
    div.block.red a.logout:hover,div.block.light-red a.logout:hover {
        text-decoration:none
    }
}

.url-field-wrapper {
    position: absolute;
    left: -9999px
}

html[data-page-template] .main__content .lw-events-list-wrapper ul {
    padding: 0
}

html[data-page-template] .main__content .lw-events-list-wrapper li {
    list-style: none
}

html[data-page-template] .main__content .lw-events-list-wrapper li:before {
    content: unset
}

html[data-page-template] .main__content div.livewhale-calendar div.event {
    display: grid;
    grid-template-columns: repeat(11,1fr 30px) 1fr;
    background-color: var(--sfu-colour-transparent);
    margin-bottom: 3rem;
    border: 2px solid var(--sfu-colour-transparent);
    position: relative;
    cursor: default;
    background-image: unset;
    transition: box-shadow ease-out .25s;
    grid-template-columns: 2fr 3fr
}

@media(max-width: 979px) {
    html[data-page-template] .main__content div.livewhale-calendar div.event {
        grid-template-columns:1fr;
        grid-template-rows: min-content
    }

    html[data-page-template] .main__content div.livewhale-calendar div.event .event-image {
        grid-row: 1
    }

    html[data-page-template] .main__content div.livewhale-calendar div.event .event-info {
        grid-row: 2
    }
}

@media(min-width: 980px) and (max-width:1149px) {
    html[data-page-template] .main__content div.livewhale-calendar div.event {
        grid-template-columns:1fr 1fr
    }
}

html[data-page-template] .main__content div.livewhale-calendar div.event .department {
    margin-bottom: 1.5rem
}

html[data-page-template] .main__content div.livewhale-calendar div.event .event-time {
    font-size: inherit
}

html[data-page-template] .main__content div.livewhale-calendar div.event .event-image {
    position: relative;
    background-color: var(--sfu-colour-s3)
}

html[data-page-template] .main__content div.livewhale-calendar div.event .event-image .lw_item_thumb {
    position: relative;
    display: block
}

html[data-page-template] .main__content div.livewhale-calendar div.event .event-image .lw_item_thumb a {
    display: block;
    position: relative
}

@media(any-hover: hover) {
    html[data-page-template] .main__content div.livewhale-calendar div.event .event-image a:hover {
        background:var(--sfu-colour-transparent)
    }
}

html[data-page-template] .main__content div.livewhale-calendar div.event .event-image img {
    margin-bottom: unset;
    height: auto
}

html[data-page-template] .main__content div.livewhale-calendar div.event .event-info {
    background-color: var(--sfu-colour-s3);
    padding: 1em 1em 4em
}

html[data-page-template] .main__content div.livewhale-calendar div.event .ticket-info {
    position: absolute;
    bottom: 5px;
    right: 0;
    padding: 1.5rem;
    background: var(--sfu-colour-s1);
    color: var(--sfu-colour-p4)
}

html[data-page-template] .main__content div.livewhale-calendar div.event .event-date {
    position: absolute;
    top: 0;
    background: var(--sfu-colour-p2);
    color: var(--sfu-colour-p4);
    padding: 1.5rem;
    text-transform: uppercase
}

html[data-page-template] .main__content div.livewhale-calendar div.event .event-footer {
    width: 100%;
    padding: 3rem 0
}

html[data-page-template] div.sfu-columns>div:not([data-col-layout="100"])>div.c1 div.event.list-item,html[data-page-template] div.sfu-columns>div:not([data-col-layout="100"])>div.c1 div.lw-events-list-wrapper,html[data-page-template] div.sfu-columns>div:not([data-col-layout="100"])>div.c2 div.event.list-item,html[data-page-template] div.sfu-columns>div:not([data-col-layout="100"])>div.c2 div.lw-events-list-wrapper,html[data-page-template] div.sfu-columns>div:not([data-col-layout="100"])>div.c3 div.event.list-item,html[data-page-template] div.sfu-columns>div:not([data-col-layout="100"])>div.c3 div.lw-events-list-wrapper,html[data-page-template] div.sfu-columns>div:not([data-col-layout="100"])>div.c4 div.event.list-item,html[data-page-template] div.sfu-columns>div:not([data-col-layout="100"])>div.c4 div.lw-events-list-wrapper {
    grid-template-columns: 1fr;
    grid-gap: 0
}

html[data-page-template] div.sfu-columns>div:not([data-col-layout="100"])>div.c1 div.event.list-item .event-info,html[data-page-template] div.sfu-columns>div:not([data-col-layout="100"])>div.c1 div.lw-events-list-wrapper .event-info,html[data-page-template] div.sfu-columns>div:not([data-col-layout="100"])>div.c2 div.event.list-item .event-info,html[data-page-template] div.sfu-columns>div:not([data-col-layout="100"])>div.c2 div.lw-events-list-wrapper .event-info,html[data-page-template] div.sfu-columns>div:not([data-col-layout="100"])>div.c3 div.event.list-item .event-info,html[data-page-template] div.sfu-columns>div:not([data-col-layout="100"])>div.c3 div.lw-events-list-wrapper .event-info,html[data-page-template] div.sfu-columns>div:not([data-col-layout="100"])>div.c4 div.event.list-item .event-info,html[data-page-template] div.sfu-columns>div:not([data-col-layout="100"])>div.c4 div.lw-events-list-wrapper .event-info {
    padding: 1.5rem
}

html[data-page-template] div.sfu-columns>div:not([data-col-layout="100"])>div.c1 div.event.list-item .event-image,html[data-page-template] div.sfu-columns>div:not([data-col-layout="100"])>div.c1 div.lw-events-list-wrapper .event-image,html[data-page-template] div.sfu-columns>div:not([data-col-layout="100"])>div.c2 div.event.list-item .event-image,html[data-page-template] div.sfu-columns>div:not([data-col-layout="100"])>div.c2 div.lw-events-list-wrapper .event-image,html[data-page-template] div.sfu-columns>div:not([data-col-layout="100"])>div.c3 div.event.list-item .event-image,html[data-page-template] div.sfu-columns>div:not([data-col-layout="100"])>div.c3 div.lw-events-list-wrapper .event-image,html[data-page-template] div.sfu-columns>div:not([data-col-layout="100"])>div.c4 div.event.list-item .event-image,html[data-page-template] div.sfu-columns>div:not([data-col-layout="100"])>div.c4 div.lw-events-list-wrapper .event-image {
    padding: 0
}

@media(max-width: 754px) {
    html[data-page-template] div.sfu-columns>div.block>div.c1 .lw-events-list-wrapper,html[data-page-template] div.sfu-columns>div.block>div.c2 .lw-events-list-wrapper,html[data-page-template] div.sfu-columns>div.block>div.c3 .lw-events-list-wrapper,html[data-page-template] div.sfu-columns>div.block>div.c4 .lw-events-list-wrapper {
        grid-template-columns:1fr
    }
}

html[data-page-template] div.sfu-columns>div.grey.block>div.c1 div.livewhale-calendar .event-info,html[data-page-template] div.sfu-columns>div.grey.block>div.c1 div.livewhale-calendar .event-summary,html[data-page-template] div.sfu-columns>div.grey.block>div.c1 div.livewhale-calendar .event-time,html[data-page-template] div.sfu-columns>div.grey.block>div.c2 div.livewhale-calendar .event-info,html[data-page-template] div.sfu-columns>div.grey.block>div.c2 div.livewhale-calendar .event-summary,html[data-page-template] div.sfu-columns>div.grey.block>div.c2 div.livewhale-calendar .event-time,html[data-page-template] div.sfu-columns>div.grey.block>div.c3 div.livewhale-calendar .event-info,html[data-page-template] div.sfu-columns>div.grey.block>div.c3 div.livewhale-calendar .event-summary,html[data-page-template] div.sfu-columns>div.grey.block>div.c3 div.livewhale-calendar .event-time,html[data-page-template] div.sfu-columns>div.grey.block>div.c4 div.livewhale-calendar .event-info,html[data-page-template] div.sfu-columns>div.grey.block>div.c4 div.livewhale-calendar .event-summary,html[data-page-template] div.sfu-columns>div.grey.block>div.c4 div.livewhale-calendar .event-time {
    color: var(--sfu-colour-p3)
}

html[data-page-template] div.sfu-columns>div.block.red>div.c1 div.livewhale-calendar div.event.list-item .event-info a,html[data-page-template] div.sfu-columns>div.block.red>div.c2 div.livewhale-calendar div.event.list-item .event-info a,html[data-page-template] div.sfu-columns>div.block.red>div.c3 div.livewhale-calendar div.event.list-item .event-info a,html[data-page-template] div.sfu-columns>div.block.red>div.c4 div.livewhale-calendar div.event.list-item .event-info a,html[data-page-template] div.sfu-columns>div.block.light-red>div.c1 div.livewhale-calendar div.event.list-item .event-info a,html[data-page-template] div.sfu-columns>div.block.light-red>div.c2 div.livewhale-calendar div.event.list-item .event-info a,html[data-page-template] div.sfu-columns>div.block.light-red>div.c3 div.livewhale-calendar div.event.list-item .event-info a,html[data-page-template] div.sfu-columns>div.block.light-red>div.c4 div.livewhale-calendar div.event.list-item .event-info a {
    color: var(--sfu-colour-p2)
}

@media(any-hover: hover) {
    html[data-page-template] div.sfu-columns>div.block.red>div.c1 div.livewhale-calendar div.event.list-item .event-info a:hover,html[data-page-template] div.sfu-columns>div.block.red>div.c2 div.livewhale-calendar div.event.list-item .event-info a:hover,html[data-page-template] div.sfu-columns>div.block.red>div.c3 div.livewhale-calendar div.event.list-item .event-info a:hover,html[data-page-template] div.sfu-columns>div.block.red>div.c4 div.livewhale-calendar div.event.list-item .event-info a:hover,html[data-page-template] div.sfu-columns>div.block.light-red>div.c1 div.livewhale-calendar div.event.list-item .event-info a:hover,html[data-page-template] div.sfu-columns>div.block.light-red>div.c2 div.livewhale-calendar div.event.list-item .event-info a:hover,html[data-page-template] div.sfu-columns>div.block.light-red>div.c3 div.livewhale-calendar div.event.list-item .event-info a:hover,html[data-page-template] div.sfu-columns>div.block.light-red>div.c4 div.livewhale-calendar div.event.list-item .event-info a:hover {
        color:var(--sfu-colour-p4);
        background: var(--sfu-colour-p1)
    }
}

html[data-page-template] div.sfu-columns>div.block.red>div.c1 div.livewhale-calendar div.event.list-item .event-date,html[data-page-template] div.sfu-columns>div.block.red>div.c2 div.livewhale-calendar div.event.list-item .event-date,html[data-page-template] div.sfu-columns>div.block.red>div.c3 div.livewhale-calendar div.event.list-item .event-date,html[data-page-template] div.sfu-columns>div.block.red>div.c4 div.livewhale-calendar div.event.list-item .event-date,html[data-page-template] div.sfu-columns>div.block.light-red>div.c1 div.livewhale-calendar div.event.list-item .event-date,html[data-page-template] div.sfu-columns>div.block.light-red>div.c2 div.livewhale-calendar div.event.list-item .event-date,html[data-page-template] div.sfu-columns>div.block.light-red>div.c3 div.livewhale-calendar div.event.list-item .event-date,html[data-page-template] div.sfu-columns>div.block.light-red>div.c4 div.livewhale-calendar div.event.list-item .event-date {
    background: var(--sfu-colour-p4);
    color: var(--sfu-colour-p2)
}

html[data-page-template] div.sfu-columns>div.block.red>div.c1 div.livewhale-calendar div.event.column .event-date,html[data-page-template] div.sfu-columns>div.block.red>div.c2 div.livewhale-calendar div.event.column .event-date,html[data-page-template] div.sfu-columns>div.block.red>div.c3 div.livewhale-calendar div.event.column .event-date,html[data-page-template] div.sfu-columns>div.block.red>div.c4 div.livewhale-calendar div.event.column .event-date,html[data-page-template] div.sfu-columns>div.block.light-red>div.c1 div.livewhale-calendar div.event.column .event-date,html[data-page-template] div.sfu-columns>div.block.light-red>div.c2 div.livewhale-calendar div.event.column .event-date,html[data-page-template] div.sfu-columns>div.block.light-red>div.c3 div.livewhale-calendar div.event.column .event-date,html[data-page-template] div.sfu-columns>div.block.light-red>div.c4 div.livewhale-calendar div.event.column .event-date {
    background: var(--sfu-colour-p4);
    color: var(--sfu-colour-p2)
}

html[data-page-template] div.sfu-columns>div.block.red>div.c1 div.livewhale-calendar div.event.column a,html[data-page-template] div.sfu-columns>div.block.red>div.c2 div.livewhale-calendar div.event.column a,html[data-page-template] div.sfu-columns>div.block.red>div.c3 div.livewhale-calendar div.event.column a,html[data-page-template] div.sfu-columns>div.block.red>div.c4 div.livewhale-calendar div.event.column a,html[data-page-template] div.sfu-columns>div.block.light-red>div.c1 div.livewhale-calendar div.event.column a,html[data-page-template] div.sfu-columns>div.block.light-red>div.c2 div.livewhale-calendar div.event.column a,html[data-page-template] div.sfu-columns>div.block.light-red>div.c3 div.livewhale-calendar div.event.column a,html[data-page-template] div.sfu-columns>div.block.light-red>div.c4 div.livewhale-calendar div.event.column a {
    color: var(--sfu-colour-p2)
}

@media(any-hover: hover) {
    html[data-page-template] div.sfu-columns>div.block.red>div.c1 div.livewhale-calendar div.event.column a:hover,html[data-page-template] div.sfu-columns>div.block.red>div.c2 div.livewhale-calendar div.event.column a:hover,html[data-page-template] div.sfu-columns>div.block.red>div.c3 div.livewhale-calendar div.event.column a:hover,html[data-page-template] div.sfu-columns>div.block.red>div.c4 div.livewhale-calendar div.event.column a:hover,html[data-page-template] div.sfu-columns>div.block.light-red>div.c1 div.livewhale-calendar div.event.column a:hover,html[data-page-template] div.sfu-columns>div.block.light-red>div.c2 div.livewhale-calendar div.event.column a:hover,html[data-page-template] div.sfu-columns>div.block.light-red>div.c3 div.livewhale-calendar div.event.column a:hover,html[data-page-template] div.sfu-columns>div.block.light-red>div.c4 div.livewhale-calendar div.event.column a:hover {
        color:var(--sfu-colour-p4);
        background: var(--sfu-colour-p1)
    }
}

html[data-page-template] .main__content div.livewhale-calendar .featured:after,html[data-page-template] .main__content div.livewhale-calendar .event:after {
    content: "";
    display: none
}

html[data-page-template] .main__content div.livewhale-calendar .featured .event-info,html[data-page-template] .main__content div.livewhale-calendar .featured .event-summary,html[data-page-template] .main__content div.livewhale-calendar .featured .event-time,html[data-page-template] .main__content div.livewhale-calendar .event .event-info,html[data-page-template] .main__content div.livewhale-calendar .event .event-summary,html[data-page-template] .main__content div.livewhale-calendar .event .event-time {
    color: var(--sfu-colour-p3)
}

html[data-page-template] .main__content div.livewhale-calendar .event.column {
    display: table-cell;
    background: var(--sfu-colour-s3);
    vertical-align: top;
    float: left;
    width: 100%;
    border-bottom: .1rem solid var(--sfu-colour-s2)
}

@media(min-width: 1150px) {
    html[data-page-template] .main__content div.livewhale-calendar .event.column {
        float:none;
        width: 33%
    }
}

html[data-page-template] .main__content div.event .event-footer {
    width: calc(99%);
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    position: absolute;
    pointer-events: none;
    bottom: 1.8rem
}

html[data-page-template] .lw-events-list-wrapper.sfu-main * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

html[data-page-template] .lw-events-list-wrapper.sfu-main .event-type,html[data-page-template] .lwcw .event-type {
    position: absolute;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    padding-right: 3em
}

html[data-page-template] .lwcw .event-type {
    max-width: 50%
}

html[data-page-template] .event.column .event-time,html[data-page-template] .event.column .event-place {
    display: block;
    margin-top: 1.5rem
}

html[data-page-template] .lwcw.block.red div.event h2.event-title a,html[data-page-template] .lwcw.block.light-red div.event h2.event-title a {
    color: var(--sfu-colour-p1);
    text-decoration: none
}

@media(any-hover: hover) {
    html[data-page-template] .lwcw.block.red div.event h2.event-title a:hover,html[data-page-template] .lwcw.block.light-red div.event h2.event-title a:hover {
        background:var(--sfu-colour-p2);
        color: var(--sfu-colour-p4)
    }
}

@media(any-hover: hover) {
    html[data-page-template] .lwcw.block.red .event-title a:hover,html[data-page-template] .lwcw.block.light-red .event-title a:hover {
        background:var(--sfu-colour-p1)
    }
}

html[data-page-template] .lwcw.block.red .lw_paginate a,html[data-page-template] .lwcw.block.light-red .lw_paginate a {
    color: var(--sfu-colour-p4) !important
}

@media(any-hover: hover) {
    html[data-page-template] .lwcw.block.red .lw_paginate a:hover,html[data-page-template] .lwcw.block.light-red .lw_paginate a:hover {
        color:var(--sfu-colour-p2) !important;
        background: var(--sfu-colour-p4)
    }
}

html[data-page-template] #lw_cal #page form {
    margin: 0 !important;
    border: none !important;
    padding: 0 !important;
    background: none !important
}

html[data-page-template] #lw_cal #page form input {
    margin: 0 !important;
    border-radius: 0 !important
}

html[data-page-template] #lw_cal #page form input[type=text] {
    padding: .7em
}

html[data-page-template] #lw_cal .lw_cal_home_view html[data-page-template] #lw_cal_showing {
    display: none !important
}

html[data-page-template] #lw_cal div.lw_filters label {
    font-size: 1.6rem
}

html[data-page-template] #lw_cal .lw_calendar_event_description h3+p,html[data-page-template] #lw_cal .lw_calendar_event_description h4+p {
    margin-top: 0 !important
}

html[data-page-template] #lw_cal .subnav-wrapper {
    display: none
}

html[data-page-template] #lw_cal section.main-wide>.breadcrumb {
    display: none
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal .breadcrumb {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    padding-left: 1.5rem
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal .breadcrumb .lw-calendar-location+a {
    display: none
}

html[data-page-template] #lw_cal .main-wide {
    padding-left: 0;
    padding-right: 0;
    float: left;
    width: 100%
}

html[data-page-template] #lw_cal .search .search-field input {
    width: 89%
}

html[data-page-template] #lw_cal pre {
    overflow: auto
}

html[data-page-template] #lw_cal code,html[data-page-template] #lw_cal kbd,html[data-page-template] #lw_cal pre,html[data-page-template] #lw_cal samp {
    font-family: monospace,monospace;
    font-size: 1em
}

html[data-page-template] #lw_cal button,html[data-page-template] #lw_cal input,html[data-page-template] #lw_cal optgroup,html[data-page-template] #lw_cal select,html[data-page-template] #lw_cal textarea {
    margin: 0
}

html[data-page-template] #lw_cal button {
    overflow: visible
}

html[data-page-template] #lw_cal button,html[data-page-template] #lw_cal select {
    text-transform: none
}

html[data-page-template] #lw_cal button,html[data-page-template] #lw_cal html input[type=button],html[data-page-template] #lw_cal input[type=reset],html[data-page-template] #lw_cal input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

html[data-page-template] #lw_cal button[disabled],html[data-page-template] #lw_cal html input[disabled] {
    cursor: default
}

html[data-page-template] #lw_cal button::-moz-focus-inner,html[data-page-template] #lw_cal input::-moz-focus-inner {
    padding: 0;
    border: 0
}

html[data-page-template] #lw_cal input {
    line-height: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html[data-page-template] #lw_cal input[type=checkbox],html[data-page-template] #lw_cal input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

html[data-page-template] #lw_cal input[type=number]::-webkit-inner-spin-button,html[data-page-template] #lw_cal input[type=number]::-webkit-outer-spin-button {
    height: auto
}

html[data-page-template] #lw_cal input[type=search] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield
}

html[data-page-template] #lw_cal input[type=search]::-webkit-search-cancel-button,html[data-page-template] #lw_cal input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

html[data-page-template] #lw_cal fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid silver
}

html[data-page-template] #lw_cal legend {
    padding: 0;
    border: 0
}

html[data-page-template] #lw_cal textarea {
    overflow: auto
}

html[data-page-template] #lw_cal optgroup {
    font-weight: bold
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal a {
    text-decoration: none
}

@media(any-hover: hover) {
    html[data-page-template] #lw_cal html[data-page-template] #lw_cal a:hover {
        color:var(--sfu-colour-p4)
    }
}

html[data-page-template] #lw_cal a.mobile-search {
    display: none
}

html[data-page-template] #lw_cal .event-banner {
    background-image: url("https://sfu.lwcal.com/assets/banner-image.jpg") !important;
    background-repeat: no-repeat;
    background-position: center center;
    height: 288px;
    position: relative;
    width: 100%
}

html[data-page-template] #lw_cal .event-banner:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

html[data-page-template] #lw_cal .event-banner.landing {
    height: 407px;
    width: 100%
}

html[data-page-template] #lw_cal .event-banner h1,html[data-page-template] #lw_cal p.page-header {
    color: var(--sfu-colour-p4);
    float: left;
    font-size: 70px;
    letter-spacing: 2px;
    line-height: 1em;
    margin-left: 37px;
    margin-top: 90px;
    padding: .25em .25em .45em .25em;
    position: relative;
    width: 480px;
    text-shadow: 3px 3px 8px #333
}

html[data-page-template] #lw_cal .event-banner h1 a {
    color: var(--sfu-colour-p4) !important
}

html[data-page-template] #lw_cal .event-banner.landing h1 {
    background: var(--sfu-colour-p2);
    font-size: 76px;
    letter-spacing: 1px;
    margin-left: 37px;
    padding: .25em .25em .45em .25em;
    width: 480px;
    z-index: 100;
    text-shadow: none
}

html[data-page-template] #lw_cal .event-banner h1 {
    visibility: hidden
}

html[data-page-template] #lw_cal body[class^=lw] .event-banner h1 {
    visibility: visible
}

html[data-page-template] #lw_cal .lw_filters {
    background: var(--sfu-colour-p2);
    box-shadow: 3px 3px 6px rgba(0,0,0,0.34);
    margin: -85px 37px 0;
    padding: 1em;
    position: relative
}

html[data-page-template] #lw_cal .lw_filters form {
    border-collapse: separate;
    border-spacing: .8em;
    display: table;
    max-width: 1446px;
    width: 100%
}

html[data-page-template] #lw_cal .lw_filters input {
    width: 100%
}

html[data-page-template] #lw_cal .category_selector {
    background: var(--sfu-colour-p4);
    border: 1px solid #ccc;
    color: var(--sfu-colour-p2);
    display: table-cell;
    font-size: 17px;
    padding: .7em 0 .7em .7em;
    position: relative;
    vertical-align: middle;
    width: 16%;
    line-height: 1.625
}

html[data-page-template] #lw_cal .category_keywords,html[data-page-template] #lw_cal .category_submit {
    display: table-cell;
    vertical-align: middle
}

html[data-page-template] #lw_cal .lw_filters label::after {
    font-family: var(--sfu-font-icon-1);
    content: "\f0d7";
    margin: 0;
    position: absolute;
    right: 1rem
}

html[data-page-template] #lw_cal .icon-login-lock:before {
    font-family: var(--sfu-font-icon-1);
    content: "\f023";
    margin: 0 .5em 1em 0;
    vertical-align: top
}

html[data-page-template] #lw_cal .page-content__main .category_selector {
    padding: .5rem
}

html[data-page-template] #lw_cal .page-content__main .category_selector ul li:before {
    content: unset
}

html[data-page-template] #lw_cal input {
    border: 1px solid #ccc;
    color: #525859;
    font-size: 17px;
    padding: .7em;
    vertical-align: middle
}

html[data-page-template] #lw_cal .lw-cal-search-form input#search {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    background-color: var(--sfu-colour-transparent);
    border-color: var(--sfu-colour-p1);
    color: var(--sfu-colour-p1);
    font-size: 16px
}

@media(any-hover: hover) {
    html[data-page-template] #lw_cal .lw-cal-search-form input#search:hover {
        color:var(--sfu-colour-p4);
        background-color: var(--sfu-colour-p1)
    }
}

@media(any-hover: hover) {
    html[data-page-template] #lw_cal .lw-cal-search-form input#search:hover {
        background:var(--sfu-colour-p4);
        color: var(--sfu-colour-p1)
    }
}

html[data-page-template] #lw_cal h2.feature-title,html[data-page-template] #lw_cal h2.footer-title {
    font-size: 3.7rem;
    line-height: 4.2rem;
    letter-spacing: normal;
    color: var(--sfu-colour-s1);
    margin-bottom: 3rem;
    clear: both;
    padding: 1.5em 0 0;
    text-align: center;
    text-transform: uppercase
}

html[data-page-template] #lw_cal h2.feature-title,html[data-page-template] #lw_cal h2.feature-title b,html[data-page-template] #lw_cal h2.feature-title strong,html[data-page-template] #lw_cal h2.footer-title,html[data-page-template] #lw_cal h2.footer-title b,html[data-page-template] #lw_cal h2.footer-title strong {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed)
}

html[data-page-template] #lw_cal h2.feature-title a,html[data-page-template] #lw_cal h2.footer-title a {
    color: var(--sfu-colour-s1)
}

@media(any-hover: hover) {
    html[data-page-template] #lw_cal h2.feature-title a:hover,html[data-page-template] #lw_cal h2.footer-title a:hover {
        color:var(--sfu-colour-p1);
        background: 0;
        text-decoration: none
    }
}

html[data-page-template] #lw_cal h2.footer-title {
    padding: 1.5rem 0
}

html[data-page-template] #lw_cal .page-subhead {
    display: table;
    margin: 0 0 37px;
    width: 100%
}

html[data-page-template] #lw_cal .page-subhead .jump-to {
    display: none
}

html[data-page-template] #lw_cal .date-before-after {
    display: table-cell;
    padding-right: .8em;
    vertical-align: middle;
    white-space: nowrap
}

html[data-page-template] #lw_cal .page-title-date {
    border-left: 2px solid #dedede;
    border-right: 2px solid #dedede;
    color: #54585a;
    display: inline-block;
    font-size: 2.3vw;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0;
    padding: 0 1.2vw;
    text-transform: uppercase;
    line-height: 1.5
}

html[data-page-template] #lw_cal .previous,html[data-page-template] #lw_cal .next {
    display: inline-block;
    border: 0;
    margin: 0;
    padding: 0
}

html[data-page-template] #lw_cal .previous.icon-down-arrow {
    height: 24px;
    overflow: hidden;
    position: relative;
    width: 24px
}

html[data-page-template] #lw_cal .next.icon-down-arrow {
    height: 24px;
    overflow: hidden;
    position: relative;
    width: 9px;
    margin-left: 14px
}

html[data-page-template] #lw_cal .range-btns {
    display: table-cell;
    text-align: right;
    vertical-align: middle
}

html[data-page-template] #lw_cal .range-btn {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    background-color: var(--sfu-colour-transparent);
    border-color: var(--sfu-colour-p1);
    color: var(--sfu-colour-p1);
    font-size: .8em;
    margin-bottom: 3px
}

@media(any-hover: hover) {
    html[data-page-template] #lw_cal .range-btn:hover {
        color:var(--sfu-colour-p4);
        background-color: var(--sfu-colour-p1)
    }
}

html[data-page-template] #lw_cal a.range-btn {
    color: var(--sfu-colour-p4) !important
}

html[data-page-template] #lw_cal .range-btn:last-of-type {
    margin-left: .8em
}

html[data-page-template] #lw_cal .container,html[data-page-template] #lw_cal .feature-container {
    display: table;
    border-collapse: separate;
    border-spacing: 30px;
    padding: 0;
    width: calc(100% + 60px);
    margin-left: -30px
}

html[data-page-template] #lw_cal .container-row {
    display: table-row
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal .main {
    width: 75%;
    padding: 37px;
    position: relative
}

html[data-page-template] #lw_cal .right_sidebar {
    float: left;
    padding: 37px 37px 3em 0;
    width: 25%
}

html[data-page-template] #lw_cal .lw_cal_view_home html[data-page-template] #lw_cal .main {
    width: 100%;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
}

html[data-page-template] #lw_cal .lw_cal_view_home .right_sidebar html[data-page-template] #lw_cal_date_selector,html[data-page-template] #lw_cal .lw_cal_view_home .right_sidebar #lw_mini_cal,html[data-page-template] #lw_cal .lw_cal_view_home html[data-page-template] #lw_cal_header {
    display: none
}

html[data-page-template] #lw_cal .lw_cal_view_home .right_sidebar {
    width: auto;
    float: none;
    clear: both;
    padding: 0 37px
}

html[data-page-template] #lw_cal .lw_cal_view_home .right_sidebar .login {
    text-align: center;
    padding-top: 37px
}

html[data-page-template] #lw_cal .lw_cal_view_home html[data-page-template] #lw_cal_events .no {
    text-align: center
}

html[data-page-template] #lw_cal .date-separator {
    padding: .5em 0 0 1em
}

html[data-page-template] #lw_cal .date-separator.ongoing {
    border-color: #a7192f
}

html[data-page-template] #lw_cal .date-separator.ongoing+.date-separator {
    display: none
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal .event {
    background: #f5f5f5;
    border-bottom: 1px solid #e9e9e9;
    color: #525859;
    display: block;
    position: relative
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal .featured .event-time {
    color: #525859
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal .event.column {
    display: table-cell;
    margin: 0 15px;
    position: relative;
    vertical-align: top;
    width: 100%
}

@media(min-width: 980px) {
    html[data-page-template] #lw_cal html[data-page-template] #lw_cal .event.column {
        width:33%
    }
}

@media(min-width: 528px) and (max-width:979px) {
    html[data-page-template] #lw_cal html[data-page-template] #lw_cal .event.column {
        width:50%
    }
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal .feature-column .event.column {
    width: 50%
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal .event.column .event-info {
    padding: 1em 1em 4em;
    bottom: 0
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal .event.featured {
    font-size: 1.1em
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal .event.featured:after {
    display: none
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal .feature-container .event.column {
    max-width: 708px;
    width: 50%
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal .event.list-item {
    display: table;
    margin: 1.5em 0;
    width: 100%
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal .event a {
    text-decoration: none
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal .event-image {
    line-height: 0;
    position: relative
}

html[data-page-template] #lw_cal .lw_cal_view_home html[data-page-template] #lw_cal .event-image>a {
    display: block;
    max-height: 230px;
    overflow: hidden
}

html[data-page-template] #lw_cal .lw_cal_view_home html[data-page-template] #lw_cal .event.featured .event-image>a {
    max-height: 320px
}

html[data-page-template] #lw_cal .lw_cal_view_home html[data-page-template] #lw_cal .event-image img {
    width: 100%;
    height: auto
}

html[data-page-template] #lw_cal .lw_cal_view_home h2.footer-title {
    display: none
}

html[data-page-template] #lw_cal .lw_cal_event_view .time-range .field-data .lw_date_range,html[data-page-template] #lw_cal .lw_cal_event_view .time-range .field-data .lw_year {
    display: none
}

html[data-page-template] #lw_cal .list-item .event-image>a {
    display: block;
    max-height: 246px;
    overflow: hidden
}

html[data-page-template] #lw_cal .list-item .event-image img {
    width: 491px;
    max-width: inherit !important
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal .list-item .event-image {
    display: table-cell;
    margin-right: 1em;
    vertical-align: top
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal .event-date {
    background: var(--sfu-colour-p2);
    color: var(--sfu-colour-p4);
    font-size: .9em;
    left: 0;
    letter-spacing: 1px;
    line-height: 1em;
    padding: 1.2em 1.5em 1em;
    position: absolute;
    text-transform: uppercase;
    top: 0
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal .ticket-info {
    background: rgba(0,0,0,0.75);
    bottom: 0;
    border: 1px solid var(--sfu-colour-p4);
    border-bottom: 0;
    border-right: 0;
    color: #ccc;
    font-size: .9em;
    letter-spacing: 1px;
    line-height: 1em;
    right: 0;
    padding: 1.1em 1.5em .7em;
    position: absolute;
    text-transform: uppercase
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal .list-item .event-info {
    display: table-cell;
    padding: 1em 1em 4em;
    position: relative;
    width: 100%;
    vertical-align: middle
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal .department {
    line-height: 1.3em
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal h2.event-title a {
    color: var(--sfu-colour-p2)
}

@media(any-hover: hover) {
    html[data-page-template] #lw_cal html[data-page-template] #lw_cal .event.column:hover h2.event-title {
        color:#69100d
    }
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal .featured h2.event-title {
    font-size: 1.8em;
    letter-spacing: -1px;
    line-height: 1.1em
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal .event-time {
    display: inline-block;
    padding-right: 1vw
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal .event-place {
    border-left: 1px solid #ababab;
    padding-left: 1vw
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal .event-footer {
    bottom: 1.8em;
    pointer-events: none;
    position: absolute;
    width: calc(100% - 1em)
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal .event-type {
    position: absolute;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    padding-right: 3em
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal .tags {
    position: absolute;
    bottom: 0
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal .icon-add-calendar {
    right: 1em;
    position: absolute
}

html[data-page-template] #lw_cal .login {
    border-top: 3px solid var(--sfu-colour-s2);
    margin: 37px;
    padding: 2em;
    text-align: center
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal .show-more {
    text-align: center
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal a.btn-show-more {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    background-color: var(--sfu-colour-transparent);
    border-color: var(--sfu-colour-p1);
    color: var(--sfu-colour-p1)
}

@media(any-hover: hover) {
    html[data-page-template] #lw_cal html[data-page-template] #lw_cal a.btn-show-more:hover {
        color:var(--sfu-colour-p4);
        background-color: var(--sfu-colour-p1)
    }
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal a.btn-register {
    background-color: var(--sfu-colour-p2);
    color: var(--sfu-colour-p4);
    display: inline-block;
    font-size: 19px;
    font-weight: 500;
    letter-spacing: 3px;
    padding: .7em 1.6em;
    text-align: center;
    text-transform: uppercase
}

@media(any-hover: hover) {
    html[data-page-template] #lw_cal html[data-page-template] #lw_cal a.btn-show-more:hover,html[data-page-template] #lw_cal html[data-page-template] #lw_cal a.btn-register:hover {
        background-color:#710b1b;
        box-shadow: none
    }
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal a.btn-login {
    background-color: #f6f6f6;
    border: 1px solid #e9e9e9;
    color: #a5192c;
    display: inline-block;
    font-size: .9em;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1em;
    padding: .95em 1.25em .8em 1.25em;
    text-transform: uppercase;
    vertical-align: middle
}

@media(any-hover: hover) {
    html[data-page-template] #lw_cal html[data-page-template] #lw_cal a.btn-login:hover {
        background-color:#e9e9e9
    }
}

html[data-page-template] #lw_cal .audience span {
    display: inline-block;
    max-width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

html[data-page-template] #lw_cal .audience span:not(:first-child) {
    border-left: 1px solid #ccc;
    margin-left: .8em;
    padding-left: 1em
}

html[data-page-template] #lw_cal .audience span:empty {
    border: 0;
    margin: 0;
    padding: 0
}

html[data-page-template] #lw_cal .save-share {
    margin: 1.5em 0
}

html[data-page-template] #lw_cal .save-share p {
    display: inline-block;
    margin-right: 1em
}

html[data-page-template] #lw_cal .save-share [class^=icon-],html[data-page-template] #lw_cal .save-share [class*=" icon-"] {
    display: inline-block;
    font-size: 1.2em;
    height: 1em;
    overflow: hidden;
    margin: .3em .3em 0;
    width: 1em
}

html[data-page-template] #lw_cal .save-share .icon-event-share {
    color: var(--sfu-colour-p2);
    opacity: 1;
    position: static;
    width: 19px
}

html[data-page-template] #lw_cal .save-share html[data-page-template] #lw_cal_add_to_calendar {
    border-left: 1px solid #ccc;
    display: inline-block;
    margin-left: 1em;
    padding-left: .5em
}

html[data-page-template] #lw_cal .save-share .icon-add-calendar {
    color: var(--sfu-colour-p2);
    font-size: 1em;
    opacity: 1;
    overflow: visible;
    padding: .5em 1em;
    position: static;
    width: auto
}

html[data-page-template] #lw_cal .save-share .icon-add-calendar:before {
    color: #54585a;
    margin-right: .7em
}

html[data-page-template] #lw_cal .register-now {
    float: right;
    margin-top: -5em
}

html[data-page-template] #lw_cal .register-now:last-of-type {
    float: none;
    margin: 3em 0
}

html[data-page-template] #lw_cal .event-detail-image {
    width: 100%;
    height: 425px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

html[data-page-template] #lw_cal .meta {
    border-bottom: 1px solid #ccc;
    display: table;
    margin: 1em 0 2em;
    padding: 1em 0;
    width: 100%
}

html[data-page-template] #lw_cal .meta label {
    color: #3f454c;
    display: inline-block;
    float: left;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0 1.5em .5em 0;
    text-align: right;
    text-transform: uppercase;
    vertical-align: top;
    width: 83px
}

html[data-page-template] #lw_cal .meta div {
    clear: both;
    display: block
}

html[data-page-template] #lw_cal .meta p {
    display: inline-block
}

html[data-page-template] #lw_cal p.field-data {
    float: left;
    max-width: calc(100% - 108px);
    word-break: break-word
}

html[data-page-template] #lw_cal .meta .location p {
    display: block;
    max-width: 38%
}

html[data-page-template] #lw_cal .meta .contact span,html[data-page-template] #lw_cal .meta .location span {
    display: block;
    margin: 0
}

html[data-page-template] #lw_cal .meta div.location {
    display: table-cell;
    vertical-align: top;
    width: 60%
}

html[data-page-template] #lw_cal .map {
    background: #ccc;
    float: left;
    height: 160px;
    margin: 0 7% 0 10%;
    width: 40%
}

html[data-page-template] #lw_cal .event-detail h1 {
    font-size: 57px;
    letter-spacing: 0;
    line-height: 1.2em;
    margin: .3em 0
}

html[data-page-template] #lw_cal .lw_calendar_event_description {
    font-size: 1.2em
}

html[data-page-template] #lw_cal .lw_calendar_event_description img.float-left {
    clear: both;
    float: left;
    margin: 1em 2em 2em 0
}

html[data-page-template] #lw_cal #page form.jump-to {
    background: #f6f6f6 !important;
    border: 1px solid #ccc !important;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
    color: var(--sfu-colour-p2);
    display: block;
    font-size: 17px;
    margin: 0 1em 1em !important;
    padding: .7em 0 .7em .7em !important;
    position: relative;
    vertical-align: middle
}

html[data-page-template] #lw_cal .jump-to label::after {
    border-left: 1px solid #dedede;
    padding: 1.1em 1.4em;
    position: absolute;
    right: 0;
    top: .5em
}

html[data-page-template] #lw_cal .cal-month {
    font-size: .8em;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 3em auto 1em;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 63%
}

html[data-page-template] #lw_cal .icon-arrow-left,html[data-page-template] #lw_cal .icon-arrow-right {
    font-size: 1.5em;
    position: absolute
}

html[data-page-template] #lw_cal .icon-arrow-left {
    left: 0
}

html[data-page-template] #lw_cal .icon-arrow-right {
    right: 0
}

html[data-page-template] #lw_cal table.month-grid {
    margin: 0 auto 2em
}

html[data-page-template] #lw_cal table.month-grid th {
    color: var(--sfu-colour-p2);
    font-weight: 300;
    padding: 0
}

html[data-page-template] #lw_cal table.month-grid td {
    font-size: .9em;
    padding: .2em .4em;
    text-align: center
}

html[data-page-template] #lw_cal td.selected {
    background: var(--sfu-colour-p2);
    color: var(--sfu-colour-p4)
}

html[data-page-template] #lw_cal td.lw_prev_month,html[data-page-template] #lw_cal td.lw_next_month {
    color: #bdbfc1
}

html[data-page-template] #lw_cal .right_sidebar .event {
    margin-bottom: 2em
}

html[data-page-template] #lw_cal .right_sidebar h2.event-title {
    font-size: 1.4em;
    margin-top: 0
}

html[data-page-template] #lw_cal .right_sidebar .login {
    margin: 0;
    padding: 1em;
    text-align: left
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal .footer {
    background: #f6f6f6;
    border-top: 1px solid #e9e9e9;
    clear: both;
    padding: 1em 37px 2em
}

html[data-page-template] #lw_cal html[data-page-template] #lw_cal .footer .lw_filters {
    margin: 37px 0
}

@media screen and (max-width: 1520px) {
    html[data-page-template] #lw_cal html[data-page-template] #lw_cal .main {
        width:calc(100% - 375px)
    }

    html[data-page-template] #lw_cal .lw_cal_view_home html[data-page-template] #lw_cal .main {
        width: 100%
    }
}

@media screen and (max-width: 1360px) {
    html[data-page-template] #lw_cal html[data-page-template] #lw_cal .list-item .event-image img {
        width:380px;
        height: 190px
    }
}

@media screen and (max-width: 1290px) {
    html[data-page-template] #lw_cal .event-detail-image {
        height:375px
    }

    html[data-page-template] #lw_cal html[data-page-template] #lw_cal .main {
        width: 70%
    }

    html[data-page-template] #lw_cal .right_sidebar {
        width: 30%
    }

    html[data-page-template] #lw_cal .lw_cal_view_home html[data-page-template] #lw_cal .main {
        width: 100%
    }

    html[data-page-template] #lw_cal .save-share .icon-add-calendar {
        padding: 0
    }

    html[data-page-template] #lw_cal .save-share html[data-page-template] #lw_cal_add_to_calendar {
        border: 0;
        border-top: 1px solid #e9e9e9;
        display: block;
        margin: 0 17vw 0 0;
        padding: .6em 0 0
    }

    html[data-page-template] #lw_cal .lw_filters label::after {
        border-left: 0
    }

    html[data-page-template] #lw_cal html[data-page-template] #lw_cal .list-item .event-image img {
        width: 350px;
        height: 175px
    }

    html[data-page-template] #lw_cal .event-wrapper .event-date,html[data-page-template] #lw_cal .event-wrapper .ticket-info {
        font-size: .8em
    }

    html[data-page-template] #lw_cal .event-wrapper .event-time,html[data-page-template] #lw_cal .event-wrapper .event-place {
        border: 0;
        display: block
    }

    html[data-page-template] #lw_cal html[data-page-template] #lw_cal .list-item .event-info {
        padding: 1vw
    }

    html[data-page-template] #lw_cal .tags {
        display: none
    }
}

@media screen and (max-width: 1200px) {
    html[data-page-template] #lw_cal .event-banner.landing {
        height:25vw;
        padding: 16px 37px
    }

    html[data-page-template] #lw_cal .event-banner.landing h1 {
        font-size: 5vw;
        margin: 0;
        width: 39%
    }

    html[data-page-template] #lw_cal .lw_filters {
        margin-top: -8vw
    }

    html[data-page-template] #lw_cal .category_keywords,html[data-page-template] #lw_cal .category_submit {
        display: inline-block;
        margin: .5%;
        width: 32%
    }

    html[data-page-template] #lw_cal .category_selector {
        display: inline-block;
        margin: .5%;
        width: 32%
    }

    html[data-page-template] #lw_cal .lw_filters label::after {
        border-left: 1px solid #dedede
    }

    html[data-page-template] #lw_cal .right_sidebar .jump-to {
        margin: 0
    }

    html[data-page-template] #lw_cal .list-item {
        font-size: .9em
    }

    html[data-page-template] #lw_cal .list-item h2.event-title {
        overflow: hidden
    }
}

@media screen and (max-width: 1030px) {
    html[data-page-template] #lw_cal .event-detail-image {
        height:375px
    }

    html[data-page-template] #lw_cal .event-banner {
        height: 20vw
    }

    html[data-page-template] #lw_cal .event-banner h1,html[data-page-template] #lw_cal p.page-header {
        font-size: 5vw;
        margin: 5vw 0 0 7vw;
        padding: 0
    }

    html[data-page-template] #lw_cal html[data-page-template] #lw_cal .main,html[data-page-template] #lw_cal .main {
        width: 100%
    }

    html[data-page-template] #lw_cal .right_sidebar {
        padding: 0 37px 37px;
        width: 100%
    }

    html[data-page-template] #lw_cal #page .right_sidebar form.jump-to {
        display: none
    }

    html[data-page-template] #lw_cal .page-subhead {
        width: 100%
    }

    html[data-page-template] #lw_cal .date-before-after {
        width: 40%
    }

    html[data-page-template] #lw_cal .range-btns {
        padding-right: .8em;
        text-align: center
    }

    html[data-page-template] #lw_cal .range-btn:last-of-type {
        margin: .3em 0 0 0
    }

    html[data-page-template] #lw_cal .page-subhead .jump-to {
        display: table-cell;
        width: 25%
    }

    html[data-page-template] #lw_cal .event-date,html[data-page-template] #lw_cal .ticket-info {
        font-size: .8em
    }

    html[data-page-template] #lw_cal .event.column .event-time,html[data-page-template] #lw_cal .event.column .event-place {
        border: 0;
        display: block;
        margin-top: 1.5rem
    }

    html[data-page-template] #lw_cal .event-detail h1 {
        font-size: 4.6rem;
        line-height: 5.2rem;
        letter-spacing: normal;
        color: var(--sfu-colour-s1);
        margin-bottom: 3rem;
        text-transform: uppercase
    }

    html[data-page-template] #lw_cal .event-detail h1,html[data-page-template] #lw_cal .event-detail h1 b,html[data-page-template] #lw_cal .event-detail h1 strong {
        font-family: var(--sfu-font-body);
        font-weight: var(--sfu-font-weight--heavy);
        font-stretch: var(--sfu-font-stretch--condensed)
    }
}

@media screen and (max-width: 1030px) and (max-width:527px) {
    html[data-page-template] #lw_cal .event-detail h1 {
        font-size:4.6rem;
        line-height: 5.2rem
    }
}

@media screen and (max-width: 1030px) {
    html[data-page-template] #lw_cal .event-detail h1 a {
        color:var(--sfu-colour-s1)
    }
}

@media screen and (max-width: 1030px) and (any-hover:hover) {
    html[data-page-template] #lw_cal .event-detail h1 a:hover {
        color:var(--sfu-colour-p1);
        background: 0;
        text-decoration: none
    }
}

@media screen and (max-width: 1030px) {
    html[data-page-template] #lw_cal .save-share .icon-add-calendar {
        padding:.5em 1em
    }
}

@media screen and (max-width: 1030px) {
    html[data-page-template] #lw_cal .save-share html[data-page-template] #lw_cal_add_to_calendar {
        border:0;
        border-left: 1px solid #ccc;
        display: inline-block;
        margin: 0 0 0 1em;
        padding: 0 0 0 .5em
    }
}

@media screen and (max-width: 1030px) {
    html[data-page-template] #lw_cal a.btn-register {
        font-size:inherit
    }
}

@media screen and (max-width: 1030px) {
    html[data-page-template] #lw_cal .cal-month,html[data-page-template] #lw_cal .month-grid {
        display:none
    }
}

@media screen and (max-width: 1030px) {
    html[data-page-template] #lw_cal .event-wrapper {
        border-collapse:separate;
        border-spacing: 30px;
        display: table;
        margin: 0 -30px
    }
}

@media screen and (max-width: 1030px) {
    html[data-page-template] #lw_cal .event-wrapper .event {
        display:table-cell
    }
}

@media screen and (max-width: 1030px) {
    html[data-page-template] #lw_cal .right_sidebar .login {
        padding-top:30px;
        text-align: center
    }
}

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

@media screen and (max-width: 860px) {
    html[data-page-template] #lw_cal .event-banner.landing h1 {
        left:37px;
        margin: 8vw 0 0;
        padding: .5em 1em;
        position: absolute;
        right: 37px;
        text-align: center;
        width: auto
    }

    html[data-page-template] #lw_cal .container,html[data-page-template] #lw_cal .feature-container {
        padding: 0
    }

    html[data-page-template] #lw_cal html[data-page-template] #lw_cal_header.page-subhead {
        margin: 0
    }

    html[data-page-template] #lw_cal html[data-page-template] #lw_cal_view_selector.range-btns {
        clear: both;
        text-align: center
    }

    html[data-page-template] #lw_cal html[data-page-template] #lw_cal .event.column {
        display: inline-block;
        margin: 0 2% 30px;
        width: 46%;
        vertical-align: top
    }

    html[data-page-template] #lw_cal html[data-page-template] #lw_cal .feature-container .event.column {
        width: 100%
    }

    html[data-page-template] #lw_cal .save-share .icon-add-calendar {
        padding: 0
    }

    html[data-page-template] #lw_cal .save-share html[data-page-template] #lw_cal_add_to_calendar {
        border: 0;
        border-top: 1px solid #e9e9e9;
        display: block;
        margin: 0 12em 0 0;
        padding: .6em 0 0
    }

    html[data-page-template] #lw_cal html[data-page-template] #lw_cal .main {
        padding-top: 16px
    }

    html[data-page-template] #lw_cal .page-subhead {
        display: block;
        margin: 0
    }

    html[data-page-template] #lw_cal .date-before-after {
        display: block;
        margin: 1em 0;
        text-align: center;
        width: auto;
        float: left
    }

    html[data-page-template] #lw_cal .page-title-date {
        font-size: 1.6em;
        padding: 0 .5em
    }

    html[data-page-template] #lw_cal .range-btns {
        clear: both;
        display: block;
        margin: 1em 0;
        width: auto
    }

    html[data-page-template] #lw_cal .range-btn:last-of-type {
        margin: 0 0 0 .8em
    }

    html[data-page-template] #lw_cal .page-subhead .jump-to {
        display: inline-block;
        margin: 0;
        padding: .5em;
        position: absolute;
        right: 37px;
        top: 31px
    }

    html[data-page-template] #lw_cal .jump-to label::after {
        border: 0;
        padding: 1.1em 1em;
        top: 4px
    }

    html[data-page-template] #lw_cal html[data-page-template] #lw_cal .list-item .event-image img {
        width: 300px;
        height: 150px
    }

    html[data-page-template] #lw_cal html[data-page-template] #lw_cal .list-item h2.event-title {
        height: 2.3em
    }
}

@media screen and (max-width: 768px) {
    html[data-page-template] #lw_cal #page {
        width:100%
    }

    html[data-page-template] #lw_cal html[data-page-template] #lw_cal .main {
        padding: 16px
    }

    html[data-page-template] #lw_cal .save-share {
        margin: .5em 0
    }

    html[data-page-template] #lw_cal .save-share .icon-add-calendar {
        padding: .5em 0 .5em .5em
    }

    html[data-page-template] #lw_cal .save-share html[data-page-template] #lw_cal_add_to_calendar {
        border: 0;
        border-left: 1px solid #ccc;
        display: inline-block;
        margin: 0 0 0 1em;
        padding: 0 0 0 .5em
    }

    html[data-page-template] #lw_cal .register-now {
        float: none;
        font-size: 1.2em;
        margin: 0 0 1em
    }

    html[data-page-template] #lw_cal .meta div.location {
        display: block;
        width: 100%
    }

    html[data-page-template] #lw_cal .meta .map {
        display: none
    }

    html[data-page-template] #lw_cal .meta .location p {
        max-width: none
    }

    html[data-page-template] #lw_cal .lw_calendar_event_description img.float-left {
        height: auto;
        margin: 3% 3% 3% 0;
        width: 33%
    }

    html[data-page-template] #lw_cal .event-wrapper {
        display: block;
        margin: 0
    }

    html[data-page-template] #lw_cal .event-wrapper .event {
        display: block
    }

    html[data-page-template] #lw_cal .featured h2.event-title {
        font-size: 1.6em
    }

    html[data-page-template] #lw_cal html[data-page-template] #lw_cal .list-item .event-image img {
        width: 270px;
        height: 135px
    }
}

@media screen and (max-width: 600px) {
    html[data-page-template] #lw_cal html[data-page-template] #lw_cal .breadcrumb {
        padding:1em
    }

    html[data-page-template] #lw_cal .event-banner.landing h1 {
        font-size: 1.5em;
        left: 16px;
        right: 16px
    }

    html[data-page-template] #lw_cal .event-banner h1,html[data-page-template] #lw_cal p.page-header {
        font-size: 2em;
        padding: 0;
        width: auto
    }

    html[data-page-template] #lw_cal .category_keywords,html[data-page-template] #lw_cal .category_submit,html[data-page-template] #lw_cal .category_selector {
        width: 49%
    }

    html[data-page-template] #lw_cal .lw_filters {
        margin: -8vw 16px 0 16px
    }

    html[data-page-template] #lw_cal html[data-page-template] #lw_cal .main {
        padding: 1em
    }

    html[data-page-template] #lw_cal .right_sidebar,html[data-page-template] #lw_cal .event-detail .right_sidebar {
        padding: 1em
    }

    html[data-page-template] #lw_cal html[data-page-template] #lw_cal .footer {
        padding: 0
    }

    html[data-page-template] #lw_cal h2.footer-title {
        background: var(--sfu-colour-p2);
        color: var(--sfu-colour-p4);
        font-size: 5vw
    }

    html[data-page-template] #lw_cal html[data-page-template] #lw_cal .footer .lw_filters {
        margin: 0
    }

    html[data-page-template] #lw_cal html[data-page-template] #lw_cal .event.column {
        margin: 0 2% 30px;
        max-width: none;
        width: 100%
    }

    html[data-page-template] #lw_cal html[data-page-template] #lw_cal .event.column:last-of-type {
        margin-bottom: 0
    }

    html[data-page-template] #lw_cal .date-before-after {
        width: 100%;
        float: none
    }

    html[data-page-template] #lw_cal .range-btns {
        padding: 0
    }

    html[data-page-template] #lw_cal .page-subhead .jump-to {
        display: none
    }

    html[data-page-template] #lw_cal .date-separator {
        margin-bottom: 1em
    }

    html[data-page-template] #lw_cal html[data-page-template] #lw_cal .event.list-item {
        display: block;
        font-size: 1em;
        margin: 0 0 30px;
        vertical-align: top
    }

    html[data-page-template] #lw_cal html[data-page-template] #lw_cal .list-item .event-image {
        display: block;
        margin: 0
    }

    html[data-page-template] #lw_cal html[data-page-template] #lw_cal .list-item .event-image img {
        width: 100%;
        height: calc((100vw - 47px) * .5)
    }

    html[data-page-template] #lw_cal html[data-page-template] #lw_cal .list-item .event-info {
        display: block;
        padding: 1em 1em 4em
    }

    html[data-page-template] #lw_cal html[data-page-template] #lw_cal .list-item h2.event-title,html[data-page-template] #lw_cal html[data-page-template] #lw_cal .featured h2.event-title,html[data-page-template] #lw_cal html[data-page-template] #lw_cal h2.event-title {
        font-size: 1.2em;
        height: auto
    }

    html[data-page-template] #lw_cal .audience span,html[data-page-template] #lw_cal .audience span:not(:last-child) {
        border: 0;
        display: block
    }

    html[data-page-template] #lw_cal .right_sidebar #lw_mini_cal {
        margin-top: 0
    }
}

@media screen and (max-width: 530px) {
    html[data-page-template] #lw_cal .event-detail-image {
        height:275px
    }

    html[data-page-template] #lw_cal .event-banner {
        height: 24vw
    }

    html[data-page-template] #lw_cal .event-banner.landing {
        padding: 20px 0
    }

    html[data-page-template] #lw_cal .event-banner.landing h1 {
        left: 0;
        margin: 12vw 0 0;
        right: 0
    }

    html[data-page-template] #lw_cal .event-banner h1,html[data-page-template] #lw_cal p.page-header {
        margin-top: 12vw
    }

    html[data-page-template] #lw_cal .lw_filters {
        margin: 0
    }

    html[data-page-template] #lw_cal .save-share .icon-add-calendar {
        padding: 0
    }

    html[data-page-template] #lw_cal .save-share html[data-page-template] #lw_cal_add_to_calendar {
        border: 0;
        border-top: 1px solid #e9e9e9;
        display: block;
        margin: 0;
        padding: .6em 0
    }

    html[data-page-template] #lw_cal .event-time,html[data-page-template] #lw_cal .event-place {
        border-right: 0;
        display: block
    }
}

@media screen and (max-width: 480px) {
    html[data-page-template] #lw_cal .event-detail h1 {
        font-size:35px;
        line-height: 1.1em
    }

    html[data-page-template] #lw_cal .right_sidebar .login {
        position: static
    }

    html[data-page-template] #lw_cal html[data-page-template] #lw_cal a.mobile-search {
        color: var(--sfu-colour-p4);
        display: block;
        text-align: center
    }
}

@media screen and (max-width: 480px) and (any-hover:hover) {
    html[data-page-template] #lw_cal html[data-page-template] #lw_cal a.mobile-search:hover {
        color:var(--sfu-colour-p4);
        display: block;
        text-align: center
    }
}

@media screen and (max-width: 480px) {
    html[data-page-template] #lw_cal html[data-page-template] #lw_cal a.mobile-hide.visible {
        display:block
    }
}

@media screen and (max-width: 480px) {
    html[data-page-template] #lw_cal html[data-page-template] #lw_cal a.mobile-search.hide {
        display:none
    }
}

@media screen and (max-width: 480px) {
    html[data-page-template] #lw_cal html[data-page-template] #lw_cal a.mobile-search .icon-down-arrow:before {
        color:var(--sfu-colour-p4);
        font-size: .7em;
        padding: 1em
    }
}

@media screen and (max-width: 480px) {
    html[data-page-template] #lw_cal html[data-page-template] #lw_cal a.mobile-hide .icon-down-arrow {
        transform:rotate(180deg);
        vertical-align: top
    }
}

@media screen and (max-width: 480px) {
    html[data-page-template] #lw_cal .category_selector {
        display:none
    }
}

@media screen and (max-width: 480px) {
    html[data-page-template] #lw_cal .category_selector.show {
        display:inline-block
    }
}

@media screen and (max-width: 480px) {
    html[data-page-template] #lw_cal input#search {
        background-position:7% 50%;
        padding: 1em 2em
    }
}

@media screen and (max-width: 480px) {
    html[data-page-template] #lw_cal .container,html[data-page-template] #lw_cal .feature-container {
        border-spacing:10px
    }
}

@media screen and (max-width: 480px) {
    html[data-page-template] #lw_cal html[data-page-template] #lw_cal .event.column,html[data-page-template] #lw_cal html[data-page-template] #lw_cal .event.column:last-of-type {
        margin:0 0 20px
    }
}

@media screen and (max-width: 480px) {
    html[data-page-template] #lw_cal .page-title-date {
        font-size:6.7vw
    }
}

@media screen and (max-width: 480px) {
    html[data-page-template] #lw_cal .range-btn:last-of-type {
        margin:0
    }
}

html[data-page-template] #lw_cal .event-detail ul {
    list-style: disc;
    margin-left: 30px
}

html[data-page-template] #lw_cal [class^=icon-],html[data-page-template] #lw_cal [class*=" icon-"] {
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html[data-page-template] #lw_cal [class^=icon-]:before,html[data-page-template] #lw_cal [class*=" icon-"]:before {
    font-family: var(--sfu-font-icon-1) !important
}

html[data-page-template] #lw_cal .icon-add-calendar {
    color: #54585a;
    font-size: 1.8rem;
    opacity: .5;
    height: 1.8rem;
    width: 1.7rem;
    overflow: hidden
}

@media(any-hover: hover) {
    html[data-page-template] #lw_cal .icon-add-calendar:hover {
        opacity:1
    }
}

html[data-page-template] #lw_cal .icon-add-calendar:before {
    content: "\f133"
}

html[data-page-template] #lw_cal .icon-event-share {
    color: #54585a;
    font-size: 1.8rem;
    opacity: .5;
    height: 1.8rem;
    width: 1.7rem;
    overflow: hidden
}

@media(any-hover: hover) {
    html[data-page-template] #lw_cal .icon-event-share:hover {
        opacity:1
    }
}

html[data-page-template] #lw_cal .icon-event-share:before {
    content: "\f064"
}

html[data-page-template] #lw_cal .icon-down-arrow:before {
    content: "\f0d9";
    color: var(--sfu-colour-p2);
    padding-right: 20px
}

html[data-page-template] #lw_cal .icon-down-arrow.next::before {
    content: "\f0da"
}

html[data-page-template] #lw_cal .icon-login-lock:before {
    content: "\f023";
    font-size: 1.4em;
    margin: 0 .5em 1em 0;
    vertical-align: top
}

html[data-page-template] #lw_cal .icon-search:before {
    content: "\f002"
}

html[data-page-template] #lw_cal .icon-envelope:before {
    color: var(--sfu-colour-p2);
    content: "\f0e0"
}

html[data-page-template] #lw_cal .icon-cal-add:before {
    content: "\f133"
}

html[data-page-template] #lw_cal .icon-facebook:before {
    color: var(--sfu-colour-p2);
    content: "\f09a";
    padding-right: 1rem
}

html[data-page-template] #lw_cal .icon-twitter:before {
    color: var(--sfu-colour-p2);
    content: "\e61b";
    padding-right: 1rem
}

html[data-page-template] #lw_cal .icon-arrow-left:before {
    content: "\f0d9";
    color: var(--sfu-colour-p2)
}

html[data-page-template] #lw_cal .icon-arrow-right:before {
    content: "\f0da";
    color: var(--sfu-colour-p2)
}

html[data-page-template] #lw_cal .icon-arrow-left,html[data-page-template] #lw_cal .icon-arrow-right {
    height: 1em;
    overflow: hidden;
    width: 1em
}

@media(any-hover: hover) {
    html[data-page-template] #lw_cal .icon-envelope:hover,html[data-page-template] #lw_cal .icon-facebook:hover,html[data-page-template] #lw_cal .icon-twitter:hover {
        background:var(--sfu-colour-transparent);
        color: var(--sfu-colour-p2)
    }
}

div.sfu-columns>div.block.red .lw-events-list-wrapper.simple>ul li.lw-event .lw-event-title a,div.sfu-columns>div.block.col-1-red>.c1 .lw-events-list-wrapper.simple>ul li.lw-event .lw-event-title a,div.sfu-columns>div.block.col-2-red>.c2 .lw-events-list-wrapper.simple>ul li.lw-event .lw-event-title a,div.sfu-columns>div.block.col-3-red>.c3 .lw-events-list-wrapper.simple>ul li.lw-event .lw-event-title a,div.sfu-columns>div.block.col-4-red>.c4 .lw-events-list-wrapper.simple>ul li.lw-event .lw-event-title a,div.sfu-columns>div.block.light-red .lw-events-list-wrapper.simple>ul li.lw-event .lw-event-title a,div.sfu-columns>div.block.col-1-light-red>.c1 .lw-events-list-wrapper.simple>ul li.lw-event .lw-event-title a,div.sfu-columns>div.block.col-2-light-red>.c2 .lw-events-list-wrapper.simple>ul li.lw-event .lw-event-title a,div.sfu-columns>div.block.col-3-light-red>.c3 .lw-events-list-wrapper.simple>ul li.lw-event .lw-event-title a,div.sfu-columns>div.block.col-4-light-red>.c4 .lw-events-list-wrapper.simple>ul li.lw-event .lw-event-title a {
    color: var(--sfu-colour-p4)
}

@media(any-hover: hover) {
    div.sfu-columns>div.block.red .lw-events-list-wrapper.simple>ul li.lw-event .lw-event-title a:hover,div.sfu-columns>div.block.col-1-red>.c1 .lw-events-list-wrapper.simple>ul li.lw-event .lw-event-title a:hover,div.sfu-columns>div.block.col-2-red>.c2 .lw-events-list-wrapper.simple>ul li.lw-event .lw-event-title a:hover,div.sfu-columns>div.block.col-3-red>.c3 .lw-events-list-wrapper.simple>ul li.lw-event .lw-event-title a:hover,div.sfu-columns>div.block.col-4-red>.c4 .lw-events-list-wrapper.simple>ul li.lw-event .lw-event-title a:hover,div.sfu-columns>div.block.light-red .lw-events-list-wrapper.simple>ul li.lw-event .lw-event-title a:hover,div.sfu-columns>div.block.col-1-light-red>.c1 .lw-events-list-wrapper.simple>ul li.lw-event .lw-event-title a:hover,div.sfu-columns>div.block.col-2-light-red>.c2 .lw-events-list-wrapper.simple>ul li.lw-event .lw-event-title a:hover,div.sfu-columns>div.block.col-3-light-red>.c3 .lw-events-list-wrapper.simple>ul li.lw-event .lw-event-title a:hover,div.sfu-columns>div.block.col-4-light-red>.c4 .lw-events-list-wrapper.simple>ul li.lw-event .lw-event-title a:hover {
        text-decoration:underline
    }
}

html[data-page-template] .lw-events-list-wrapper.simple>ul {
    max-width: 65rem
}

html[data-page-template] .lw-events-list-wrapper.simple>ul li.lw-event {
    padding-bottom: 1rem;
    border-bottom: .1rem solid var(--sfu-colour-s2)
}

html[data-page-template] .lw-events-list-wrapper.simple>ul li.lw-event .lw-event-date {
    font-size: 1.3rem;
    line-height: 1.6rem;
    margin-top: .6rem
}

html[data-page-template] .lw-events-list-wrapper.simple>ul li.lw-event .lw-event-time {
    margin-left: .8rem
}

html[data-page-template] .lw-events-list-wrapper.simple>ul li.lw-event .lw-event-title a {
    letter-spacing: normal;
    text-decoration: none;
    color: var(--sfu-colour-s1);
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    font-size: 2.2rem;
    line-height: 2.6rem
}

@media(any-hover: hover) {
    html[data-page-template] .lw-events-list-wrapper.simple>ul li.lw-event .lw-event-title a:hover {
        color:var(--sfu-colour-p1)
    }
}

@media(any-hover: hover) {
    html[data-page-template] .lw-events-list-wrapper.simple>ul li.lw-event .lw-event-title a:hover {
        color:var(--sfu-colour-p1);
        background: 0;
        text-decoration: none
    }
}

html[data-page-template] div.block.red .lw-events-list-wrapper.simple>ul li.lw-event,html[data-page-template] div.block.col-1-red>.c1 .lw-events-list-wrapper.simple>ul li.lw-event,html[data-page-template] div.block.col-2-red>.c2 .lw-events-list-wrapper.simple>ul li.lw-event,html[data-page-template] div.block.col-3-red>.c3 .lw-events-list-wrapper.simple>ul li.lw-event,html[data-page-template] div.block.col-4-red>.c4 .lw-events-list-wrapper.simple>ul li.lw-event,html[data-page-template] div.block.light-red .lw-events-list-wrapper.simple>ul li.lw-event,html[data-page-template] div.block.col-1-light-red>.c1 .lw-events-list-wrapper.simple>ul li.lw-event,html[data-page-template] div.block.col-2-light-red>.c2 .lw-events-list-wrapper.simple>ul li.lw-event,html[data-page-template] div.block.col-3-light-red>.c3 .lw-events-list-wrapper.simple>ul li.lw-event,html[data-page-template] div.block.col-4-light-red>.c4 .lw-events-list-wrapper.simple>ul li.lw-event {
    border-bottom-color: var(--sfu-colour-p4)
}

html[data-page-template] div.block.grey .lw-events-list-wrapper.simple>ul li.lw-event,html[data-page-template] div.block.col-1-grey>.c1 .lw-events-list-wrapper.simple>ul li.lw-event,html[data-page-template] div.block.col-2-grey>.c2 .lw-events-list-wrapper.simple>ul li.lw-event,html[data-page-template] div.block.col-3-grey>.c3 .lw-events-list-wrapper.simple>ul li.lw-event,html[data-page-template] div.block.col-4-grey>.c4 .lw-events-list-wrapper.simple>ul li.lw-event {
    border-bottom-color: var(--sfu-colour-s9)
}

.lwcw:not([data-simple-time]) .lw-events-list-wrapper.simple ul li .lw-event-time {
    display: none
}

.main__content div.livewhale-calendar div.event .event-time,.main__content div.livewhale-calendar div.event .department {
    line-height: 1
}

@media(any-hover: hover) {
    html[data-page-template] #lw_cal a:hover {
        color:var(--sfu-colour-p4) !important
    }
}

@media(any-hover: hover) {
    html[data-page-template] #lw_cal .login a:hover {
        color:var(--sfu-colour-p3) !important
    }
}

html[data-page-template] #lw_cal.lw_cal_home_view .right_sidebar,html[data-page-template] #lw_cal.lw_cal_home_view .date-before-after {
    display: none
}

html[data-page-template] #lw_cal.lw_cal_home_view div.main {
    width: 100%
}

html[data-page-template] #lw_cal #lw_cal_showing {
    display: none !important
}

html[data-page-template] #lw_cal .page-title-date {
    font-size: 3.7rem;
    line-height: 4.2rem;
    letter-spacing: normal;
    color: var(--sfu-colour-s1);
    margin-bottom: 3rem;
    font-weight: normal
}

html[data-page-template] #lw_cal .page-title-date,html[data-page-template] #lw_cal .page-title-date b,html[data-page-template] #lw_cal .page-title-date strong {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed)
}

html[data-page-template] #lw_cal .page-title-date a {
    color: var(--sfu-colour-s1)
}

@media(any-hover: hover) {
    html[data-page-template] #lw_cal .page-title-date a:hover {
        color:var(--sfu-colour-p1);
        background: 0;
        text-decoration: none
    }
}

html[data-page-template] #lw_cal .date-separator {
    font-size: 2.5rem;
    line-height: 2.9rem;
    letter-spacing: normal;
    color: var(--sfu-colour-s6);
    margin-bottom: 3rem;
    font-weight: normal
}

html[data-page-template] #lw_cal .date-separator,html[data-page-template] #lw_cal .date-separator b,html[data-page-template] #lw_cal .date-separator strong {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed)
}

html[data-page-template] #lw_cal .date-separator a {
    color: var(--sfu-colour-s6)
}

@media(any-hover: hover) {
    html[data-page-template] #lw_cal .date-separator a:hover {
        color:var(--sfu-colour-p1);
        background: 0;
        text-decoration: none
    }
}

html[data-page-template] #lw_cal h2.event-title a {
    font-size: 3.7rem;
    line-height: 4.2rem;
    letter-spacing: normal;
    color: var(--sfu-colour-s1);
    margin-bottom: 3rem;
    color: var(--sfu-colour-p1)
}

html[data-page-template] #lw_cal h2.event-title a,html[data-page-template] #lw_cal h2.event-title a b,html[data-page-template] #lw_cal h2.event-title a strong {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed)
}

html[data-page-template] #lw_cal h2.event-title a a {
    color: var(--sfu-colour-s1)
}

@media(any-hover: hover) {
    html[data-page-template] #lw_cal h2.event-title a a:hover {
        color:var(--sfu-colour-p1);
        background: 0;
        text-decoration: none
    }
}

@media(any-hover: hover) {
    html[data-page-template] #lw_cal h2.event-title a:hover {
        color:var(--sfu-colour-p4)
    }
}

html[data-page-template] #lw_cal .right_sidebar #lw_cal_date_selector form {
    width: 100%
}

html[data-page-template] #lw_cal.lw_cal_all_view .date-before-after .next.icon-down-arrow:before,html[data-page-template] #lw_cal.lw_cal_all_view .date-before-after .previous.icon-down-arrow:before,html[data-page-template] #lw_cal.lw_cal_day_view .date-before-after .next.icon-down-arrow:before,html[data-page-template] #lw_cal.lw_cal_day_view .date-before-after .previous.icon-down-arrow:before,html[data-page-template] #lw_cal.lw_cal_week_view .date-before-after .next.icon-down-arrow:before,html[data-page-template] #lw_cal.lw_cal_week_view .date-before-after .previous.icon-down-arrow:before,html[data-page-template] #lw_cal.lw_cal_today_view .date-before-after .next.icon-down-arrow:before,html[data-page-template] #lw_cal.lw_cal_today_view .date-before-after .previous.icon-down-arrow:before,html[data-page-template] #lw_cal.lw_cal_event_view .date-before-after .next.icon-down-arrow:before,html[data-page-template] #lw_cal.lw_cal_event_view .date-before-after .previous.icon-down-arrow:before {
    font-family: var(--sfu-font-icon-1);
    height: 24px;
    display: inline-block;
    color: var(--sfu-colour-p1);
    font-size: 2.4rem;
    cursor: pointer
}

@media(any-hover: hover) {
    html[data-page-template] #lw_cal.lw_cal_all_view .date-before-after .next:hover:before,html[data-page-template] #lw_cal.lw_cal_all_view .date-before-after .previous:hover:before,html[data-page-template] #lw_cal.lw_cal_day_view .date-before-after .next:hover:before,html[data-page-template] #lw_cal.lw_cal_day_view .date-before-after .previous:hover:before,html[data-page-template] #lw_cal.lw_cal_week_view .date-before-after .next:hover:before,html[data-page-template] #lw_cal.lw_cal_week_view .date-before-after .previous:hover:before,html[data-page-template] #lw_cal.lw_cal_today_view .date-before-after .next:hover:before,html[data-page-template] #lw_cal.lw_cal_today_view .date-before-after .previous:hover:before,html[data-page-template] #lw_cal.lw_cal_event_view .date-before-after .next:hover:before,html[data-page-template] #lw_cal.lw_cal_event_view .date-before-after .previous:hover:before {
        color:var(--sfu-colour-p2)
    }
}

html[data-page-template] #lw_cal.lw_cal_all_view .date-before-after .previous.icon-down-arrow:before,html[data-page-template] #lw_cal.lw_cal_day_view .date-before-after .previous.icon-down-arrow:before,html[data-page-template] #lw_cal.lw_cal_week_view .date-before-after .previous.icon-down-arrow:before,html[data-page-template] #lw_cal.lw_cal_today_view .date-before-after .previous.icon-down-arrow:before,html[data-page-template] #lw_cal.lw_cal_event_view .date-before-after .previous.icon-down-arrow:before {
    content: "\f0d9";
    padding-right: 50px
}

html[data-page-template] #lw_cal.lw_cal_all_view .date-before-after .next.icon-down-arrow:before,html[data-page-template] #lw_cal.lw_cal_day_view .date-before-after .next.icon-down-arrow:before,html[data-page-template] #lw_cal.lw_cal_week_view .date-before-after .next.icon-down-arrow:before,html[data-page-template] #lw_cal.lw_cal_today_view .date-before-after .next.icon-down-arrow:before,html[data-page-template] #lw_cal.lw_cal_event_view .date-before-after .next.icon-down-arrow:before {
    content: "\f0da"
}

html[data-page-template] #lw_cal.lw_cal_all_view div.main,html[data-page-template] #lw_cal.lw_cal_day_view div.main,html[data-page-template] #lw_cal.lw_cal_week_view div.main,html[data-page-template] #lw_cal.lw_cal_today_view div.main,html[data-page-template] #lw_cal.lw_cal_event_view div.main {
    float: left;
    width: 75%
}

@media screen and (max-width: 1290px) {
    html[data-page-template] #lw_cal.lw_cal_all_view div.main,html[data-page-template] #lw_cal.lw_cal_day_view div.main,html[data-page-template] #lw_cal.lw_cal_week_view div.main,html[data-page-template] #lw_cal.lw_cal_today_view div.main,html[data-page-template] #lw_cal.lw_cal_event_view div.main {
        width:70%
    }
}

@media screen and (max-width: 1030px) {
    html[data-page-template] #lw_cal.lw_cal_all_view div.main,html[data-page-template] #lw_cal.lw_cal_day_view div.main,html[data-page-template] #lw_cal.lw_cal_week_view div.main,html[data-page-template] #lw_cal.lw_cal_today_view div.main,html[data-page-template] #lw_cal.lw_cal_event_view div.main {
        width:100%
    }
}

html[data-page-template] #lw_cal.lw_cal_all_view .lw_right,html[data-page-template] #lw_cal.lw_cal_all_view .lw_left,html[data-page-template] #lw_cal.lw_cal_day_view .lw_right,html[data-page-template] #lw_cal.lw_cal_day_view .lw_left,html[data-page-template] #lw_cal.lw_cal_week_view .lw_right,html[data-page-template] #lw_cal.lw_cal_week_view .lw_left,html[data-page-template] #lw_cal.lw_cal_today_view .lw_right,html[data-page-template] #lw_cal.lw_cal_today_view .lw_left,html[data-page-template] #lw_cal.lw_cal_event_view .lw_right,html[data-page-template] #lw_cal.lw_cal_event_view .lw_left {
    overflow: hidden;
    width: 10px;
    height: 21px
}

@media(any-hover: hover) {
    html[data-page-template] #lw_cal.lw_cal_all_view .lw_right:hover,html[data-page-template] #lw_cal.lw_cal_all_view .lw_left:hover,html[data-page-template] #lw_cal.lw_cal_day_view .lw_right:hover,html[data-page-template] #lw_cal.lw_cal_day_view .lw_left:hover,html[data-page-template] #lw_cal.lw_cal_week_view .lw_right:hover,html[data-page-template] #lw_cal.lw_cal_week_view .lw_left:hover,html[data-page-template] #lw_cal.lw_cal_today_view .lw_right:hover,html[data-page-template] #lw_cal.lw_cal_today_view .lw_left:hover,html[data-page-template] #lw_cal.lw_cal_event_view .lw_right:hover,html[data-page-template] #lw_cal.lw_cal_event_view .lw_left:hover {
        color:var(--sfu-colour-p2);
        background: 0
    }
}

html[data-page-template] #lw_cal.lw_cal_all_view .lw_right:before,html[data-page-template] #lw_cal.lw_cal_day_view .lw_right:before,html[data-page-template] #lw_cal.lw_cal_week_view .lw_right:before,html[data-page-template] #lw_cal.lw_cal_today_view .lw_right:before,html[data-page-template] #lw_cal.lw_cal_event_view .lw_right:before {
    font-family: var(--sfu-font-icon-1);
    content: "\f0da"
}

html[data-page-template] #lw_cal.lw_cal_all_view .lw_left:before,html[data-page-template] #lw_cal.lw_cal_day_view .lw_left:before,html[data-page-template] #lw_cal.lw_cal_week_view .lw_left:before,html[data-page-template] #lw_cal.lw_cal_today_view .lw_left:before,html[data-page-template] #lw_cal.lw_cal_event_view .lw_left:before {
    font-family: var(--sfu-font-icon-1);
    content: "\f0d9"
}

html[data-page-template] #lw_cal .jump-to label::after {
    font-family: var(--sfu-font-icon-1);
    content: "\f0d7";
    top: -1rem;
    border: 0
}

html[data-page-template] #lw_cal #lw_cal_view_selector {
    z-index: 0
}

html[data-page-template] #lw_cal.lw_cal_all_view .page-title-date {
    border: 0
}

html[data-page-template] #lw_cal.lw_cal_all_view .date-before-after .next,html[data-page-template] #lw_cal.lw_cal_all_view .date-before-after .previous {
    display: none
}

html[data-page-template] #lw_cal .date-range label,html[data-page-template] #lw_cal .meta label {
    text-align: left
}

html[data-page-template] #lw_cal #lw_cal_add_to_calendar ul li {
    white-space: nowrap
}

html[data-page-template] #lw_cal #lw_cal_add_to_calendar ul li:before {
    content: unset
}

@media(any-hover: hover) {
    html[data-page-template] #lw_cal #lw_mini_cal td.lw_next_month:hover,html[data-page-template] #lw_cal #lw_mini_cal td.lw_prev_month:hover,html[data-page-template] #lw_cal #lw_mini_cal td.active:hover {
        background:var(--sfu-colour-p2)
    }

    html[data-page-template] #lw_cal #lw_mini_cal td.lw_next_month:hover a,html[data-page-template] #lw_cal #lw_mini_cal td.lw_prev_month:hover a,html[data-page-template] #lw_cal #lw_mini_cal td.active:hover a {
        color: var(--sfu-colour-p4)
    }
}

.alternate table {
    border-bottom: .1rem solid var(--sfu-colour-s5)
}

.alternate table tr:nth-child(even) {
    background-color: var(--sfu-colour-s2)
}

.table {
    overflow-x: auto;
    background: -webkit-linear-gradient(0,var(--sfu-colour-p4) 30%,rgba(255,255,255,0)),-webkit-linear-gradient(180deg,white 70%,rgba(255,255,255,0)) right center,-webkit-radial-gradient(left center,farthest-side,rgba(0,0,0,0.5),rgba(0,0,0,0)),-webkit-radial-gradient(right center,farthest-side,rgba(0,0,0,0.5),rgba(0,0,0,0)) right center,-webkit-linear-gradient(0,rgba(0,0,0,0.4),rgba(0,0,0,0.4)),-webkit-linear-gradient(0,rgba(0,0,0,0.4),rgba(0,0,0,0.4)) right center;
    background: linear-gradient(90deg,var(--sfu-colour-p4) 30%,rgba(255,255,255,0)),linear-gradient(270deg,white 70%,rgba(255,255,255,0)) right center,radial-gradient(farthest-side at left center,rgba(0,0,0,0.5),rgba(0,0,0,0)),radial-gradient(farthest-side at right center,rgba(0,0,0,0.5),rgba(0,0,0,0)) right center,linear-gradient(0,rgba(0,0,0,0.4),rgba(0,0,0,0.4)),linear-gradient(0,rgba(0,0,0,0.4),rgba(0,0,0,0.4)) right center;
    background-repeat: no-repeat;
    background-color: var(--sfu-colour-p4);
    background-size: 4rem 100%,4rem 100%,1.5rem 100%,1.5rem 100%,0.1rem 100%,0.1rem 100%;
    background-attachment: local,local,scroll,scroll,scroll,scroll;
    margin-bottom: 3rem
}

.table table {
    border-collapse: collapse;
    width: 100%;
    min-width: 528px
}

.table table th {
    text-align: left;
    vertical-align: bottom;
    border-bottom: .1rem solid var(--sfu-colour-s6);
    font-size: 1.7rem;
    line-height: 2.6rem;
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--normal)
}

.table table td,.table table th {
    padding: 0 .5rem;
    height: 3rem;
    vertical-align: middle;
    font-size: 1.7rem;
    line-height: 2.6rem
}

.table table[border="1"] td {
    border: .1rem solid
}

.image-table td,.image-table th {
    padding: .5% 1%
}

.block .table {
    background-color: var(--sfu-colour-transparent);
    background: 0
}

@media(max-width: 768px) {
    .red .course-list td:before,.light-red .course-list td:before,.red .split-list td:before,.light-red .split-list td:before {
        color:var(--sfu-colour-p4)
    }
}

.main__content .sfu-columns.block.red .table.grey.block td,.main__content .sfu-columns.block.light-red .table.grey.block td {
    color: var(--sfu-colour-p3)
}

.main__content .sfu-columns.block.red .alternate table tr th,.main__content .sfu-columns.block.light-red .alternate table tr th {
    border-bottom-color: var(--sfu-colour-p4);
    color: var(--sfu-colour-p2)
}

.main__content .sfu-columns.block.red .table table tr th,.main__content .sfu-columns.block.light-red .table table tr th {
    border-bottom-color: var(--sfu-colour-p4)
}

.main__content div.block.red .alternate table tr:nth-child(even) th,.main__content div.block.col-1-red .c1 .alternate table tr:nth-child(even) th,.main__content div.block.col-2-red .c2 .alternate table tr:nth-child(even) th,.main__content div.block.col-3-red .c3 .alternate table tr:nth-child(even) th,.main__content div.block.col-4-red .c4 .alternate table tr:nth-child(even) th,.main__content div.block.light-red .alternate table tr:nth-child(even) th,.main__content div.block.col-1-light-red .c1 .alternate table tr:nth-child(even) th,.main__content div.block.col-2-light-red .c2 .alternate table tr:nth-child(even) th,.main__content div.block.col-3-light-red .c3 .alternate table tr:nth-child(even) th,.main__content div.block.col-4-light-red .c4 .alternate table tr:nth-child(even) th {
    border-bottom: .1rem solid var(--sfu-colour-p4);
    color: var(--sfu-colour-p2)
}

.main__content div.block.red .alternate table tr:nth-child(odd) th,.main__content div.block.col-1-red .c1 .alternate table tr:nth-child(odd) th,.main__content div.block.col-2-red .c2 .alternate table tr:nth-child(odd) th,.main__content div.block.col-3-red .c3 .alternate table tr:nth-child(odd) th,.main__content div.block.col-4-red .c4 .alternate table tr:nth-child(odd) th,.main__content div.block.light-red .alternate table tr:nth-child(odd) th,.main__content div.block.col-1-light-red .c1 .alternate table tr:nth-child(odd) th,.main__content div.block.col-2-light-red .c2 .alternate table tr:nth-child(odd) th,.main__content div.block.col-3-light-red .c3 .alternate table tr:nth-child(odd) th,.main__content div.block.col-4-light-red .c4 .alternate table tr:nth-child(odd) th {
    border-bottom: .1rem solid var(--sfu-colour-p4);
    color: var(--sfu-colour-p4)
}

.main__content div.block.red .table table tr th,.main__content div.block.col-1-red .c1 .table table tr th,.main__content div.block.col-2-red .c2 .table table tr th,.main__content div.block.col-3-red .c3 .table table tr th,.main__content div.block.col-4-red .c4 .table table tr th,.main__content div.block.light-red .table table tr th,.main__content div.block.col-1-light-red .c1 .table table tr th,.main__content div.block.col-2-light-red .c2 .table table tr th,.main__content div.block.col-3-light-red .c3 .table table tr th,.main__content div.block.col-4-light-red .c4 .table table tr th {
    border-bottom: .1rem solid var(--sfu-colour-p4)
}

.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {
    outline: 0
}

.slides,.flex-control-nav,.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none
}

.flexslider {
    margin: 0;
    padding: 0
}

.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden
}

.flexslider .slides img {
    width: 100%;
    display: block
}

.flex-pauseplay span {
    text-transform: capitalize
}

.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

html[xmlns] .slides {
    display: block
}

* html .slides {
    height: 1%
}

.no-js .slides>li:first-child {
    display: block
}

.flexslider {
    margin: 0;
    position: relative;
    zoom:1}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease
}

.loading .flex-viewport {
    max-height: 300px
}

.flexslider .slides {
    zoom:1}

.flex-direction-nav {
    *height: 0
}

.flex-direction-nav a {
    width: 30px;
    height: 30px;
    margin: -20px 0 0;
    display: block;
    background: url(../clf4/custom/images/bg_direction_nav.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    transition: all .3s ease
}

.flex-direction-nav .flex-next {
    background-position: 100% 0;
    right: -36px
}

.flex-direction-nav .flex-prev {
    left: -36px
}

@media(any-hover: hover) {
    .flexslider:hover .flex-next {
        opacity:.8;
        right: 5px
    }

    .flexslider:hover .flex-prev {
        opacity: .8;
        left: 5px
    }
}

@media(any-hover: hover) and (any-hover:hover) {
    .flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {
        opacity:1
    }
}

.flex-direction-nav .flex-disabled {
    opacity: .3 !important;
    filter: alpha(opacity=30);
    cursor: default
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -25px;
    text-align: center
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom:1;*display: inline
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0,0,0,0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.3)
}

@media(any-hover: hover) {
    .flex-control-paging li a:hover {
        background:#333;
        background: rgba(0,0,0,0.7)
    }
}

.flex-control-paging li a.flex-active {
    background: var(--sfu-colour-p3);
    background: rgba(0,0,0,0.9);
    cursor: default
}

.flex-control-thumbs {
    margin: 15px 0 0;
    position: static;
    overflow: hidden
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer
}

@media(any-hover: hover) {
    .flex-control-thumbs img:hover {
        opacity:1
    }
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default
}

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity:1;
        left: 0
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 0
    }
}

.course-list {
    overflow-x: inherit;
    margin-bottom: 3rem
}

.course-list th {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--normal)
}

.course-list td,.course-list th {
    padding-left: .25em;
    padding-top: 1rem;
    padding-bottom: 1rem;
    height: 3rem
}

.course-list table {
    margin-bottom: 2em;
    width: 100%;
    border-collapse: collapse;
    border-color: none;
    overflow-x: visible
}

.course-list table {
    overflow-x: visible
}

.course-list table tr {
    border-bottom: 1px solid var(--sfu-colour-s3);
    width: 100%
}

.course-list table tr:nth-last-child(1) {
    border-bottom: 0
}

.course-list table th {
    background: 0;
    padding: 1em 0 .5em .25em;
    border-bottom: 0;
    width: 20%
}

.course-list table td,.course-list table th {
    text-align: left
}

.course-list .six-columns table th {
    width: 16.6%
}

.course-list .four-columns table th {
    width: 25%
}

.course-list .three-columns table th {
    width: 33.3%
}

.course-list .two-columns table th {
    width: 50%
}

@media(max-width: 754px) {
    .course-list .table {
        overflow-x:hidden;
        padding: 0;
        background: unset
    }

    .course-list .table table {
        min-width: unset
    }

    .course-list table,.course-list thead,.course-list tbody,.course-list th,.course-list td,.course-list tr,.split-list table,.split-list thead,.split-list th,.split-list tr,.split-list td {
        display: block;
        width: 100%
    }

    .course-list table td,.course-list table th,.course-list table td,.split-list table th,.split-list table td,.split-list table th,.split-list table td,.split-list table th {
        padding: none
    }

    .course-list table tr th,.split-list table tr th {
        display: none
    }

    .course-list table tr:nth-child(1),.split-list table tr:nth-child(1) {
        display: none;
        height: auto
    }

    .course-list table tr,.split-list table tr {
        border: 1px solid var(--sfu-colour-s2);
        border-bottom: 0;
        margin-bottom: 2em;
        box-shadow: 0 -3px 0 var(--sfu-colour-s2)
    }

    .course-list table tr:nth-child(2),.split-list table tr:nth-child(2) {
        margin-top: 1em
    }

    .course-list .table td,.split-list .table td {
        border: 0;
        border-bottom: 1px solid var(--sfu-colour-s2);
        position: relative;
        min-height: 3.1em
    }

    .course-list table td:last-child,.split-list table td:last-child {
        border-bottom: 1px solid var(--sfu-colour-s2)
    }

    .course-list table td,.course-list table td th,.split-list table td,.split-list table td th {
        padding: 1rem 0
    }

    .course-list td:before {
        margin-bottom: 1.5rem;
        display: block;
        font-family: var(--sfu-font-body);
        font-weight: var(--sfu-font-weight--heavy);
        font-stretch: var(--sfu-font-stretch--normal)
    }

    .course-list td:nth-of-type(1):before {
        content: "Course"
    }

    .course-list td:nth-of-type(2):before {
        content: "Title"
    }

    .course-list #instructor:before {
        content: "Instructor"
    }

    .course-list #schedule:before {
        content: "Day/Time"
    }

    .course-list #location:before {
        content: "Location"
    }

    .course-list #note:before {
        content: "Note"
    }

    .course-list .table table td {
        height: auto;
        padding: 1.5rem 0
    }

    .course-list .table table th {
        height: auto;
        padding: 1rem 0
    }
}

@media(min-width: 755px) {
    .course-list table tbody tr td:first-child {
        padding-left:1.5rem
    }

    .course-list table tbody tr td:last-child {
        padding-right: 1.5rem
    }

    .course-list table tbody tr:nth-child(even) {
        background: var(--sfu-colour-s3)
    }
}

.main__content img.ruled {
    border-top: .3rem solid var(--sfu-colour-s2);
    padding: 3rem 0 0;
    margin-top: 2.6rem
}

.main__content img.ruled-below {
    border-bottom: .3rem solid var(--sfu-colour-s2);
    padding: 0 0 3rem;
    margin-bottom: 2.5rem;
    margin-top: 2.6rem
}

.main__content img.ruled-thin {
    border-top: .1rem solid var(--sfu-colour-s2);
    padding: 3rem 0 0;
    margin-top: 3rem
}

.main__content img.ruled-below-thin {
    border-bottom: .1rem solid var(--sfu-colour-s2);
    padding: 0 0 3rem;
    margin-bottom: 2.5rem;
    margin-top: 2.6rem
}

.main__content img.ruled.ruled-below,.main__content img.ruled.ruled-below-thin,.main__content img.ruled-thin.ruled-below,.main__content img.ruled-thin.ruled-below-thin {
    padding: 3rem 0
}

.main__content div.block.red img.ruled,.main__content div.block.red img.ruled-below,.main__content div.block.red img.ruled-thin,.main__content div.block.red img.ruled-below-thin,.main__content div.block.col-1-red .c1 img.ruled,.main__content div.block.col-1-red .c1 img.ruled-below,.main__content div.block.col-1-red .c1 img.ruled-thin,.main__content div.block.col-1-red .c1 img.ruled-below-thin,.main__content div.block.col-2-red .c2 img.ruled,.main__content div.block.col-2-red .c2 img.ruled-below,.main__content div.block.col-2-red .c2 img.ruled-thin,.main__content div.block.col-2-red .c2 img.ruled-below-thin,.main__content div.block.col-3-red .c3 img.ruled,.main__content div.block.col-3-red .c3 img.ruled-below,.main__content div.block.col-3-red .c3 img.ruled-thin,.main__content div.block.col-3-red .c3 img.ruled-below-thin,.main__content div.block.col-4-red .c4 img.ruled,.main__content div.block.col-4-red .c4 img.ruled-below,.main__content div.block.col-4-red .c4 img.ruled-thin,.main__content div.block.col-4-red .c4 img.ruled-below-thin,.main__content div.block.light-red img.ruled,.main__content div.block.light-red img.ruled-below,.main__content div.block.light-red img.ruled-thin,.main__content div.block.light-red img.ruled-below-thin,.main__content div.block.col-1-light-red .c1 img.ruled,.main__content div.block.col-1-light-red .c1 img.ruled-below,.main__content div.block.col-1-light-red .c1 img.ruled-thin,.main__content div.block.col-1-light-red .c1 img.ruled-below-thin,.main__content div.block.col-2-light-red .c2 img.ruled,.main__content div.block.col-2-light-red .c2 img.ruled-below,.main__content div.block.col-2-light-red .c2 img.ruled-thin,.main__content div.block.col-2-light-red .c2 img.ruled-below-thin,.main__content div.block.col-3-light-red .c3 img.ruled,.main__content div.block.col-3-light-red .c3 img.ruled-below,.main__content div.block.col-3-light-red .c3 img.ruled-thin,.main__content div.block.col-3-light-red .c3 img.ruled-below-thin,.main__content div.block.col-4-light-red .c4 img.ruled,.main__content div.block.col-4-light-red .c4 img.ruled-below,.main__content div.block.col-4-light-red .c4 img.ruled-thin,.main__content div.block.col-4-light-red .c4 img.ruled-below-thin {
    border-color: var(--sfu-colour-p4)
}

.main__content div.block.grey img.ruled,.main__content div.block.grey img.ruled-below,.main__content div.block.grey img.ruled-thin,.main__content div.block.grey img.ruled-below-thin,.main__content div.block.col-1-grey .c1 img.ruled,.main__content div.block.col-1-grey .c1 img.ruled-below,.main__content div.block.col-1-grey .c1 img.ruled-thin,.main__content div.block.col-1-grey .c1 img.ruled-below-thin,.main__content div.block.col-2-grey .c2 img.ruled,.main__content div.block.col-2-grey .c2 img.ruled-below,.main__content div.block.col-2-grey .c2 img.ruled-thin,.main__content div.block.col-2-grey .c2 img.ruled-below-thin,.main__content div.block.col-3-grey .c3 img.ruled,.main__content div.block.col-3-grey .c3 img.ruled-below,.main__content div.block.col-3-grey .c3 img.ruled-thin,.main__content div.block.col-3-grey .c3 img.ruled-below-thin,.main__content div.block.col-4-grey .c4 img.ruled,.main__content div.block.col-4-grey .c4 img.ruled-below,.main__content div.block.col-4-grey .c4 img.ruled-thin,.main__content div.block.col-4-grey .c4 img.ruled-below-thin {
    border-color: var(--sfu-colour-s9)
}

.page-content__main div.carousel-clf3 ul li,.page-content__main div.carousel-clf4 ul li {
    line-height: 1;
    padding: 0;
    margin: 0
}

.page-content__main div.carousel-clf3 ul li::before,.page-content__main div.carousel-clf4 ul li::before {
    content: ""
}

div.carousel ol.flex-control-nav.flex-control-paging {
    height: 1.8rem;
    padding: 0;
    background: var(--sfu-colour-s2)
}

div.carousel div.flex-viewport+ol.flex-control-nav.flex-control-paging {
    height: 4.8rem
}

div.carousel div.flexslider.news div.flex-viewport+ol.flex-control-nav.flex-control-paging {
    height: 4rem
}

.page-content__main div.carousel ul,.page-content__main div.image-gallery ul {
    padding-left: 0
}

div.carousel-clf3 div.carousel .news {
    background: var(--sfu-colour-transparent)
}

.image-gallery p {
    background-color: #3d3935;
    margin-top: -1px;
    padding: 1em;
    color: var(--sfu-colour-p4)
}

.flex-control-thumbs li:nth-of-type(4n+1) {
    clear: left
}

.page-content__main .carousel ul,.page-content__main .carousel ol,.page-content__main .image-gallery ul,.page-content__main .image-gallery ol,.page-content__third-col .carousel ul,.page-content__third-col .carousel ol,.page-content__third-col .image-gallery ul,.page-content__third-col .image-gallery ol {
    padding-top: 0
}

.page-content__main .carousel ul li,.page-content__main .carousel ol li,.page-content__main .image-gallery ul li,.page-content__main .image-gallery ol li,.page-content__third-col .carousel ul li,.page-content__third-col .carousel ol li,.page-content__third-col .image-gallery ul li,.page-content__third-col .image-gallery ol li {
    line-height: 0;
    padding-top: 0
}

.page-content__main .carousel ul li:before,.page-content__main .carousel ol li:before,.page-content__main .image-gallery ul li:before,.page-content__main .image-gallery ol li:before,.page-content__third-col .carousel ul li:before,.page-content__third-col .carousel ol li:before,.page-content__third-col .image-gallery ul li:before,.page-content__third-col .image-gallery ol li:before {
    display: none;
    content: ""
}

.page-content__main .carousel .flex-control-paging li a,.page-content__main .image-gallery .flex-control-paging li a,.page-content__third-col .carousel .flex-control-paging li a,.page-content__third-col .image-gallery .flex-control-paging li a {
    width: 4rem;
    height: .5rem;
    margin-top: 1.75rem;
    background: var(--sfu-colour-s4);
    box-shadow: none;
    border: 1px solid var(--sfu-colour-transparent)
}

@media(min-width: 528px) {
    .page-content__main .carousel .flex-control-paging li a,.page-content__main .image-gallery .flex-control-paging li a,.page-content__third-col .carousel .flex-control-paging li a,.page-content__third-col .image-gallery .flex-control-paging li a {
        width:3rem
    }
}

@media(any-hover: hover) {
    .page-content__main .carousel .flex-control-paging li a:hover,.page-content__main .image-gallery .flex-control-paging li a:hover,.page-content__third-col .carousel .flex-control-paging li a:hover,.page-content__third-col .image-gallery .flex-control-paging li a:hover {
        background:var(--sfu-colour-p4);
        border: 1px solid var(--sfu-colour-s4)
    }
}

.page-content__main .carousel .flex-control-paging li a.flex-active,.page-content__main .image-gallery .flex-control-paging li a.flex-active,.page-content__third-col .carousel .flex-control-paging li a.flex-active,.page-content__third-col .image-gallery .flex-control-paging li a.flex-active {
    background: var(--sfu-colour-p1)
}

@media(any-hover: hover) {
    .page-content__main .carousel .flex-control-paging li a.flex-active:hover,.page-content__main .image-gallery .flex-control-paging li a.flex-active:hover,.page-content__third-col .carousel .flex-control-paging li a.flex-active:hover,.page-content__third-col .image-gallery .flex-control-paging li a.flex-active:hover {
        border-color:var(--sfu-colour-p1)
    }
}

.page-content__main div.block.red .carousel .flex-control-paging li a.flex-active,.page-content__main div.block.red .image-gallery .flex-control-paging li a.flex-active,.page-content__main div.block.col-1-red .c1 .carousel .flex-control-paging li a.flex-active,.page-content__main div.block.col-1-red .c1 .image-gallery .flex-control-paging li a.flex-active,.page-content__main div.block.col-2-red .c2 .carousel .flex-control-paging li a.flex-active,.page-content__main div.block.col-2-red .c2 .image-gallery .flex-control-paging li a.flex-active,.page-content__main div.block.col-3-red .c3 .carousel .flex-control-paging li a.flex-active,.page-content__main div.block.col-3-red .c3 .image-gallery .flex-control-paging li a.flex-active,.page-content__main div.block.col-4-red .c4 .carousel .flex-control-paging li a.flex-active,.page-content__main div.block.col-4-red .c4 .image-gallery .flex-control-paging li a.flex-active,.page-content__main div.block.light-red .carousel .flex-control-paging li a.flex-active,.page-content__main div.block.light-red .image-gallery .flex-control-paging li a.flex-active,.page-content__main div.block.col-1-light-red .c1 .carousel .flex-control-paging li a.flex-active,.page-content__main div.block.col-1-light-red .c1 .image-gallery .flex-control-paging li a.flex-active,.page-content__main div.block.col-2-light-red .c2 .carousel .flex-control-paging li a.flex-active,.page-content__main div.block.col-2-light-red .c2 .image-gallery .flex-control-paging li a.flex-active,.page-content__main div.block.col-3-light-red .c3 .carousel .flex-control-paging li a.flex-active,.page-content__main div.block.col-3-light-red .c3 .image-gallery .flex-control-paging li a.flex-active,.page-content__main div.block.col-4-light-red .c4 .carousel .flex-control-paging li a.flex-active,.page-content__main div.block.col-4-light-red .c4 .image-gallery .flex-control-paging li a.flex-active,.page-content__third-col div.block.red .carousel .flex-control-paging li a.flex-active,.page-content__third-col div.block.red .image-gallery .flex-control-paging li a.flex-active,.page-content__third-col div.block.col-1-red .c1 .carousel .flex-control-paging li a.flex-active,.page-content__third-col div.block.col-1-red .c1 .image-gallery .flex-control-paging li a.flex-active,.page-content__third-col div.block.col-2-red .c2 .carousel .flex-control-paging li a.flex-active,.page-content__third-col div.block.col-2-red .c2 .image-gallery .flex-control-paging li a.flex-active,.page-content__third-col div.block.col-3-red .c3 .carousel .flex-control-paging li a.flex-active,.page-content__third-col div.block.col-3-red .c3 .image-gallery .flex-control-paging li a.flex-active,.page-content__third-col div.block.col-4-red .c4 .carousel .flex-control-paging li a.flex-active,.page-content__third-col div.block.col-4-red .c4 .image-gallery .flex-control-paging li a.flex-active,.page-content__third-col div.block.light-red .carousel .flex-control-paging li a.flex-active,.page-content__third-col div.block.light-red .image-gallery .flex-control-paging li a.flex-active,.page-content__third-col div.block.col-1-light-red .c1 .carousel .flex-control-paging li a.flex-active,.page-content__third-col div.block.col-1-light-red .c1 .image-gallery .flex-control-paging li a.flex-active,.page-content__third-col div.block.col-2-light-red .c2 .carousel .flex-control-paging li a.flex-active,.page-content__third-col div.block.col-2-light-red .c2 .image-gallery .flex-control-paging li a.flex-active,.page-content__third-col div.block.col-3-light-red .c3 .carousel .flex-control-paging li a.flex-active,.page-content__third-col div.block.col-3-light-red .c3 .image-gallery .flex-control-paging li a.flex-active,.page-content__third-col div.block.col-4-light-red .c4 .carousel .flex-control-paging li a.flex-active,.page-content__third-col div.block.col-4-light-red .c4 .image-gallery .flex-control-paging li a.flex-active {
    background: var(--sfu-colour-p4)
}

@media(any-hover: hover) {
    .page-content__main div.block.red .carousel .flex-control-paging li a.flex-active:hover,.page-content__main div.block.red .image-gallery .flex-control-paging li a.flex-active:hover,.page-content__main div.block.col-1-red .c1 .carousel .flex-control-paging li a.flex-active:hover,.page-content__main div.block.col-1-red .c1 .image-gallery .flex-control-paging li a.flex-active:hover,.page-content__main div.block.col-2-red .c2 .carousel .flex-control-paging li a.flex-active:hover,.page-content__main div.block.col-2-red .c2 .image-gallery .flex-control-paging li a.flex-active:hover,.page-content__main div.block.col-3-red .c3 .carousel .flex-control-paging li a.flex-active:hover,.page-content__main div.block.col-3-red .c3 .image-gallery .flex-control-paging li a.flex-active:hover,.page-content__main div.block.col-4-red .c4 .carousel .flex-control-paging li a.flex-active:hover,.page-content__main div.block.col-4-red .c4 .image-gallery .flex-control-paging li a.flex-active:hover,.page-content__main div.block.light-red .carousel .flex-control-paging li a.flex-active:hover,.page-content__main div.block.light-red .image-gallery .flex-control-paging li a.flex-active:hover,.page-content__main div.block.col-1-light-red .c1 .carousel .flex-control-paging li a.flex-active:hover,.page-content__main div.block.col-1-light-red .c1 .image-gallery .flex-control-paging li a.flex-active:hover,.page-content__main div.block.col-2-light-red .c2 .carousel .flex-control-paging li a.flex-active:hover,.page-content__main div.block.col-2-light-red .c2 .image-gallery .flex-control-paging li a.flex-active:hover,.page-content__main div.block.col-3-light-red .c3 .carousel .flex-control-paging li a.flex-active:hover,.page-content__main div.block.col-3-light-red .c3 .image-gallery .flex-control-paging li a.flex-active:hover,.page-content__main div.block.col-4-light-red .c4 .carousel .flex-control-paging li a.flex-active:hover,.page-content__main div.block.col-4-light-red .c4 .image-gallery .flex-control-paging li a.flex-active:hover,.page-content__third-col div.block.red .carousel .flex-control-paging li a.flex-active:hover,.page-content__third-col div.block.red .image-gallery .flex-control-paging li a.flex-active:hover,.page-content__third-col div.block.col-1-red .c1 .carousel .flex-control-paging li a.flex-active:hover,.page-content__third-col div.block.col-1-red .c1 .image-gallery .flex-control-paging li a.flex-active:hover,.page-content__third-col div.block.col-2-red .c2 .carousel .flex-control-paging li a.flex-active:hover,.page-content__third-col div.block.col-2-red .c2 .image-gallery .flex-control-paging li a.flex-active:hover,.page-content__third-col div.block.col-3-red .c3 .carousel .flex-control-paging li a.flex-active:hover,.page-content__third-col div.block.col-3-red .c3 .image-gallery .flex-control-paging li a.flex-active:hover,.page-content__third-col div.block.col-4-red .c4 .carousel .flex-control-paging li a.flex-active:hover,.page-content__third-col div.block.col-4-red .c4 .image-gallery .flex-control-paging li a.flex-active:hover,.page-content__third-col div.block.light-red .carousel .flex-control-paging li a.flex-active:hover,.page-content__third-col div.block.light-red .image-gallery .flex-control-paging li a.flex-active:hover,.page-content__third-col div.block.col-1-light-red .c1 .carousel .flex-control-paging li a.flex-active:hover,.page-content__third-col div.block.col-1-light-red .c1 .image-gallery .flex-control-paging li a.flex-active:hover,.page-content__third-col div.block.col-2-light-red .c2 .carousel .flex-control-paging li a.flex-active:hover,.page-content__third-col div.block.col-2-light-red .c2 .image-gallery .flex-control-paging li a.flex-active:hover,.page-content__third-col div.block.col-3-light-red .c3 .carousel .flex-control-paging li a.flex-active:hover,.page-content__third-col div.block.col-3-light-red .c3 .image-gallery .flex-control-paging li a.flex-active:hover,.page-content__third-col div.block.col-4-light-red .c4 .carousel .flex-control-paging li a.flex-active:hover,.page-content__third-col div.block.col-4-light-red .c4 .image-gallery .flex-control-paging li a.flex-active:hover {
        background:0;
        border-color: var(--sfu-colour-p4)
    }
}

.page-content__main .flexslider.header ul li,.page-content__third-col .flexslider.header ul li {
    position: relative
}

.page-content__main .flexslider.header .carousel-text,.page-content__third-col .flexslider.header .carousel-text {
    position: absolute;
    top: 20%;
    width: 40%
}

.page-content__main .flexslider.header .carousel-text a,.page-content__third-col .flexslider.header .carousel-text a {
    text-decoration: none;
    display: block;
    padding: 0;
    margin: 0
}

@media(any-hover: hover) {
    .page-content__main .flexslider.header .carousel-text a:hover,.page-content__third-col .flexslider.header .carousel-text a:hover {
        background:var(--sfu-colour-transparent)
    }
}

.page-content__main .flexslider.header .carousel-text a h3,.page-content__third-col .flexslider.header .carousel-text a h3 {
    font-family: var(--sfu-font-brand);
    text-transform: uppercase;
    background-color: var(--sfu-colour-p1);
    color: var(--sfu-colour-p4);
    display: inline;
    white-space: pre-wrap;
    line-height: 1;
    padding-left: 0;
    padding-right: 1rem
}

@media(min-width: 980px) {
    .page-content__main .flexslider.header .carousel-text a h3,.page-content__third-col .flexslider.header .carousel-text a h3 {
        font-size:6.5rem;
        line-height: 1.09
    }
}

@media(max-width: 754px) {
    .page-content__main .flexslider.header .carousel-text a h3,.page-content__third-col .flexslider.header .carousel-text a h3 {
        font-size:4.8rem;
        line-height: 1
    }
}

@media(any-hover: hover) {
    .page-content__main .flexslider.header .carousel-text a h3:hover,.page-content__third-col .flexslider.header .carousel-text a h3:hover {
        background-color:var(--sfu-colour-p2)
    }
}

@media(any-hover: hover) {
    .page-content__main .flexslider.header .carousel-image:hover+.carousel-text a h1,.page-content__main .flexslider.header .carousel-image:hover+.carousel-text a h2,.page-content__main .flexslider.header .carousel-image:hover+.carousel-text a h3,.page-content__main .flexslider.header .carousel-image:hover+.carousel-text a h4,.page-content__main .flexslider.header .carousel-image:hover+.carousel-text a h5,.page-content__third-col .flexslider.header .carousel-image:hover+.carousel-text a h1,.page-content__third-col .flexslider.header .carousel-image:hover+.carousel-text a h2,.page-content__third-col .flexslider.header .carousel-image:hover+.carousel-text a h3,.page-content__third-col .flexslider.header .carousel-image:hover+.carousel-text a h4,.page-content__third-col .flexslider.header .carousel-image:hover+.carousel-text a h5 {
        background-color:var(--sfu-colour-p2)
    }
}

.page-content__main .flexslider.header ol.flex-control-nav.flex-control-paging,.page-content__third-col .flexslider.header ol.flex-control-nav.flex-control-paging {
    background: var(--sfu-colour-transparent);
    position: absolute
}

.page-content__main .flexslider.header ol.flex-control-nav.flex-control-paging li,.page-content__third-col .flexslider.header ol.flex-control-nav.flex-control-paging li {
    margin: 0 .5rem
}

.page-content__main .flexslider.header .flex-viewport ol.flex-control-nav.flex-control-paging,.page-content__third-col .flexslider.header .flex-viewport ol.flex-control-nav.flex-control-paging {
    bottom: -1.7rem
}

.page-content__main .flexslider.header.text-bottom .carousel-text,.page-content__third-col .flexslider.header.text-bottom .carousel-text {
    top: unset;
    bottom: 20%
}

.page-content__main .flexslider.header.background-blk a h1,.page-content__main .flexslider.header.background-blk a h2,.page-content__main .flexslider.header.background-blk a h3,.page-content__main .flexslider.header.background-blk a h4,.page-content__main .flexslider.header.background-blk a h5,.page-content__third-col .flexslider.header.background-blk a h1,.page-content__third-col .flexslider.header.background-blk a h2,.page-content__third-col .flexslider.header.background-blk a h3,.page-content__third-col .flexslider.header.background-blk a h4,.page-content__third-col .flexslider.header.background-blk a h5 {
    background: var(--sfu-colour-transparent);
    box-shadow: none
}

@media(any-hover: hover) {
    .page-content__main .flexslider.header.background-blk a h1:hover,.page-content__main .flexslider.header.background-blk a h2:hover,.page-content__main .flexslider.header.background-blk a h3:hover,.page-content__main .flexslider.header.background-blk a h4:hover,.page-content__main .flexslider.header.background-blk a h5:hover,.page-content__third-col .flexslider.header.background-blk a h1:hover,.page-content__third-col .flexslider.header.background-blk a h2:hover,.page-content__third-col .flexslider.header.background-blk a h3:hover,.page-content__third-col .flexslider.header.background-blk a h4:hover,.page-content__third-col .flexslider.header.background-blk a h5:hover {
        background:var(--sfu-colour-transparent);
        box-shadow: none
    }
}

@media(any-hover: hover) {
    .page-content__main .flexslider.header.background-blk .carousel-image:hover+.carousel-text a h1,.page-content__main .flexslider.header.background-blk .carousel-image:hover+.carousel-text a h2,.page-content__main .flexslider.header.background-blk .carousel-image:hover+.carousel-text a h3,.page-content__main .flexslider.header.background-blk .carousel-image:hover+.carousel-text a h4,.page-content__main .flexslider.header.background-blk .carousel-image:hover+.carousel-text a h5,.page-content__main .flexslider.header.background-blk.text-right .carousel-image:hover+.carousel-text a h1,.page-content__main .flexslider.header.background-blk.text-right .carousel-image:hover+.carousel-text a h2,.page-content__main .flexslider.header.background-blk.text-right .carousel-image:hover+.carousel-text a h3,.page-content__main .flexslider.header.background-blk.text-right .carousel-image:hover+.carousel-text a h4,.page-content__main .flexslider.header.background-blk.text-right .carousel-image:hover+.carousel-text a h5,.page-content__third-col .flexslider.header.background-blk .carousel-image:hover+.carousel-text a h1,.page-content__third-col .flexslider.header.background-blk .carousel-image:hover+.carousel-text a h2,.page-content__third-col .flexslider.header.background-blk .carousel-image:hover+.carousel-text a h3,.page-content__third-col .flexslider.header.background-blk .carousel-image:hover+.carousel-text a h4,.page-content__third-col .flexslider.header.background-blk .carousel-image:hover+.carousel-text a h5,.page-content__third-col .flexslider.header.background-blk.text-right .carousel-image:hover+.carousel-text a h1,.page-content__third-col .flexslider.header.background-blk.text-right .carousel-image:hover+.carousel-text a h2,.page-content__third-col .flexslider.header.background-blk.text-right .carousel-image:hover+.carousel-text a h3,.page-content__third-col .flexslider.header.background-blk.text-right .carousel-image:hover+.carousel-text a h4,.page-content__third-col .flexslider.header.background-blk.text-right .carousel-image:hover+.carousel-text a h5 {
        background-color:var(--sfu-colour-transparent)
    }
}

@media(any-hover: hover) and (any-hover:hover) {
    .page-content__main .flexslider.header.background-blk .carousel-image:hover+.carousel-text a:hover,.page-content__main .flexslider.header.background-blk.text-right .carousel-image:hover+.carousel-text a:hover,.page-content__third-col .flexslider.header.background-blk .carousel-image:hover+.carousel-text a:hover,.page-content__third-col .flexslider.header.background-blk.text-right .carousel-image:hover+.carousel-text a:hover {
        background:0
    }

    .page-content__main .flexslider.header.background-blk .carousel-image:hover+.carousel-text a:hover h1,.page-content__main .flexslider.header.background-blk .carousel-image:hover+.carousel-text a:hover h2,.page-content__main .flexslider.header.background-blk .carousel-image:hover+.carousel-text a:hover h3,.page-content__main .flexslider.header.background-blk .carousel-image:hover+.carousel-text a:hover h4,.page-content__main .flexslider.header.background-blk .carousel-image:hover+.carousel-text a:hover h5,.page-content__main .flexslider.header.background-blk.text-right .carousel-image:hover+.carousel-text a:hover h1,.page-content__main .flexslider.header.background-blk.text-right .carousel-image:hover+.carousel-text a:hover h2,.page-content__main .flexslider.header.background-blk.text-right .carousel-image:hover+.carousel-text a:hover h3,.page-content__main .flexslider.header.background-blk.text-right .carousel-image:hover+.carousel-text a:hover h4,.page-content__main .flexslider.header.background-blk.text-right .carousel-image:hover+.carousel-text a:hover h5,.page-content__third-col .flexslider.header.background-blk .carousel-image:hover+.carousel-text a:hover h1,.page-content__third-col .flexslider.header.background-blk .carousel-image:hover+.carousel-text a:hover h2,.page-content__third-col .flexslider.header.background-blk .carousel-image:hover+.carousel-text a:hover h3,.page-content__third-col .flexslider.header.background-blk .carousel-image:hover+.carousel-text a:hover h4,.page-content__third-col .flexslider.header.background-blk .carousel-image:hover+.carousel-text a:hover h5,.page-content__third-col .flexslider.header.background-blk.text-right .carousel-image:hover+.carousel-text a:hover h1,.page-content__third-col .flexslider.header.background-blk.text-right .carousel-image:hover+.carousel-text a:hover h2,.page-content__third-col .flexslider.header.background-blk.text-right .carousel-image:hover+.carousel-text a:hover h3,.page-content__third-col .flexslider.header.background-blk.text-right .carousel-image:hover+.carousel-text a:hover h4,.page-content__third-col .flexslider.header.background-blk.text-right .carousel-image:hover+.carousel-text a:hover h5 {
        background-color: var(--sfu-colour-transparent)
    }
}

@media(any-hover: hover) {
    .page-content__main .flexslider.header.text-right .carousel-image:hover+.carousel-text a h1,.page-content__main .flexslider.header.text-right .carousel-image:hover+.carousel-text a h2,.page-content__main .flexslider.header.text-right .carousel-image:hover+.carousel-text a h3,.page-content__main .flexslider.header.text-right .carousel-image:hover+.carousel-text a h4,.page-content__main .flexslider.header.text-right .carousel-image:hover+.carousel-text a h5,.page-content__third-col .flexslider.header.text-right .carousel-image:hover+.carousel-text a h1,.page-content__third-col .flexslider.header.text-right .carousel-image:hover+.carousel-text a h2,.page-content__third-col .flexslider.header.text-right .carousel-image:hover+.carousel-text a h3,.page-content__third-col .flexslider.header.text-right .carousel-image:hover+.carousel-text a h4,.page-content__third-col .flexslider.header.text-right .carousel-image:hover+.carousel-text a h5 {
        box-shadow:-1rem 0 0 var(--sfu-colour-p2)
    }
}

.page-content__main .flexslider.header.text-right .carousel-text,.page-content__third-col .flexslider.header.text-right .carousel-text {
    right: 0
}

.page-content__main .flexslider.header.text-right .carousel-text a,.page-content__third-col .flexslider.header.text-right .carousel-text a {
    text-align: right
}

.page-content__main .flexslider.header.text-right .carousel-text a h3,.page-content__third-col .flexslider.header.text-right .carousel-text a h3 {
    box-shadow: -1rem 0 0 var(--sfu-colour-p1);
    white-space: normal;
    padding-right: 0
}

@media(any-hover: hover) {
    .page-content__main .flexslider.header.text-right .carousel-text a:hover h1,.page-content__main .flexslider.header.text-right .carousel-text a:hover h2,.page-content__main .flexslider.header.text-right .carousel-text a:hover h3,.page-content__main .flexslider.header.text-right .carousel-text a:hover h4,.page-content__main .flexslider.header.text-right .carousel-text a:hover h5,.page-content__third-col .flexslider.header.text-right .carousel-text a:hover h1,.page-content__third-col .flexslider.header.text-right .carousel-text a:hover h2,.page-content__third-col .flexslider.header.text-right .carousel-text a:hover h3,.page-content__third-col .flexslider.header.text-right .carousel-text a:hover h4,.page-content__third-col .flexslider.header.text-right .carousel-text a:hover h5 {
        background:var(--sfu-colour-p2);
        box-shadow: -1rem 0 0 var(--sfu-colour-p2)
    }
}

.page-content__main .flexslider.header.text-right.background-blk a h1,.page-content__main .flexslider.header.text-right.background-blk a h2,.page-content__main .flexslider.header.text-right.background-blk a h3,.page-content__main .flexslider.header.text-right.background-blk a h4,.page-content__main .flexslider.header.text-right.background-blk a h5,.page-content__third-col .flexslider.header.text-right.background-blk a h1,.page-content__third-col .flexslider.header.text-right.background-blk a h2,.page-content__third-col .flexslider.header.text-right.background-blk a h3,.page-content__third-col .flexslider.header.text-right.background-blk a h4,.page-content__third-col .flexslider.header.text-right.background-blk a h5 {
    box-shadow: none
}

@media(any-hover: hover) {
    .page-content__main .flexslider.header.text-right.background-blk a h1:hover,.page-content__main .flexslider.header.text-right.background-blk a h2:hover,.page-content__main .flexslider.header.text-right.background-blk a h3:hover,.page-content__main .flexslider.header.text-right.background-blk a h4:hover,.page-content__main .flexslider.header.text-right.background-blk a h5:hover,.page-content__third-col .flexslider.header.text-right.background-blk a h1:hover,.page-content__third-col .flexslider.header.text-right.background-blk a h2:hover,.page-content__third-col .flexslider.header.text-right.background-blk a h3:hover,.page-content__third-col .flexslider.header.text-right.background-blk a h4:hover,.page-content__third-col .flexslider.header.text-right.background-blk a h5:hover {
        background:var(--sfu-colour-transparent);
        box-shadow: none
    }
}

@media(any-hover: hover) {
    .page-content__main .flexslider.header.text-right.background-blk a:hover h1,.page-content__main .flexslider.header.text-right.background-blk a:hover h2,.page-content__main .flexslider.header.text-right.background-blk a:hover h3,.page-content__main .flexslider.header.text-right.background-blk a:hover h4,.page-content__main .flexslider.header.text-right.background-blk a:hover h5,.page-content__third-col .flexslider.header.text-right.background-blk a:hover h1,.page-content__third-col .flexslider.header.text-right.background-blk a:hover h2,.page-content__third-col .flexslider.header.text-right.background-blk a:hover h3,.page-content__third-col .flexslider.header.text-right.background-blk a:hover h4,.page-content__third-col .flexslider.header.text-right.background-blk a:hover h5 {
        background:var(--sfu-colour-transparent);
        box-shadow: none
    }
}

@media(any-hover: hover) and (any-hover:hover) {
    .page-content__main .flexslider.header.text-right.background-blk .carousel-image:hover+.carousel-text a:hover,.page-content__third-col .flexslider.header.text-right.background-blk .carousel-image:hover+.carousel-text a:hover {
        background:var(--sfu-colour-transparent);
        box-shadow: none
    }

    .page-content__main .flexslider.header.text-right.background-blk .carousel-image:hover+.carousel-text a:hover h1,.page-content__main .flexslider.header.text-right.background-blk .carousel-image:hover+.carousel-text a:hover h2,.page-content__main .flexslider.header.text-right.background-blk .carousel-image:hover+.carousel-text a:hover h3,.page-content__main .flexslider.header.text-right.background-blk .carousel-image:hover+.carousel-text a:hover h4,.page-content__main .flexslider.header.text-right.background-blk .carousel-image:hover+.carousel-text a:hover h5,.page-content__third-col .flexslider.header.text-right.background-blk .carousel-image:hover+.carousel-text a:hover h1,.page-content__third-col .flexslider.header.text-right.background-blk .carousel-image:hover+.carousel-text a:hover h2,.page-content__third-col .flexslider.header.text-right.background-blk .carousel-image:hover+.carousel-text a:hover h3,.page-content__third-col .flexslider.header.text-right.background-blk .carousel-image:hover+.carousel-text a:hover h4,.page-content__third-col .flexslider.header.text-right.background-blk .carousel-image:hover+.carousel-text a:hover h5 {
        background: var(--sfu-colour-transparent);
        box-shadow: none
    }
}

@media(any-hover: hover) {
    .page-content__main .flexslider.header.text-right.background-blk .carousel-image:hover+.carousel-text a h1,.page-content__main .flexslider.header.text-right.background-blk .carousel-image:hover+.carousel-text a h2,.page-content__main .flexslider.header.text-right.background-blk .carousel-image:hover+.carousel-text a h3,.page-content__main .flexslider.header.text-right.background-blk .carousel-image:hover+.carousel-text a h4,.page-content__main .flexslider.header.text-right.background-blk .carousel-image:hover+.carousel-text a h5,.page-content__third-col .flexslider.header.text-right.background-blk .carousel-image:hover+.carousel-text a h1,.page-content__third-col .flexslider.header.text-right.background-blk .carousel-image:hover+.carousel-text a h2,.page-content__third-col .flexslider.header.text-right.background-blk .carousel-image:hover+.carousel-text a h3,.page-content__third-col .flexslider.header.text-right.background-blk .carousel-image:hover+.carousel-text a h4,.page-content__third-col .flexslider.header.text-right.background-blk .carousel-image:hover+.carousel-text a h5 {
        background:var(--sfu-colour-transparent);
        box-shadow: none
    }
}

.page-content__main .flexslider.news img,.page-content__third-col .flexslider.news img {
    margin-bottom: 0
}

.page-content__main .flexslider.news .carousel-text,.page-content__third-col .flexslider.news .carousel-text {
    padding-left: 3rem;
    padding-right: 3rem
}

@media(min-width: 528px) {
    .page-content__main .flexslider.news .carousel-text,.page-content__third-col .flexslider.news .carousel-text {
        padding-left:5rem;
        padding-right: 5rem
    }
}

.page-content__main .flexslider.news .carousel-text p,.page-content__third-col .flexslider.news .carousel-text p {
    padding-top: 0;
    margin-bottom: 1.5rem
}

@media(min-width: 528px) {
    .page-content__main .flexslider.news .carousel-text p,.page-content__third-col .flexslider.news .carousel-text p {
        margin-bottom:3.5rem
    }
}

.page-content__main .flexslider.news .carousel-text a,.page-content__third-col .flexslider.news .carousel-text a {
    text-decoration: none
}

@media(any-hover: hover) {
    .page-content__main .flexslider.news .carousel-text a:hover,.page-content__third-col .flexslider.news .carousel-text a:hover {
        background-color:var(--sfu-colour-transparent)
    }

    .page-content__main .flexslider.news .carousel-text a:hover h3,.page-content__third-col .flexslider.news .carousel-text a:hover h3 {
        color: var(--sfu-colour-p1)
    }
}

.page-content__main .flexslider.news .carousel-text h3,.page-content__third-col .flexslider.news .carousel-text h3 {
    display: inline-block;
    padding-top: 3rem;
    font-size: 3.7rem;
    line-height: 4.2rem;
    letter-spacing: normal;
    color: var(--sfu-colour-s1);
    margin-bottom: 3rem
}

.page-content__main .flexslider.news .carousel-text h3,.page-content__main .flexslider.news .carousel-text h3 b,.page-content__main .flexslider.news .carousel-text h3 strong,.page-content__third-col .flexslider.news .carousel-text h3,.page-content__third-col .flexslider.news .carousel-text h3 b,.page-content__third-col .flexslider.news .carousel-text h3 strong {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed)
}

.page-content__main .flexslider.news .carousel-text h3 a,.page-content__third-col .flexslider.news .carousel-text h3 a {
    color: var(--sfu-colour-s1)
}

@media(any-hover: hover) {
    .page-content__main .flexslider.news .carousel-text h3 a:hover,.page-content__third-col .flexslider.news .carousel-text h3 a:hover {
        color:var(--sfu-colour-p1);
        background: 0;
        text-decoration: none
    }
}

@media(min-width: 528px) {
    .page-content__main .flexslider.news .carousel-text h3,.page-content__third-col .flexslider.news .carousel-text h3 {
        padding-top:5rem
    }
}

.page-content__main .flexslider.news .carousel-text p span,.page-content__third-col .flexslider.news .carousel-text p span {
    display: block;
    margin-top: 3rem
}

.page-content__main .flexslider.news .carousel-text p span.carousel-text-desc,.page-content__third-col .flexslider.news .carousel-text p span.carousel-text-desc {
    margin-top: 0
}

.page-content__main .flexslider.news .carousel-text p span a,.page-content__third-col .flexslider.news .carousel-text p span a {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    color: var(--sfu-colour-p4);
    background-color: var(--sfu-colour-p1);
    border-color: var(--sfu-colour-p1)
}

@media(any-hover: hover) {
    .page-content__main .flexslider.news .carousel-text p span a:hover,.page-content__third-col .flexslider.news .carousel-text p span a:hover {
        color:var(--sfu-colour-p1);
        background-color: var(--sfu-colour-transparent);
        border-color: var(--sfu-colour-p1)
    }
}

.page-content__main .flexslider.news.button .carousel-text p span a,.page-content__third-col .flexslider.news.button .carousel-text p span a {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    background-color: var(--sfu-colour-transparent);
    border-color: var(--sfu-colour-p1);
    color: var(--sfu-colour-p1)
}

@media(any-hover: hover) {
    .page-content__main .flexslider.news.button .carousel-text p span a:hover,.page-content__third-col .flexslider.news.button .carousel-text p span a:hover {
        color:var(--sfu-colour-p4);
        background-color: var(--sfu-colour-p1)
    }
}

.page-content__main .flexslider.news.button.alt .carousel-text p span a,.page-content__third-col .flexslider.news.button.alt .carousel-text p span a {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    color: var(--sfu-colour-p4);
    background-color: var(--sfu-colour-p1);
    border-color: var(--sfu-colour-p1)
}

@media(any-hover: hover) {
    .page-content__main .flexslider.news.button.alt .carousel-text p span a:hover,.page-content__third-col .flexslider.news.button.alt .carousel-text p span a:hover {
        color:var(--sfu-colour-p1);
        background-color: var(--sfu-colour-transparent);
        border-color: var(--sfu-colour-p1)
    }
}

.page-content__main div.carousel div.header div.carousel-text p {
    display: none
}

.page-content__main div.carousel div.header div.carousel-text p>span.carousel-text-desc {
    background: var(--sfu-colour-p4);
    padding: 1.5rem;
    margin-top: 3rem;
    width: 80%;
    margin-left: 3rem;
    display: none
}

.page-content__main div.carousel div.header div.carousel-text p>span.carousel-text-btn {
    display: none
}

.page-content__main div.carousel div.header div.carousel-text p>span.carousel-text-btn a {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    color: var(--sfu-colour-p4);
    background-color: var(--sfu-colour-p1);
    border-color: var(--sfu-colour-p1);
    margin-left: 5rem;
    margin-top: 3rem
}

@media(any-hover: hover) {
    .page-content__main div.carousel div.header div.carousel-text p>span.carousel-text-btn a:hover {
        color:var(--sfu-colour-p1);
        background-color: var(--sfu-colour-transparent);
        border-color: var(--sfu-colour-p1)
    }
}

@media(any-hover: hover) {
    .page-content__main div.carousel div.header div.carousel-text p>span.carousel-text-btn a:hover {
        text-decoration:none;
        background: var(--sfu-colour-p4);
        border-color: var(--sfu-colour-p4)
    }
}

.page-content__main div.carousel div.header.button.alt div.carousel-text p>span.carousel-text-btn a {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    color: var(--sfu-colour-p4);
    background-color: var(--sfu-colour-p1);
    border-color: var(--sfu-colour-p1)
}

@media(any-hover: hover) {
    .page-content__main div.carousel div.header.button.alt div.carousel-text p>span.carousel-text-btn a:hover {
        color:var(--sfu-colour-p1);
        background-color: var(--sfu-colour-transparent);
        border-color: var(--sfu-colour-p1)
    }
}

@media(any-hover: hover) {
    .page-content__main div.carousel div.header.button.alt div.carousel-text p>span.carousel-text-btn a:hover {
        text-decoration:none
    }
}

@media(any-hover: hover) {
    .page-content__main div.carousel div.header[data-show-button][data-show-description] div.carousel-text p>span.carousel-text-btn a:hover,.page-content__main div.carousel div.header[data-show-button][data-show-description].button.alt div.carousel-text p>span.carousel-text-btn a:hover {
        border-color:var(--sfu-colour-p1)
    }
}

.page-content__main div.carousel div.header.button div.carousel-text p>span.carousel-text-btn a {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    background-color: var(--sfu-colour-transparent);
    border-color: var(--sfu-colour-p1);
    color: var(--sfu-colour-p1);
    background: var(--sfu-colour-p4)
}

@media(any-hover: hover) {
    .page-content__main div.carousel div.header.button div.carousel-text p>span.carousel-text-btn a:hover {
        color:var(--sfu-colour-p4);
        background-color: var(--sfu-colour-p1)
    }
}

.page-content__main div.carousel div.header.button.alt div.carousel-text p>span.carousel-text-btn a {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    color: var(--sfu-colour-p4);
    background-color: var(--sfu-colour-p1);
    border-color: var(--sfu-colour-p1)
}

@media(any-hover: hover) {
    .page-content__main div.carousel div.header.button.alt div.carousel-text p>span.carousel-text-btn a:hover {
        color:var(--sfu-colour-p1);
        background-color: var(--sfu-colour-transparent);
        border-color: var(--sfu-colour-p1)
    }
}

@media(any-hover: hover) {
    .page-content__main div.carousel div.header.button.alt div.carousel-text p>span.carousel-text-btn a:hover {
        text-decoration:none;
        background: var(--sfu-colour-p4);
        border-color: var(--sfu-colour-p4)
    }
}

.page-content__main div.carousel div.header[data-show-description][data-show-button] div.carousel-text p {
    display: inline-block;
    background: var(--sfu-colour-p4);
    padding: 1.5rem;
    margin-top: 3rem;
    width: 80%;
    margin-left: 3rem;
    color: var(--sfu-colour-p3)
}

.page-content__main div.carousel div.header[data-show-description][data-show-button] div.carousel-text p>span.carousel-text-desc {
    display: block;
    padding: 0;
    margin-top: 0;
    width: auto;
    margin-left: 0
}

.page-content__main div.carousel div.header[data-show-description][data-show-button] div.carousel-text p>span.carousel-text-btn {
    display: block
}

.page-content__main div.carousel div.header[data-show-description][data-show-button] div.carousel-text p>span.carousel-text-btn a {
    margin-left: 0;
    margin-top: 1.5rem
}

.page-content__main div.carousel div.header[data-show-description]:not([data-show-button]) div.carousel-text p {
    display: inline-block;
    color: var(--sfu-colour-p3)
}

.page-content__main div.carousel div.header[data-show-description]:not([data-show-button]) div.carousel-text p>span.carousel-text-desc {
    display: block
}

.page-content__main div.carousel div.header[data-show-button]:not([data-show-description]) div.carousel-text p {
    display: inline-block
}

.page-content__main div.carousel div.header[data-show-button]:not([data-show-description]) div.carousel-text p>span.carousel-text-desc {
    display: none
}

.page-content__main div.carousel div.header[data-show-button]:not([data-show-description]) div.carousel-text p>span.carousel-text-btn {
    display: block;
    margin-top: 3rem;
    margin-bottom: 7rem
}

.page-content__main div.carousel div.header.text-right[data-show-description] span.carousel-text-desc {
    margin-left: 5rem
}

@media(min-width: 980px) {
    .page-content__main div.carousel div.header.text-right[data-show-description][data-show-button] div.carousel-text p {
        margin-left:5rem
    }
}

@media(min-width: 1800px) {
    .page-content__main div.carousel div.header.text-right[data-show-description]:not([data-show-button]) div.carousel-text p {
        margin-left:12rem
    }

    .page-content__main div.carousel div.header.text-right[data-show-description][data-show-button] div.carousel-text p {
        margin-left: 7.5rem
    }
}

.page-content__main div.carousel div.header.text-right[data-show-button]:not([data-show-description]) p {
    display: inline-block
}

.page-content__main div.carousel div.header.text-right[data-show-button]:not([data-show-description]) p>span.carousel-text-btn {
    position: absolute;
    right: 5rem
}

.page-content__main ol.flex-control-nav.flex-control-thumbs li {
    margin: 0;
    padding: 0;
    padding-top: 0;
    margin-top: 0
}

.page-content__main ol.flex-control-nav.flex-control-thumbs li img {
    padding-top: 0;
    margin-top: 0
}

.page-content__main ol.flex-control-nav {
    padding-left: 0
}

main div.image-gallery .flex-control-nav {
    display: block !important
}

.image-gallery p {
    font-size: 1.3rem;
    line-height: 2.2rem;
    background-color: var(--sfu-colour-transparent);
    color: var(--sfu-colour-s1);
    padding-left: 0;
    padding-right: 0
}

.page-content__main .image-gallery .flex-control-paging li a {
    border: 1px solid var(--sfu-colour-transparent)
}

@media(any-hover: hover) {
    .page-content__main .image-gallery .flex-control-paging li a:hover {
        border-color:var(--sfu-colour-s4)
    }
}

.page-content__main .image-gallery .flex-control-paging li a.active {
    border-color: var(--sfu-colour-p1)
}

@media(any-hover: hover) {
    .page-content__main .image-gallery .flex-control-paging li a.active:hover {
        border-color:var(--sfu-colour-p1)
    }
}

.page-content__main .sfu-columns>div.block.col-1-red .carousel-text a,.page-content__main .sfu-columns>div.block.col-1-light-red .carousel-text a,.page-content__main .sfu-columns>div.block.col-2-red .carousel-text a,.page-content__main .sfu-columns>div.block.col-2-light-red .carousel-text a,.page-content__main .sfu-columns>div.block.col-3-red .carousel-text a,.page-content__main .sfu-columns>div.block.col-3-light-red .carousel-text a,.page-content__main .sfu-columns>div.block.col-4-red .carousel-text a,.page-content__main .sfu-columns>div.block.col-4-light-red .carousel-text a {
    text-decoration: none
}

@media(any-hover: hover) {
    .page-content__main .sfu-columns>div.block.col-1-red .carousel-text a:hover,.page-content__main .sfu-columns>div.block.col-1-light-red .carousel-text a:hover,.page-content__main .sfu-columns>div.block.col-2-red .carousel-text a:hover,.page-content__main .sfu-columns>div.block.col-2-light-red .carousel-text a:hover,.page-content__main .sfu-columns>div.block.col-3-red .carousel-text a:hover,.page-content__main .sfu-columns>div.block.col-3-light-red .carousel-text a:hover,.page-content__main .sfu-columns>div.block.col-4-red .carousel-text a:hover,.page-content__main .sfu-columns>div.block.col-4-light-red .carousel-text a:hover {
        background:0
    }
}

@media(any-hover: hover) {
    .main__content div.block.red .flexslider.header .carousel-text a:hover,.main__content div.block.light-red .flexslider.header .carousel-text a:hover {
        text-decoration:none
    }

    .main__content div.block.red .flexslider.header .carousel-text a:hover h3,.main__content div.block.light-red .flexslider.header .carousel-text a:hover h3 {
        background: var(--sfu-colour-p2)
    }
}

@media(any-hover: hover) {
    .main__content div.block.red .flexslider.header.background-blk .carousel-text a:hover,.main__content div.block.light-red .flexslider.header.background-blk .carousel-text a:hover {
        text-decoration:none
    }

    .main__content div.block.red .flexslider.header.background-blk .carousel-text a:hover h3,.main__content div.block.light-red .flexslider.header.background-blk .carousel-text a:hover h3 {
        background: var(--sfu-colour-transparent)
    }
}

.main__content div.block.grey .flexslider.news .carousel-text p span a {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    color: var(--sfu-colour-p4);
    background-color: var(--sfu-colour-p1);
    border-color: var(--sfu-colour-p1)
}

@media(any-hover: hover) {
    .main__content div.block.grey .flexslider.news .carousel-text p span a:hover {
        color:var(--sfu-colour-p1);
        background-color: var(--sfu-colour-transparent);
        border-color: var(--sfu-colour-p1)
    }
}

.main__content div.block.grey .flexslider.news.button .carousel-text p span a {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    background-color: var(--sfu-colour-transparent);
    border-color: var(--sfu-colour-p1);
    color: var(--sfu-colour-p1)
}

@media(any-hover: hover) {
    .main__content div.block.grey .flexslider.news.button .carousel-text p span a:hover {
        color:var(--sfu-colour-p4);
        background-color: var(--sfu-colour-p1)
    }
}

.main__content div.block.grey .flexslider.news.button .carousel-text p span a.alt {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    color: var(--sfu-colour-p4);
    background-color: var(--sfu-colour-p1);
    border-color: var(--sfu-colour-p1)
}

@media(any-hover: hover) {
    .main__content div.block.grey .flexslider.news.button .carousel-text p span a.alt:hover {
        color:var(--sfu-colour-p1);
        background-color: var(--sfu-colour-transparent);
        border-color: var(--sfu-colour-p1)
    }
}

.carousel-text p span a {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    color: var(--sfu-colour-p4);
    background-color: var(--sfu-colour-p1);
    border-color: var(--sfu-colour-p1)
}

@media(any-hover: hover) {
    .carousel-text p span a:hover {
        color:var(--sfu-colour-p1);
        background-color: var(--sfu-colour-transparent);
        border-color: var(--sfu-colour-p1)
    }
}

@media(any-hover: hover) {
    .main__content div.block.red .flexslider.news .carousel-text a:hover,.main__content div.block.light-red .flexslider.news .carousel-text a:hover {
        text-decoration:underline
    }

    .main__content div.block.red .flexslider.news .carousel-text a:hover h3,.main__content div.block.light-red .flexslider.news .carousel-text a:hover h3 {
        color: var(--sfu-colour-p4);
        text-decoration: underline
    }
}

div.carousel div.header[data-show-description]:not([data-show-button]) span.carousel-text-btn {
    margin-bottom: 4.5rem
}

@media(min-width: 528px) {
    div.carousel div.header[data-show-description]:not([data-show-button]) span.carousel-text-btn {
        margin-bottom:6.4rem
    }
}

.page-content__main div.carousel div.flexslider.news p span {
    margin-bottom: 4.5rem
}

@media(min-width: 528px) {
    .page-content__main div.carousel div.flexslider.news p span {
        margin-bottom:6.4rem
    }
}

html.mac-os .page-content__main .flexslider.header .carousel-text a h3,html.mac-os .page-content__third-col .flexslider.header .carousel-text a h3 {
    padding-top: 1rem
}

html.mac-os .page-content__main div.carousel div.header[data-show-button]:not([data-show-description]) div.carousel-text p>span.carousel-text-btn,html.mac-os .page-content__third-col div.carousel div.header[data-show-button]:not([data-show-description]) div.carousel-text p>span.carousel-text-btn {
    margin-top: 2rem
}

html:not(.mac-os) .page-content__main .flexslider.header .carousel-text a h3,html:not(.mac-os) .page-content__third-col .flexslider.header .carousel-text a h3 {
    padding-bottom: .5rem
}

html:not([data-news-template]) .documenttools {
    border-top: 1px solid var(--sfu-colour-s2);
    border-bottom: 1px solid var(--sfu-colour-s2);
    margin-bottom: 3rem
}

html:not([data-news-template]) .documenttools>div::before {
    content: "share this";
    text-transform: uppercase;
    margin-top: 1.5rem;
    display: block;
    font-size: 1.3rem;
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--light);
    font-stretch: var(--sfu-font-stretch--normal);
    line-height: 1.7rem;
    margin-bottom: 1.5rem
}

html:not([data-news-template]) div.block.red .documenttools,html:not([data-news-template]) div.block.col-1-red .c1 .documenttools,html:not([data-news-template]) div.block.col-2-red .c2 .documenttools,html:not([data-news-template]) div.block.col-3-red .c3 .documenttools,html:not([data-news-template]) div.block.col-4-red .c4 .documenttools,html:not([data-news-template]) div.block.light-red .documenttools,html:not([data-news-template]) div.block.col-1-light-red .c1 .documenttools,html:not([data-news-template]) div.block.col-2-light-red .c2 .documenttools,html:not([data-news-template]) div.block.col-3-light-red .c3 .documenttools,html:not([data-news-template]) div.block.col-4-light-red .c4 .documenttools {
    border-color: var(--sfu-colour-p4)
}

.documenttools {
    padding: .5rem
}

.documenttools .sap-btn-container {
    display: inline-block
}

.documenttools .sap-btn {
    display: inline-block;
    padding: .5rem 0;
    margin-right: 1.5rem;
    cursor: pointer
}

.documenttools .sap-btn__text {
    display: none;
    font-size: 1.3rem;
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--light);
    font-stretch: var(--sfu-font-stretch--normal);
    margin-left: .5rem;
    color: var(--sfu-colour-s5);
    text-decoration: underline
}

@media(max-width: 527px) {
    .documenttools .sap-btn {
        margin-right:1rem
    }
}

.documenttools .sap-btn:before {
    font-family: var(--sfu-font-icon-1);
    font-size: 1.6rem;
    display: inline-block;
    color: var(--sfu-colour-s5);
    text-decoration: underline;
    text-decoration: none
}

@media(any-hover: hover) {
    .documenttools .sap-btn:hover {
        color:var(--sfu-colour-p1);
        background: 0;
        text-decoration: underline
    }

    .documenttools .sap-btn:hover .sap-btn__text {
        color: var(--sfu-colour-p1);
        background: 0;
        text-decoration: underline
    }

    .documenttools .sap-btn:hover:before {
        color: var(--sfu-colour-p1);
        background: 0;
        text-decoration: underline;
        text-decoration: none
    }
}

.documenttools .sap-btn[data-network=facebook]:before {
    content: "\f09a"
}

.documenttools .sap-btn[data-network=twitter]:before {
    content: "\e61b"
}

.documenttools .sap-btn[data-network=email]:before {
    content: "\f0e0"
}

.documenttools .sap-btn[data-network=sms]:before {
    content: "\e1e5"
}

.documenttools .sap-btn[data-network=linkedin]:before {
    content: "\f08c"
}

.documenttools .sap-btn[data-network=reddit]:before {
    content: "\f281"
}

.documenttools .sap-btn[data-network=sharethis]:before {
    content: "\f1e0"
}

.documenttools .sap-btn[data-network=print]:before {
    content: "\f02f"
}

.documenttools .sap-btn[data-copy] {
    position: relative
}

.documenttools .sap-btn[data-copy]:before {
    content: "\e1cd"
}

.documenttools .sap-btn[data-copy] .copy-popup {
    position: absolute;
    display: block;
    pointer-events: none;
    text-decoration: none;
    color: var(--sfu-colour-s1);
    background-color: var(--sfu-colour-s3);
    padding: .7rem 2rem;
    white-space: nowrap;
    bottom: 100%;
    left: -1rem;
    font-size: 1rem;
    letter-spacing: .04rem
}

@media(min-width: 980px) {
    .documenttools .sap-btn[data-copy] .copy-popup {
        left:calc(100% + 1rem);
        top: 50%;
        bottom: auto;
        transform: translateY(-50%)
    }
}

@media(min-width: 1150px) {
    .documenttools .sap-btn[data-copy] .copy-popup {
        font-size:1.1rem;
        padding: 1rem 2.5rem
    }
}

.st-logo img {
    width: auto
}

div.block.red .documenttools .sap-btn__text,div.block.col-1-red .c1 .documenttools .sap-btn__text,div.block.col-2-red .c2 .documenttools .sap-btn__text,div.block.col-3-red .c3 .documenttools .sap-btn__text,div.block.col-4-red .c4 .documenttools .sap-btn__text,div.block.light-red .documenttools .sap-btn__text,div.block.col-1-light-red .c1 .documenttools .sap-btn__text,div.block.col-2-light-red .c2 .documenttools .sap-btn__text,div.block.col-3-light-red .c3 .documenttools .sap-btn__text,div.block.col-4-light-red .c4 .documenttools .sap-btn__text {
    color: var(--sfu-colour-p4)
}

div.block.red .documenttools .sap-btn:before,div.block.col-1-red .c1 .documenttools .sap-btn:before,div.block.col-2-red .c2 .documenttools .sap-btn:before,div.block.col-3-red .c3 .documenttools .sap-btn:before,div.block.col-4-red .c4 .documenttools .sap-btn:before,div.block.light-red .documenttools .sap-btn:before,div.block.col-1-light-red .c1 .documenttools .sap-btn:before,div.block.col-2-light-red .c2 .documenttools .sap-btn:before,div.block.col-3-light-red .c3 .documenttools .sap-btn:before,div.block.col-4-light-red .c4 .documenttools .sap-btn:before {
    color: var(--sfu-colour-p4)
}

@media(any-hover: hover) {
    div.block.red .documenttools .sap-btn:hover:before,div.block.col-1-red .c1 .documenttools .sap-btn:hover:before,div.block.col-2-red .c2 .documenttools .sap-btn:hover:before,div.block.col-3-red .c3 .documenttools .sap-btn:hover:before,div.block.col-4-red .c4 .documenttools .sap-btn:hover:before,div.block.light-red .documenttools .sap-btn:hover:before,div.block.col-1-light-red .c1 .documenttools .sap-btn:hover:before,div.block.col-2-light-red .c2 .documenttools .sap-btn:hover:before,div.block.col-3-light-red .c3 .documenttools .sap-btn:hover:before,div.block.col-4-light-red .c4 .documenttools .sap-btn:hover:before {
        color:var(--sfu-colour-p4)
    }
}

.site-tools__sign-in[data-hide],.mobile-search-links[data-hide] {
    display: none
}

html[data-page-template] div.lwcw.block.red>div.lw-events-list-wrapper.simple>ul>li div.lw-event-title a,html[data-page-template] div.lwcw.block.light-red>div.lw-events-list-wrapper.simple>ul>li div.lw-event-title a {
    color: var(--sfu-colour-p4)
}

@media(any-hover: hover) {
    html[data-page-template] div.lwcw.block.red>div.lw-events-list-wrapper.simple>ul>li div.lw-event-title a:hover,html[data-page-template] div.lwcw.block.light-red>div.lw-events-list-wrapper.simple>ul>li div.lw-event-title a:hover {
        text-decoration:underline
    }
}

@media(max-width: 768px) {
    .page-content__main ul.sfu-list.clf-list.card-list.lwc-list {
        grid-template-columns:1fr
    }
}

.page-content__main ul.sfu-list.clf-list.card-list.lwc-list img {
    height: auto
}

.page-content__main ul.sfu-list.clf-list.card-list.lwc-list li,.page-content__main ul.sfu-list.clf-list.card-list.lwc-list li.show-date {
    position: relative;
    padding-bottom: 1.5rem
}

.page-content__main ul.sfu-list.clf-list.card-list.lwc-list li.show-date>div.card-list__item--title {
    padding-top: 1.5rem
}

.page-content__main ul.sfu-list.clf-list.card-list.lwc-list li.show-date>div.card-list__item--date p {
    display: inline-block;
    color: var(--sfu-colour-p2);
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    font-size: 1.5rem
}

.page-content__main ul.sfu-list.clf-list.card-list.lwc-list div.card-list__item--title {
    color: var(--sfu-colour-s1)
}

.page-content__main ul.sfu-list.clf-list.card-list.lwc-list div.card-list__item--time p,.page-content__main ul.sfu-list.clf-list.card-list.lwc-list div.card-list__item--sponsor p,.page-content__main ul.sfu-list.clf-list.card-list.lwc-list div.card-list__item--event-type p,.page-content__main ul.sfu-list.clf-list.card-list.lwc-list div.card-list__item--tags p,.page-content__main ul.sfu-list.clf-list.card-list.lwc-list div.card-list__item--location p {
    padding: 0 0 0 2rem;
    display: inline-block;
    margin-bottom: 0;
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--light);
    font-stretch: var(--sfu-font-stretch--normal);
    font-size: 1.2rem;
    line-height: 1
}

.page-content__main ul.sfu-list.clf-list.card-list.lwc-list div.card-list__item--time p,.page-content__main ul.sfu-list.clf-list.card-list.lwc-list div.card-list__item--location p {
    color: var(--sfu-colour-p3)
}

.page-content__main ul.sfu-list.clf-list.card-list.lwc-list div.card-list__item--time p,.page-content__main ul.sfu-list.clf-list.card-list.lwc-list div.card-list__item--location p {
    font-size: 1.4rem
}

.page-content__main ul.sfu-list.clf-list.card-list.lwc-list div.card-list__item--small-info {
    margin-top: 1.5rem
}

.page-content__main ul.sfu-list.clf-list.card-list.lwc-list div.card-list__item--ticket-info {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    color: var(--sfu-colour-p4);
    background-color: var(--sfu-colour-p1);
    border-color: var(--sfu-colour-p1);
    padding: 1.2rem 2.5rem;
    border: 1px solid var(--sfu-colour-p1);
    position: absolute;
    right: 1.5rem;
    bottom: 1.5rem
}

@media(any-hover: hover) {
    .page-content__main ul.sfu-list.clf-list.card-list.lwc-list div.card-list__item--ticket-info:hover {
        color:var(--sfu-colour-p1);
        background-color: var(--sfu-colour-transparent);
        border-color: var(--sfu-colour-p1)
    }
}

.page-content__main ul.sfu-list.clf-list.card-list.lwc-list div.card-list__item--image {
    line-height: 0;
    overflow: hidden
}

.page-content__main ul.sfu-list.clf-list.card-list.lwc-list div.card-list__item--image picture {
    width: 100%
}

.page-content__main ul.sfu-list.clf-list.card-list.lwc-list div.card-list__item--image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.page-content__main ul.sfu-list.clf-list.card-list.lwc-list.col-3 div.card-list__item--image {
    max-height: 208px
}

@media(min-width: 1800px) {
    .page-content__main ul.sfu-list.clf-list.card-list.lwc-list.col-3 div.card-list__item--image {
        max-height:275px
    }
}

.page-content__main ul.sfu-list.clf-list.card-list.lwc-list.col-2 div.card-list__item--image {
    max-height: 331px
}

@media(min-width: 1800px) {
    .page-content__main ul.sfu-list.clf-list.card-list.lwc-list.col-2 div.card-list__item--image {
        max-height:431px
    }
}

.page-content__main ul.sfu-list.clf-list.card-list.lwc-list a.lwc-card-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer;
    z-index: 5
}

@media(any-hover: hover) {
    .page-content__main ul.sfu-list.clf-list.card-list.lwc-list li:hover>div.card-list__item--title {
        color:var(--sfu-colour-p1)
    }

    .page-content__main ul.sfu-list.clf-list.card-list.lwc-list li:hover div.card-list__item--ticket-info {
        color: var(--sfu-colour-p1);
        background-color: var(--sfu-colour-transparent);
        border-color: var(--sfu-colour-p1)
    }
}

.page-content__main .lw-events-list-wrapper.detail .event-image,.page-content__main .lw-events-list-wrapper.detail .event-info {
    background: 0
}

.page-content__main .lw-events-list-wrapper.detail .event-info {
    padding: 1em !important
}

.page-content__main .lw-events-list-wrapper.detail .card-list__item--title {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    font-size: 2.6rem;
    line-height: 2.4rem;
    letter-spacing: normal;
    text-decoration: none
}

.page-content__main .lw-events-list-wrapper.detail .card-list__item--title a {
    text-decoration: none;
    color: var(--sfu-colour-p3) !important;
    background: none !important
}

@media(any-hover: hover) {
    .page-content__main .lw-events-list-wrapper.detail .card-list__item--title a:hover {
        color:var(--sfu-colour-p1) !important;
        background: none !important
    }
}

.page-content__main .lw-events-list-wrapper.detail .card-list__item--date {
    padding: 1rem 0 0;
    display: inline-block;
    margin-bottom: 0;
    color: var(--sfu-colour-p2);
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: 1
}

.page-content__main .lw-events-list-wrapper.detail .card-list__item--time p,.page-content__main .lw-events-list-wrapper.detail .card-list__item--location p,.page-content__main .lw-events-list-wrapper.detail .card-list__item--event-type p,.page-content__main .lw-events-list-wrapper.detail .card-list__item--sponsor p {
    color: var(--sfu-colour-p3);
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--light);
    font-stretch: var(--sfu-font-stretch--normal);
    font-size: 1.2rem;
    margin-bottom: 0
}

@media(any-hover: hover) {
    .page-content__main .lw-events-list-wrapper.detail div.event:hover div.card-list__item--title {
        color:var(--sfu-colour-p1)
    }

    .page-content__main .lw-events-list-wrapper.detail div.event:hover div.card-list__item--date p {
        color: var(--sfu-colour-p2)
    }
}

.page-content__main .lw-events-list-wrapper.detail a.lwc-card-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer;
    z-index: 5
}

.page-content__main ul.clf-list.card-list.lwc-list li.show-date {
    display: grid
}

.page-content__main ul.clf-list.card-list.lwc-list li.show-date div.card-list__item--image {
    grid-row: 1
}

.page-content__main ul.clf-list.card-list.lwc-list li.show-date div.card-list__item--title {
    grid-row: 2;
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    font-size: 2.2rem;
    line-height: 2.6rem;
    margin-bottom: .3rem
}

.page-content__main ul.clf-list.card-list.lwc-list li.show-date div.card-list__item--date {
    grid-row: 3;
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    margin-bottom: 1.5rem
}

.page-content__main ul.clf-list.card-list.lwc-list li.show-date div.card-list__item--date p {
    font-size: 1.5rem;
    line-height: 1.2;
    padding-top: 0;
    padding: 0;
    background-color: var(--sfu-colour-transparent)
}

.page-content__main ul.clf-list.card-list.lwc-list li.show-date div.card-list__item--time {
    grid-row: 4;
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--light);
    font-stretch: var(--sfu-font-stretch--normal);
    font-size: 1.7rem;
    line-height: 1.2;
    margin-bottom: .5rem
}

.page-content__main ul.clf-list.card-list.lwc-list li.show-date div.card-list__item--time p {
    line-height: 1.2
}

.page-content__main ul.clf-list.card-list.lwc-list li.show-date div.card-list__item--location {
    grid-row: 5;
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--light);
    font-stretch: var(--sfu-font-stretch--normal);
    font-size: 1.7rem;
    line-height: 1.2
}

.page-content__main ul.clf-list.card-list.lwc-list li.show-date div.card-list__item--location p {
    line-height: 1.2
}

.page-content__main ul.clf-list.card-list.lwc-list li.show-date div.card-list__item--details {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-self: flex-end;
    grid-gap: 2rem;
    line-height: 1.2;
    margin-top: 3rem
}

.page-content__main ul.clf-list.card-list.lwc-list li.show-date div.card-list__item--details p {
    line-height: 2.1rem
}

.page-content__main ul.clf-list.card-list.lwc-list li.show-date div.card-list__item--small-info {
    margin-top: 0
}

@media(min-width: 528px) {
    .page-content__main ul.clf-list.card-list.lwc-list li.show-date.featured div.card-list__item--title {
        max-width:75%
    }
}

.page-content__main ul.clf-list.card-list.lwc-list div.card-list__item--event-type p,.page-content__main ul.clf-list.card-list.lwc-list div.card-list__item--sponsor p,.page-content__main ul.clf-list.card-list.lwc-list div.card-list__item--tags p {
    color: var(--sfu-colour-s1)
}

html[data-page-template=basic-home] .page-content__main ul.clf-list.card-list.lwc-list li.show-date div.card-list__item--title,body.lwc .page-content__main ul.clf-list.card-list.lwc-list li.show-date div.card-list__item--title {
    font-size: 2.6rem;
    line-height: 3.2rem
}

html[data-page-template=basic-home] .page-content__main ul.clf-list.card-list.lwc-list li.show-date div.card-list__item--date p,body.lwc .page-content__main ul.clf-list.card-list.lwc-list li.show-date div.card-list__item--date p {
    font-size: 1.7rem;
    line-height: 2rem
}

@media(min-width: 528px) {
    html[data-page-template=basic-home] .page-content__main ul.clf-list.card-list.lwc-list li.show-date.featured div.card-list__item--title,body.lwc .page-content__main ul.clf-list.card-list.lwc-list li.show-date.featured div.card-list__item--title {
        max-width:75%
    }
}

html[data-page-template] .main__content div.livewhale-calendar div.lw-events-list-wrapper.detail div.event {
    background-color: var(--sfu-colour-p4);
    border: 1px solid var(--sfu-colour-s2)
}

html[data-page-template] .main__content div.livewhale-calendar div.lw-events-list-wrapper.detail a.lwc-card-link {
    font-size: 2rem;
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    line-height: 2.4rem
}

html[data-page-template] .main__content div.livewhale-calendar div.lw-events-list-wrapper.detail div.event-image {
    background-color: var(--sfu-colour-transparent)
}

@media(min-width: 980px) {
    html[data-page-template] .main__content div.livewhale-calendar div.lw-events-list-wrapper.detail div.event-image {
        padding-top:2rem;
        padding-left: 2rem;
        padding-bottom: 2rem
    }
}

html[data-page-template] .main__content div.livewhale-calendar div.lw-events-list-wrapper.detail div.event-info {
    background-color: var(--sfu-colour-transparent);
    display: grid;
    grid-template-rows: min-content min-content auto
}

html[data-page-template] .main__content div.livewhale-calendar div.lw-events-list-wrapper.detail div.event-info>div:nth-child(2) {
    margin-bottom: 3rem
}

@media(any-hover: hover) {
    html[data-page-template] .main__content div.livewhale-calendar div.lw-events-list-wrapper.detail div.event.list-item:hover div.card-list__item--ticket-info {
        color:var(--sfu-colour-p1);
        background-color: var(--sfu-colour-transparent);
        border-color: var(--sfu-colour-p1)
    }
}

html[data-page-template] .main__content div.livewhale-calendar div.lw-events-list-wrapper.detail div.card-list__item--date p {
    font-size: 1.5rem;
    margin-bottom: 0
}

html[data-page-template] .main__content div.livewhale-calendar div.lw-events-list-wrapper.detail div.card-list__item--title {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    font-size: 2.2rem;
    line-height: 2.6rem
}

html[data-page-template] .main__content div.livewhale-calendar div.lw-events-list-wrapper.detail div.card-list__item--time,html[data-page-template] .main__content div.livewhale-calendar div.lw-events-list-wrapper.detail div.card-list__item--location {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--light);
    font-stretch: var(--sfu-font-stretch--normal)
}

html[data-page-template] .main__content div.livewhale-calendar div.lw-events-list-wrapper.detail div.card-list__item--time p,html[data-page-template] .main__content div.livewhale-calendar div.lw-events-list-wrapper.detail div.card-list__item--location p {
    font-size: 1.4rem;
    line-height: 1.7rem
}

html[data-page-template] .main__content div.livewhale-calendar div.lw-events-list-wrapper.detail div.card-list__item--time {
    margin-top: .3rem
}

html[data-page-template] .main__content div.livewhale-calendar div.lw-events-list-wrapper.detail div.card-list__item--details {
    align-self: flex-end
}

html[data-page-template] .main__content div.livewhale-calendar div.lw-events-list-wrapper.detail div.card-list__item--small-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 2rem;
    align-self: flex-end;
    min-height: 5.3rem
}

html[data-page-template] .main__content div.livewhale-calendar div.lw-events-list-wrapper.detail div.card-list__item--small-info>div p {
    font-size: 1.2rem;
    line-height: 2.1rem
}

html[data-page-template] .main__content div.livewhale-calendar div.lw-events-list-wrapper.detail div.card-list__item--small-info>div {
    align-self: flex-end
}

html[data-page-template] .main__content div.livewhale-calendar div.lw-events-list-wrapper.detail div.card-list__item--small-info>div.card-list__item--ticket-info {
    justify-self: end;
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    color: var(--sfu-colour-p4);
    background-color: var(--sfu-colour-p1);
    border-color: var(--sfu-colour-p1);
    line-height: normal;
    padding: 1.6rem 2.8rem;
    position: absolute;
    bottom: 1.5rem;
    right: 1.5rem
}

@media(any-hover: hover) {
    html[data-page-template] .main__content div.livewhale-calendar div.lw-events-list-wrapper.detail div.card-list__item--small-info>div.card-list__item--ticket-info:hover {
        color:var(--sfu-colour-p1);
        background-color: var(--sfu-colour-transparent);
        border-color: var(--sfu-colour-p1)
    }
}

html[data-page-template] .main__content div.livewhale-calendar div.block.red div.lw-events-list-wrapper.detail div.event,html[data-page-template] .main__content div.livewhale-calendar div.block.light-red div.lw-events-list-wrapper.detail div.event {
    border: 0
}

html[data-page-template] .main__content div.block.red div.livewhale-calendar div.lw-events-list-wrapper.detail div.event,html[data-page-template] .main__content div.block.col-1-red .c1 div.livewhale-calendar div.lw-events-list-wrapper.detail div.event,html[data-page-template] .main__content div.block.col-2-red .c2 div.livewhale-calendar div.lw-events-list-wrapper.detail div.event,html[data-page-template] .main__content div.block.col-3-red .c3 div.livewhale-calendar div.lw-events-list-wrapper.detail div.event,html[data-page-template] .main__content div.block.col-4-red .c4 div.livewhale-calendar div.lw-events-list-wrapper.detail div.event,html[data-page-template] .main__content div.block.light-red div.livewhale-calendar div.lw-events-list-wrapper.detail div.event,html[data-page-template] .main__content div.block.col-1-light-red .c1 div.livewhale-calendar div.lw-events-list-wrapper.detail div.event,html[data-page-template] .main__content div.block.col-2-light-red .c2 div.livewhale-calendar div.lw-events-list-wrapper.detail div.event,html[data-page-template] .main__content div.block.col-3-light-red .c3 div.livewhale-calendar div.lw-events-list-wrapper.detail div.event,html[data-page-template] .main__content div.block.col-4-light-red .c4 div.livewhale-calendar div.lw-events-list-wrapper.detail div.event {
    border: 0
}

div.lw-events-list-wrapper.detail .card-list__item--event-type p,div.lw-events-list-wrapper.detail .card-list__item--sponsor p,div.lw-events-list-wrapper.detail .card-list__item--tags p {
    color: var(--sfu-colour-s1)
}

div.lw-events-list-wrapper.detail .card-list__item--date {
    margin-bottom: 1rem
}

div.lw-events-list-wrapper.detail .card-list__item--time {
    margin-bottom: 1rem
}

.nav li>ul {
    z-index: 9999
}

html[data-news-page]:not([data-news-template]) .page-content__main .news-content .documenttools {
    position: absolute;
    top: 0;
    left: 100%;
    border: 0;
    margin-top: 0
}

html[data-news-page] .page-content__main .datestamp {
    margin-top: 3rem
}

html[data-news-page] .page-content__main .main_content {
    position: relative
}

html[data-news-page] .page-content__main h1 {
    font-size: 3.7rem;
    line-height: 4.2rem;
    letter-spacing: normal;
    color: var(--sfu-colour-s1);
    margin-bottom: 3rem;
    text-transform: none;
    padding-top: 0
}

html[data-news-page] .page-content__main h1,html[data-news-page] .page-content__main h1 b,html[data-news-page] .page-content__main h1 strong {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed)
}

html[data-news-page] .page-content__main h1 a {
    color: var(--sfu-colour-s1)
}

@media(any-hover: hover) {
    html[data-news-page] .page-content__main h1 a:hover {
        color:var(--sfu-colour-p1);
        background: 0;
        text-decoration: none
    }
}

@media(min-width: 755px) {
    html[data-news-template][data-news-page-redesign-2020] .page-content__main .news-content {
        row-gap:0
    }
}

@media(max-width: 979px) {
    html[data-news-template][data-news-page-redesign-2020] .page-content__main .news-content .main_content {
        grid-column:1 / -1;
        grid-row: 1
    }

    html[data-news-template][data-news-page-redesign-2020] .page-content__main .news-content .news-content__doctools {
        grid-column: 1 / -1;
        grid-row: 2
    }
}

html[data-news-template][data-news-page-redesign-2020] .page-content__main div.category>h4 {
    color: var(--sfu-colour-p4);
    background: var(--sfu-colour-p1);
    display: inline-block;
    padding: 0 .5rem 0 0;
    font-size: 2.2rem;
    line-height: 1;
    font-family: var(--sfu-font-brand);
    text-transform: uppercase;
    letter-spacing: .31px;
    text-transform: uppercase
}

html[data-news-template][data-news-page-redesign-2020] .page-content__main div.byline p {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--bold);
    font-stretch: var(--sfu-font-stretch--normal);
    font-size: 1.3rem;
    line-height: 1.6rem;
    color: var(--sfu-colour-s5);
    margin-bottom: 5rem
}

html[data-news-template][data-news-page-redesign-2020] .page-content__main p.drop-cap {
    border-bottom: 1px solid var(--sfu-colour-s2);
    padding-bottom: 4rem;
    margin-top: 4rem;
    margin-bottom: 4.5rem
}

html[data-news-template][data-news-page-redesign-2020] .page-content__main p.drop-cap::first-letter {
    font-family: var(--sfu-font-brand);
    text-transform: uppercase;
    color: var(--sfu-colour-s5);
    float: left;
    font-size: 12rem;
    line-height: .65;
    margin: 2.4rem 1rem 0 0
}

@media(max-width: 527px) {
    html[data-news-template][data-news-page-redesign-2020] .page-content__main p.drop-cap {
        border-bottom:0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 3rem
    }

    html[data-news-template][data-news-page-redesign-2020] .page-content__main p.drop-cap.intro {
        font-size: 1.7rem;
        line-height: 2.6rem
    }

    html[data-news-template][data-news-page-redesign-2020] .page-content__main p.drop-cap::first-letter {
        font-family: var(--sfu-font-body);
        font-weight: var(--sfu-font-weight--light);
        font-stretch: var(--sfu-font-stretch--normal);
        color: var(--sfu-colour-p3);
        float: none;
        font-size: inherit;
        line-height: inherit;
        margin: 0
    }
}

@media(min-width: 980px) {
    html[data-news-template][data-news-page-redesign-2020] .page-content__main .news-content__doctools .news_content_tools {
        margin-left:-1rem;
        border-top: 0;
        width: 11rem
    }
}

html[data-news-template][data-news-page-redesign-2020] .page-content__main .news-content__doctools .documenttools {
    width: auto;
    border-bottom: 0;
    margin-left: .4rem
}

@media(max-width: 979px) {
    html[data-news-template][data-news-page-redesign-2020] .page-content__main .news-content__doctools .documenttools {
        margin-top:5rem;
        padding-top: 2.5rem;
        border-top: 1px solid var(--sfu-colour-s2)
    }
}

html[data-news-template][data-news-page-redesign-2020] .page-content__main .news-content__doctools .documenttools .sap-btn {
    display: inline-block
}

@media(min-width: 980px) {
    html[data-news-template][data-news-page-redesign-2020] .page-content__main .news-content__doctools .documenttools .sap-btn {
        margin-right:0;
        text-align: center;
        padding-left: .5rem;
        padding-right: .5rem
    }
}

@media(min-width: 980px) {
    html[data-news-template][data-news-page-redesign-2020] .page-content__main .news-content__doctools .documenttools .sap-btn-container {
        margin-bottom:.5rem;
        display: block
    }
}

@media(min-width: 980px) {
    html[data-news-template][data-news-page-redesign-2020] .page-content__main .news-content__doctools .documenttools>div {
        width:100%;
        text-align: center;
        background: 0
    }
}

html[data-news-template][data-news-page-redesign-2020] .page-content__main .news-content__doctools .documenttools>div:before {
    content: "share this story";
    text-transform: uppercase;
    display: block;
    font-size: 1.3rem;
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--light);
    font-stretch: var(--sfu-font-stretch--normal);
    line-height: 1.7rem;
    margin-bottom: 1.5rem
}

@media(min-width: 980px) {
    html[data-news-template][data-news-page-redesign-2020] .page-content__main .news-content__doctools .documenttools>div:before {
        border-top:1px solid var(--sfu-colour-s2);
        border-bottom: 1px solid var(--sfu-colour-s2);
        padding: 1rem 0
    }
}

@media(min-width: 980px) {
    html[data-news-template][data-news-page-redesign-2020] nav.fixable+main .news_content_tools {
        position:fixed;
        top: 6.6rem
    }
}

html.mac-os.ff-browser .page-content__main .news-content p.drop-cap::first-letter {
    margin: 1.4rem 1rem 0 0
}

html.win-os .page-content__main .news-content p.drop-cap::first-letter {
    margin: .9rem 1rem 0 0
}

html.win-os.ff-browser .page-content__main .news-content p.drop-cap::first-letter {
    margin: 1.4rem 1rem 0 0
}

html[data-news-template] .page-content__main .news-content {
    display: grid;
    grid-template-columns: 1fr
}

@media(min-width: 755px) {
    html[data-news-template] .page-content__main .news-content {
        grid-template-columns:3fr 1fr;
        grid-gap: 3rem
    }
}

html[data-news-template] .page-content__main .news-content .main_content {
    grid-column: 1 / 1;
    grid-row: 1
}

html[data-news-template] .page-content__main .news-content .news-content__doctools {
    grid-column: 2 / -1;
    grid-row: 1
}

html[data-news-template] .page-content__main .news-content .news-content__doctools .new.section {
    position: absolute;
    top: -1000%
}

html[data-news-template] .page-content__main .main_content h1 {
    font-size: 3.7rem;
    line-height: 4.2rem;
    letter-spacing: normal;
    color: var(--sfu-colour-s1);
    margin-bottom: 3rem;
    margin-bottom: 1rem
}

html[data-news-template] .page-content__main .main_content h1,html[data-news-template] .page-content__main .main_content h1 b,html[data-news-template] .page-content__main .main_content h1 strong {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed)
}

html[data-news-template] .page-content__main .main_content h1 a {
    color: var(--sfu-colour-s1)
}

@media(any-hover: hover) {
    html[data-news-template] .page-content__main .main_content h1 a:hover {
        color:var(--sfu-colour-p1);
        background: 0;
        text-decoration: none
    }
}

html[data-news-template] .page-content__main .main_content .datestamp {
    margin-top: 0;
    margin-bottom: 3rem
}

html[data-news-template] .page-content__main .main_content .datestamp>div {
    display: inline-block;
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--bold);
    font-stretch: var(--sfu-font-stretch--condensed);
    background-color: var(--sfu-colour-s7);
    font-size: 1.5rem;
    line-height: 2.2rem;
    color: var(--sfu-colour-s6);
    padding: .3rem .7rem
}

html[data-news-template] .page-content__main .main_content .documenttools {
    width: auto;
    border-bottom: 1px solid var(--sfu-colour-s2);
    border-top: 1px solid var(--sfu-colour-s2);
    margin-bottom: 3rem
}

div.toggleContent p:first-of-type {
    padding-top: 0
}

div.toggle h1,div.toggle h2,div.toggle h3,div.toggle h4,div.toggle h5,div.toggle p {
    margin-bottom: 0
}

div.toggle:after {
    clear: both;
    content: ""
}

.page-content__main ul.clf-list ul[class*=link-]>li>p {
    margin-top: 0;
    margin-bottom: 0
}

.page-content__main ul.clf-list {
    margin-top: 3rem;
    padding-top: 0;
    list-style: none
}

.page-content__main ul.clf-list.link-plain {
    padding-left: 0
}

.page-content__main ul.clf-list.link-plain li::before {
    content: unset
}

.page-content__main ul.clf-list.link-plain li p {
    padding-top: 0
}

.page-content__main ul.clf-list.link-lined {
    padding-left: 0
}

.page-content__main ul.clf-list.link-lined li {
    margin-bottom: .7rem;
    padding-bottom: .7rem;
    border-bottom: 1px solid var(--sfu-colour-s2)
}

.page-content__main ul.clf-list.link-lined li::before {
    content: unset
}

.page-content__main ul.clf-list.link-lined li p {
    padding-top: 0
}

.page-content__main ul.clf-list.link-lined>li a {
    text-decoration: none
}

.page-content__main ul.clf-list.link-lined.indented {
    padding-left: 2rem;
    border-left: .3rem solid var(--sfu-colour-s2);
    list-style-type: none
}

.page-content__main ul.clf-list.link-lined.indented>li::before {
    content: unset
}

.page-content__main ul.clf-list.link-plain>li a.current,.page-content__main ul.clf-list.link-bullets>li a.current,.page-content__main ul.clf-list.link-lined>li a.current {
    color: var(--sfu-colour-p1)
}

.page-content__main ul.clf-list.link-horizonal-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    padding-left: 0
}

.page-content__main ul.clf-list.link-horizonal-buttons li {
    display: inline-block;
    width: auto;
    margin: 0
}

.page-content__main ul.clf-list.link-horizonal-buttons li::before {
    content: unset
}

.page-content__main ul.clf-list.link-horizonal-buttons li p {
    padding-top: 0
}

.page-content__main ul.clf-list.link-horizonal-buttons>li a {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    background-color: var(--sfu-colour-transparent);
    border-color: var(--sfu-colour-p1);
    color: var(--sfu-colour-p1)
}

@media(any-hover: hover) {
    .page-content__main ul.clf-list.link-horizonal-buttons>li a:hover {
        color:var(--sfu-colour-p4);
        background-color: var(--sfu-colour-p1)
    }
}

.page-content__main ul.clf-list.link-horizonal-buttons>li a.current {
    background: var(--sfu-colour-p1);
    color: var(--sfu-colour-p4)
}

.page-content__main ul.clf-list.link-navigation {
    margin-top: 0;
    padding-left: 0
}

.page-content__main ul.clf-list.link-navigation li {
    border-bottom: 1px solid var(--sfu-colour-s2);
    margin-bottom: 1rem;
    padding-bottom: 1rem
}

.page-content__main ul.clf-list.link-navigation li::before {
    content: unset
}

.page-content__main ul.clf-list.link-navigation li p {
    padding-top: 0
}

.page-content__main ul.clf-list.link-navigation>li a {
    font-size: 1.9rem;
    letter-spacing: .02rem;
    line-height: 2.2rem;
    color: var(--sfu-colour-s6);
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    text-decoration: none
}

.page-content__main ul.clf-list.link-navigation>li a,.page-content__main ul.clf-list.link-navigation>li a b,.page-content__main ul.clf-list.link-navigation>li a strong {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed)
}

.page-content__main ul.clf-list.link-navigation>li a a {
    color: var(--sfu-colour-s6)
}

@media(any-hover: hover) {
    .page-content__main ul.clf-list.link-navigation>li a a:hover {
        color:var(--sfu-colour-p1);
        background: 0;
        text-decoration: none
    }
}

@media(any-hover: hover) {
    .page-content__main ul.clf-list.link-navigation>li a:hover {
        color:var(--sfu-colour-p1)
    }
}

.page-content__main ul.clf-list.link-navigation>li a.current {
    color: var(--sfu-colour-p1)
}

.page-content__main ul.clf-list.image-list {
    padding-left: 0
}

.page-content__main ul.clf-list.image-list[class*=col-] {
    grid-gap: 3rem
}

.page-content__main ul.clf-list.image-list li::before {
    content: unset
}

.page-content__main ul.clf-list.image-list li p {
    padding-top: 0
}

.page-content__main ul.clf-list.image-list li {
    margin-bottom: 3rem
}

.page-content__main ul.clf-list.image-list li img {
    width: auto;
    max-width: 100%;
    margin-bottom: 0
}

.page-content__main ul.clf-list.full-list li {
    margin-left: 0;
    margin-bottom: 3rem;
    border-bottom: 1.5rem solid #eee;
    padding-bottom: 1rem
}

.page-content__main ul.clf-list.full-list li ul li {
    border-bottom: 0;
    margin-bottom: 0
}

.page-content__main ul.clf-list.sfu-list[data-show-random-list-item]>li {
    display: none
}

.page-content__main ul.clf-list p {
    display: inline
}

.page-content__main ul.clf-list.configurable-list p {
    display: block
}

.page-content__main ul.clf-list.paginated.inactive {
    display: none
}

.page-content__main ul.clf-list.paginated li.inactive {
    display: none !important
}

.page-content__main ul.clf-list.paginated.link-navigation,.page-content__main ul.clf-list.paginated.link-lined {
    margin-bottom: 0
}

.page-content__main ul.clf-list.paginated.link-navigation li.last-active,.page-content__main ul.clf-list.paginated.link-lined li.last-active {
    border-bottom: 0;
    margin-bottom: 0
}

.page-content__main ul.clf-list.paginated.link-lined.indented {
    margin-bottom: 3rem
}

.page-content__main ul.clf-list.paginated.link-lined.indented li.last-active {
    padding-bottom: 0
}

.page-content__main ul.clf-list.paginated.faculty-directory {
    margin-bottom: 0
}

.page-content__main ul.clf-list.paginated.faculty-directory li.last-active {
    border-bottom: 0
}

@media(min-width: 1150px) {
    .page-content__main ul.clf-list.paginated.faculty-directory li.second-last-active {
        border-bottom:0
    }
}

.page-content__main ul.clf-list.paginated.configurable-list li.first-active {
    border-top: 0;
    padding-top: 0
}

@media(min-width: 528px) {
    .page-content__main ul.clf-list.paginated.configurable-list.col-2 li.first-active+li,.page-content__main ul.clf-list.paginated.configurable-list.col-3 li.first-active+li,.page-content__main ul.clf-list.paginated.configurable-list.col-4 li.first-active+li {
        border-top:0;
        padding-top: 0
    }
}

@media(min-width: 755px) {
    .page-content__main ul.clf-list.paginated.configurable-list.col-3 li.first-active+li+li {
        border-top:0;
        padding-top: 0
    }
}

@media(min-width: 1150px) {
    .page-content__main ul.clf-list.paginated.configurable-list.col-4 li.first-active+li+li,.page-content__main ul.clf-list.paginated.configurable-list.col-4 li.first-active+li+li+li {
        border-top:0;
        padding-top: 0
    }
}

.listclf3 div.link-feed,div.list div.link-feed {
    margin-bottom: 3rem
}

.listclf3 a.linkFeed,div.list a.linkFeed {
    display: inline-block;
    text-decoration: none
}

.listclf3 a.linkFeed::before,div.list a.linkFeed::before {
    font-family: var(--sfu-font-icon-1);
    content: "\f143";
    padding-right: 1rem;
    display: inline-block;
    height: 2.1rem;
    font-size: 1.8rem
}

@media(any-hover: hover) {
    .listclf3 a.linkFeed:hover::before,div.list a.linkFeed:hover::before {
        color:var(--sfu-colour-p1)
    }
}

.listclf3 .pagination,div.list .pagination {
    margin-bottom: 3rem;
    position: relative;
    padding-top: 1.5rem;
    display: flex;
    gap: 2.5rem;
    align-items: center
}

.listclf3 .pagination::before,div.list .pagination::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--sfu-colour-s2)
}

.listclf3 .pagination.inactive,div.list .pagination.inactive {
    display: none
}

.listclf3 .pagination .previous.inactive,.listclf3 .pagination .next.inactive,div.list .pagination .previous.inactive,div.list .pagination .next.inactive {
    display: none
}

.listclf3 .pagination .previous a,.listclf3 .pagination .next a,div.list .pagination .previous a,div.list .pagination .next a {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--medium);
    font-stretch: var(--sfu-font-stretch--normal);
    font-size: 1.2rem;
    letter-spacing: .06rem;
    color: var(--sfu-colour-p1);
    text-decoration: none;
    display: block;
    text-transform: uppercase
}

@media(any-hover: hover) {
    .listclf3 .pagination .previous a:hover span,.listclf3 .pagination .next a:hover span,div.list .pagination .previous a:hover span,div.list .pagination .next a:hover span {
        text-decoration:underline
    }
}

.listclf3 .pagination .previous a::before,div.list .pagination .previous a::before {
    content: "\f053";
    font-family: var(--sfu-font-icon-1);
    margin-right: .4rem
}

.listclf3 .pagination .next a::after,div.list .pagination .next a::after {
    content: "\f054";
    font-family: var(--sfu-font-icon-1);
    margin-left: .4rem
}

.listclf3 .pagination .previous a::before,.listclf3 .pagination .next a::after,div.list .pagination .previous a::before,div.list .pagination .next a::after {
    font-size: 1rem;
    position: relative;
    bottom: 1px
}

.page-content__main ul.clf-list.configurable-list {
    display: grid;
    grid-row-gap: 2.5rem;
    margin-top: 0;
    padding-left: 0
}

.page-content__main ul.clf-list.configurable-list p {
    padding-top: 0
}

.page-content__main ul.clf-list.configurable-list li {
    display: grid;
    grid-template-columns: 1fr;
    line-height: 0;
    margin-bottom: 0;
    grid-column-gap: 2.5rem
}

.page-content__main ul.clf-list.configurable-list li::before {
    content: unset
}

.page-content__main ul.clf-list.configurable-list li:nth-child(n+2) {
    border-top: 1px solid var(--sfu-colour-s2);
    padding-top: 2.5rem
}

@media(min-width: 528px) {
    .page-content__main ul.clf-list.configurable-list li {
        grid-template-columns:1fr 2fr;
        grid-template-rows: repeat(4,min-content) 1fr
    }
}

.page-content__main ul.clf-list.configurable-list li .configurable-list__title {
    grid-row: 1;
    line-height: 2.4rem
}

.page-content__main ul.clf-list.configurable-list li .configurable-list__title a {
    letter-spacing: normal;
    text-decoration: none;
    color: var(--sfu-colour-s1);
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    font-size: 2.2rem;
    line-height: 2.6rem
}

@media(any-hover: hover) {
    .page-content__main ul.clf-list.configurable-list li .configurable-list__title a:hover {
        color:var(--sfu-colour-p1)
    }
}

.page-content__main ul.clf-list.configurable-list li .configurable-list__date {
    grid-row: 2;
    margin-top: 1rem
}

.page-content__main ul.clf-list.configurable-list li .configurable-list__date p {
    display: inline-block;
    margin-bottom: 0;
    color: var(--sfu-colour-s6);
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--bold);
    font-stretch: var(--sfu-font-stretch--condensed);
    font-size: 1.5rem;
    line-height: 2.2rem;
    background-color: var(--sfu-colour-s7);
    padding: .3rem .7rem
}

.page-content__main ul.clf-list.configurable-list li .configurable-list__tags {
    grid-row: 3;
    margin-top: .8rem;
    line-height: 1.6rem
}

.page-content__main ul.clf-list.configurable-list li .configurable-list__tags>div {
    line-height: 1.6rem;
    font-size: 1.1rem;
    letter-spacing: .1rem;
    display: inline;
    text-transform: uppercase
}

.page-content__main ul.clf-list.configurable-list li .configurable-list__tags>div span::after {
    content: " | ";
    color: #c1c1c1;
    margin: 0 .4rem
}

.page-content__main ul.clf-list.configurable-list li .configurable-list__tags>div:last-child span::after {
    content: "";
    margin: 0
}

.page-content__main ul.clf-list.configurable-list li .configurable-list__image {
    grid-row: 4
}

.page-content__main ul.clf-list.configurable-list li .configurable-list__image--container {
    position: relative;
    display: block
}

.page-content__main ul.clf-list.configurable-list li .configurable-list__image--container img {
    margin-bottom: 0
}

.page-content__main ul.clf-list.configurable-list li .configurable-list__image--overlay,.page-content__main ul.clf-list.configurable-list li .configurable-list__image--date {
    display: none
}

@media(max-width: 527px) {
    .page-content__main ul.clf-list.configurable-list li .configurable-list__image {
        margin-top:1.5rem
    }
}

.page-content__main ul.clf-list.configurable-list li .configurable-list__description {
    grid-row: 5;
    margin-top: 1.5rem
}

.page-content__main ul.clf-list.configurable-list li .configurable-list__description--container {
    position: relative;
    display: block
}

.page-content__main ul.clf-list.configurable-list li .configurable-list__description p:last-child {
    margin-bottom: 0
}

.page-content__main ul.clf-list.configurable-list li .configurable-list__more {
    grid-row: 6;
    margin-top: 1.5rem
}

.page-content__main ul.clf-list.configurable-list li .configurable-list__more p {
    margin-bottom: 0;
    line-height: 1.5rem
}

.page-content__main ul.clf-list.configurable-list li .configurable-list__more p a {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--medium);
    font-stretch: var(--sfu-font-stretch--normal);
    color: var(--sfu-colour-p1);
    font-size: 1.2rem;
    text-decoration: none;
    text-transform: uppercase
}

@media(any-hover: hover) {
    .page-content__main ul.clf-list.configurable-list li .configurable-list__more p a:hover {
        text-decoration:underline
    }
}

.page-content__main ul.clf-list.configurable-list li .configurable-list__more p a:after {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--light);
    font-stretch: var(--sfu-font-stretch--normal);
    content: " \2192"
}

@media(min-width: 528px) {
    .page-content__main ul.clf-list.configurable-list li .configurable-list__image {
        grid-column:1 / 1;
        grid-row: 1 / 6
    }

    .page-content__main ul.clf-list.configurable-list li .configurable-list__title {
        grid-column: 2 / -1;
        grid-row: 1
    }

    .page-content__main ul.clf-list.configurable-list li .configurable-list__date {
        grid-column: 2 / -1;
        grid-row: 2
    }

    .page-content__main ul.clf-list.configurable-list li .configurable-list__tags {
        grid-column: 2 / -1;
        grid-row: 3
    }

    .page-content__main ul.clf-list.configurable-list li .configurable-list__description {
        grid-column: 2 / -1;
        grid-row: 4
    }

    .page-content__main ul.clf-list.configurable-list li .configurable-list__more {
        grid-column: 2 / -1;
        grid-row: 5
    }
}

.page-content__main ul.clf-list.configurable-list.date-above li:not(.no-date) .configurable-list__date {
    grid-row: 1;
    margin-top: 0;
    margin-bottom: 1rem
}

.page-content__main ul.clf-list.configurable-list.date-above li:not(.no-date) .configurable-list__title {
    grid-row: 2
}

@media(min-width: 528px) {
    .page-content__main ul.clf-list.configurable-list.date-overlay li:not(.no-date) {
        grid-template-rows:repeat(3,min-content) 1fr
    }
}

.page-content__main ul.clf-list.configurable-list.date-overlay li:not(.no-date) .configurable-list__date {
    display: none
}

.page-content__main ul.clf-list.configurable-list.date-overlay li:not(.no-date) .configurable-list__title {
    grid-row: 1
}

.page-content__main ul.clf-list.configurable-list.date-overlay li:not(.no-date) .configurable-list__tags {
    grid-row: 2
}

.page-content__main ul.clf-list.configurable-list.date-overlay li:not(.no-date) .configurable-list__description {
    grid-row: 4
}

.page-content__main ul.clf-list.configurable-list.date-overlay li:not(.no-date) .configurable-list__more {
    grid-row: 5
}

.page-content__main ul.clf-list.configurable-list.date-overlay li:not(.no-date) .configurable-list__image--overlay,.page-content__main ul.clf-list.configurable-list.date-overlay li:not(.no-date) .configurable-list__image--date {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.page-content__main ul.clf-list.configurable-list.date-overlay li:not(.no-date) .configurable-list__image--overlay {
    background: var(--sfu-colour-p2);
    height: 2.5rem
}

.page-content__main ul.clf-list.configurable-list.date-overlay li:not(.no-date) .configurable-list__image--date {
    z-index: 2;
    padding-left: .6rem
}

.page-content__main ul.clf-list.configurable-list.date-overlay li:not(.no-date) .configurable-list__image--date p {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--regular);
    font-stretch: var(--sfu-font-stretch--normal);
    color: var(--sfu-colour-p4);
    line-height: 2.5rem;
    margin-bottom: 0;
    font-size: 1.2rem;
    letter-spacing: .015rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-transform: uppercase
}

@media(max-width: 527px) {
    .page-content__main ul.clf-list.configurable-list.date-overlay li:not(.no-date) .configurable-list__image {
        grid-row:3
    }
}

@media(min-width: 528px) {
    .page-content__main ul.clf-list.configurable-list.date-overlay[class*=col-] li:not(.no-date),.page-content__main ul.clf-list.configurable-list.date-overlay.stack li:not(.no-date) {
        grid-template-rows:repeat(6,min-content)
    }
}

@media(min-width: 528px) {
    .page-content__main ul.clf-list.configurable-list.date-overlay[class*=col-] li:not(.no-date) .configurable-list__image,.page-content__main ul.clf-list.configurable-list.date-overlay.stack li:not(.no-date) .configurable-list__image {
        grid-row:3
    }
}

@media(min-width: 528px) {
    .page-content__main ul.clf-list.configurable-list.date-overlay:not([class*=col-]):not(.stack) li:not(.no-date) .configurable-list__tags {
        grid-row:2
    }

    .page-content__main ul.clf-list.configurable-list.date-overlay:not([class*=col-]):not(.stack) li:not(.no-date) .configurable-list__description {
        grid-row: 3
    }

    .page-content__main ul.clf-list.configurable-list.date-overlay:not([class*=col-]):not(.stack) li:not(.no-date) .configurable-list__more {
        grid-row: 4
    }
}

.page-content__main ul.clf-list.configurable-list.date-overlay.date-above li .configurable-list__image--overlay,.page-content__main ul.clf-list.configurable-list.date-overlay.date-above li .configurable-list__image--date {
    top: 0
}

.page-content__main ul.clf-list.configurable-list li.no-image {
    grid-template-columns: 1fr
}

.page-content__main ul.clf-list.configurable-list li.no-image .configurable-list__title,.page-content__main ul.clf-list.configurable-list li.no-image .configurable-list__date,.page-content__main ul.clf-list.configurable-list li.no-image .configurable-list__tags,.page-content__main ul.clf-list.configurable-list li.no-image .configurable-list__description,.page-content__main ul.clf-list.configurable-list li.no-image .configurable-list__more {
    grid-column: 1 / -1
}

@media(min-width: 528px) {
    .page-content__main ul.clf-list.configurable-list:not([class*=col-]):not(.stack) li.no-date:not(.no-description) .configurable-list__tags {
        grid-row:2
    }

    .page-content__main ul.clf-list.configurable-list:not([class*=col-]):not(.stack) li.no-date:not(.no-description) .configurable-list__description {
        grid-row: 3
    }

    .page-content__main ul.clf-list.configurable-list:not([class*=col-]):not(.stack) li.no-date:not(.no-description) .configurable-list__more {
        grid-row: 4
    }
}

.page-content__main ul.clf-list.configurable-list[class*=col-] {
    grid-column-gap: 3rem;
    grid-row-gap: 2.5rem
}

@media(max-width: 527px) {
    .page-content__main ul.clf-list.configurable-list[class*=col-] {
        grid-template-columns:1fr
    }
}

.page-content__main ul.clf-list.configurable-list[class*=col-] li {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(6,min-content)
}

@media(min-width: 528px) {
    .page-content__main ul.clf-list.configurable-list[class*=col-] li .configurable-list__title,.page-content__main ul.clf-list.configurable-list[class*=col-] li .configurable-list__date,.page-content__main ul.clf-list.configurable-list[class*=col-] li .configurable-list__tags,.page-content__main ul.clf-list.configurable-list[class*=col-] li .configurable-list__image,.page-content__main ul.clf-list.configurable-list[class*=col-] li .configurable-list__description,.page-content__main ul.clf-list.configurable-list[class*=col-] li .configurable-list__more {
        grid-column:1 / -1
    }

    .page-content__main ul.clf-list.configurable-list[class*=col-] li .configurable-list__title {
        grid-row: 1
    }

    .page-content__main ul.clf-list.configurable-list[class*=col-] li .configurable-list__date {
        grid-row: 2
    }

    .page-content__main ul.clf-list.configurable-list[class*=col-] li .configurable-list__tags {
        grid-row: 3
    }

    .page-content__main ul.clf-list.configurable-list[class*=col-] li .configurable-list__image {
        grid-row: 4;
        margin-top: 1.5rem
    }

    .page-content__main ul.clf-list.configurable-list[class*=col-] li .configurable-list__description {
        grid-row: 5;
        margin-top: 1.5rem
    }

    .page-content__main ul.clf-list.configurable-list[class*=col-] li .configurable-list__more {
        grid-row: 6
    }
}

.page-content__main ul.clf-list.configurable-list[class*=col-].group-by-month {
    grid-template-columns: 1fr
}

@media(min-width: 528px) {
    .page-content__main ul.clf-list.configurable-list.col-2 li:nth-child(2),.page-content__main ul.clf-list.configurable-list.col-3 li:nth-child(2),.page-content__main ul.clf-list.configurable-list.col-4 li:nth-child(2) {
        border-top:0;
        padding-top: 0
    }
}

@media(min-width: 528px) and (max-width:754px) {
    .page-content__main ul.clf-list.configurable-list.col-3 {
        grid-template-columns:1fr 1fr
    }
}

@media(min-width: 755px) {
    .page-content__main ul.clf-list.configurable-list.col-3 li:nth-child(3) {
        border-top:0;
        padding-top: 0
    }
}

@media(min-width: 980px) and (max-width:1149px) {
    .page-content__main ul.clf-list.configurable-list.col-4 {
        grid-template-columns:1fr 1fr
    }
}

@media(min-width: 528px) and (max-width:979px) {
    .page-content__main ul.clf-list.configurable-list.col-4 {
        grid-template-columns:1fr 1fr
    }
}

@media(min-width: 1150px) {
    .page-content__main ul.clf-list.configurable-list.col-4 li:nth-child(3),.page-content__main ul.clf-list.configurable-list.col-4 li:nth-child(4) {
        border-top:0;
        padding-top: 0
    }
}

.page-content__main ul.clf-list.configurable-list.stack li {
    grid-template-columns: 1fr
}

@media(min-width: 528px) {
    .page-content__main ul.clf-list.configurable-list.stack li .configurable-list__title,.page-content__main ul.clf-list.configurable-list.stack li .configurable-list__date,.page-content__main ul.clf-list.configurable-list.stack li .configurable-list__tags,.page-content__main ul.clf-list.configurable-list.stack li .configurable-list__image,.page-content__main ul.clf-list.configurable-list.stack li .configurable-list__description,.page-content__main ul.clf-list.configurable-list.stack li .configurable-list__more {
        grid-column:1 / -1
    }

    .page-content__main ul.clf-list.configurable-list.stack li .configurable-list__title {
        grid-row: 1
    }

    .page-content__main ul.clf-list.configurable-list.stack li .configurable-list__date {
        grid-row: 2
    }

    .page-content__main ul.clf-list.configurable-list.stack li .configurable-list__tags {
        grid-row: 3
    }

    .page-content__main ul.clf-list.configurable-list.stack li .configurable-list__image {
        grid-row: 4;
        margin-top: 1.5rem
    }

    .page-content__main ul.clf-list.configurable-list.stack li .configurable-list__description {
        grid-row: 5;
        margin-top: 1.5rem
    }

    .page-content__main ul.clf-list.configurable-list.stack li .configurable-list__more {
        grid-row: 6
    }
}

.page-content__main ul.clf-list.configurable-list.group-by-month>h3.month:nth-of-type(n+2) {
    padding-top: 1rem
}

.page-content__main ul.clf-list.configurable-list.group-by-month>h3.month+li {
    border-top: 0;
    padding-top: 0
}

.page-content__main ul.clf-list.card-list {
    padding-left: 0
}

@media(max-width: 1380px) {
    body:not(.lwc) .page-content.side-nav .page-content__main ul.clf-list.card-list.col-3 {
        grid-template-columns:1fr 1fr
    }
}

@media(max-width: 1055px) {
    body.lwc .page-content__main ul.clf-list.card-list.col-3,.page-content.single-col .page-content__main ul.clf-list.card-list.col-3 {
        grid-template-columns:1fr 1fr
    }
}

@media(max-width: 754px) {
    body:not(.lwc) .page-content.side-nav .page-content__main ul.clf-list.card-list.col-2,body.lwc .page-content__main ul.clf-list.card-list.col-2,.page-content.single-col .page-content__main ul.clf-list.card-list.col-2,body:not(.lwc) .page-content.side-nav .page-content__main ul.clf-list.card-list.col-3,body.lwc .page-content__main ul.clf-list.card-list.col-3,.page-content.single-col .page-content__main ul.clf-list.card-list.col-3 {
        grid-template-columns:1fr
    }
}

.page-content__main ul.clf-list.card-list.col-4 {
    grid-template-columns: 1fr
}

.page-content__main ul.clf-list.card-list[class*=col-] {
    grid-gap: 3rem
}

.page-content__main ul.clf-list.card-list li {
    list-style: none;
    background: var(--sfu-colour-p4);
    border: 1px solid var(--sfu-colour-s2)
}

.page-content__main ul.clf-list.card-list li::before {
    content: none
}

.page-content__main ul.clf-list.card-list li>div.card-list__item--image {
    margin-top: -1px;
    width: calc(100% + 2px);
    margin-left: -1px
}

.page-content__main ul.clf-list.card-list li>div.card-list__item--image a {
    display: block
}

.page-content__main ul.clf-list.card-list li>div.card-list__item--image img {
    margin-bottom: 0
}

.page-content__main ul.clf-list.card-list li>div.card-list__item--title {
    padding: 1.5rem 2rem 0 2rem
}

@media(min-width: 528px) {
    .page-content__main ul.clf-list.card-list li>div.card-list__item--title {
        padding:1.5rem 0 0 2rem
    }
}

.page-content__main ul.clf-list.card-list li>div.card-list__item--title a {
    color: var(--sfu-colour-s1)
}

@media(any-hover: hover) {
    .page-content__main ul.clf-list.card-list li>div.card-list__item--title a:hover {
        color:var(--sfu-colour-p1);
        background: 0;
        text-decoration: underline;
        text-decoration: none
    }
}

.page-content__main ul.clf-list.card-list li>div.card-list__item--more {
    padding: 1rem 0 5rem 2rem
}

.page-content__main ul.clf-list.card-list li>div.card-list__item--more a {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--medium);
    font-stretch: var(--sfu-font-stretch--normal);
    color: var(--sfu-colour-p1);
    font-size: 1.2rem;
    text-decoration: none;
    text-transform: uppercase
}

@media(any-hover: hover) {
    .page-content__main ul.clf-list.card-list li>div.card-list__item--more a:hover {
        text-decoration:underline
    }
}

.page-content__main ul.clf-list.card-list li>div.card-list__item--more a:after {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--light);
    font-stretch: var(--sfu-font-stretch--normal);
    content: " \2192"
}

.page-content__main ul.clf-list.card-list li>div.card-list__item--title {
    letter-spacing: normal;
    text-decoration: none;
    color: var(--sfu-colour-s1);
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    font-size: 2.2rem;
    line-height: 2.6rem
}

@media(any-hover: hover) {
    .page-content__main ul.clf-list.card-list li>div.card-list__item--title:hover {
        color:var(--sfu-colour-p1)
    }
}

@media(min-width: 528px) {
    .page-content__main ul.clf-list.card-list li>div.card-list__item--title {
        max-width:75%
    }
}

.page-content__main ul.clf-list.card-list li>div.card-list__item--title a {
    text-decoration: none
}

.page-content__main ul.clf-list.card-list li.show-date {
    display: grid;
    grid-template-rows: repeat(4,min-content)
}

.page-content__main ul.clf-list.card-list li.show-date>div.card-list__item--image {
    grid-row: 1
}

.page-content__main ul.clf-list.card-list li.show-date>div.card-list__item--date {
    grid-row: 2;
    padding: 1.5rem 0 0 2rem
}

.page-content__main ul.clf-list.card-list li.show-date>div.card-list__item--date p {
    display: inline-block;
    margin-bottom: 0;
    color: var(--sfu-colour-s6);
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--bold);
    font-stretch: var(--sfu-font-stretch--condensed);
    font-size: 1.5rem;
    line-height: 2.2rem;
    background-color: var(--sfu-colour-s7);
    padding: .3rem .7rem
}

.page-content__main ul.clf-list.card-list li.show-date>div.card-list__item--title {
    grid-row: 3;
    padding-top: 1rem
}

.page-content__main ul.clf-list.card-list li.show-date>div.card-list__item--more {
    grid-row: 4
}

.page-content__main ul.clf-list.card-list li.featured {
    background-color: var(--sfu-colour-p4)
}

.page-content__main ul.clf-list.card-list li.featured:after {
    content: none
}

.page-content__main ul.clf-list.card-list li.featured>div.card-list__item--title {
    font-size: 2.6rem;
    line-height: 3.2rem
}

.page-content__main .sfu-columns>div[data-col-layout="33-33-33"]>div ul.clf-list.card-list.col-2,.page-content__main .sfu-columns>div[data-col-layout="33-33-33"]>div ul.clf-list.card-list.col-3,.page-content__main .sfu-columns>div[data-col-layout="25-25-25-25"]>div ul.clf-list.card-list.col-2,.page-content__main .sfu-columns>div[data-col-layout="25-25-25-25"]>div ul.clf-list.card-list.col-3 {
    grid-template-columns: 1fr
}

.page-content__main .sfu-columns>div[data-col-layout="33-67"]>div.c1 ul.clf-list.card-list.col-2,.page-content__main .sfu-columns>div[data-col-layout="33-67"]>div.c1 ul.clf-list.card-list.col-3 {
    grid-template-columns: 1fr
}

.page-content__main .sfu-columns>div[data-col-layout="67-33"]>div.c2 ul.clf-list.card-list.col-2,.page-content__main .sfu-columns>div[data-col-layout="67-33"]>div.c2 ul.clf-list.card-list.col-3 {
    grid-template-columns: 1fr
}

.page-content__main .sfu-columns>div[data-col-layout="25-75"]>div.c1 ul.clf-list.card-list.col-2,.page-content__main .sfu-columns>div[data-col-layout="25-75"]>div.c1 ul.clf-list.card-list.col-3 {
    grid-template-columns: 1fr
}

.page-content__main .sfu-columns>div[data-col-layout="75-25"]>div.c2 ul.clf-list.card-list.col-2,.page-content__main .sfu-columns>div[data-col-layout="75-25"]>div.c2 ul.clf-list.card-list.col-3 {
    grid-template-columns: 1fr
}

.page-content__main .sfu-columns>div[data-col-layout="25-25-50"]>div.c1 ul.clf-list.card-list.col-2,.page-content__main .sfu-columns>div[data-col-layout="25-25-50"]>div.c1 ul.clf-list.card-list.col-3,.page-content__main .sfu-columns>div[data-col-layout="25-25-50"]>div.c2 ul.clf-list.card-list.col-2,.page-content__main .sfu-columns>div[data-col-layout="25-25-50"]>div.c2 ul.clf-list.card-list.col-3 {
    grid-template-columns: 1fr
}

.page-content__main .sfu-columns>div[data-col-layout="50-25-25"]>div.c2 ul.clf-list.card-list.col-2,.page-content__main .sfu-columns>div[data-col-layout="50-25-25"]>div.c2 ul.clf-list.card-list.col-3,.page-content__main .sfu-columns>div[data-col-layout="50-25-25"]>div.c3 ul.clf-list.card-list.col-2,.page-content__main .sfu-columns>div[data-col-layout="50-25-25"]>div.c3 ul.clf-list.card-list.col-3 {
    grid-template-columns: 1fr
}

.page-content__main .sfu-columns>div[data-col-layout="25-50-25"]>div.c1 ul.clf-list.card-list.col-2,.page-content__main .sfu-columns>div[data-col-layout="25-50-25"]>div.c1 ul.clf-list.card-list.col-3,.page-content__main .sfu-columns>div[data-col-layout="25-50-25"]>div.c3 ul.clf-list.card-list.col-2,.page-content__main .sfu-columns>div[data-col-layout="25-50-25"]>div.c3 ul.clf-list.card-list.col-3 {
    grid-template-columns: 1fr
}

.page-content__main .sfu-columns>div[data-col-layout="50-50"]>div ul.clf-list.card-list.col-2,.page-content__main .sfu-columns>div[data-col-layout="50-50"]>div ul.clf-list.card-list.col-3 {
    grid-template-columns: 1fr 1fr
}

@media(max-width: 754px) {
    .page-content__main .sfu-columns>div[data-col-layout="50-50"]>div ul.clf-list.card-list.col-2,.page-content__main .sfu-columns>div[data-col-layout="50-50"]>div ul.clf-list.card-list.col-3 {
        grid-template-columns:1fr
    }
}

.page-content__main .sfu-columns>div[data-col-layout="25-25-50"]>div.c3 ul.clf-list.card-list.col-2,.page-content__main .sfu-columns>div[data-col-layout="25-25-50"]>div.c3 ul.clf-list.card-list.col-3 {
    grid-template-columns: 1fr 1fr
}

@media(max-width: 754px) {
    .page-content__main .sfu-columns>div[data-col-layout="25-25-50"]>div.c3 ul.clf-list.card-list.col-2,.page-content__main .sfu-columns>div[data-col-layout="25-25-50"]>div.c3 ul.clf-list.card-list.col-3 {
        grid-template-columns:1fr
    }
}

.page-content__main .sfu-columns>div[data-col-layout="50-25-25"]>div.c1 ul.clf-list.card-list.col-2,.page-content__main .sfu-columns>div[data-col-layout="50-25-25"]>div.c1 ul.clf-list.card-list.col-3 {
    grid-template-columns: 1fr 1fr
}

@media(max-width: 754px) {
    .page-content__main .sfu-columns>div[data-col-layout="50-25-25"]>div.c1 ul.clf-list.card-list.col-2,.page-content__main .sfu-columns>div[data-col-layout="50-25-25"]>div.c1 ul.clf-list.card-list.col-3 {
        grid-template-columns:1fr
    }
}

.page-content__main .sfu-columns>div[data-col-layout="25-50-25"]>div.c2 ul.clf-list.card-list.col-2,.page-content__main .sfu-columns>div[data-col-layout="25-50-25"]>div.c2 ul.clf-list.card-list.col-3 {
    grid-template-columns: 1fr 1fr
}

@media(max-width: 754px) {
    .page-content__main .sfu-columns>div[data-col-layout="25-50-25"]>div.c2 ul.clf-list.card-list.col-2,.page-content__main .sfu-columns>div[data-col-layout="25-50-25"]>div.c2 ul.clf-list.card-list.col-3 {
        grid-template-columns:1fr
    }
}

.page-content__main .sfu-columns>div[data-col-layout="33-67"]>div.c2 ul.clf-list.card-list.col-2,.page-content__main .sfu-columns>div[data-col-layout="33-67"]>div.c2 ul.clf-list.card-list.col-3 {
    grid-template-columns: 1fr 1fr
}

@media(max-width: 754px) {
    .page-content__main .sfu-columns>div[data-col-layout="33-67"]>div.c2 ul.clf-list.card-list.col-2,.page-content__main .sfu-columns>div[data-col-layout="33-67"]>div.c2 ul.clf-list.card-list.col-3 {
        grid-template-columns:1fr
    }
}

.page-content__main .sfu-columns>div[data-col-layout="67-33"]>div.c1 ul.clf-list.card-list.col-2,.page-content__main .sfu-columns>div[data-col-layout="67-33"]>div.c1 ul.clf-list.card-list.col-3 {
    grid-template-columns: 1fr 1fr
}

@media(max-width: 754px) {
    .page-content__main .sfu-columns>div[data-col-layout="67-33"]>div.c1 ul.clf-list.card-list.col-2,.page-content__main .sfu-columns>div[data-col-layout="67-33"]>div.c1 ul.clf-list.card-list.col-3 {
        grid-template-columns:1fr
    }
}

.page-content__main .sfu-columns>div[data-col-layout="25-75"]>div.c2 ul.clf-list.card-list.col-2,.page-content__main .sfu-columns>div[data-col-layout="25-75"]>div.c2 ul.clf-list.card-list.col-3 {
    grid-template-columns: 1fr 1fr
}

@media(max-width: 754px) {
    .page-content__main .sfu-columns>div[data-col-layout="25-75"]>div.c2 ul.clf-list.card-list.col-2,.page-content__main .sfu-columns>div[data-col-layout="25-75"]>div.c2 ul.clf-list.card-list.col-3 {
        grid-template-columns:1fr
    }
}

.page-content__main .sfu-columns>div[data-col-layout="75-25"]>div.c1 ul.clf-list.card-list.col-2,.page-content__main .sfu-columns>div[data-col-layout="75-25"]>div.c1 ul.clf-list.card-list.col-3 {
    grid-template-columns: 1fr 1fr
}

@media(max-width: 754px) {
    .page-content__main .sfu-columns>div[data-col-layout="75-25"]>div.c1 ul.clf-list.card-list.col-2,.page-content__main .sfu-columns>div[data-col-layout="75-25"]>div.c1 ul.clf-list.card-list.col-3 {
        grid-template-columns:1fr
    }
}

html[data-page-template=basic-home] .page-content__main ul.clf-list.card-list li>div.card-list__item--title {
    font-size: 2.6rem;
    line-height: 3.2rem
}

html[data-page-template=basic-home] .page-content__main ul.clf-list.card-list li.featured>div.card-list__item--title {
    font-size: 2.9rem;
    line-height: 3.4rem
}

@media(min-width: 528px) {
    html[data-page-template=basic-home] .page-content__main ul.clf-list.card-list li.featured>div.card-list__item--title {
        max-width:85%
    }
}

.page-content__main div.block.red ul.clf-list.configurable-list li .configurable-list__title a,.page-content__main div.block.col-1-red .c1 ul.clf-list.configurable-list li .configurable-list__title a,.page-content__main div.block.col-2-red .c2 ul.clf-list.configurable-list li .configurable-list__title a,.page-content__main div.block.col-3-red .c3 ul.clf-list.configurable-list li .configurable-list__title a,.page-content__main div.block.col-4-red .c4 ul.clf-list.configurable-list li .configurable-list__title a,.page-content__main div.block.light-red ul.clf-list.configurable-list li .configurable-list__title a,.page-content__main div.block.col-1-light-red .c1 ul.clf-list.configurable-list li .configurable-list__title a,.page-content__main div.block.col-2-light-red .c2 ul.clf-list.configurable-list li .configurable-list__title a,.page-content__main div.block.col-3-light-red .c3 ul.clf-list.configurable-list li .configurable-list__title a,.page-content__main div.block.col-4-light-red .c4 ul.clf-list.configurable-list li .configurable-list__title a {
    color: var(--sfu-colour-p4)
}

@media(any-hover: hover) {
    .page-content__main div.block.red ul.clf-list.configurable-list li .configurable-list__title a:hover,.page-content__main div.block.col-1-red .c1 ul.clf-list.configurable-list li .configurable-list__title a:hover,.page-content__main div.block.col-2-red .c2 ul.clf-list.configurable-list li .configurable-list__title a:hover,.page-content__main div.block.col-3-red .c3 ul.clf-list.configurable-list li .configurable-list__title a:hover,.page-content__main div.block.col-4-red .c4 ul.clf-list.configurable-list li .configurable-list__title a:hover,.page-content__main div.block.light-red ul.clf-list.configurable-list li .configurable-list__title a:hover,.page-content__main div.block.col-1-light-red .c1 ul.clf-list.configurable-list li .configurable-list__title a:hover,.page-content__main div.block.col-2-light-red .c2 ul.clf-list.configurable-list li .configurable-list__title a:hover,.page-content__main div.block.col-3-light-red .c3 ul.clf-list.configurable-list li .configurable-list__title a:hover,.page-content__main div.block.col-4-light-red .c4 ul.clf-list.configurable-list li .configurable-list__title a:hover {
        text-decoration:underline
    }
}

.page-content__main div.block.red ul.clf-list.configurable-list li .configurable-list__tags>div span::after,.page-content__main div.block.col-1-red .c1 ul.clf-list.configurable-list li .configurable-list__tags>div span::after,.page-content__main div.block.col-2-red .c2 ul.clf-list.configurable-list li .configurable-list__tags>div span::after,.page-content__main div.block.col-3-red .c3 ul.clf-list.configurable-list li .configurable-list__tags>div span::after,.page-content__main div.block.col-4-red .c4 ul.clf-list.configurable-list li .configurable-list__tags>div span::after,.page-content__main div.block.light-red ul.clf-list.configurable-list li .configurable-list__tags>div span::after,.page-content__main div.block.col-1-light-red .c1 ul.clf-list.configurable-list li .configurable-list__tags>div span::after,.page-content__main div.block.col-2-light-red .c2 ul.clf-list.configurable-list li .configurable-list__tags>div span::after,.page-content__main div.block.col-3-light-red .c3 ul.clf-list.configurable-list li .configurable-list__tags>div span::after,.page-content__main div.block.col-4-light-red .c4 ul.clf-list.configurable-list li .configurable-list__tags>div span::after {
    color: #ccb4b4
}

.page-content__main div.block.red ul.clf-list.configurable-list li .configurable-list__more p a,.page-content__main div.block.col-1-red .c1 ul.clf-list.configurable-list li .configurable-list__more p a,.page-content__main div.block.col-2-red .c2 ul.clf-list.configurable-list li .configurable-list__more p a,.page-content__main div.block.col-3-red .c3 ul.clf-list.configurable-list li .configurable-list__more p a,.page-content__main div.block.col-4-red .c4 ul.clf-list.configurable-list li .configurable-list__more p a,.page-content__main div.block.light-red ul.clf-list.configurable-list li .configurable-list__more p a,.page-content__main div.block.col-1-light-red .c1 ul.clf-list.configurable-list li .configurable-list__more p a,.page-content__main div.block.col-2-light-red .c2 ul.clf-list.configurable-list li .configurable-list__more p a,.page-content__main div.block.col-3-light-red .c3 ul.clf-list.configurable-list li .configurable-list__more p a,.page-content__main div.block.col-4-light-red .c4 ul.clf-list.configurable-list li .configurable-list__more p a {
    color: var(--sfu-colour-p4)
}

.page-content__main div.block.red ul.clf-list.configurable-list li:nth-child(n+2),.page-content__main div.block.col-1-red .c1 ul.clf-list.configurable-list li:nth-child(n+2),.page-content__main div.block.col-2-red .c2 ul.clf-list.configurable-list li:nth-child(n+2),.page-content__main div.block.col-3-red .c3 ul.clf-list.configurable-list li:nth-child(n+2),.page-content__main div.block.col-4-red .c4 ul.clf-list.configurable-list li:nth-child(n+2),.page-content__main div.block.light-red ul.clf-list.configurable-list li:nth-child(n+2),.page-content__main div.block.col-1-light-red .c1 ul.clf-list.configurable-list li:nth-child(n+2),.page-content__main div.block.col-2-light-red .c2 ul.clf-list.configurable-list li:nth-child(n+2),.page-content__main div.block.col-3-light-red .c3 ul.clf-list.configurable-list li:nth-child(n+2),.page-content__main div.block.col-4-light-red .c4 ul.clf-list.configurable-list li:nth-child(n+2) {
    border-top-color: var(--sfu-colour-p4)
}

.page-content__main div.block.red ul.clf-list.card-list li,.page-content__main div.block.col-1-red .c1 ul.clf-list.card-list li,.page-content__main div.block.col-2-red .c2 ul.clf-list.card-list li,.page-content__main div.block.col-3-red .c3 ul.clf-list.card-list li,.page-content__main div.block.col-4-red .c4 ul.clf-list.card-list li,.page-content__main div.block.light-red ul.clf-list.card-list li,.page-content__main div.block.col-1-light-red .c1 ul.clf-list.card-list li,.page-content__main div.block.col-2-light-red .c2 ul.clf-list.card-list li,.page-content__main div.block.col-3-light-red .c3 ul.clf-list.card-list li,.page-content__main div.block.col-4-light-red .c4 ul.clf-list.card-list li {
    border: 1px solid var(--sfu-colour-transparent)
}

@media(any-hover: hover) {
    .page-content__main div.block.red ul.clf-list.card-list li>div.card-list__item--more a:hover,.page-content__main div.block.col-1-red .c1 ul.clf-list.card-list li>div.card-list__item--more a:hover,.page-content__main div.block.col-2-red .c2 ul.clf-list.card-list li>div.card-list__item--more a:hover,.page-content__main div.block.col-3-red .c3 ul.clf-list.card-list li>div.card-list__item--more a:hover,.page-content__main div.block.col-4-red .c4 ul.clf-list.card-list li>div.card-list__item--more a:hover,.page-content__main div.block.light-red ul.clf-list.card-list li>div.card-list__item--more a:hover,.page-content__main div.block.col-1-light-red .c1 ul.clf-list.card-list li>div.card-list__item--more a:hover,.page-content__main div.block.col-2-light-red .c2 ul.clf-list.card-list li>div.card-list__item--more a:hover,.page-content__main div.block.col-3-light-red .c3 ul.clf-list.card-list li>div.card-list__item--more a:hover,.page-content__main div.block.col-4-light-red .c4 ul.clf-list.card-list li>div.card-list__item--more a:hover {
        color:var(--sfu-colour-p1);
        background: 0;
        text-decoration: underline
    }
}

.page-content__main div.block.red ul.clf-list.link-navigation>li,.page-content__main div.block.col-1-red .c1 ul.clf-list.link-navigation>li,.page-content__main div.block.col-2-red .c2 ul.clf-list.link-navigation>li,.page-content__main div.block.col-3-red .c3 ul.clf-list.link-navigation>li,.page-content__main div.block.col-4-red .c4 ul.clf-list.link-navigation>li,.page-content__main div.block.light-red ul.clf-list.link-navigation>li,.page-content__main div.block.col-1-light-red .c1 ul.clf-list.link-navigation>li,.page-content__main div.block.col-2-light-red .c2 ul.clf-list.link-navigation>li,.page-content__main div.block.col-3-light-red .c3 ul.clf-list.link-navigation>li,.page-content__main div.block.col-4-light-red .c4 ul.clf-list.link-navigation>li {
    border-bottom-color: var(--sfu-colour-p4)
}

.page-content__main div.block.red ul.clf-list.link-navigation>li a,.page-content__main div.block.col-1-red .c1 ul.clf-list.link-navigation>li a,.page-content__main div.block.col-2-red .c2 ul.clf-list.link-navigation>li a,.page-content__main div.block.col-3-red .c3 ul.clf-list.link-navigation>li a,.page-content__main div.block.col-4-red .c4 ul.clf-list.link-navigation>li a,.page-content__main div.block.light-red ul.clf-list.link-navigation>li a,.page-content__main div.block.col-1-light-red .c1 ul.clf-list.link-navigation>li a,.page-content__main div.block.col-2-light-red .c2 ul.clf-list.link-navigation>li a,.page-content__main div.block.col-3-light-red .c3 ul.clf-list.link-navigation>li a,.page-content__main div.block.col-4-light-red .c4 ul.clf-list.link-navigation>li a {
    color: var(--sfu-colour-p4);
    text-decoration: none
}

@media(any-hover: hover) {
    .page-content__main div.block.red ul.clf-list.link-navigation>li a:hover,.page-content__main div.block.col-1-red .c1 ul.clf-list.link-navigation>li a:hover,.page-content__main div.block.col-2-red .c2 ul.clf-list.link-navigation>li a:hover,.page-content__main div.block.col-3-red .c3 ul.clf-list.link-navigation>li a:hover,.page-content__main div.block.col-4-red .c4 ul.clf-list.link-navigation>li a:hover,.page-content__main div.block.light-red ul.clf-list.link-navigation>li a:hover,.page-content__main div.block.col-1-light-red .c1 ul.clf-list.link-navigation>li a:hover,.page-content__main div.block.col-2-light-red .c2 ul.clf-list.link-navigation>li a:hover,.page-content__main div.block.col-3-light-red .c3 ul.clf-list.link-navigation>li a:hover,.page-content__main div.block.col-4-light-red .c4 ul.clf-list.link-navigation>li a:hover {
        text-decoration:underline
    }
}

.page-content__main div.block.red ul.clf-list.link-navigation>li a.current,.page-content__main div.block.col-1-red .c1 ul.clf-list.link-navigation>li a.current,.page-content__main div.block.col-2-red .c2 ul.clf-list.link-navigation>li a.current,.page-content__main div.block.col-3-red .c3 ul.clf-list.link-navigation>li a.current,.page-content__main div.block.col-4-red .c4 ul.clf-list.link-navigation>li a.current,.page-content__main div.block.light-red ul.clf-list.link-navigation>li a.current,.page-content__main div.block.col-1-light-red .c1 ul.clf-list.link-navigation>li a.current,.page-content__main div.block.col-2-light-red .c2 ul.clf-list.link-navigation>li a.current,.page-content__main div.block.col-3-light-red .c3 ul.clf-list.link-navigation>li a.current,.page-content__main div.block.col-4-light-red .c4 ul.clf-list.link-navigation>li a.current {
    text-decoration: underline
}

.page-content__main div.block.red ul.clf-list.link-lined>li,.page-content__main div.block.col-1-red .c1 ul.clf-list.link-lined>li,.page-content__main div.block.col-2-red .c2 ul.clf-list.link-lined>li,.page-content__main div.block.col-3-red .c3 ul.clf-list.link-lined>li,.page-content__main div.block.col-4-red .c4 ul.clf-list.link-lined>li,.page-content__main div.block.light-red ul.clf-list.link-lined>li,.page-content__main div.block.col-1-light-red .c1 ul.clf-list.link-lined>li,.page-content__main div.block.col-2-light-red .c2 ul.clf-list.link-lined>li,.page-content__main div.block.col-3-light-red .c3 ul.clf-list.link-lined>li,.page-content__main div.block.col-4-light-red .c4 ul.clf-list.link-lined>li {
    border-bottom-color: var(--sfu-colour-p4)
}

.page-content__main div.block.red ul.clf-list.link-lined>li a,.page-content__main div.block.col-1-red .c1 ul.clf-list.link-lined>li a,.page-content__main div.block.col-2-red .c2 ul.clf-list.link-lined>li a,.page-content__main div.block.col-3-red .c3 ul.clf-list.link-lined>li a,.page-content__main div.block.col-4-red .c4 ul.clf-list.link-lined>li a,.page-content__main div.block.light-red ul.clf-list.link-lined>li a,.page-content__main div.block.col-1-light-red .c1 ul.clf-list.link-lined>li a,.page-content__main div.block.col-2-light-red .c2 ul.clf-list.link-lined>li a,.page-content__main div.block.col-3-light-red .c3 ul.clf-list.link-lined>li a,.page-content__main div.block.col-4-light-red .c4 ul.clf-list.link-lined>li a {
    text-decoration: none
}

@media(any-hover: hover) {
    .page-content__main div.block.red ul.clf-list.link-lined>li a:hover,.page-content__main div.block.col-1-red .c1 ul.clf-list.link-lined>li a:hover,.page-content__main div.block.col-2-red .c2 ul.clf-list.link-lined>li a:hover,.page-content__main div.block.col-3-red .c3 ul.clf-list.link-lined>li a:hover,.page-content__main div.block.col-4-red .c4 ul.clf-list.link-lined>li a:hover,.page-content__main div.block.light-red ul.clf-list.link-lined>li a:hover,.page-content__main div.block.col-1-light-red .c1 ul.clf-list.link-lined>li a:hover,.page-content__main div.block.col-2-light-red .c2 ul.clf-list.link-lined>li a:hover,.page-content__main div.block.col-3-light-red .c3 ul.clf-list.link-lined>li a:hover,.page-content__main div.block.col-4-light-red .c4 ul.clf-list.link-lined>li a:hover {
        text-decoration:underline
    }
}

.page-content__main div.block.red ul.clf-list.link-lined.indented,.page-content__main div.block.col-1-red .c1 ul.clf-list.link-lined.indented,.page-content__main div.block.col-2-red .c2 ul.clf-list.link-lined.indented,.page-content__main div.block.col-3-red .c3 ul.clf-list.link-lined.indented,.page-content__main div.block.col-4-red .c4 ul.clf-list.link-lined.indented,.page-content__main div.block.light-red ul.clf-list.link-lined.indented,.page-content__main div.block.col-1-light-red .c1 ul.clf-list.link-lined.indented,.page-content__main div.block.col-2-light-red .c2 ul.clf-list.link-lined.indented,.page-content__main div.block.col-3-light-red .c3 ul.clf-list.link-lined.indented,.page-content__main div.block.col-4-light-red .c4 ul.clf-list.link-lined.indented {
    border-left-color: var(--sfu-colour-p4)
}

.page-content__main div.block.red ul.clf-list.link-plain>li a.current,.page-content__main div.block.red ul.clf-list.link-bullets>li a.current,.page-content__main div.block.red ul.clf-list.link-lined>li a.current,.page-content__main div.block.col-1-red .c1 ul.clf-list.link-plain>li a.current,.page-content__main div.block.col-1-red .c1 ul.clf-list.link-bullets>li a.current,.page-content__main div.block.col-1-red .c1 ul.clf-list.link-lined>li a.current,.page-content__main div.block.col-2-red .c2 ul.clf-list.link-plain>li a.current,.page-content__main div.block.col-2-red .c2 ul.clf-list.link-bullets>li a.current,.page-content__main div.block.col-2-red .c2 ul.clf-list.link-lined>li a.current,.page-content__main div.block.col-3-red .c3 ul.clf-list.link-plain>li a.current,.page-content__main div.block.col-3-red .c3 ul.clf-list.link-bullets>li a.current,.page-content__main div.block.col-3-red .c3 ul.clf-list.link-lined>li a.current,.page-content__main div.block.col-4-red .c4 ul.clf-list.link-plain>li a.current,.page-content__main div.block.col-4-red .c4 ul.clf-list.link-bullets>li a.current,.page-content__main div.block.col-4-red .c4 ul.clf-list.link-lined>li a.current,.page-content__main div.block.light-red ul.clf-list.link-plain>li a.current,.page-content__main div.block.light-red ul.clf-list.link-bullets>li a.current,.page-content__main div.block.light-red ul.clf-list.link-lined>li a.current,.page-content__main div.block.col-1-light-red .c1 ul.clf-list.link-plain>li a.current,.page-content__main div.block.col-1-light-red .c1 ul.clf-list.link-bullets>li a.current,.page-content__main div.block.col-1-light-red .c1 ul.clf-list.link-lined>li a.current,.page-content__main div.block.col-2-light-red .c2 ul.clf-list.link-plain>li a.current,.page-content__main div.block.col-2-light-red .c2 ul.clf-list.link-bullets>li a.current,.page-content__main div.block.col-2-light-red .c2 ul.clf-list.link-lined>li a.current,.page-content__main div.block.col-3-light-red .c3 ul.clf-list.link-plain>li a.current,.page-content__main div.block.col-3-light-red .c3 ul.clf-list.link-bullets>li a.current,.page-content__main div.block.col-3-light-red .c3 ul.clf-list.link-lined>li a.current,.page-content__main div.block.col-4-light-red .c4 ul.clf-list.link-plain>li a.current,.page-content__main div.block.col-4-light-red .c4 ul.clf-list.link-bullets>li a.current,.page-content__main div.block.col-4-light-red .c4 ul.clf-list.link-lined>li a.current {
    color: var(--sfu-colour-p4);
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--normal)
}

.page-content__main div.block.red .listclf3 a.linkFeed,.page-content__main div.block.red div.list a.linkFeed,.page-content__main div.block.col-1-red .c1 .listclf3 a.linkFeed,.page-content__main div.block.col-1-red .c1 div.list a.linkFeed,.page-content__main div.block.col-2-red .c2 .listclf3 a.linkFeed,.page-content__main div.block.col-2-red .c2 div.list a.linkFeed,.page-content__main div.block.col-3-red .c3 .listclf3 a.linkFeed,.page-content__main div.block.col-3-red .c3 div.list a.linkFeed,.page-content__main div.block.col-4-red .c4 .listclf3 a.linkFeed,.page-content__main div.block.col-4-red .c4 div.list a.linkFeed,.page-content__main div.block.light-red .listclf3 a.linkFeed,.page-content__main div.block.light-red div.list a.linkFeed,.page-content__main div.block.col-1-light-red .c1 .listclf3 a.linkFeed,.page-content__main div.block.col-1-light-red .c1 div.list a.linkFeed,.page-content__main div.block.col-2-light-red .c2 .listclf3 a.linkFeed,.page-content__main div.block.col-2-light-red .c2 div.list a.linkFeed,.page-content__main div.block.col-3-light-red .c3 .listclf3 a.linkFeed,.page-content__main div.block.col-3-light-red .c3 div.list a.linkFeed,.page-content__main div.block.col-4-light-red .c4 .listclf3 a.linkFeed,.page-content__main div.block.col-4-light-red .c4 div.list a.linkFeed {
    color: var(--sfu-colour-p4);
    text-decoration: none
}

@media(any-hover: hover) {
    .page-content__main div.block.red .listclf3 a.linkFeed:hover,.page-content__main div.block.red div.list a.linkFeed:hover,.page-content__main div.block.col-1-red .c1 .listclf3 a.linkFeed:hover,.page-content__main div.block.col-1-red .c1 div.list a.linkFeed:hover,.page-content__main div.block.col-2-red .c2 .listclf3 a.linkFeed:hover,.page-content__main div.block.col-2-red .c2 div.list a.linkFeed:hover,.page-content__main div.block.col-3-red .c3 .listclf3 a.linkFeed:hover,.page-content__main div.block.col-3-red .c3 div.list a.linkFeed:hover,.page-content__main div.block.col-4-red .c4 .listclf3 a.linkFeed:hover,.page-content__main div.block.col-4-red .c4 div.list a.linkFeed:hover,.page-content__main div.block.light-red .listclf3 a.linkFeed:hover,.page-content__main div.block.light-red div.list a.linkFeed:hover,.page-content__main div.block.col-1-light-red .c1 .listclf3 a.linkFeed:hover,.page-content__main div.block.col-1-light-red .c1 div.list a.linkFeed:hover,.page-content__main div.block.col-2-light-red .c2 .listclf3 a.linkFeed:hover,.page-content__main div.block.col-2-light-red .c2 div.list a.linkFeed:hover,.page-content__main div.block.col-3-light-red .c3 .listclf3 a.linkFeed:hover,.page-content__main div.block.col-3-light-red .c3 div.list a.linkFeed:hover,.page-content__main div.block.col-4-light-red .c4 .listclf3 a.linkFeed:hover,.page-content__main div.block.col-4-light-red .c4 div.list a.linkFeed:hover {
        text-decoration:underline
    }

    .page-content__main div.block.red .listclf3 a.linkFeed:hover::before,.page-content__main div.block.red div.list a.linkFeed:hover::before,.page-content__main div.block.col-1-red .c1 .listclf3 a.linkFeed:hover::before,.page-content__main div.block.col-1-red .c1 div.list a.linkFeed:hover::before,.page-content__main div.block.col-2-red .c2 .listclf3 a.linkFeed:hover::before,.page-content__main div.block.col-2-red .c2 div.list a.linkFeed:hover::before,.page-content__main div.block.col-3-red .c3 .listclf3 a.linkFeed:hover::before,.page-content__main div.block.col-3-red .c3 div.list a.linkFeed:hover::before,.page-content__main div.block.col-4-red .c4 .listclf3 a.linkFeed:hover::before,.page-content__main div.block.col-4-red .c4 div.list a.linkFeed:hover::before,.page-content__main div.block.light-red .listclf3 a.linkFeed:hover::before,.page-content__main div.block.light-red div.list a.linkFeed:hover::before,.page-content__main div.block.col-1-light-red .c1 .listclf3 a.linkFeed:hover::before,.page-content__main div.block.col-1-light-red .c1 div.list a.linkFeed:hover::before,.page-content__main div.block.col-2-light-red .c2 .listclf3 a.linkFeed:hover::before,.page-content__main div.block.col-2-light-red .c2 div.list a.linkFeed:hover::before,.page-content__main div.block.col-3-light-red .c3 .listclf3 a.linkFeed:hover::before,.page-content__main div.block.col-3-light-red .c3 div.list a.linkFeed:hover::before,.page-content__main div.block.col-4-light-red .c4 .listclf3 a.linkFeed:hover::before,.page-content__main div.block.col-4-light-red .c4 div.list a.linkFeed:hover::before {
        color: var(--sfu-colour-p4)
    }
}

.page-content__main div.block.red .listclf3 .pagination::before,.page-content__main div.block.red div.list .pagination::before,.page-content__main div.block.col-1-red .c1 .listclf3 .pagination::before,.page-content__main div.block.col-1-red .c1 div.list .pagination::before,.page-content__main div.block.col-2-red .c2 .listclf3 .pagination::before,.page-content__main div.block.col-2-red .c2 div.list .pagination::before,.page-content__main div.block.col-3-red .c3 .listclf3 .pagination::before,.page-content__main div.block.col-3-red .c3 div.list .pagination::before,.page-content__main div.block.col-4-red .c4 .listclf3 .pagination::before,.page-content__main div.block.col-4-red .c4 div.list .pagination::before,.page-content__main div.block.light-red .listclf3 .pagination::before,.page-content__main div.block.light-red div.list .pagination::before,.page-content__main div.block.col-1-light-red .c1 .listclf3 .pagination::before,.page-content__main div.block.col-1-light-red .c1 div.list .pagination::before,.page-content__main div.block.col-2-light-red .c2 .listclf3 .pagination::before,.page-content__main div.block.col-2-light-red .c2 div.list .pagination::before,.page-content__main div.block.col-3-light-red .c3 .listclf3 .pagination::before,.page-content__main div.block.col-3-light-red .c3 div.list .pagination::before,.page-content__main div.block.col-4-light-red .c4 .listclf3 .pagination::before,.page-content__main div.block.col-4-light-red .c4 div.list .pagination::before {
    background-color: var(--sfu-colour-p4)
}

.page-content__main div.block.red .listclf3 .pagination .previous a,.page-content__main div.block.red .listclf3 .pagination .next a,.page-content__main div.block.red div.list .pagination .previous a,.page-content__main div.block.red div.list .pagination .next a,.page-content__main div.block.col-1-red .c1 .listclf3 .pagination .previous a,.page-content__main div.block.col-1-red .c1 .listclf3 .pagination .next a,.page-content__main div.block.col-1-red .c1 div.list .pagination .previous a,.page-content__main div.block.col-1-red .c1 div.list .pagination .next a,.page-content__main div.block.col-2-red .c2 .listclf3 .pagination .previous a,.page-content__main div.block.col-2-red .c2 .listclf3 .pagination .next a,.page-content__main div.block.col-2-red .c2 div.list .pagination .previous a,.page-content__main div.block.col-2-red .c2 div.list .pagination .next a,.page-content__main div.block.col-3-red .c3 .listclf3 .pagination .previous a,.page-content__main div.block.col-3-red .c3 .listclf3 .pagination .next a,.page-content__main div.block.col-3-red .c3 div.list .pagination .previous a,.page-content__main div.block.col-3-red .c3 div.list .pagination .next a,.page-content__main div.block.col-4-red .c4 .listclf3 .pagination .previous a,.page-content__main div.block.col-4-red .c4 .listclf3 .pagination .next a,.page-content__main div.block.col-4-red .c4 div.list .pagination .previous a,.page-content__main div.block.col-4-red .c4 div.list .pagination .next a,.page-content__main div.block.light-red .listclf3 .pagination .previous a,.page-content__main div.block.light-red .listclf3 .pagination .next a,.page-content__main div.block.light-red div.list .pagination .previous a,.page-content__main div.block.light-red div.list .pagination .next a,.page-content__main div.block.col-1-light-red .c1 .listclf3 .pagination .previous a,.page-content__main div.block.col-1-light-red .c1 .listclf3 .pagination .next a,.page-content__main div.block.col-1-light-red .c1 div.list .pagination .previous a,.page-content__main div.block.col-1-light-red .c1 div.list .pagination .next a,.page-content__main div.block.col-2-light-red .c2 .listclf3 .pagination .previous a,.page-content__main div.block.col-2-light-red .c2 .listclf3 .pagination .next a,.page-content__main div.block.col-2-light-red .c2 div.list .pagination .previous a,.page-content__main div.block.col-2-light-red .c2 div.list .pagination .next a,.page-content__main div.block.col-3-light-red .c3 .listclf3 .pagination .previous a,.page-content__main div.block.col-3-light-red .c3 .listclf3 .pagination .next a,.page-content__main div.block.col-3-light-red .c3 div.list .pagination .previous a,.page-content__main div.block.col-3-light-red .c3 div.list .pagination .next a,.page-content__main div.block.col-4-light-red .c4 .listclf3 .pagination .previous a,.page-content__main div.block.col-4-light-red .c4 .listclf3 .pagination .next a,.page-content__main div.block.col-4-light-red .c4 div.list .pagination .previous a,.page-content__main div.block.col-4-light-red .c4 div.list .pagination .next a {
    text-decoration: none;
    color: var(--sfu-colour-p4)
}

.page-content__main div.block.red ul.clf-list.configurable-list li .configurable-list__date p,.page-content__main div.block.col-1-red .c1 ul.clf-list.configurable-list li .configurable-list__date p,.page-content__main div.block.col-2-red .c2 ul.clf-list.configurable-list li .configurable-list__date p,.page-content__main div.block.col-3-red .c3 ul.clf-list.configurable-list li .configurable-list__date p,.page-content__main div.block.col-4-red .c4 ul.clf-list.configurable-list li .configurable-list__date p {
    color: var(--sfu-colour-p4);
    background-color: #714141
}

.page-content__main div.block.light-red ul.clf-list.configurable-list li .configurable-list__date p,.page-content__main div.block.col-1-light-red .c1 ul.clf-list.configurable-list li .configurable-list__date p,.page-content__main div.block.col-2-light-red .c2 ul.clf-list.configurable-list li .configurable-list__date p,.page-content__main div.block.col-3-light-red .c3 ul.clf-list.configurable-list li .configurable-list__date p,.page-content__main div.block.col-4-light-red .c4 ul.clf-list.configurable-list li .configurable-list__date p {
    color: var(--sfu-colour-p4);
    background-color: #8e4141
}

.page-content__main div.block.grey ul.clf-list.configurable-list li:nth-child(n+2),.page-content__main div.block.col-1-grey .c1 ul.clf-list.configurable-list li:nth-child(n+2),.page-content__main div.block.col-2-grey .c2 ul.clf-list.configurable-list li:nth-child(n+2),.page-content__main div.block.col-3-grey .c3 ul.clf-list.configurable-list li:nth-child(n+2),.page-content__main div.block.col-4-grey .c4 ul.clf-list.configurable-list li:nth-child(n+2) {
    border-top-color: var(--sfu-colour-s9)
}

.page-content__main div.block.grey ul.clf-list.configurable-list li .configurable-list__date p,.page-content__main div.block.col-1-grey .c1 ul.clf-list.configurable-list li .configurable-list__date p,.page-content__main div.block.col-2-grey .c2 ul.clf-list.configurable-list li .configurable-list__date p,.page-content__main div.block.col-3-grey .c3 ul.clf-list.configurable-list li .configurable-list__date p,.page-content__main div.block.col-4-grey .c4 ul.clf-list.configurable-list li .configurable-list__date p {
    background-color: #dcdcdc
}

.page-content__main div.block.grey ul.clf-list.link-navigation>li,.page-content__main div.block.col-1-grey .c1 ul.clf-list.link-navigation>li,.page-content__main div.block.col-2-grey .c2 ul.clf-list.link-navigation>li,.page-content__main div.block.col-3-grey .c3 ul.clf-list.link-navigation>li,.page-content__main div.block.col-4-grey .c4 ul.clf-list.link-navigation>li {
    border-bottom-color: var(--sfu-colour-s9)
}

.page-content__main div.block.grey ul.clf-list.link-lined>li,.page-content__main div.block.col-1-grey .c1 ul.clf-list.link-lined>li,.page-content__main div.block.col-2-grey .c2 ul.clf-list.link-lined>li,.page-content__main div.block.col-3-grey .c3 ul.clf-list.link-lined>li,.page-content__main div.block.col-4-grey .c4 ul.clf-list.link-lined>li {
    border-bottom-color: var(--sfu-colour-s9)
}

.page-content__main div.block.grey ul.clf-list.link-lined.indented,.page-content__main div.block.col-1-grey .c1 ul.clf-list.link-lined.indented,.page-content__main div.block.col-2-grey .c2 ul.clf-list.link-lined.indented,.page-content__main div.block.col-3-grey .c3 ul.clf-list.link-lined.indented,.page-content__main div.block.col-4-grey .c4 ul.clf-list.link-lined.indented {
    border-left-color: var(--sfu-colour-s9)
}

.page-content__main div.block.grey .listclf3 .pagination::before,.page-content__main div.block.grey div.list .pagination::before,.page-content__main div.block.col-1-grey .c1 .listclf3 .pagination::before,.page-content__main div.block.col-1-grey .c1 div.list .pagination::before,.page-content__main div.block.col-2-grey .c2 .listclf3 .pagination::before,.page-content__main div.block.col-2-grey .c2 div.list .pagination::before,.page-content__main div.block.col-3-grey .c3 .listclf3 .pagination::before,.page-content__main div.block.col-3-grey .c3 div.list .pagination::before,.page-content__main div.block.col-4-grey .c4 .listclf3 .pagination::before,.page-content__main div.block.col-4-grey .c4 div.list .pagination::before {
    background-color: var(--sfu-colour-s9)
}

.page-content__main ul.clf-list.full-list .datestamp {
    margin-bottom: 0
}

.page-content__main h3.month {
    margin-bottom: 0
}

.page-content__main ul.clf-list[class*=col-] {
    display: grid;
    grid-column-gap: 7.5rem;
    grid-row-gap: 1.5rem;
    word-wrap: break-word
}

@media(max-width: 527px) {
    .page-content__main ul.clf-list[class*=col-] {
        grid-template-columns:1fr
    }
}

.page-content__main ul.clf-list[class*=col-]>li {
    padding-top: 0;
    margin-bottom: 0
}

.page-content__main ul.clf-list[class*=col-]>li p {
    padding-top: 0
}

@media(max-width: 754px) {
    .page-content__main ul.clf-list[class*=col-].md-stack {
        grid-template-columns:1fr
    }
}

@media(max-width: 754px) {
    .page-content__main ul.clf-list[class*=col-].mds-stack {
        grid-template-columns:1fr
    }
}

.page-content__main ul.clf-list.col-2 {
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 7.5rem;
    word-wrap: break-word
}

@media(max-width: 527px) {
    .page-content__main ul.clf-list.col-2 {
        grid-template-columns:1fr
    }
}

.page-content__main ul.clf-list.col-3 {
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 7.5rem;
    word-wrap: break-word
}

@media(max-width: 527px) {
    .page-content__main ul.clf-list.col-3 {
        grid-template-columns:1fr
    }
}

.page-content__main ul.clf-list.col-4 {
    grid-template-columns: repeat(4,1fr);
    grid-column-gap: 7.5rem;
    word-wrap: break-word
}

@media(max-width: 527px) {
    .page-content__main ul.clf-list.col-4 {
        grid-template-columns:1fr
    }
}

.page-content__main ul.clf-list.full-list {
    padding: 0
}

.page-content__main ul.clf-list.full-list li::before {
    content: unset
}

.main__content .page-content__main div.block.red ul.clf-list.link-horizonal-buttons>li p a,.main__content .page-content__main div.block.col-1-red>.c1 ul.clf-list.link-horizonal-buttons>li p a,.main__content .page-content__main div.block.col-2-red>.c2 ul.clf-list.link-horizonal-buttons>li p a,.main__content .page-content__main div.block.col-3-red>.c3 ul.clf-list.link-horizonal-buttons>li p a,.main__content .page-content__main div.block.col-4-red>.c4 ul.clf-list.link-horizonal-buttons>li p a,.main__content .page-content__main div.block.light-red ul.clf-list.link-horizonal-buttons>li p a,.main__content .page-content__main div.block.col-1-light-red>.c1 ul.clf-list.link-horizonal-buttons>li p a,.main__content .page-content__main div.block.col-2-light-red>.c2 ul.clf-list.link-horizonal-buttons>li p a,.main__content .page-content__main div.block.col-3-light-red>.c3 ul.clf-list.link-horizonal-buttons>li p a,.main__content .page-content__main div.block.col-4-light-red>.c4 ul.clf-list.link-horizonal-buttons>li p a {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    color: var(--sfu-colour-p1);
    background-color: var(--sfu-colour-p4);
    border-color: var(--sfu-colour-transparent)
}

@media(any-hover: hover) {
    .main__content .page-content__main div.block.red ul.clf-list.link-horizonal-buttons>li p a:hover,.main__content .page-content__main div.block.col-1-red>.c1 ul.clf-list.link-horizonal-buttons>li p a:hover,.main__content .page-content__main div.block.col-2-red>.c2 ul.clf-list.link-horizonal-buttons>li p a:hover,.main__content .page-content__main div.block.col-3-red>.c3 ul.clf-list.link-horizonal-buttons>li p a:hover,.main__content .page-content__main div.block.col-4-red>.c4 ul.clf-list.link-horizonal-buttons>li p a:hover,.main__content .page-content__main div.block.light-red ul.clf-list.link-horizonal-buttons>li p a:hover,.main__content .page-content__main div.block.col-1-light-red>.c1 ul.clf-list.link-horizonal-buttons>li p a:hover,.main__content .page-content__main div.block.col-2-light-red>.c2 ul.clf-list.link-horizonal-buttons>li p a:hover,.main__content .page-content__main div.block.col-3-light-red>.c3 ul.clf-list.link-horizonal-buttons>li p a:hover,.main__content .page-content__main div.block.col-4-light-red>.c4 ul.clf-list.link-horizonal-buttons>li p a:hover {
        color:var(--sfu-colour-p4);
        background-color: var(--sfu-colour-transparent);
        border-color: var(--sfu-colour-p4)
    }
}

@media(any-hover: hover) {
    .main__content .page-content__main div.block.red ul.clf-list.link-horizonal-buttons>li p a:hover,.main__content .page-content__main div.block.col-1-red>.c1 ul.clf-list.link-horizonal-buttons>li p a:hover,.main__content .page-content__main div.block.col-2-red>.c2 ul.clf-list.link-horizonal-buttons>li p a:hover,.main__content .page-content__main div.block.col-3-red>.c3 ul.clf-list.link-horizonal-buttons>li p a:hover,.main__content .page-content__main div.block.col-4-red>.c4 ul.clf-list.link-horizonal-buttons>li p a:hover,.main__content .page-content__main div.block.light-red ul.clf-list.link-horizonal-buttons>li p a:hover,.main__content .page-content__main div.block.col-1-light-red>.c1 ul.clf-list.link-horizonal-buttons>li p a:hover,.main__content .page-content__main div.block.col-2-light-red>.c2 ul.clf-list.link-horizonal-buttons>li p a:hover,.main__content .page-content__main div.block.col-3-light-red>.c3 ul.clf-list.link-horizonal-buttons>li p a:hover,.main__content .page-content__main div.block.col-4-light-red>.c4 ul.clf-list.link-horizonal-buttons>li p a:hover {
        text-decoration:none
    }
}

.main__content .page-content__main div.block.red ul.clf-list.link-horizonal-buttons>li p a.current,.main__content .page-content__main div.block.col-1-red>.c1 ul.clf-list.link-horizonal-buttons>li p a.current,.main__content .page-content__main div.block.col-2-red>.c2 ul.clf-list.link-horizonal-buttons>li p a.current,.main__content .page-content__main div.block.col-3-red>.c3 ul.clf-list.link-horizonal-buttons>li p a.current,.main__content .page-content__main div.block.col-4-red>.c4 ul.clf-list.link-horizonal-buttons>li p a.current,.main__content .page-content__main div.block.light-red ul.clf-list.link-horizonal-buttons>li p a.current,.main__content .page-content__main div.block.col-1-light-red>.c1 ul.clf-list.link-horizonal-buttons>li p a.current,.main__content .page-content__main div.block.col-2-light-red>.c2 ul.clf-list.link-horizonal-buttons>li p a.current,.main__content .page-content__main div.block.col-3-light-red>.c3 ul.clf-list.link-horizonal-buttons>li p a.current,.main__content .page-content__main div.block.col-4-light-red>.c4 ul.clf-list.link-horizonal-buttons>li p a.current {
    background: var(--sfu-colour-transparent);
    color: var(--sfu-colour-p4);
    border-color: var(--sfu-colour-p4)
}

.page-content__main ul.clf-list ul.card-tag-list {
    margin-top: 1.2rem;
    padding: 0 2rem;
    margin-bottom: 0;
    line-height: 1.6rem
}

.page-content__main ul.clf-list ul.card-tag-list::after {
    content: "";
    display: block;
    clear: both
}

.page-content__main ul.clf-list ul.card-tag-list li {
    border: 0;
    margin: 0;
    padding: 0;
    line-height: 1.6rem;
    font-size: 1.1rem;
    letter-spacing: .1rem;
    display: inline;
    text-transform: uppercase;
    color: var(--sfu-colour-p3)
}

.page-content__main ul.clf-list ul.card-tag-list li span::after {
    content: " | ";
    color: #c1c1c1;
    margin: 0 .4rem
}

.page-content__main ul.clf-list ul.card-tag-list li:last-child span::after {
    content: "";
    margin: 0
}

.page-content__main ul.clf-list ul.card-tag-list+.card-list__item--more {
    padding-top: 2rem
}

.page-content__main ul.clf-list li.show-date ul.card-tag-list {
    grid-row: 4
}

.page-content__main ul.clf-list li.show-date ul.card-tag-list+ul.card-tag-list {
    grid-row: 5
}

.page-content__main ul.clf-list li.show-date ul.card-tag-list+div.card-list__item--more {
    grid-row: 6
}

html[data-page-type=faculty-profile] h2,html[data-page-type=faculty-profile] h3.course-header {
    font-size: 2.5rem;
    line-height: 2.9rem;
    letter-spacing: normal;
    color: var(--sfu-colour-s6);
    margin-bottom: 3rem
}

html[data-page-type=faculty-profile] h2,html[data-page-type=faculty-profile] h2 b,html[data-page-type=faculty-profile] h2 strong,html[data-page-type=faculty-profile] h3.course-header,html[data-page-type=faculty-profile] h3.course-header b,html[data-page-type=faculty-profile] h3.course-header strong {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed)
}

html[data-page-type=faculty-profile] h2 a,html[data-page-type=faculty-profile] h3.course-header a {
    color: var(--sfu-colour-s6)
}

@media(any-hover: hover) {
    html[data-page-type=faculty-profile] h2 a:hover,html[data-page-type=faculty-profile] h3.course-header a:hover {
        color:var(--sfu-colour-p1);
        background: 0;
        text-decoration: none
    }
}

.page-content__main .faculty-profile-container .faculty-profile-card {
    background: var(--sfu-colour-s3);
    padding: 2.5rem;
    margin-bottom: 5rem;
    display: grid;
    grid-template-columns: repeat(11,1fr 30px) 1fr
}

@media(min-width: 528px) {
    .page-content__main .faculty-profile-container .faculty-profile-card {
        padding:5rem
    }
}

@media(max-width: 754px) {
    .page-content__main .faculty-profile-container .faculty-profile-card {
        grid-template-columns:1fr
    }
}

@media(min-width: 755px) {
    .page-content__main .faculty-profile-container .faculty-profile-card {
        grid-template-rows:repeat(2,min-content) auto
    }
}

.page-content__main .faculty-profile-container.no-image .faculty-profile-card {
    grid-template-columns: 1fr
}

.page-content__main .faculty-profile-container.no-image .faculty-profile-container--image {
    display: none
}

.page-content__main .faculty-profile-container.no-image div.faculty-profile-container--position-info {
    grid-row: 1
}

.page-content__main .faculty-profile-container.no-image div.faculty-profile-container--contact-info {
    grid-row: 2
}

.page-content__main .faculty-profile-container.no-image div.faculty-profile-container--additional-info {
    grid-row: 3
}

.page-content__main .faculty-profile-container.show-image div.faculty-profile-container--image {
    grid-column: 1 / -1;
    grid-row: 2
}

@media(min-width: 755px) {
    .page-content__main .faculty-profile-container.show-image div.faculty-profile-container--image {
        grid-row:1 / 4
    }

    .page-content__main .faculty-profile-container.show-image div.faculty-profile-container--image img {
        margin-bottom: 0
    }
}

@media(min-width: 755px) {
    .page-content__main .faculty-profile-container.show-image div.faculty-profile-container--image {
        grid-column:1 / 12
    }
}

@media(min-width: 980px) {
    .page-content__main .faculty-profile-container.show-image div.faculty-profile-container--image {
        grid-column:1 / 8
    }
}

.page-content__main .faculty-profile-container.show-image div.faculty-profile-container--position-info {
    grid-column: 1 / -1;
    grid-row: 1
}

@media(min-width: 755px) {
    .page-content__main .faculty-profile-container.show-image div.faculty-profile-container--position-info {
        grid-row:1
    }
}

@media(min-width: 755px) {
    .page-content__main .faculty-profile-container.show-image div.faculty-profile-container--position-info {
        grid-column:13 / -1
    }
}

@media(min-width: 980px) {
    .page-content__main .faculty-profile-container.show-image div.faculty-profile-container--position-info {
        grid-column:9 / -1
    }
}

.page-content__main .faculty-profile-container.show-image div.faculty-profile-container--contact-info {
    grid-column: 1 / -1;
    grid-row: 3
}

@media(min-width: 755px) {
    .page-content__main .faculty-profile-container.show-image div.faculty-profile-container--contact-info {
        grid-row:2
    }
}

@media(min-width: 755px) {
    .page-content__main .faculty-profile-container.show-image div.faculty-profile-container--contact-info {
        grid-column:13 / -1
    }
}

@media(min-width: 980px) {
    .page-content__main .faculty-profile-container.show-image div.faculty-profile-container--contact-info {
        grid-column:9 / -1
    }
}

.page-content__main .faculty-profile-container.show-image div.faculty-profile-container--additional-info {
    grid-column: 1 / -1;
    grid-row: 4
}

@media(min-width: 755px) {
    .page-content__main .faculty-profile-container.show-image div.faculty-profile-container--additional-info {
        grid-row:5
    }
}

.page-content__main span.icon {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--light);
    font-stretch: var(--sfu-font-stretch--normal)
}

.page-content__main span.icon:before {
    margin-right: 1rem;
    font-family: var(--sfu-font-icon-1)
}

.page-content__main span.icon.icon-phone:before {
    content: "\f095"
}

.page-content__main span.icon.icon-globe:before {
    content: "\f0ac"
}

.page-content__main span.icon.icon-building:before {
    content: "\f1ad"
}

.page-content__main a.faculty-profile-icon {
    text-decoration: none;
    display: block
}

.page-content__main a.faculty-profile-icon span {
    text-decoration: underline
}

.page-content__main a.faculty-profile-icon:before {
    margin-right: 1rem;
    font-family: var(--sfu-font-icon-1);
    text-decoration: none;
    display: inline-block;
    text-align: center;
    width: 2rem
}

.page-content__main a.faculty-profile-icon.phone:before {
    content: "\f095"
}

.page-content__main a.faculty-profile-icon.email:before {
    content: "\f0e0"
}

.page-content__main a.faculty-profile-icon.personal-site:before {
    content: "\f0ac"
}

.page-content__main a.faculty-profile-icon.office:before {
    content: "\f1ad"
}

@media(any-hover: hover) {
    .page-content__main a.faculty-profile-icon:hover:before {
        text-decoration:none;
        color: var(--sfu-colour-p1);
        background: 0;
        text-decoration: underline;
        text-decoration: none
    }
}

@media(max-width: 754px) {
    .page-content__main .faculty-profile-container--image {
        margin-top:4.5rem
    }
}

.page-content__main .faculty-profile-container--contact-info ul {
    padding-left: 0;
    margin-bottom: 0
}

.page-content__main .faculty-profile-container--contact-info ul li:before {
    content: unset
}

.page-content__main .faculty-profile-container--position-info h1 {
    margin-bottom: 1rem
}

.page-content__main .position-info--pronouns,.page-content__main .position-info--position {
    margin-top: .5rem
}

.page-content__main .position-info--department,.page-content__main .position-info--faculty {
    font-size: 2.5rem;
    line-height: 2.9rem;
    letter-spacing: normal;
    color: var(--sfu-colour-s6);
    margin-bottom: 3rem;
    margin-top: 3rem;
    margin-bottom: 0
}

.page-content__main .position-info--department,.page-content__main .position-info--department b,.page-content__main .position-info--department strong,.page-content__main .position-info--faculty,.page-content__main .position-info--faculty b,.page-content__main .position-info--faculty strong {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed)
}

.page-content__main .position-info--department a,.page-content__main .position-info--faculty a {
    color: var(--sfu-colour-s6)
}

@media(any-hover: hover) {
    .page-content__main .position-info--department a:hover,.page-content__main .position-info--faculty a:hover {
        color:var(--sfu-colour-p1);
        background: 0;
        text-decoration: none
    }
}

.page-content__main .position-info--department+.position-info--faculty {
    color: var(--sfu-colour-s1);
    font-size: 1.7rem;
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--light);
    font-stretch: var(--sfu-font-stretch--normal);
    text-transform: none;
    margin-top: .8rem
}

@media(max-width: 754px) {
    .page-content__main .position-info--department+.position-info--faculty {
        margin-top:.5rem
    }
}

.page-content__main .faculty-profile-container--contact-info {
    margin-top: 1rem
}

@media(min-width: 755px) {
    .page-content__main .faculty-profile-container--contact-info {
        margin-top:2rem
    }
}

.main__content div.search input[type=submit],.main__content div.google-search input[type=submit],.main__content div.searchwidget input[type=submit] {
    margin-top: 1.5rem;
    width: auto
}

.main__content div.google-search p {
    margin-bottom: 0
}

.main__content div.google-search p.search-scope-description {
    margin-top: 1rem
}

.main__content div.google-search #gcse {
    margin-top: 4rem
}

html[data-search-page] .page-content__main div.gcse-search-results__content *,.main__content div.google-search #gcse * {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--light);
    font-stretch: var(--sfu-font-stretch--normal)
}

html[data-search-page] .page-content__main div.gcse-search-results__content .gsc-control-cse,.main__content div.google-search #gcse .gsc-control-cse {
    padding: 0
}

html[data-search-page] .page-content__main div.gcse-search-results__content .gsc-control-cse b,.main__content div.google-search #gcse .gsc-control-cse b {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--bold);
    font-stretch: var(--sfu-font-stretch--normal)
}

html[data-search-page] .page-content__main div.gcse-search-results__content .gsc-control-cse .gsc-above-wrapper-area,.main__content div.google-search #gcse .gsc-control-cse .gsc-above-wrapper-area {
    border: 0;
    margin-bottom: 1.5rem
}

html[data-search-page] .page-content__main div.gcse-search-results__content .gsc-control-cse .gsc-result-info,html[data-search-page] .page-content__main div.gcse-search-results__content .gsc-control-cse .gsc-orderby,.main__content div.google-search #gcse .gsc-control-cse .gsc-result-info,.main__content div.google-search #gcse .gsc-control-cse .gsc-orderby {
    font-size: 1.3rem
}

html[data-search-page] .page-content__main div.gcse-search-results__content .gsc-control-cse .gsc-expansionArea,.main__content div.google-search #gcse .gsc-control-cse .gsc-expansionArea {
    margin-bottom: 3rem
}

html[data-search-page] .page-content__main div.gcse-search-results__content .gsc-control-cse .gs-promotion-text-cell,.main__content div.google-search #gcse .gsc-control-cse .gs-promotion-text-cell {
    margin: 0
}

html[data-search-page] .page-content__main div.gcse-search-results__content .gsc-control-cse .gs-result,.main__content div.google-search #gcse .gsc-control-cse .gs-result {
    margin-bottom: 1rem
}

html[data-search-page] .page-content__main div.gcse-search-results__content .gsc-control-cse .gs-result a.gs-title,.main__content div.google-search #gcse .gsc-control-cse .gs-result a.gs-title {
    text-decoration: underline
}

html[data-search-page] .page-content__main div.gcse-search-results__content .gsc-control-cse .gs-result a.gs-title,html[data-search-page] .page-content__main div.gcse-search-results__content .gsc-control-cse .gs-result a.gs-title b,.main__content div.google-search #gcse .gsc-control-cse .gs-result a.gs-title,.main__content div.google-search #gcse .gsc-control-cse .gs-result a.gs-title b {
    color: var(--sfu-colour-s5)
}

@media(any-hover: hover) {
    html[data-search-page] .page-content__main div.gcse-search-results__content .gsc-control-cse .gs-result a.gs-title:hover,html[data-search-page] .page-content__main div.gcse-search-results__content .gsc-control-cse .gs-result a.gs-title:hover b,.main__content div.google-search #gcse .gsc-control-cse .gs-result a.gs-title:hover,.main__content div.google-search #gcse .gsc-control-cse .gs-result a.gs-title:hover b {
        color:var(--sfu-colour-p1)
    }
}

html[data-search-page] .page-content__main div.gcse-search-results__content .gsc-control-cse .gs-result div.gs-visibleUrl,.main__content div.google-search #gcse .gsc-control-cse .gs-result div.gs-visibleUrl {
    color: var(--sfu-colour-s8);
    font-size: 1.5rem
}

html[data-search-page] .page-content__main div.gcse-search-results__content .gsc-control-cse .gs-result .gs-title,html[data-search-page] .page-content__main div.gcse-search-results__content .gsc-control-cse .gs-result div.gs-visibleUrl,.main__content div.google-search #gcse .gsc-control-cse .gs-result .gs-title,.main__content div.google-search #gcse .gsc-control-cse .gs-result div.gs-visibleUrl {
    margin-bottom: .5rem
}

html[data-search-page] .page-content__main div.gcse-search-results__content .gsc-control-cse .gs-result .gs-title,html[data-search-page] .page-content__main div.gcse-search-results__content .gsc-control-cse .gs-result .gs-title *,html[data-search-page] .page-content__main div.gcse-search-results__content .gsc-control-cse .gs-result .gs-snippet,.main__content div.google-search #gcse .gsc-control-cse .gs-result .gs-title,.main__content div.google-search #gcse .gsc-control-cse .gs-result .gs-title *,.main__content div.google-search #gcse .gsc-control-cse .gs-result .gs-snippet {
    font-size: 1.7rem;
    line-height: 2.6rem
}

html[data-search-page] .page-content__main div.gcse-search-results__content .gsc-control-cse .gsc-cursor-box,html[data-search-page] .page-content__main div.gcse-search-results__content .gsc-control-cse .gcsc-more-maybe-branding-root,.main__content div.google-search #gcse .gsc-control-cse .gsc-cursor-box,.main__content div.google-search #gcse .gsc-control-cse .gcsc-more-maybe-branding-root {
    font-size: 1.7rem;
    line-height: 2.6rem
}

html[data-search-page] .page-content__main div.gcse-search-results__content .gsc-control-cse .gsc-cursor-box .gsc-cursor-page,.main__content div.google-search #gcse .gsc-control-cse .gsc-cursor-box .gsc-cursor-page {
    color: var(--sfu-colour-s5);
    text-decoration: underline
}

html[data-search-page] .page-content__main div.gcse-search-results__content .gsc-control-cse .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page,.main__content div.google-search #gcse .gsc-control-cse .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page {
    color: var(--sfu-colour-p1)
}

@media(any-hover: hover) {
    html[data-search-page] .page-content__main div.gcse-search-results__content .gsc-control-cse .gsc-cursor-box .gsc-cursor-page:hover,.main__content div.google-search #gcse .gsc-control-cse .gsc-cursor-box .gsc-cursor-page:hover {
        color:var(--sfu-colour-p1)
    }
}

html[data-search-page] .page-content__main div.gcse-search-results__content .gsc-control-cse .gcsc-more-maybe-branding-root .gcsc-find-more-on-google,.main__content div.google-search #gcse .gsc-control-cse .gcsc-more-maybe-branding-root .gcsc-find-more-on-google {
    color: var(--sfu-colour-s5)
}

html[data-search-page] .page-content__main div.gcse-search-results__content .gsc-control-cse .gcsc-more-maybe-branding-root .gcsc-find-more-on-google .gcsc-find-more-on-google-magnifier,.main__content div.google-search #gcse .gsc-control-cse .gcsc-more-maybe-branding-root .gcsc-find-more-on-google .gcsc-find-more-on-google-magnifier {
    fill: var(--sfu-colour-s5)
}

html[data-search-page] .page-content__main div.gcse-search-results__content .gsc-control-cse .gcsc-more-maybe-branding-root .gcsc-find-more-on-google .gcsc-find-more-on-google-query,.main__content div.google-search #gcse .gsc-control-cse .gcsc-more-maybe-branding-root .gcsc-find-more-on-google .gcsc-find-more-on-google-query {
    font-weight: normal;
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--bold);
    font-stretch: var(--sfu-font-stretch--normal)
}

html[data-search-page] .page-content__main div.search-page-form {
    padding: 4rem 0 5rem;
    background-color: var(--sfu-colour-s3);
    margin-bottom: 4rem
}

html[data-search-page] .page-content__main div.search-page-form__content h1 {
    margin-bottom: 1.5rem
}

html[data-search-page] .page-content__main div.search-page-form__content p.search-scope-description {
    color: var(--sfu-colour-s5);
    margin-bottom: 2rem
}

html[data-search-page] .page-content__main div.search-page-form__content form {
    border: 0;
    margin: 0;
    padding: 0
}

html[data-search-page] .page-content__main div.search-page-form__content form label {
    margin: 0
}

html[data-search-page] .page-content__main div.search-page-form__content form input[type=text],html[data-search-page] .page-content__main div.search-page-form__content form input[type=submit] {
    border-radius: 0;
    appearance: none
}

html[data-search-page] .page-content__main div.search-page-form__content form input[type=text] {
    max-width: 100%;
    margin-bottom: 2.5rem;
    border: 1px solid var(--sfu-colour-s4);
    padding: 0 1.2rem
}

@media(min-width: 755px) {
    html[data-search-page] .page-content__main div.search-page-form__content form input[type=submit] {
        width:auto
    }
}

@media(min-width: 528px) {
    html[data-search-page] .page-content__main div.search-page-form__content form input[type=text] {
        max-width:60rem
    }

    html[data-search-page] .page-content__main div.search-page-form__content form input[type=submit] {
        width: auto
    }
}

html[data-search-page] .page-content__main div.search-page-form__content,html[data-search-page] .page-content__main div.gcse-search-results__content {
    margin: 0 auto;
    padding: 0 3rem
}

@media(max-width: 1799px) {
    html[data-search-page] .page-content__main div.search-page-form__content,html[data-search-page] .page-content__main div.gcse-search-results__content {
        max-width:1420px
    }
}

@media(min-width: 1800px) {
    html[data-search-page] .page-content__main div.search-page-form__content,html[data-search-page] .page-content__main div.gcse-search-results__content {
        max-width:1820px
    }
}

html[data-search-page] .page-content__main div.gcse-search-results {
    margin-bottom: 3rem
}

.sfu-list.clf-list.custom {
    padding-left: 0
}

.sfu-list.clf-list.custom li:before {
    content: unset
}

ul.faculty-directory {
    display: grid;
    grid-gap: 3rem
}

@media(min-width: 1150px) {
    ul.faculty-directory {
        grid-template-columns:1fr 1fr
    }
}

ul.faculty-directory li {
    border-bottom: .1rem solid var(--sfu-colour-s2);
    margin-bottom: 0
}

ul.faculty-directory li .clf-fdi {
    padding-bottom: 5rem
}

ul.faculty-directory li .clf-fdi__image {
    display: none
}

ul.faculty-directory li .clf-fdi__image img {
    max-width: 100%;
    padding-top: 0;
    margin-bottom: 1rem
}

ul.faculty-directory li .clf-fdi__image a {
    display: block
}

ul.faculty-directory li .clf-fdi__profile a.faculty-name {
    display: inline-block;
    padding-top: 0;
    margin-bottom: 0;
    letter-spacing: normal;
    text-decoration: none;
    color: var(--sfu-colour-s1);
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    font-size: 2.2rem;
    line-height: 2.6rem;
    text-transform: uppercase
}

@media(any-hover: hover) {
    ul.faculty-directory li .clf-fdi__profile a.faculty-name:hover {
        color:var(--sfu-colour-p1)
    }
}

@media(any-hover: hover) {
    ul.faculty-directory li .clf-fdi__profile a.faculty-name:hover {
        text-decoration:none
    }
}

ul.faculty-directory li .clf-fdi__profile span.position {
    margin-bottom: 1.5rem;
    display: block
}

ul.faculty-directory li .clf-fdi__profile a.faculty-profile-icon {
    display: none;
    text-decoration: none;
    margin-bottom: 1rem
}

ul.faculty-directory li .clf-fdi__profile a.faculty-profile-icon.show-faculty-profile-icon {
    display: block
}

ul.faculty-directory li .clf-fdi__profile a.faculty-profile-icon span {
    text-decoration: underline
}

ul.faculty-directory.show-thumbnails li .clf-fdi {
    display: grid;
    grid-template-columns: 2fr 3fr;
    grid-gap: 3rem
}

ul.faculty-directory.show-thumbnails li .clf-fdi__image {
    display: block
}

.main__content div.block.red ul.faculty-directory li,.main__content div.block.col-1-red .c1 ul.faculty-directory li,.main__content div.block.col-2-red .c2 ul.faculty-directory li,.main__content div.block.col-3-red .c3 ul.faculty-directory li,.main__content div.block.col-4-red .c4 ul.faculty-directory li,.main__content div.block.light-red ul.faculty-directory li,.main__content div.block.col-1-light-red .c1 ul.faculty-directory li,.main__content div.block.col-2-light-red .c2 ul.faculty-directory li,.main__content div.block.col-3-light-red .c3 ul.faculty-directory li,.main__content div.block.col-4-light-red .c4 ul.faculty-directory li {
    border-color: var(--sfu-colour-p4)
}

.main__content div.block.red ul.faculty-directory li .clf-fdi__profile a.faculty-name,.main__content div.block.col-1-red .c1 ul.faculty-directory li .clf-fdi__profile a.faculty-name,.main__content div.block.col-2-red .c2 ul.faculty-directory li .clf-fdi__profile a.faculty-name,.main__content div.block.col-3-red .c3 ul.faculty-directory li .clf-fdi__profile a.faculty-name,.main__content div.block.col-4-red .c4 ul.faculty-directory li .clf-fdi__profile a.faculty-name,.main__content div.block.light-red ul.faculty-directory li .clf-fdi__profile a.faculty-name,.main__content div.block.col-1-light-red .c1 ul.faculty-directory li .clf-fdi__profile a.faculty-name,.main__content div.block.col-2-light-red .c2 ul.faculty-directory li .clf-fdi__profile a.faculty-name,.main__content div.block.col-3-light-red .c3 ul.faculty-directory li .clf-fdi__profile a.faculty-name,.main__content div.block.col-4-light-red .c4 ul.faculty-directory li .clf-fdi__profile a.faculty-name {
    color: var(--sfu-colour-p4);
    text-decoration: none
}

@media(any-hover: hover) {
    .main__content div.block.red ul.faculty-directory li .clf-fdi__profile a.faculty-name:hover,.main__content div.block.col-1-red .c1 ul.faculty-directory li .clf-fdi__profile a.faculty-name:hover,.main__content div.block.col-2-red .c2 ul.faculty-directory li .clf-fdi__profile a.faculty-name:hover,.main__content div.block.col-3-red .c3 ul.faculty-directory li .clf-fdi__profile a.faculty-name:hover,.main__content div.block.col-4-red .c4 ul.faculty-directory li .clf-fdi__profile a.faculty-name:hover,.main__content div.block.light-red ul.faculty-directory li .clf-fdi__profile a.faculty-name:hover,.main__content div.block.col-1-light-red .c1 ul.faculty-directory li .clf-fdi__profile a.faculty-name:hover,.main__content div.block.col-2-light-red .c2 ul.faculty-directory li .clf-fdi__profile a.faculty-name:hover,.main__content div.block.col-3-light-red .c3 ul.faculty-directory li .clf-fdi__profile a.faculty-name:hover,.main__content div.block.col-4-light-red .c4 ul.faculty-directory li .clf-fdi__profile a.faculty-name:hover {
        text-decoration:underline
    }
}

.main__content div.block.red ul.faculty-directory li .clf-fdi__profile a.faculty-profile-icon,.main__content div.block.col-1-red .c1 ul.faculty-directory li .clf-fdi__profile a.faculty-profile-icon,.main__content div.block.col-2-red .c2 ul.faculty-directory li .clf-fdi__profile a.faculty-profile-icon,.main__content div.block.col-3-red .c3 ul.faculty-directory li .clf-fdi__profile a.faculty-profile-icon,.main__content div.block.col-4-red .c4 ul.faculty-directory li .clf-fdi__profile a.faculty-profile-icon,.main__content div.block.light-red ul.faculty-directory li .clf-fdi__profile a.faculty-profile-icon,.main__content div.block.col-1-light-red .c1 ul.faculty-directory li .clf-fdi__profile a.faculty-profile-icon,.main__content div.block.col-2-light-red .c2 ul.faculty-directory li .clf-fdi__profile a.faculty-profile-icon,.main__content div.block.col-3-light-red .c3 ul.faculty-directory li .clf-fdi__profile a.faculty-profile-icon,.main__content div.block.col-4-light-red .c4 ul.faculty-directory li .clf-fdi__profile a.faculty-profile-icon {
    text-decoration: none
}

@media(any-hover: hover) {
    .main__content div.block.red ul.faculty-directory li .clf-fdi__profile a.faculty-profile-icon:hover:before,.main__content div.block.col-1-red .c1 ul.faculty-directory li .clf-fdi__profile a.faculty-profile-icon:hover:before,.main__content div.block.col-2-red .c2 ul.faculty-directory li .clf-fdi__profile a.faculty-profile-icon:hover:before,.main__content div.block.col-3-red .c3 ul.faculty-directory li .clf-fdi__profile a.faculty-profile-icon:hover:before,.main__content div.block.col-4-red .c4 ul.faculty-directory li .clf-fdi__profile a.faculty-profile-icon:hover:before,.main__content div.block.light-red ul.faculty-directory li .clf-fdi__profile a.faculty-profile-icon:hover:before,.main__content div.block.col-1-light-red .c1 ul.faculty-directory li .clf-fdi__profile a.faculty-profile-icon:hover:before,.main__content div.block.col-2-light-red .c2 ul.faculty-directory li .clf-fdi__profile a.faculty-profile-icon:hover:before,.main__content div.block.col-3-light-red .c3 ul.faculty-directory li .clf-fdi__profile a.faculty-profile-icon:hover:before,.main__content div.block.col-4-light-red .c4 ul.faculty-directory li .clf-fdi__profile a.faculty-profile-icon:hover:before {
        color:var(--sfu-colour-p4)
    }
}

.main__content div.block.grey ul.faculty-directory li,.main__content div.block.col-1-grey .c1 ul.faculty-directory li,.main__content div.block.col-2-grey .c2 ul.faculty-directory li,.main__content div.block.col-3-grey .c3 ul.faculty-directory li,.main__content div.block.col-4-grey .c4 ul.faculty-directory li {
    border-color: var(--sfu-colour-s9)
}

body.cq-wcm-edit #container.edit-inherited .ribbon__content {
    position: relative
}

body.cq-wcm-edit #container.edit-inherited .ribbon__content--social-icons,body.cq-wcm-edit #container.edit-inherited .ribbon__content--audience-nav {
    position: absolute;
    top: 0;
    min-width: 23rem
}

body.cq-wcm-edit #container.edit-inherited .ribbon__content--social-icons {
    left: 1.5rem
}

body.cq-wcm-edit #container.edit-inherited .ribbon__content--audience-nav {
    right: 1.5rem
}

body.cq-wcm-edit #container.edit-inherited section.ribbon .header-left {
    display: block
}

body.cq-wcm-edit #container.edit-inherited .header__content {
    margin-top: 15rem
}

body[id^=cq-gen] ul.clf-list[data-show-random-list-item] li:first-child {
    display: grid
}

body[id^=cq-gen] ul.clf-list[data-show-random-list-item] li:first-child ~ li {
    display: none
}

body[id^=cq-gen] .table table td,body[id^=cq-gen] .table table th {
    padding: .45rem .5rem;
    height: 3rem;
    vertical-align: middle
}

body[id^=cq-gen] .course-list .table table td {
    height: auto
}

@media(min-width: 755px) {
    body[id^=cq-gen] .course-list .table table td {
        padding:1.5rem 0
    }

    body[id^=cq-gen] .course-list .table table td:first-child {
        padding-left: 1.5rem
    }

    body[id^=cq-gen] .course-list .table table td:last-child {
        padding-right: 1.5rem
    }
}

body[id^=cq-gen] .course-list .table tbody tr:nth-child(even) {
    background: var(--sfu-colour-s3)
}

body[id^=cq-gen] .course-list .table table th {
    height: auto
}

@media(min-width: 755px) {
    body[id^=cq-gen] .course-list .table table th {
        padding:1rem 0
    }

    body[id^=cq-gen] .course-list .table table th:first-child {
        padding-left: 1.5rem
    }

    body[id^=cq-gen] .course-list .table table th:last-child {
        padding-right: 1.5rem
    }
}

body[id^=cq-gen] .nav__content--main-navigation {
    position: inherit
}

body[id^=cq-gen] .cq-sidekick {
    z-index: 99999 !important
}

body[id^=cq-gen].x-body-masked .nav__content--main-navigation {
    z-index: unset
}

@media(any-hover: hover) {
    body[id^=cq-gen] .nav li:hover>ul {
        z-index:9999
    }
}

body[id^=cq-gen] nav {
    z-index: 8888
}

body[id^=cq-gen] [data-col-collapse] .cq-text-placeholder-ipe {
    display: inline-block;
    margin: 3rem 0
}

@media(any-hover: hover) {
    .lwcw.block.red .event-title a:hover,.lwcw.block.light-red .event-title a:hover {
        background:var(--sfu-colour-p1)
    }
}

.lwcw.block.red #lw_cal .event.column,.lwcw.block.light-red #lw_cal .event.column {
    border: 0
}

.lwcw.block.red #lw_cal .event-date,.lwcw.block.light-red #lw_cal .event-date {
    background: var(--sfu-colour-p4);
    color: var(--sfu-colour-p2)
}

.lwcw.block.red #lw_cal .lw_paginate a,.lwcw.block.light-red #lw_cal .lw_paginate a {
    color: var(--sfu-colour-p4)
}

@media(any-hover: hover) {
    .lwcw.block.red #lw_cal .lw_paginate a:hover,.lwcw.block.light-red #lw_cal .lw_paginate a:hover {
        color:var(--sfu-colour-p2) !important;
        background: var(--sfu-colour-p4)
    }
}

#CQ .x-window * {
    box-sizing: unset
}

body.cq-wcm-edit .toggle-content-container {
    display: block !important;
    height: auto !important;
    margin-bottom: 3rem !important
}

div.logout span.icon.icon-arrow-circle-right:before {
    content: "\f0da";
    margin-left: 1.5rem
}

footer div.logout a {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    color: var(--sfu-colour-p4);
    background-color: var(--sfu-colour-p1);
    border-color: var(--sfu-colour-p1)
}

@media(any-hover: hover) {
    footer div.logout a:hover {
        color:var(--sfu-colour-p1);
        background-color: var(--sfu-colour-transparent);
        border-color: var(--sfu-colour-p1)
    }
}

@media(any-hover: hover) {
    footer div.logout a:hover {
        border-color:var(--sfu-colour-p4);
        color: var(--sfu-colour-p4)
    }
}

section.ribbon .header-left {
    display: inline-block
}

section.ribbon .header-left p a {
    color: var(--sfu-colour-p1);
    margin-right: 1.5rem
}

@media(any-hover: hover) {
    section.ribbon .header-left p a:hover {
        color:var(--sfu-colour-p2)
    }
}

section.ribbon .header-left p a:last-child {
    margin-right: 0
}

body[data-page=global-404-page] .main__content--content,html[data-404-page] .main__content--content {
    padding-top: 4rem
}

@media(max-width: 979px) {
    body[data-page=global-404-page] .main__content--content,html[data-404-page] .main__content--content {
        padding-top:0
    }
}

body[data-page=global-404-page] .page-content,html[data-404-page] .page-content {
    width: 100%
}

body[data-page=global-404-page] .page-content__main .main-content,html[data-404-page] .page-content__main .main-content {
    margin: 0 auto
}

body[data-page=global-404-page] .page-content__main strong,html[data-404-page] .page-content__main strong {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--bold);
    font-stretch: var(--sfu-font-stretch--normal)
}

body[data-page=global-404-page] #container {
    grid-template-rows: repeat(2,min-content) 1fr
}

body[data-page=global-404-page] .main {
    height: 100%
}

body[data-page=global-404-page] .main__content {
    height: 100%
}

body[data-page=global-404-page] .main__content--content {
    display: flex;
    flex-direction: column
}

body[data-page=global-404-page] .page-content__main .main-content {
    padding: 4rem 3rem;
    max-width: 85rem
}

@media(min-width: 980px) {
    body[data-page=global-404-page] .page-content__main .main-content {
        padding:6rem 3rem
    }
}

body[data-page=global-404-page] .page-content__main form {
    border: 0;
    padding: 0;
    margin: 0
}

body[data-page=global-404-page] .page-content__main form input[type=text],body[data-page=global-404-page] .page-content__main form input[type=submit] {
    border-radius: 0;
    appearance: none
}

body[data-page=global-404-page] .page-content__main form input[type=text] {
    max-width: 100%;
    margin-bottom: 2.5rem;
    border: 1px solid var(--sfu-colour-s4);
    padding: 0 1.2rem
}

@media(min-width: 755px) {
    body[data-page=global-404-page] .page-content__main form input[type=submit] {
        width:auto
    }
}

@media(min-width: 528px) {
    body[data-page=global-404-page] .page-content__main form input[type=text] {
        max-width:46.7rem
    }

    body[data-page=global-404-page] .page-content__main form input[type=submit] {
        width: auto
    }
}

@media(min-width: 980px) {
    body[data-page=global-404-page] .page-content__main form {
        display:flex;
        gap: 2.5rem;
        align-items: center
    }

    body[data-page=global-404-page] .page-content__main form input[type=text] {
        margin-bottom: 0
    }
}

@media(max-width: 979px) {
    body[data-page=global-404-page] .page-content--white h1 {
        font-size:2.6rem;
        line-height: 1.2
    }
}

body[data-page=global-404-page] .page-content--white p {
    word-break: break-word
}

body[data-page=global-404-page] .page-content--white p:last-child {
    margin-bottom: 0
}

body[data-page=global-404-page] .page-content--grey {
    background-color: var(--sfu-colour-s3);
    flex-grow: 1
}

@media(max-width: 979px) {
    html[data-404-page] .page-content__main h1 {
        font-size:2.6rem;
        line-height: 1.2
    }
}

html[data-404-page] .page-content__main p {
    word-break: break-word
}

html[data-404-page] .page-content__main p:last-child {
    margin-bottom: 0
}

html[data-404-page] .page-content__main .main-content {
    padding: 4rem 3rem;
    max-width: 85rem
}

@media(min-width: 980px) {
    html[data-404-page] .page-content__main .main-content {
        padding:6rem 3rem
    }
}

html[data-404-page] .page-content__main .main-content .alert,html[data-404-page] .page-content__main .main-content .moreInfo {
    margin-bottom: 3rem
}

.main__content div.list ul.newsList,.main__content div.list ul.newsFeed,.main__content div.list ul.simpleNews,.main__content div.list ul.events-listing,.main__content div.list ul.blog,.main__content div.list ul.fullText,.main__content div.list ul.navLinks,.main__content div.list ul.profile,.main__content div.list ul.news,.main__content div.list ul.horizontal,.main__content div.list ul.teaser,.main__content div.list ul.headline {
    padding-left: 0
}

.main__content div.list ul.newsList li:before,.main__content div.list ul.newsFeed li:before,.main__content div.list ul.simpleNews li:before,.main__content div.list ul.events-listing li:before,.main__content div.list ul.blog li:before,.main__content div.list ul.fullText li:before,.main__content div.list ul.navLinks li:before,.main__content div.list ul.profile li:before,.main__content div.list ul.news li:before,.main__content div.list ul.horizontal li:before,.main__content div.list ul.teaser li:before,.main__content div.list ul.headline li:before {
    content: unset
}

.main__content div.list ul li:before {
    margin-left: -3.7rem
}

@media(any-hover: hover) {
    .main__content div.list div.newsThumbnail a:hover {
        background:unset
    }
}

.main__content div.list select {
    margin-top: 1.5rem
}

.main__content div.list ul.newsList li {
    display: grid;
    grid-template-columns: 1fr 2fr;
    column-gap: 2.5rem
}

.main__content div.list ul.newsList li span {
    color: var(--sfu-colour-s5);
    font-size: 1.2rem
}

.main__content div.list ul.newsList li span::before {
    content: "\00b7";
    margin-right: .5rem
}

.main__content div.list ul.newsFeed li {
    display: grid;
    grid-template-columns: 1fr 2fr;
    column-gap: 2.5rem
}

.main__content div.list ul.newsFeed li span {
    color: var(--sfu-colour-s5);
    display: block;
    margin-top: 1.5rem
}

.main__content div.list ul.events-listing li {
    display: grid;
    grid-template-columns: 1fr 2fr;
    column-gap: 2.5rem
}

.main__content div.list ul.events-listing li span.newsDatestamp {
    color: var(--sfu-colour-s5);
    display: block;
    margin-top: 1.5rem
}

.main__content div.list ul.fullText li span {
    color: var(--sfu-colour-s5);
    font-size: 1.2rem
}

.main__content div.list ul.fullText li span::before {
    content: "\00b7";
    margin-right: .5rem
}

.main__content div.list ul.blog div.datestamp {
    margin-top: 3rem
}

.main__content div.list ul.blog a h1 {
    line-height: 7rem;
    display: inline;
    padding-right: .5rem
}

@media(any-hover: hover) {
    .main__content div.list ul.blog a:hover h1 {
        background:var(--sfu-colour-p1);
        color: var(--sfu-colour-p4)
    }
}

.main__content div.list ul.profile li {
    margin-bottom: .3rem;
    border-bottom: .1rem solid var(--sfu-colour-s2)
}

.main__content div.list ul.profile li a {
    padding-bottom: .2rem
}

.main__content ul.horizontal li {
    display: inline-block;
    margin-right: 1rem;
    margin-bottom: 1rem
}

.main__content ul.horizontal li a {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed);
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 1rem 4rem;
    appearance: none;
    border-radius: 0;
    border: 1px solid;
    cursor: pointer;
    background-color: var(--sfu-colour-transparent);
    border-color: var(--sfu-colour-p1);
    color: var(--sfu-colour-p1)
}

@media(any-hover: hover) {
    .main__content ul.horizontal li a:hover {
        color:var(--sfu-colour-p4);
        background-color: var(--sfu-colour-p1)
    }
}

.main__content ul.simpleNews {
    margin-top: 1.5rem;
    padding-top: 0;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 2.5rem
}

@media(max-width: 1149px) {
    .main__content ul.simpleNews {
        grid-template-columns:repeat(2,1fr)
    }
}

@media(max-width: 754px) {
    .main__content ul.simpleNews {
        grid-template-columns:1fr
    }
}

.main__content ul.simpleNews li {
    padding-top: 0;
    display: grid;
    grid-template-columns: 1fr 2fr;
    column-gap: 1.5rem;
    margin-bottom: 3rem
}

.main__content ul.simpleNews li img {
    padding-top: 0
}

.main__content ul.simpleNews li h3 {
    padding-top: 0
}

.main__content ul.teaser li a {
    display: inline-block;
    width: 70%
}

.main__content ul.teaser li a img {
    width: 40%;
    padding-top: 0;
    margin-right: 2.5rem;
    float: left
}

.main__content ul.teaser li a:after {
    clear: both;
    display: block;
    content: ""
}

@media(any-hover: hover) {
    .main__content ul.teaser li a:hover {
        background:unset
    }

    .main__content ul.teaser li a:hover span {
        background: var(--sfu-colour-p2)
    }
}

.main__content ul.headline {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 2.5rem
}

.main__content ul.headline li {
    padding-top: 0;
    margin-bottom: 3rem
}

.main__content ul.headline li div.storyImage {
    margin-bottom: 1.5rem
}

@media(any-hover: hover) {
    .main__content ul.headline li div.storyImage a:hover {
        background:unset
    }
}

.main__content ul.headline li div.storyImage a {
    display: grid;
    text-decoration: none;
    grid-template-columns: 1fr
}

.main__content ul.headline li div.storyImage a img {
    grid-column: 1 / 1;
    grid-row: 1;
    padding-top: 0
}

.main__content ul.headline li div.storyImage a span.storyMeta {
    grid-column: 1 / 1;
    grid-row: 1;
    align-self: end;
    background: var(--sfu-colour-p2);
    padding: 1rem 1.7rem;
    color: var(--sfu-colour-p4);
    font-family: var(--sfu-font-brand);
    text-transform: uppercase;
    line-height: 2rem;
    letter-spacing: .15rem
}

@media(any-hover: hover) {
    .main__content ul.headline li div.storyImage a:hover span.storyMeta {
        background:var(--sfu-colour-p1)
    }
}

.page-content__side-nav div.below-vertical-nav div.pad-left,.page-content__side-nav div.below-vertical-nav div.pad-left-right,.page-content__side-nav div.below-vertical-nav div.pad-all {
    padding-left: 2.5rem
}

.page-content__side-nav div.below-vertical-nav div.pad-right,.page-content__side-nav div.below-vertical-nav div.pad-left-right,.page-content__side-nav div.below-vertical-nav div.pad-all {
    padding-right: 2.5rem
}

.page-content__side-nav div.below-vertical-nav div.pad-top,.page-content__side-nav div.below-vertical-nav div.pad-top-bottom,.page-content__side-nav div.below-vertical-nav div.pad-all {
    padding-top: 2.5rem
}

.page-content__side-nav div.below-vertical-nav div.pad-bottom,.page-content__side-nav div.below-vertical-nav div.pad-top-bottom,.page-content__side-nav div.below-vertical-nav div.pad-all {
    padding-bottom: 2.5rem
}

.page-content__side-nav div.below-vertical-nav div.margin-left,.page-content__side-nav div.below-vertical-nav div.margin-left-right,.page-content__side-nav div.below-vertical-nav div.margin-all {
    margin-left: 0
}

.page-content__side-nav div.below-vertical-nav div.margin-right,.page-content__side-nav div.below-vertical-nav div.margin-left-right,.page-content__side-nav div.below-vertical-nav div.margin-all {
    margin-right: 0
}

.page-content__side-nav div.below-vertical-nav div.margin-top,.page-content__side-nav div.below-vertical-nav div.margin-top-bottom,.page-content__side-nav div.below-vertical-nav div.margin-all {
    margin-top: 3rem
}

.page-content__side-nav div.below-vertical-nav div.margin-bottom,.page-content__side-nav div.below-vertical-nav div.margin-top-bottom,.page-content__side-nav div.below-vertical-nav div.margin-all {
    margin-bottom: 3rem
}

.page-content__side-nav div.below-vertical-nav div.sfu-columns>div[data-col-layout] {
    display: block
}

.page-content__side-nav div.below-vertical-nav div.sfu-columns>div[data-col-layout].pad-left,.page-content__side-nav div.below-vertical-nav div.sfu-columns>div[data-col-layout].pad-left-right,.page-content__side-nav div.below-vertical-nav div.sfu-columns>div[data-col-layout].pad-all {
    padding-left: 2.5rem
}

.page-content__side-nav div.below-vertical-nav div.sfu-columns>div[data-col-layout].pad-right,.page-content__side-nav div.below-vertical-nav div.sfu-columns>div[data-col-layout].pad-left-right,.page-content__side-nav div.below-vertical-nav div.sfu-columns>div[data-col-layout].pad-all {
    padding-right: 2.5rem
}

.page-content__side-nav div.below-vertical-nav div.sfu-columns>div[data-col-layout].pad-top,.page-content__side-nav div.below-vertical-nav div.sfu-columns>div[data-col-layout].pad-top-bottom,.page-content__side-nav div.below-vertical-nav div.sfu-columns>div[data-col-layout].pad-all {
    padding-top: 2.5rem
}

.page-content__side-nav div.below-vertical-nav div.sfu-columns>div[data-col-layout].pad-bottom,.page-content__side-nav div.below-vertical-nav div.sfu-columns>div[data-col-layout].pad-top-bottom,.page-content__side-nav div.below-vertical-nav div.sfu-columns>div[data-col-layout].pad-all {
    padding-bottom: 2.5rem
}

.page-content__side-nav div.below-vertical-nav div.sfu-columns>div[data-col-layout].margin-left,.page-content__side-nav div.below-vertical-nav div.sfu-columns>div[data-col-layout].margin-left-right,.page-content__side-nav div.below-vertical-nav div.sfu-columns>div[data-col-layout].margin-all {
    margin-left: 0
}

.page-content__side-nav div.below-vertical-nav div.sfu-columns>div[data-col-layout].margin-right,.page-content__side-nav div.below-vertical-nav div.sfu-columns>div[data-col-layout].margin-left-right,.page-content__side-nav div.below-vertical-nav div.sfu-columns>div[data-col-layout].margin-all {
    margin-right: 0
}

.page-content__side-nav div.below-vertical-nav div.sfu-columns>div[data-col-layout].margin-top,.page-content__side-nav div.below-vertical-nav div.sfu-columns>div[data-col-layout].margin-top-bottom,.page-content__side-nav div.below-vertical-nav div.sfu-columns>div[data-col-layout].margin-all {
    margin-top: 3rem
}

.page-content__side-nav div.below-vertical-nav div.sfu-columns>div[data-col-layout].margin-bottom,.page-content__side-nav div.below-vertical-nav div.sfu-columns>div[data-col-layout].margin-top-bottom,.page-content__side-nav div.below-vertical-nav div.sfu-columns>div[data-col-layout].margin-all {
    margin-bottom: 3rem
}

.page-content__side-nav div.below-vertical-nav div.block {
    padding: 2.8rem
}

.page-content__side-nav div.below-vertical-nav div.outline {
    padding: 2.5rem
}

.page-content__side-nav div.below-vertical-nav p,.page-content__side-nav div.below-vertical-nav ul,.page-content__side-nav div.below-vertical-nav ol,.page-content__side-nav div.below-vertical-nav img {
    margin-bottom: 3rem;
    font-size: 1.7rem;
    line-height: 2.6rem
}

.page-content__side-nav div.below-vertical-nav p a,.page-content__side-nav div.below-vertical-nav ul a,.page-content__side-nav div.below-vertical-nav ol a,.page-content__side-nav div.below-vertical-nav img a {
    color: var(--sfu-colour-s5);
    text-decoration: underline
}

@media(any-hover: hover) {
    .page-content__side-nav div.below-vertical-nav p a:hover,.page-content__side-nav div.below-vertical-nav ul a:hover,.page-content__side-nav div.below-vertical-nav ol a:hover,.page-content__side-nav div.below-vertical-nav img a:hover {
        color:var(--sfu-colour-p1);
        background: 0;
        text-decoration: underline
    }
}

.page-content__side-nav div.below-vertical-nav p b,.page-content__side-nav div.below-vertical-nav p strong,.page-content__side-nav div.below-vertical-nav ul b,.page-content__side-nav div.below-vertical-nav ul strong,.page-content__side-nav div.below-vertical-nav ol b,.page-content__side-nav div.below-vertical-nav ol strong,.page-content__side-nav div.below-vertical-nav img b,.page-content__side-nav div.below-vertical-nav img strong {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--bold);
    font-stretch: var(--sfu-font-stretch--normal)
}

.page-content__side-nav div.below-vertical-nav h3 {
    font-size: 2.5rem;
    line-height: 2.9rem;
    letter-spacing: normal;
    color: var(--sfu-colour-s6);
    margin-bottom: 3rem
}

.page-content__side-nav div.below-vertical-nav h3,.page-content__side-nav div.below-vertical-nav h3 b,.page-content__side-nav div.below-vertical-nav h3 strong {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed)
}

.page-content__side-nav div.below-vertical-nav h3 a {
    color: var(--sfu-colour-s6)
}

@media(any-hover: hover) {
    .page-content__side-nav div.below-vertical-nav h3 a:hover {
        color:var(--sfu-colour-p1);
        background: 0;
        text-decoration: none
    }
}

.page-content__side-nav div.below-vertical-nav h4 {
    font-size: 1.9rem;
    letter-spacing: .02rem;
    line-height: 2.2rem;
    color: var(--sfu-colour-s6);
    margin-bottom: 1.5rem;
    text-transform: uppercase
}

.page-content__side-nav div.below-vertical-nav h4,.page-content__side-nav div.below-vertical-nav h4 b,.page-content__side-nav div.below-vertical-nav h4 strong {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--condensed)
}

.page-content__side-nav div.below-vertical-nav h4 a {
    color: var(--sfu-colour-s6)
}

@media(any-hover: hover) {
    .page-content__side-nav div.below-vertical-nav h4 a:hover {
        color:var(--sfu-colour-p1);
        background: 0;
        text-decoration: none
    }
}

.page-content__side-nav div.below-vertical-nav h5 {
    font-size: 1.3rem;
    letter-spacing: .21rem;
    line-height: 1.8rem;
    color: var(--sfu-colour-p3);
    margin-bottom: 1rem;
    text-transform: uppercase
}

.page-content__side-nav div.below-vertical-nav h5,.page-content__side-nav div.below-vertical-nav h5 b,.page-content__side-nav div.below-vertical-nav h5 strong {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--heavy);
    font-stretch: var(--sfu-font-stretch--normal)
}

.page-content__side-nav div.below-vertical-nav h5 a {
    color: var(--sfu-colour-p3)
}

@media(any-hover: hover) {
    .page-content__side-nav div.below-vertical-nav h5 a:hover {
        color:var(--sfu-colour-p1);
        background: 0;
        text-decoration: none
    }
}

.page-content__side-nav div.below-vertical-nav a.logout {
    margin-bottom: 3rem
}

div.intro p {
    font-size: 2.2rem;
    line-height: 3.6rem
}

div.quote h5 b {
    font-family: var(--sfu-font-body);
    font-weight: var(--sfu-font-weight--bold);
    font-stretch: var(--sfu-font-stretch--normal)
}